@charset "utf-8";
.onebyone-box{width:100%;margin:auto;overflow:visible;z-index:0}/*首頁BANNER寬度*/
/*手機分享*//*下方 f-icon */
.p-icon,.p-icon-f,.p-icon-i,.p-icon-l{display:block;}	
.p-icon{width:70px;margin:5% 0 0 0;overflow:hidden;bottom:20px;left:0;position:fixed;z-index:99999 }
.p-icon-f,.p-icon-i,.p-icon-l{width:50px;height:50px;margin:7px;background-size:50px 50px ;background-repeat:no-repeat;display:block;font-size:0;transition:all .5s ease 0s;z-index:1;border-radius:50%;}
.p-icon-f{background-image:url("../images/index/icon-05.webp");}
.p-icon-i{background-image:url("../images/index/icon-06.webp");}
.p-icon-l{background-image:url("../images/index/icon-07.webp");}


.renewal{width:158px;height:88px;margin:0 20px;float:left;font-size:0;line-height:0;background-size:100% auto;background-image:url("../images/dollars.png");background-repeat:no-repeat;z-index:1000}


.menu-top,.navbg{background-position:center top;}
.nav>li>a,.navbg{text-align:center}
.aubox{float:left;margin:0}


/*選單*/

.navwidth>ul{width:auto;float:left}

.nav{list-style:none;}
.nav>li{float:left}
.nav>li>a{text-decoration:none;font-size:16px;}
.nav>li,.nav>li>a{position:relative;display:block;}
.nav2,.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;}



.navbg{width:80%;margin:0 10%;padding:0 0 60px 0;z-index:1000;position:fixed;top:0;background-image:url("../images/but/menu.webp");background-position:center bottom;background-size:100% 100%;background-repeat:no-repeat;}

.navwidth{width:100%;margin:auto;}

.menu00{width:66px;padding:10px 0;margin:15px 2px 0 2px ; line-height:20px;text-align:center;color:#000000;}
.menu000,.menu000:hover,.menu00:hover{width:66px;padding:10px 0;margin:15px 2px 0 2px;line-height:20px;color:#ceb286;border-bottom:#ceb286 3px solid;}

.menu11{width:135px;padding:10px 0;margin:15px 2px 0 2px ; line-height:20px;text-align:center;color:#000000;border-bottom:#ffffff 3px solid;}
.menu22,.menu22:hover,.menu11:hover{width:135px;padding:10px 0;margin:15px 2px 0 2px;line-height:20px;color:#ceb286;border-bottom:#ceb286 3px solid;}



.eng-w{margin-top:-28px;padding-top:50px;width:115px;overflow:hidden;z-index:100;float:right} 
.eng{width:155px;height:60px;margin:0 0 0 -10px;text-align:center;position:relative;z-index:100;}
.eng::before{width:155px;height:60px;margin:0 0 0 -10px;position:absolute;background-color:#ceb286;top:0;left:0;content:"";z-index:-1;transform:rotate(-10deg);transform-origin:left top;}
.menu-eng{color:#000;margin:1px 0 0 -20px;display:block;text-align:center;text-decoration:none;font-weight:bold;font-size:19px;line-height:45px;}
.menu-eng:hover{color:#FFF;margin:-8px 0 0 -20px;}


.dropdown-menu{position:absolute;display:none;z-index:99999;padding:5px 0 0 0;font-weight:400;font-size:16px;}
.open>.dropdown-menu,.renewal{display:block}
.dropdown-menu>li>a{width:135px;line-height:20px;display:block;padding:10px 0;color:#ffffff;text-decoration:none;text-align:center;font-weight:bold;border-bottom:solid 1px #636363; background-image:url("../images/but/bg-01.webp");}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#000000;font-weight:400;background-image:url("../images/but/bg-02.webp")}




@media screen and (max-width:1281px){
.renewal{width:108px;height:60px;margin:10px;}
	
.navbg{width:95%;margin:0 2.5%;padding:0 0 60px 0;}
	
.eng-w{width:95px} 
.eng{width:135px;margin:0 0 0 -10px;}
.eng::before{width:135px;margin:0 0 0 -10px;}
	
.menu-eng{margin:1px 0 0 -20px;font-size:16px;}
.menu-eng:hover{margin:-8px 0 0 -20px;}	
	
.dropdown-menu>li>a{width:120px;}
.menu11{width:120px;padding:10px 0;margin:15px 2px 0 2px ;}
.menu22,.menu22:hover,.menu11:hover{width:120px;padding:10px 0;margin:15px 2px 0 2px;}

	
}
@media screen and (max-width:1139px){
.navbg{width:100%;margin:0;padding:0 0 60px 0;}	
	
.eng-w{width:115px} 
.eng{width:155px;margin:0 0 0 -10px;}
.eng::before{width:155px;margin:0 0 0 -10px;}
	
.menu-eng{margin:1px 0 0 -35px;}
.menu-eng:hover{margin:-8px 0 0 -35px;}		
	
	
}

@media screen and (max-width:1098px){

.dropdown-menu{position:absolute;display:none;z-index:99999;padding:5px 0 0 0;font-weight:400;}		
	
}


@media screen and (max-width:861px){
.renewal{width:108px;height:60px;margin:0 10px;}	
.menu00,.menu000,.menu000:hover,.menu00:hover,.menu11,.menu22,.menu22:hover,.menu11:hover{display: none}
.navwidth>ul,.dropdown-menu,.dropdown-menu>li>a,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li>a{display: none}
.eng-w,.eng,.eng::before,.menu-eng,.menu-eng:hover{display: none}		
.navbg{width:100%;margin:0;padding:0;top:0;background-image:none;background-color:#FFFFFF;box-shadow:1px 1px 3px 3px rgba(0,0,0,0.2);}
}


@media screen and (max-width:541px){
}

@media screen and (max-width:385px){.onebyone-box{width:100%;}/*首頁BANNER寬度*/}