.red{color:#DD0000}
.line{margin-bottom:15px;padding-top:15px;border-bottom-width:1px;border-bottom-style:dashed;}
.swiper{overflow: hidden;padding: 0px;position: relative;}
#Master_Body .fancybox-close {top: -44px;right: 0px;}
#Master_Body .fancybox-skin{margin-top: 40px;}
#Master_Body .fancybox-skin .fancybox-close{width: 40px;}

/*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../JavaScripts/Plugin/fancyBox/v2.1.5/source/fancybox_sprite@1x_2.png);}
.fancybox-nav span{width: 66px;height: 54px;}
.fancybox-skin .fancybox-close {width: 66px;	height: 54px;right: -40px;}
.fancybox-prev span {background-position: 0 -54px;}
.fancybox-next span {background-position: 0 -108px;}
#fancybox-loading div {width: 66px;height: 66px;}
#fancybox-loading {background-position: 0 -162px;}*/

 /* Image */
.imgbox{width:100%;height: 100%;position: relative;overflow: hidden;/*max-height: 50vw;*/}
/*.imgbox a{height: 100%;}
.imgbox span{display:none;}
.imgbox img {max-height: 100%;max-width: 100%;}*/

.imgbox > a{position: relative;width: 100%;height: 100%;}
.imgbox span{display:none;}
.imgbox > a > img {position: absolute;width: 100%;max-width: unset;max-height: unset;top: 0;}
.imgbox a.various ,.imgbox a.vertical {
 z-index: 999;
 display: block;
 height: 60px;
 position: absolute !important;
 transform: translate(-50%, -50%);
 transform-origin: 0 0;
 width: 80px;
 z-index: 6;
 left: calc(100% / 2);
 top: calc(100% / 2);
}

.imgframe{width:100%;height:0px;padding-bottom: 100%;position: relative;}
.imgframe .imgbox {height:100%;width:100%;position: absolute;border-style: none;overflow: hidden;background-size:50%;background-position:center center;background-repeat:no-repeat;}
.imgframe .imgbox a{height: 100%;width: 100%;position: absolute;z-index: 99;}
.imgframe .imgbox img{max-height:100%;max-width:100%;}
.imgframe:hover .imgbox img {transform: scale(1.1);opacity:1;transition-duration: 0.5s;}

/*.imgframe .imgbox img{max-height:100%;max-width:100%;}*/
.image.featured img {width: 100%;}
@media screen and (max-width: 768px) {
.image {border: 0;display: inline-block;position: relative;}
.image img {display: block;}
.image.left {display: block;float: left;position: relative;}
.image.left img { display: block; width: 100%;}
.image.fit {display: block;}
.image.fit img { display: block;width: 100%;}
.image.featured {display: block;width: 100%;/*object-fit: scale-down;*/}
}
@media screen and (min-width: 769px) {
.image.featured {max-width: 100%;}
.flexslider .slides img.mobile{display: none;}
}
#page-wrapper,.page-container{margin:0 auto;position: relative;}
@media screen and (max-width: 768px) {
#page-wrapper{width: 100%;}
.flexslider .slides img.desktop{display: none;}
}
/*---------------------*/ 
/* Wrapper */
.wrapper {padding: 10px 0 0 0;margin: 0px auto;}
.wrapper.style2 {margin-bottom: 20px;padding: 0px;}
.wrapper.style3 {padding: 10px 0 20px 0;}
.wrapper.style4 {margin: 0px;padding: 0px;}
@media screen and (max-width: 768px) {
.wrapper.style3 {padding: 5px;}
}
/*---------------------*/ 
#pc-hoader01{margin-top: -1px;} 

/* Header */
#header .header-left{position: absolute;z-index: 1001;top:5px;left:5px;}
#header .web_logo {background-color: transparent;display: inline-block;text-align: left;}
#header .web_logo p {display: none;}
#header #titleBarMember{display: none;}
#header #TopNav img{margin-top: -5px;}
#header #TopNav dt,#header #TopNav dd{line-height:30px;position:absolute;top: 5px;right: 20px;z-index:999}
#header #TopNav dd{font-size:1rem;z-index: 1001;background-repeat: no-repeat;background-position: left bottom;padding-left: 14px;}
#header #TopNav dd .icon-favourites{background-repeat:no-repeat;background-position:left top;height:16px;width:16px;margin-right:5px;margin-left:5px}
#header #TopNav ul:after,#header #TopNav ul:before,#header #TopNav li:after,#header #TopNav li:before {display: none;}
#header #TopNav ul{background-repeat: no-repeat;background-position: right top;height: 32px;padding-right: 10px;}
#header #TopNav ul li{position:relative;}
#header #TopNav ul li.line{height:14px;margin:0px 5px 0 0;padding:0 0 0 5px;border-bottom: none}
#header #TopNav a.SelectNav .mask{background-repeat:no-repeat;background-position:left top;height:5px;width:10px;margin-left:5px;margin-right:0}
#header #TopNav a.SelectNav,.Self_Link a.SelectNav{display:block;cursor:pointer;_padding-top:1px;position:relative;z-index:10001;width:auto;padding:0 5px;border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;}
#header #TopNav a:hover{font-weight: bold;}
#header #TopNav li:hover .SelectNav,.Self_Link li:hover .SelectNav {margin-top:-2px;line-height:32px;border-bottom: none;padding :0 4px;}
#header #TopNav li:hover .SubNav,.Self_Link li:hover .SubNav{display:block}
#header #TopNav .SubNav,.Self_Link .SubNav{display:none;z-index:1001;top:29px;position:absolute;line-height:18px;height:auto;width:auto;left:0;border-top-left-radius: 0;}
#header #TopNav .SubNav li,.Self_Link .SubNav li{float:none;padding:5px;text-align: left;}
#header #TopNav ul li.language .SubNav,.Self_Link ul li.language .SubNav{right: 0;left: auto;margin-right: 0px;}
#header #TopAd{position: absolute;right: 100px;bottom: 30px;}
#header #TopAd li{display: inline-block;margin-left: 10px;}
#header #MainMenu .language img{margin: 0 3px 3px 0;}

#header #mem_name{color:#FFF;margin: 0 5px 0 0;}
#header #TopNav #mem_name a,#header #MainMenu #mem_name a{color:#81B4FA;text-shadow: none;}
#header #MainMenu #mem_name{margin: 0 0 0 5px;}
/*#header #mem_name{background-color: #EEEEEE99;height: 25px;padding: 0 10px;border-radius: 20px;margin: 0 5px 0 0;}
#header #mem_name a{line-height: 25px;}
#header #MainMenu #mem_name{margin: 0 0 0 5px;}
#header #TopNav #mem_name a{text-shadow: none;}*/
.language img{width:20px;height: 20px;background-image: url("../images/en.png");background-size: cover;}
#header #TopNav ul li.language:hover img{background-image: url("../images/enhover.png");}

#nav {cursor: default;padding: 0;overflow: hidden;}
#nav > ul > li a {text-decoration: none;border: 0;display: block;}
#nav > ul > li > a{position: relative;}
#nav > ul > li > a span:before{content: "";width: 0;height: 3px;position: absolute;left: 50%;transition: all .5s;bottom: -3px;}
#nav > ul > li > a span:hover:before,#MainMenu li .select span:before{left: 0%;width: 100%;}
/*---------------------*/ 


/*選單*/
/*主*/
#MainMenu{background-color: transparent;border:none;height:40px;}
#MainMenu li {text-align:center;margin: 0px;padding: 2px 2px 2px 0;height:40px;}
#MainMenu > li.mobile {display:none;}
#MainMenu li a{display:block;line-height:40px;font-size:clamp(18px, 1vw ,1.2rem);line-height:35px;font-weight: bold;}
#MainMenu li a span{padding:0 10px;display:block;}
#MainMenu ul{width: 0px;}
#header #pc-hoader02 .nav_memubnt {display:none;}

/*次*/
.dropotron{text-align: center;padding: 1em 0;display: none;left:0;padding: 60px 0;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.dropotron{opacity: 0;animation-name: fade_In;transition: all 0.5s ease-out}
.dropotron > li a img{background-image: url(../images/MainMenuIcon.png);-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.dropotron > li a:hover img,.dropotron > li img:hover ,#MainMenu ul li .select img {filter:alpha(opacity=80); -moz-opacity:0.8;opacity: 0.8;}
.dropotron > li {line-height: 20px;font-size: 1rem;padding-top: 0;padding-right: 1.1em;padding-bottom: 0;padding-left: 1em;vertical-align: top;margin: 10px 0;}
.dropotron > li > a {text-decoration: none;border: 0;position: relative;}
.dropotron > li img{height:62px;width:62px;margin-right:auto;margin-left:auto;display:block;margin-bottom: 5px;}
.dropotron > li:hover img{animation-name: pulse;}
.dropotron > li a:hover:after{content:" ";background-image: url(../images/MainMenuIcon_hover.png);background-repeat: no-repeat;background-position: left top;position: absolute;height: 62px;width: 62px;top: 3px;left: calc((100% - 58px) / 2);}
.dropotron > li a .icon1{background-position:left top}
.dropotron > li a .icon2{background-position:-62px top}
.dropotron > li a .icon3{background-position:-124px top}
.dropotron > li a .icon4{background-position:-186px top}
.dropotron > li a .icon5{background-position:-248px top}
.dropotron > li a .icon6{background-position:-310px top}
.dropotron > li a .icon7{background-position:-372px top}
.dropotron > li a .icon8{background-position:left -62px}
.dropotron > li a .icon9{background-position:-62px -62px}
.dropotron > li a .icon10{background-position:-124px -62px}
.dropotron > li a .icon11{background-position:-186px -62px}
.dropotron > li a .icon12{background-position:-248px -62px}
.dropotron > li a .icon13{background-position:-310px -62px}
.dropotron > li a .icon14{background-position:-372px -62px}
.dropotron > li a .icon15{background-position:left -124px}
.dropotron > li a .icon16{background-position:-62px -124px}
.dropotron > li a .icon17{background-position:-124px -124px}
.dropotron > li a .icon18{background-position:-186px -124px}
.dropotron > li a .icon19{background-position:-248px -124px}
.dropotron > li a .icon20{background-position:-310px -124px}
.dropotron > li a .icon21{background-position:-372px -124px}
.dropotron > li a .icon22{background-position:left -186px}
.dropotron > li a .icon23{background-position:-62px -186px}
.dropotron > li a .icon24{background-position:-124px -186px}
.dropotron > li a .icon25{background-position:-186px -186px}
.dropotron > li a .icon26{background-position:-248px -186px}
.dropotron > li a .icon27{background-position:-310px -186px}
.dropotron > li a .icon28{background-position:-372px -186px}
.dropotron > li a .icon29{background-position:left -248px}
.dropotron > li a .icon30{background-position:-62px -248px}
.dropotron > li a .icon31{background-position:-124px -248px}
.dropotron > li a .icon32{background-position:-186px -248px}
.dropotron > li a .icon33{background-position:-248px -248px}
.dropotron > li a .icon34{background-position:-310px -248px}
.dropotron > li a .icon35{background-position:-372px -248px}
.dropotron > li a .icon36{background-position:left -310px}
.dropotron > li a .icon37{background-position:-62px -310px}
@media screen and (max-width: 768px) {
.desktop.dropotron{display:none;}
}
/*選單end*/

input.submit,input.reset{cursor:pointer;text-align:center;vertical-align:middle;height:30px;border-style:none;padding-right: 10px;padding-left: 10px;}
input.MemberSubmit{width:auto;padding-right:10px;padding-left:10px;}
input.MemberReset{width:auto;padding-right:10px;padding-left:10px;}
input.bntstyle{cursor:pointer;text-align:center;vertical-align:middle;height:30px;width:auto;color:#000;padding-right:10px;padding-left:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.inputbn{text-align:right;margin-top:10px;margin-bottom:10px;}
@media screen and (max-width: 768px) {
input[type="text"].small{width:50%;}
input[type="text"],textarea{width:calc(100% - 8px);}
input,textarea,select{margin-bottom:5px;}
}
@media screen and (max-width: 480px) {
input.submit,input.reset{width:40%;font-size:16px;}
}
/*---------------------*/ 

#footer .menu{padding-top: 10px;padding-bottom: 10px;gap: 10px;flex-wrap: nowrap}
#footer .menu dt{line-height:16px;float:left;margin-top:10px;}
#footer .menu dt a{padding:5px}
#footer .menu dd{border-style: none;margin-top:0px}
#footer .menu .fb{background-image: url(../images/style_1/object-link.png);background-repeat: no-repeat;background-position: -93px top;height: 31px;width: 31px;display: inline-block;}
#footer .menu .fb:hover{background-position: -93px bottom;}
#footer .menu dd ul li {width: 48%;display: inline-block;}
#footer .info{clear:both;padding:10px}
#footer .text{font-size:13px;padding:10px;display:block}
#footer #ShowSubMenu.menu a{font-size:16px;}
#footer #ShowSubMenu.menu ul a{font-size:14px;}
#footer #ShowSubMenu.menu dt{order: 2;flex-shrink: 1;}
#footer #ShowSubMenu.menu dd{width: clamp(10% , 16vw, 230px);order: 1;}
#footer #ShowSubMenu.menu .clean{display:none}
#footer #ShowSubMenu dt ul {display: block;}
#footer #ShowSubMenu dt ul a{display: inline-block;}
#footer #ShowSubMenu.menu dd ul li.logo{width:100%}
#footer #ShowSubMenu.menu dd ul li.logo img{max-width:100%}
#footer #ShowSubMenu dd{text-align: center;}
#footer #ShowSubMenu dd ul li {margin-bottom: 10px;}
#footer #HideSubMenu dt ul {display: none;}
#footer #HideSubMenu.menu dd ul li.logo {display: none;}
#footer #city_search_key{border-bottom: 1px solid #666666;border-top: 1px solid #666666;padding-top: 10px;padding-bottom: 10px;}
#footer #city_search_key dl {margin: 3px 0;}
/*#footer #city_search_key dl:after {content: '';display: block;clear: both;height: 0;}*/
#footer #city_search_key dl dt,#footer #city_search_key dl dd{font-size: 0.875rem;}
#footer #city_search_key dl dt{width: 80px;	color:#FC0;}
#footer #city_search_key dl dd{	width: calc(100% - 80px);}
#footer #city_search_key dl dd a{color: #999;padding-right: 5px;padding-left: 5px;}
#footer #city_search_key dl dd a:hover{color: #CCC;}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
#footer #ShowSubMenu.menu dt{width: calc((100% - 25%) / 7);}
#footer #ShowSubMenu.menu dd{width: 18%;}
#footer #ShowSubMenu dd ul li {margin-bottom:0px;margin-top:5px;display: inline-block;}
} 
@media screen and (min-width: 769px) {
#footer .menu dd{float:right;}
#footer .info dt{/*float:left;width:85%;*/line-height:30px;font-size: 0.875rem;}
#footer .info dd{float:right;width:15%;text-align: right;}
#footer #ShowSubMenu .info dt{line-height:30px;margin-bottom:10px}
#footer #ShowSubMenu .info dd{width:100%}
#footer #HideSubMenu.menu dd{width: 40%;text-align: right;}
#footer #HideSubMenu dd ul li {margin-bottom: 5px;width: 24%;display: inline-block;}
}
@media screen and (max-width: 768px) {
/* Footer */
#footer {text-align: center;}
#footer .menu dt{display:none;}
#footer .info dt{font-size: 0.875rem;line-height:30px;margin-bottom:10px;}
#footer .info dd{width:100%;}
#footer #ShowSubMenu dt ul {display: block;}
#footer #ShowSubMenu.menu dd,#footer #HideSubMenu.menu dd{width:clamp(230px , 70vw , 70%);margin: 0 auto;}
#footer #ShowSubMenu.menu dd ul li,#footer #HideSubMenu.menu dd ul li{width:45%;}
#footer #ShowSubMenu.menu dd ul li.image img ,#footer #HideSubMenu.menu dd ul li.image img{display:none;}
#footer #ShowSubMenu.menu dd ul li.image a img ,#footer #HideSubMenu.menu dd ul li.image a img{display:block;}
#footer #city_search_key{display:none;}
}
/*---------------------*/ 
/*內頁大標題*/
#MainTitle{padding-top:10px;padding-bottom:10px;margin-bottom:20px}
#MainTitle dt{font-size:22px;font-weight:400;line-height:31px;}
#MainTitle dt.breadList{font-size: 14px;color: #999;float: none;}
#MainTitle dt span{font-size:16px}
#MainTitle dt span a{color: #000;}
#MainTitle dd{padding-top:4px;}
#MainTitle .logout{background-position: -435px -120px;background-repeat: no-repeat;height: 33px;width: 71px;margin-top: -5px;margin-left: 10px;}
#MainTitle .logout:hover{background-position: -506px -120px;}
#MainTitle .house-info-name{font-size: 20px;}
#MainTitle .house-info-commu a{font-size: 1rem;margin-left: 15px;padding-left: 25px;background: url(/images/icons/commu.png) no-repeat 0 3px;color:green;display: block;}
#MainTitle .house-info-commu a::after{content:'>' }
#MainTitle .clean{display: none;}
#MainTitle .ObjectLink{gap: 5px;}
@media screen and (max-width: 480px) {
#MainTitle .house-info-commu a{margin-left:15px;}
#MainTitle .house-info-commu{display: block;border: 1px solid green;border-radius: 5px;background: #FFFFE1;margin-top: 5px;}
#MainTitle .ObjectLink .join-favourites,#MainTitle .ObjectLink .del-favourites{display:none}
}
/*---------------------*/ 
/*分頁樣式*/
.page{position: relative;min-height: 35px;font-size: 0.875rem;}
.page .msg{line-height: 33px;}
.page ul{margin: 5px 0;gap: 5px;}
.page li input{height: 30px;text-align: center;border: 1px solid #CCC;}
.page li:last-of-type{margin-right:0px}
.page li a{line-height:28px;padding-right:6px;padding-left:6px;}
.page li a img{height:20px;width:20px;background-repeat:no-repeat;}
.page li a .first{background-position:left top;margin-right:5px}
.page li a .prev{background-position:left -20px;margin-right:5px}
.page li a .next{background-position:left -40px;margin-left:5px}
.page li a .last{background-position:left -60px;margin-left:5px}
.page li a .chart{background-position:-750px top;margin-right:5px}
.page li a.select .chart {background-position:-730px top;}
.page li a .lists{background-position:-750px -20px;margin-right:5px}
.page li a.select .lists {background-position:-730px -20px;}

@media screen and (min-width: 769px) {
.page .msg{position: absolute;left: 0px;top:0px;}
}
@media screen and (max-width: 768px) {
.page ul {margin-bottom: 5px;justify-content: center;}
.page ul li.desktop,.page ul li .pn{display:none;}
.page select {margin-bottom: 0px;vertical-align: top;}
}
/*分頁樣式-個人頁*/
#team_object .page li a{line-height: 38px;padding-right: 8px;padding-left: 8px;}
#team_object .page select,#team_object .page li input{height: 40px;}
/*---------------------*/ 
/* 右下代碼 */
.gotop .dn{display: none;}
.gotop{position: fixed;bottom: calc((100% - -77px) / 4);right: -1px;width: 45px;z-index: 1101;}
#go-top {/*bottom: calc((100% - 135px) / 2);*/bottom: calc((100% - 105px) / 4);z-index: 998;}
.gotop > a,.gotop .bntbox > a{display: block;width: 45px;height: 45px;}
.gotop > a:last-of-type{border-bottom-style: none;}
.gotop .go{background-position: 0 -135px;}
.gotop .go:hover{background-position: -45px -135px;}
.gotop .FbCustomerChat{background-position: 0 -90px;}
.gotop .FbCustomerChat:hover{background-position: -45px -90px;}
.gotop .uc-2vm{background-position: 0 -45px;}
.gotop .uc-2vm:hover{background-position: -45px -45px;}
.gotop .favourites{background-position: 0 0px;}
.gotop .favourites:hover{background-position: -45px 0px;}
.gotop .bntbox {position: relative;}
.gotop .bntbox:before{display: none;}
.gotop .bntbox > span{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 0.75rem;background: #E60012;border-radius: 50%;position: absolute;left:-10px;top: -10px;color: #FFF;}
.gotop .addcart{background-position: 0 -180px;}
.gotop .addcart:hover{background-position: -45px -180px;}
.gotop .uc-apartmaent{background-position: 0 -225px;}
.gotop .uc-apartmaent:hover{background-position: -45px -225px;}
.gotop .uc-Chatgpt{background-position: 0 -270px;}
.gotop .uc-Chatgpt:hover{background-position: -45px -270px;}
.gotop .uc-line{background-image:url(../images/LINE02.svg);background-size: 70%;background-position: center center;background-repeat: no-repeat;}
.gotop .uc-line:hover{background-image:url(../images/LINE01.svg);background-color:#00C000;}
:where(.gotop) :is(.uc-2vm-pop,.Chat-pop,.uc-apartmaent-pop,.uc-Chatgpt-pop){
	position: absolute;
	right: 60px;
	bottom: -50px;
	padding: 5px;
	animation-name: fade_In;/*動畫名字*/
	animation-duration: 0.8s;/*動畫時間*/
	animation-iteration-count: 1; /*動畫執行幾次，1就是執行1次不會重複*/
	animation-timing-function: ease;/*動畫的加速度曲線*/
	animation-fill-mode: forwards;/*動畫完成後，保持最後一個屬性質*/
	opacity: 0;
}
.gotop .uc-apartmaent-pop{top: 0px;bottom: auto;}
.gotop > div:before{content: '';position: absolute;display: block;width: 10px;height: 10px;right: -6px;bottom: 145px;z-index: -1;
-moz-transform: rotateZ(-135deg);-ms-transform: rotateZ(-135deg);-webkit-transform: rotateZ(-135deg);transform: rotateZ(-135deg);
}
.gotop .uc-apartmaent-pop:before{top: 60px;bottom: auto;}
.gotop .Chat-pop:before{bottom: 200px;}
.gotop .Chat-pop .qrcode_box{padding: 10px;}
.gotop .Chat-pop > a{display: block;width: 33px;height:33px;}
.gotop .Chat-pop .closebn{display: block;z-index: 90;position: absolute;font-size: 22px;padding: 5px 8px;background-color: rgba(255, 255, 255, 0.6) ;left: 5px;top: 5px;}
.gotop .uc-2vm-pop:before{bottom: 110px;}
.gotop .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.gotop .uc-2vm-pop .logo-2wm-box{position: relative;}
.gotop .uc-2vm-pop .pop-box dt,.gotop .uc-2vm-pop .pop-box dd{display: inline-block;font-size: 12px;vertical-align: top;}
.gotop .pop-box dt h3{text-align: center;line-height: 40px;}
.gotop .uc-2vm-pop .pop-box dt{position: relative;height: 180px;width: 130px;}
.gotop .uc-2vm-pop .pop-box dt .qrcode_box{position: absolute;top: 0px;bottom: 0px;}
.gotop .pop-box dt{max-height: 400px;width: 200px;text-align: center;z-index: 50;}
.gotop .pop-box dt img{max-width:100%;max-height: 100%;}
.gotop .pop-box dd a{background-image:none;width: 100%;line-height: 30px;height: 30px;margin-top: 5px;display: inline-block;vertical-align: middle;padding-left: 30px;position: relative;}
.gotop .pop-box dd a:first-child{width: 100%;margin-top: 0px;}
.gotop .pop-box dd a:before{content:"";display: inline-block;background-image: url(../images/uc-2vm-pop.png);background-repeat: no-repeat;height: 15px;width: 15px;position: absolute;left: 5px;top: 7px;}
.gotop .pop-box dd a:nth-of-type(2):before{background-position: left -15px;}
.gotop .pop-box dd a:nth-of-type(3):before{background-position: left -30px;}
.gotop .pop-box dd a:nth-of-type(4):before,.gotop .Chat-pop .pop-box dd a:before{background-position: left -45px;}
.gotop .pop-box dd a:nth-of-type(5):before{background-position: left -60px;}
.gotop .pop-box dd a.select:before,.gotop .pop-box dd a:hover:before{background-position: -15px top;}
.gotop .pop-box dd a.select:nth-of-type(2):before,.gotop .pop-box dd a:hover:nth-of-type(2):before{background-position: -15px -15px;}
.gotop .pop-box dd a.select:nth-of-type(3):before,.gotop .pop-box dd a:hover:nth-of-type(3):before{background-position: -15px -30px;}
.gotop .pop-box dd a.select:nth-of-type(4):before,.gotop .pop-box dd a:hover:nth-of-type(4):before,
.gotop .Chat-pop .pop-box dd a.select:before,.gotop .Chat-pop .pop-box dd a:hover:before
{background-position: -15px -45px;}
.gotop .pop-box dd a.select:nth-of-type(5):before,.gotop .pop-box dd a:hover:nth-of-type(5):before{background-position: -15px -60px;}
.gotop .uc-apartmaent-pop h3{font-weight: bold;padding: 5px;}
.gotop .uc-apartmaent-pop h3 span{float: right;font-weight: bold;font-size: 0.85rem;}
.gotop .uc-apartmaent-pop h3 span font{padding-right: 5px;padding-left: 5px;}
.gotop .uc-apartmaent-pop .compare_bn a{font-size: 1rem;font-weight: bold;color: #FFF;text-align: center;display: block;padding: 5px;margin: 5px;}
.gotop .uc-apartmaent-pop .pop-box li{width:50%;text-align: center;position: relative;padding: 5px;}
.gotop .uc-apartmaent-pop .pop-box li h3{font-size: 0.85rem;}
.gotop .uc-apartmaent-pop .pop-box li:hover{background-color: #EFEFEF;}
.gotop .uc-apartmaent-pop .pop-box li .del{position: absolute;top: -5px;right: -5px;font-size: 1rem;z-index: 10;color: #FFF;background-color: #000;height: 24px;width: 24px;line-height: 24px;}
.gotop .uc-apartmaent-pop .pop-box li .imgframe {padding-bottom: 75%;width:100%;position: relative;}
.gotop .uc-apartmaent-pop .pop-box li .imgframe a{width:100%;height: 100%;position: absolute;left: 0px;top: 0px;z-index: 9;}
.gotop .uc-apartmaent-pop .pop-box li .imgframe .imgbox{background-color: #EBEBEB;}
/*.gotop .uc-Chatgpt-pop{background-image: url(../images/temp/AIbg.jpg);background-size: cover;bottom: -15vh;height: 80vh}
.gotop .uc-Chatgpt-pop:before{bottom: calc((100% - 10vh) / 4);}
.gotop .uc-Chatgpt-pop > .title {display: flex;align-items: center;font-size: 1.2rem;font-weight: bold;border-bottom:1px solid #CCCCCC80;gap: 10px;width: calc(100% + 10px);margin:-5px -5px 0 -5px;background-color: #CCCCCC33;padding: 0 20px;}*/

@media screen and (min-width: 769px) {
:is(.gotop) :is(.uc-2vm-pop,.uc-apartmaent-pop){width: 280px;}
.gotop .uc-2vm-pop dt,.gotop .uc-2vm-pop dd{width: 50%;padding: 5px;}
}
@media screen and (max-width: 768px) {
.gotop .pop-box dt{height: 200px;width: 200px;}
.gotop .pop-box dd a{line-height: 40px;height: 40px;font-size:14px;}
.gotop .pop-box dd a:before{top: 12px;}
.gotop .uc-apartmaent-pop{width: 200px;}
.gotop a{filter:alpha(opacity=90);  /* IE */-moz-opacity:0.9;/* Moz + FF */opacity: 0.9;}
}


@scope (.gotop .uc-Chatgpt-pop){
:scope{padding: 0;}
:scope:before{bottom: calc((100% - 10vh) / 4);}
.aichat-content{height: 100%;overflow: hidden;}
.close_pop {width: 40px;height: 40px;margin: 0 -10px 0 auto;display: flex;justify-content: center;align-items: center;position: absolute;top: 5px;right:20px;z-index: 161;}
.close_pop:before {content: "\f00d";font-size: 2rem;color: #CCC;}
.ai-canvas{padding: 0 0 10px 0;height:100%;width: 100%;position: relative;}
.aichatbox header{font-size: 1.5rem;}
.nav_input{width: calc(100% - 10px);}
.nav_guild .bntbox{gap: 5px;}
.nav_guild .bntbox > li > a{width: 40px;}
.nav_guild .bntbox li a font{display: none;}
.nav_guild .bntbox li.searchweb .selectbox{width: 300px;}
.nav_guild .bntbox li.add .tips{left:0;}
.nav_guild .bntbox li.add .tips:before {left: calc((100% - 47px) / 2);}
.nav_guild .bntbox li.voice .tips{right:0;left: auto;}
.nav_guild .bntbox li.voice .tips:before {left: calc((100% + 70px) / 2);}
.nav_guild .bntbox li.searchweb .selectbox ul li a:hover{background-color: transparent;}

:scope :is(.aichatbox) {height: 80vh;border-radius: 5px;padding-top: 55px;}
:is(.aichat-String) :is(.stringbox,header) {width: 100%;}
.aichat-String{position: absolute !important;top:0;left: 0;width: 100%;z-index: 100;}
.aichat-String header{position:fixed;top:0;left: 0;width: 100%;z-index: 100;}
:is(.aichatbox ,.aichatbox.start ) :is(.nav_input){width: calc(100% - 10px);}
.aichat-String #CollapseMenu {position:fixed;top:0;left: 0;width: 100%;z-index: 101;}
.aichat-String #CollapseMenu .bnt {position: absolute;z-index: 101;top: 0;left: 0px;right: auto;}
.aichat-String {height: 50px;background-color: transparent;border: none;z-index: 160;}
.aichat-String header{background-color: #f8f8f8;}
.aichat-String-scroll{border-radius: 10px;}
.aichat-String-scroll.sidenav{width: 0;}
.aichat-String .stringbox {box-shadow: none;}
.aichat-String .aichat-String-scroll {overflow: visible;height: 100%;}
.aichat-String .stringbox.widthstyle{width: 100%;}
.aichat-String .stringbox {margin-top: 0px;}
.aichat-String .stringbox .stringlist {margin:50px 0 0 0;background-color: #FFF;height: calc(80vh - 120px);border-radius: 0;overflow: auto;flex: auto;}
.aichat-String.logged .stringlist{height: calc(80vh - 50px);}
.aichat-String.logged .stringmsg{display: none;}
.aichat-String .stringbox .stringmsg{background-color: #f8f8f8;}
@media screen and (min-width: 769px) {
:scope {bottom: -15vh;height: 80vh}
.ai-canvas{width: 600px;}
.aichat-String header {border-top-left-radius: 5px;border-top-right-radius: 5px;}

}
@media screen and (max-width: 768px) {
:scope {border: none!important;border-radius: 0!important;z-index: 1010;}
:scope :is(.aichatbox) {height: calc(100vh - 50px);}
.aichat-String .stringbox .stringlist {height: calc(100vh - 166px);}
.aichat-String.logged .stringlist{height: calc(100vh - 97px);}
}
}







.aiicon svg{fill:#FC0;}
.aiicon svg path:first-child{fill:rgb(255, 153, 0);}
@scope (.page-container-aichat){
:scope{background-image: url(../images/temp/AIbg.jpg);background-size: cover;position: relative;overflow: hidden;}
.ai-canvas {justify-content: space-around;align-items: stretch;gap: 0px;color: #000;}
#canvas{position: absolute;width: 100%;height: 100%;z-index:0;}
.aichat-content{overflow: hidden;padding: 30px 0 30px 30px;position: relative;z-index: 5;}
.aichat-content .aichatbox{background-color: #FFFFFFDD;border-radius: 10px;height: 580px;overflow: auto; overflow-X: hidden;}
.aichat-content .aichat-String.hide_string + .aichatbox{height: 600px;}
.aichat-content .aichat-String.logged .stringlist{height: calc(580px - 95px);}
.aichat-content .aichat-String.logged .stringmsg{display: none;}
.aichat-content .aichatbox.start .nav_input{width: calc(100% - 160px);}
.aichat-content .aichatbox .nav_input{width: calc(100% - 50px);border: 1px solid #DDD;}
.aichat-content .aichat-String{height: auto;background-color: rgb(211,211,211, .95);border-radius: 10px;z-index: 999 ;}
/*.aichat-content .aichat-String header{background-color: transparent;top: -80px;padding: 0;}*/
.aichat-content .aichat-String header{background-color: transparent;padding: 0;position: static;}
.aichat-content .aichat-String .stringbox {box-shadow: 0px 0px 5px 2px #1f1f1f;border-radius: 10px;}
/*.aichat-content .aichat-String .stringbox .stringlist dl .sub_menu{background-color:#FFF;}*/
.aichat-content .aichat-String .stringbox .stringlist dl .sub_menu li a{color: #000;}
.aichat-content .aichat-String .stringbox .stringlist dl .sub_menu li a:hover{color: #333;}
:is(.aichat-content .aichat-String .stringbox .stringlist) :is(dl dt a:hover,dl:hover a){color: #000;}
:is(.aichat-String) :is(.stringbox,header){width: 100%;}
.aichat-String .stringbox .stringlist{margin: 0;overflow: scroll; overflow-X: hidden;flex: none;height: calc(580px - 165px);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.aichat-String .stringbox .stringlist dl:hover{background-color: #FFFFFF66;}
.aichat-String .stringbox .stringlist .sortlist li .sort-title {color: #000;}
.aichat-String .stringbox .stringlist:before{color: #444;}
.aichat-String .aichat-String-scroll{overflow:visible;height: auto;}
.aichat-String dd .more_ab,.aichat-String dl dd .more_ab:before,.aichat-String dl dd .more_ab:after{background-color: #FFF;}
.aichat-String .stringmsg{border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color: #FFFFFFBF;}
/*隱藏片語*/
.aichat-content .aichat-String.hide_string{background-color: transparent;border: none;}
:is(.aichat-content .aichat-String.hide_string) :is(.stringlist,.stringmsg){display: none;}
.aichat-content .aichat-String.hide_string .stringbox{box-shadow:none}
.aichat-content .aichat-String.hide_string header{font-size: clamp(2rem, 2.8vw, 3rem);padding: 0;}
@media screen and (min-width: 769px) {
.aichat-String{overflow:visible;}
.aichat-String #CollapseMenu{display: none;}
.aichat-String{/*width:clamp(280px, 18vw, 320px);margin-top: 80px;*/flex: 1;}
.aichat-String header font{color: #000;text-shadow: -1px 0 #FFF, 0 1px #FFF,1px 0 #FFF, 0 -1px #FFF;}
.aichat-content{flex: 1;}
.aichat-content .aichatbox{max-width: 68%;/*width: 600px;*/flex:none}
.aichat-content .aichat-String header{margin: 20px 0;}
.aichat-String .stringbox .stringlist .sortlist li .sort-title {background-color: #FFFFFF66;}
.aichat-String .stringbox .stringlist .sortlist li:hover .sort-title {background-color: #FFFFFFCC;}
}
@media screen and (max-width: 768px) {
.ai-canvas{border-radius: 10px;overflow: hidden;}
:scope{flex-direction:column;padding:10px 0;}
.ai-canvas{position: relative;}
.aichat-content{width: 100%;padding:0px;}
.nav_guild .bntbox{gap: 5px;}
.aichat-String,.aichat-content .aichat-String header ,.aichat-String #CollapseMenu{position: absolute !important;top:0;left: 0;width: 100%;}
:is(.aichat-content) :is(.aichatbox ,.aichatbox.start ) :is(.nav_input){width: calc(100% - 10px);}
.aichat-String #CollapseMenu a{position:static;}
.aichat-String .aichat-String-scroll.sidenav{width: auto;}
.aichat-content .aichat-String {height: 50px;background-color: transparent;border: none;}
.aichat-content .aichat-String header{background-color: #f8f8f8;}
.aichat-content .aichat-String-scroll{border-radius: 10px;}
.aichat-content .aichat-String .stringbox {box-shadow: none;}
.aichat-content .aichat-String .stringbox.widthstyle{width: 100%;}
.aichat-content .aichat-String .stringbox {margin-top: 0px;}
.aichat-content .aichat-String .stringbox .stringlist {margin:50px 0 0 0;background-color: #FFF;height: calc(580px - 118px);border-radius: 0;}
.aichat-content .aichat-String.logged .stringlist{height: calc(580px - 50px);}
.aichat-content .aichat-String .stringbox .stringmsg{background-color: #e9e9e9;}
}
}







/*新版swiper*/
#page-wrapper .swiper-button-next {color: transparent;background-repeat: no-repeat;}
#page-wrapper .swiper-button-prev {color: transparent;background-repeat: no-repeat;}
#page-wrapper .swiper-button-next:after,#page-wrapper .swiper-button-prev:after{background-repeat: no-repeat;}
.chart-container{width: calc(100% - 16px);height: 50vh;margin: 8px;}
/*googlesesrch*/
#pc-hoader_googlesesrch .ui-widget-content{border: none;}
#pc-hoader_googlesesrch .gsib_a {padding: 2px;}
#pc-hoader_googlesesrch .sb-search input[type='text'] {height: 30px;}
#pc-hoader_googlesesrch .sb-search {width: 30px;height: 30px;display: block;position: absolute;right: 0;top: 5px;padding: 0;margin: 0;line-height: 30px;text-align: center;cursor: pointer;border: none;}
#pc-hoader_googlesesrch .fa-times.ui-state-default{background: #FFF;}
@media screen and (min-width: 769px) {
#TopSearch{top: 5px;right: 0px;position: absolute;width: 100%;z-index: 1005;}
#pc-hoader_googlesesrch .cse .gsc-control-cse,#pc-hoader_googlesesrch .gsc-control-cse {padding:1.35em 3em;}
}
@media screen and (max-width: 768px) {
/*.gotop .uc-Chatgpt-pop {width: 100vw;min-height: calc(100vh - 47px);bottom: 0;position: fixed;right: 0;border-radius: 0;}*/
.gotop .uc-Chatgpt-pop{width: 100vw;height: calc(100dvh - 47px);min-height: calc(100dvh - 97px);top: 47px;position: fixed;right: 0;border-radius: 0;}
.gotop .uc-Chatgpt-pop .aichatbox{width:100%}
#pc-hoader_googlesesrch .gsc-control-cse{padding: 5px 10px;}
#pc-hoader_googlesesrch .gsc-input-box{padding-top: 3px;padding-bottom: 3px;}
#pc-hoader_googlesesrch  #button{display:none;}
}



/*20200708搜尋新增*/
.closebox .buy_t ,.SearchBox2 dl dd .buy_t{display: inline-block;}
.closebox .buy_t{float: left;}
.wow{visibility: hidden;}
::-webkit-scrollbar{
height: 5px !important;
width: 5px !important;
-webkit-overflow-scrolling: touch;
}
/*定義了滾動條滑塊的樣式*/
::-webkit-scrollbar-thumb {
border-radius: 0;
border-style: dashed;
background-color: rgba(12, 80, 235, 0.4);
border-color: #e2242400;
border-width: 1.5px;
background-clip: padding-box;
}
/*定義了軌道的樣式*/ 
::-webkit-scrollbar-track {/*滾動條裡面軌道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}	
::-webkit-scrollbar-thumb:hover {
background: rgba(157, 165, 183, 0.7)
}





/*TableBox*/
.TableBox{display: table;width: 100%;}
.TableBox .caption{display: table-caption;}
:is(.TableBox) :is(.t-tr,.t_tr) {display: table-row;}
:is(.TableBox) :is(.t-th, .t_th,.t-td, .t_td){display: table-cell;text-align:right;height:40px;line-height:30px;}
:is(.TableBox) :is(.t-td, .t_td){text-align:left;padding:5px 10px}
.TableBox .t-th p{display:block;padding:5px 0px 5px 10px}
.TableBox p span{display:inline-block}

.TableBox .walk{height:26px;width:16px;background-position:-150px -60px;margin-right:10px}
.TableBox.style01{border-collapse: separate;border-spacing: 0 1px;}
.TableBox.style01 .t-th{text-align:left;}
#resume .TableBox.style01 .t-tr:nth-child(odd) {background-color: transparent;}
:is(.TableBox.style02) :is(.t-td .title,.t-th){width: 110px;}
:is(.TableBox.style03) :is(.t-td .title,.t-th){width:60px;}
.TableBox.style04{border-collapse: separate;border-spacing: 0 1px;}
.TableBox.style04 .t-th{text-align:left;}
.TableBox.style05 .caption{padding: 10px;}
.TableBox.style05 .t-th{text-align:left;padding:5px 10px;}
.TableBox.style05 .t-td{padding:5px 10px;}
.TableBox.style06 .t-th{text-align:left;}
.TableBox.style06 .t-th:first-child {border-top-left-radius: 5px;}
.TableBox.style06 .t-th:last-child {border-top-right-radius: 5px;}
.TableBox.style06 .caption{display: none;}
.TableBox.style06 .file{height:26px;width:32px;background-repeat:no-repeat;background-position:-400px -120px;margin-right:10px}
.TableBox.style06 .file{width:32px;background-repeat:no-repeat;background-position:-400px -120px;margin-right:10px}
:is(.TableBox.style06) :is(.t-td .title,.t-th){vertical-align: top;width: 105px;}
:is(.TableBox.style06) :is(.t_td:first-child,.t_td:last-child){border-right: none;}
.TableBox.style06 .TableBox ,.TableBox.style06 .t_td.padding_0 {padding: 0px;}
.TableBox.style06 .t_td .t_td {width:43%;}
.TableBox.style06 .t_td .t_text{border-right: none;}
.TableBox.style06.style-w .t_td .t_title,#member #ObjectEdit.style-w .TableBox .t_td .t_title{width: 130px;}
.TableBox.style06.style-w .t_th{padding: 3px 5px;width: 140px;}

.TableBox.style06 .TableBox{border: none;margin-bottom: 0px;}
.TableBox.style06 .TableBox .t_td font {padding-left: 5px;width: 90px;display: inline-block;}
.TableBox.style06 .TableBox.fontshow .t_td font {width: auto;}
.TableBox.style06 .TableBox .t_th{border-left: none;}
.TableBox.style06 .TableBox .t_td {border-bottom: none;}

.TableBox.second{width: auto;}
.TableBox.second .t-td{width: auto;padding-right: 0px;padding-left: 0px;}

.TableBox.style07 .file{width:32px;background-repeat:no-repeat;background-position:-400px -120px;margin-right:10px}
.TableBox.style07 p,.TableBox.style07 .t-td .t-text{padding: 5px;}
.TableBox.style07 .t-th,.TableBox.style07 .t-td{padding: 0px;}
.TableBox.style07 .t-td .t-td {width:43%;}
.TableBox.style07 .t-th,.TableBox.style07 .t-td .title{vertical-align: top;width: 100px;}
.TableBox.style07.style-w .t-th,.TableBox.style07.style-w .t-td .title,#member #ObjectEdit.style-w .TableBox .t-td .title{width: 140px;font-size:clamp(0.80rem, 1vw, 1rem);}


.TableBox.style07 .TableBox .t-th {border-bottom-style: none;}
.TableBox.style07 .TableBox .t-td {border: none;}
.TableBox.style07 .TableBox .t-td font {padding-left: 5px;width: 90px;display: inline-block;}
.TableBox.style07 .TableBox.fontshow .t-td font {width: auto;}
.TableBox.style07.style-h40 .t-text .SelectBox{display: inline-block;float: none;padding-bottom: 0px;}
/*member2-shop,*/
.TableBox.style08{border-collapse: separate;}
.TableBox.style08 .t-td,.TableBox.style08 .t-th{padding: 0px;vertical-align: top;}
.TableBox.style08 .t-th{text-align:left;}
.TableBox.style08 .t-th p{padding-left: 5px;}
.TableBox.style08 .t-td p{padding: 5px;}
.TableBox.style08 .TableBox .t-tr:last-child .t-td{border-bottom:none}
.TableBox.style08 .t-th:first-child {border-left: 1px Solid #CCC;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;}
.TableBox.style08 .t-th:last-child {-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;}
.TableBox.style08 .t-tr:last-child .t-td{border-bottom: 1px Solid #CCC;}
.TableBox.style08 .t-tr:last-child .t-td:first-child {-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;}
.TableBox.style08 .t-tr:last-child .t-td:last-child {-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}
.t-footer{padding: 5px;font-size: 0.875rem;}
/*11周邊資訊*/
.TableBox.style10{margin-bottom: 10px;}
.TableBox.style10 .t-th{text-align:left;}
.TableBox.style10 .t-td{text-align:left;padding:8px 10px 8px 10px}
/*11社區*/
/*12建案*/

.TableBox3{font-size: 0.875rem;}
.TableBox3 th{line-height:30px;text-align:left;font-weight:400;padding:8px}
.TableBox3 td{text-align:left;padding:5px 8px}
.TableBox3 .car-public{font-weight:700;}
.TableBox3 .car-private{font-weight:700;}
.TableBox4{border-collapse:separate;margin-bottom: 10px;overflow: hidden;}
.TableBox4 th,.TableBox4 td{font-size:0.875rem;}
.TableBox4 th:after,.TableBox4 td:after{height: 15px;width: 1px;bottom: 0;right: 0;}
.TableBox4 th {height:40px;padding-left:10px;line-height: 40px;background-position: right bottom;text-align: left;background-repeat: no-repeat;padding-right: 10px;}
.TableBox4 td{background-position: right bottom;background-repeat: no-repeat;padding-top: 8px;padding-right: 5px;padding-bottom: 8px;padding-left: 5px;}
/*.TableBox4.selectlist td:nth-child(2) {width: calc(100% - 160px);}
.TableBox4.selectlist td:nth-child(3),.TableBox4.selectlist td:nth-child(4) ,.TableBox4.selectlist th:nth-child(3),.TableBox4.selectlist th:nth-child(4) {text-align: center;}
.TableBox4.selectlist td:nth-child(3),.TableBox4.selectlist td:nth-child(4){width: 70px;}
.TableBox4.dellist td{text-align: center;}
.TableBox4.dellist td:nth-child(1) {width: calc(100% - 200px);text-align: left;}
.TableBox4.dellist td:nth-child(4) {width:60px;}*/
.TableBox4 td:last-child,.TableBox4 th:last-child{background-image: none;}
.TableBox4 .HideBox{padding-top: 10px;padding-bottom: 10px;padding-left: 50px;}
.TableBox4 .del{height: 30px;width: 30px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.TableBox4 tr:first-child td{border-top:none;}
.TableBox4 tr td:last-child:after,.TableBox4 tr th:last-child:after {display: none;}
@media screen and (min-width: 769px) {
/*.TableBox4.selectlist td:nth-child(3){width: 150px;}*/
.TableBox .t-td .title,.TableBox .t_td .t_title{display:none}
.TableBox.style04 .caption{display: none;}
/*13我的訂單*/
.TableBox.style13 .t_th{text-align: left;background-color: #E8E8E8;font-size: 1rem;padding:0px 10px}
.TableBox.style13 .t_th p{line-height: 40px;}
.TableBox.style13 .t_th:first-child {border-top-left-radius: 5px;}
.TableBox.style13 .t_th:last-child {border-top-right-radius: 5px;}
.TableBox.style13 .t_tr .t_td{border-bottom: 1px solid #E8E8E8;font-size: 1rem;color: #333;}
.TableBox.style13 .t_tr .t_td:first-child{border-left: 1px solid #E8E8E8;}
.TableBox.style13 .t_tr .t_td:last-child{border-right: 1px solid #E8E8E8;}
.TableBox.style13 .t_tr:last-child .t_td:first-child{border-bottom-left-radius: 5px;}
.TableBox.style13 .t_tr:last-child .t_td:last-child{border-bottom-right-radius: 5px;}
}
@media screen and (max-width: 768px) {
#TabbedPanels6 .TabbedPanelsTabSelected .point{position:absolute;top: -60px;height: 60px;width: 1px;display: block;}
.TableBox5{overflow: scroll; overflow-Y: hidden}
.TableBox3,.TableBox5 table{width:980px}
.TableBox4 th font{display:none}
/*.TableBox4.dellist td:nth-child(2) {width:70px;}
.TableBox4.dellist td:nth-child(3) {width:70px;}*/
.TableBox{display: block;/*width: 99%;*/}
.TableBox .t-tr.desktop,.TableBox .t-th,.TableBox .t_tr.desktop,.TableBox .t_th{display: none;}
.TableBox .t-tr,.TableBox .t_tr{display: table;width: 100%;}
.TableBox .t-td,.TableBox .t_td{display: table-row;}
.TableBox .t-td.hide{display: none;}
.TableBox .t-td .title ,.TableBox .t-td p,.TableBox .t-td .t-text,.TableBox .t_td .t_title ,.TableBox .t_td .t_text{display: table-cell;padding-bottom: 5px;padding-top: 5px;vertical-align: top;}
.TableBox .t-td p{padding-left: 5px;}
.TableBox.style02 .t-td .title,.TableBox.style03 .t-td .title {text-align:right;}
.TableBox.style01 .t-tr{margin-bottom: 1px;padding: 1px;}
.TableBox.style01 .t-td .title ,.TableBox.style01 .t-td p{padding-right: 10px;padding-left: 10px;}
.TableBox.style01 .t-td .title {width: 100px;}
.TableBox.style02 .secondbox {width: 99%;margin-bottom: 20px;} 
.TableBox.style04 {line-height: 21px;}
.TableBox.style04 .caption{display: block;text-align: center;padding: 5px;margin-bottom: 1px;}
.TableBox.style04 .t-tr{margin-bottom: 1px;padding: 1px;}
.TableBox.style04 .t-td{display:block;padding: 0px;}
.TableBox.style04 .t-td.assign2 p{display:block;padding-bottom: 0px;}
.TableBox.style04 .t-td .title{width: auto;}
.TableBox.style04 .t-td.desktop{display: none;}
.TableBox.style04 .t-td .title,.TableBox.style04 .t-td .assign3{padding-left: 10px;}
.TableBox.style04 a{display:block;padding: 5px 0;background-image: url(../images/Phonestyle.png);background-repeat: no-repeat;background-position: right top;}
.TableBox.style04 .assign1{width:10%;padding: 8px 0;}
.TableBox.style04 .assign2{width:85%;font-size: 18px;padding: 8px 0;}
.TableBox.style04 .assign3{width:100%;padding-left: 10px;}
.TableBox.style05 .caption{display:block;}
.TableBox.style05 .t-td .title{padding:5px 10px;display: block;}
.TableBox.style05 .t-td p{padding:5px 10px;display: block;}
.TableBox.style06 .caption{display:block;text-align:right;margin-bottom: 10px;}
.TableBox.style06 .t-tr {padding:0 0 10px 0;}
.TableBox.style06 .t-tr p{padding:0 10px;}

.TableBox.style06 .t_td .t_title:first-child{padding-right: 5px;text-align: right;}
.TableBox.style06 .TableBox .t_td font {display: none;}
.TableBox.style06.subtable .t_td .t_title,.TableBox.style06.subtable .t_td .t_text{display:table-cell;background-color: transparent;}
.TableBox.style06.subtable .t_td .t_title{width: 100px;}
.TableBox.style06.subtable .t_td .t_title img{display: none;}
.TableBox.style06 .t_tr.desktop,.TableBox.style06 .t_td.desktop{display: none;}
.TableBox.style06.style-line{border-bottom: none;}
.TableBox.style06 .t_td  .t_text {border-right: none;padding:5px;}
.TableBox.style06.style-w .t_td .t_title, #member #ObjectEdit.style-w .TableBox .t_td .t_title {width: 90px;}

.TableBox.style07 .t-td .title:first-child{padding-right: 5px;text-align: right;}
.TableBox.style07 .TableBox .t-td font {display: none;}
.TableBox.style07 .TableBox.fontshow .t-td font {display: block;}
.TableBox.style07.subtable .t-td .title,.TableBox.style07.subtable .t-td p{display:table-cell;background-color: transparent;}
.TableBox.style07.subtable .t-td .title{width: 100px;}
.TableBox.style07.subtable .t-td .title img{display: none;}
.TableBox.style07 .t-tr.desktop,.TableBox.style07 .t-td.desktop{display: none;}
.TableBox.style07.style-line{border-bottom: none;}
.TableBox.style07.style-h40 .t-text .SelectBox .option_list ul{min-width: 298px;width:calc(100vw - 22px);left: calc((100% - 368px) / 2);}
.TableBox.style07.style-h40 .t-text .SelectBox .option_list li dl dt{line-height: 40px;}
.TableBox.style07.style-h40 .t-text .SelectBox .option_list li dl dt label{display: block;}
.TableBox.style07.style-w .t-th,.TableBox.style07.style-w .t-td .title,#member #ObjectEdit.style-w .TableBox .t-td .title{width: 90px;}

.TableBox.style08,.TableBox.style08 .TableBox{display: table;width: 100%;}
.TableBox.style08 .t-tr{display: table-row;}
.TableBox.style08 .t-td,.TableBox.style08 .t-th{display: table-cell;}
.TableBox.style08 .t-th p{min-width: 70px;}
.TableBox.style10 .t-tr{margin-bottom: 1px;padding: 1px;}
.TableBox.style10 .t-td .title ,.TableBox.style10 .t-td p{padding-right: 10px;padding-left: 10px;}
.TableBox.style10 .t-td .title {width: 100px;}
.TableBox.style12 .t-tr  {padding:10px;}

.TableBox.style13 .t_tr,.TableBox.style13 .t_td{display: flex;}
.TableBox.style13 .t_tr{flex-wrap:wrap;}
.TableBox.style13 .t_td .t_title,.TableBox.style13 .t_td .t_text {display: block;padding: 0;}
.TableBox.style13 .t_td{width: 100%;padding: 2px;}
.TableBox.style13 .t_td .t_title{width: 80px;color: #999;}
.TableBox.style13 .t_td .t_text{font-size: 1rem;color: #333;}
.TableBox.style13 .t_td.ob_hide{order: 7;}
.TableBox.style13 .t_td.ob_hide .t_title{display: none;order: 8;}
.TableBox.style13 .t_td.ob_hide .t_text{font-size: 0.9rem;order: 9;width: 100%;display: flex;}
.TableBox.style13 .t_td.ob_hide .t_text a{flex: 1;}
.TableBox.clip .t-td .title,.TableBox.clip .t-th {width: 80px;}
#TabbedPanels3 .TableBox.style04 .t-td{float:left;}
#resume .TableBox.style01 .t-tr:nth-of-type(8) .title,#resume .TableBox.style01 .t-tr:nth-of-type(8) p{display: block;width: 100%;}
}



#loading0{background:#00000080;bottom:0;left:0;position: fixed;right:0;top:0;z-index:10000;}
#loading0 #begin{height:200px;width:200px;left:50%;top:50%;margin: -100px 0 0 -100px;position: absolute;display: flex;justify-content:center; align-items: center;
	animation-name: zoomIn;/*動畫名字*/
	animation-duration: 0.8s;/*動畫時間*/
	animation-iteration-count: 1; /*動畫執行幾次，1就是執行1次不會重複*/
	animation-timing-function: ease;/*動畫的加速度曲線*/
	animation-fill-mode: forwards;/*動畫完成後，保持最後一個屬性質*/
}
#loading0.fade_down #begin{
	animation-name: zoomOut;/*動畫名字*/
	animation-duration: 0.8s;/*動畫時間*/
	animation-iteration-count: 1; /*動畫執行幾次，1就是執行1次不會重複*/
	animation-timing-function: ease;/*動畫的加速度曲線*/
	animation-fill-mode: forwards;/*動畫完成後，保持最後一個屬性質*/
}



@keyframes fade_In { 
  0% {transform: translate(0,0); opacity: 0;}
  90% {transform: translate(0,0);}
 100% {transform: translate(0,0);opacity: 1;}
}
@keyframes fade_up { 
  0% {transform: translate(0,40px); opacity: 0;}
  90% {transform: translate(0,0);}
 100% {transform: translate(0,0);opacity: 1;}
}
@keyframes fade_down { 
	0% {transform: translate(0,-40px); opacity: 0;}
	90% {transform: translate(0,0);}
100% {transform: translate(0,0);opacity: 1;}
}
@keyframes scaleOut {
0% {transform: scale(0);opacity: 0;}
70% {transform: scale(1.1);opacity: 1;}
100% {transform: scale(1);opacity: 1;}
}
@keyframes scaleOut2 {
0%,40% {transform: scale(0);opacity: 0;}
60% {transform: scale(1.1);opacity: 1;}
100% {transform: scale(0);opacity: 0;}
}
@keyframes FadeInOutInfinite {
0% {opacity:0;}
50% {opacity:100;}
100% {opacity:0;}
}
.fade_up{   
    animation-name: fade_up;/*動畫名字*/
	animation-duration: 0.9s;/*動畫時間*/
	animation-iteration-count: 1; /*動畫執行幾次，1就是執行1次不會重複*/
	animation-timing-function: ease;/*動畫的加速度曲線*/
	animation-fill-mode: forwards;/*動畫完成後，保持最後一個屬性質*/
	opacity: 0;}