@charset "utf-8";
.aubox{float:left;margin:0 0px;}
.navbg{width:100%;height:65px;z-index:1000;position:fixed;top:0;text-align:center;font-family:'Roboto Condensed', sans-serif;}
.nav>li,.nav>li>a{position:relative;display:block;line-height:20px;}
.navwidth{width:100%;margin:auto;height:65px;box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);background-image: url(../images/button/menu-bg.png);background-repeat: no-repeat;background-position: center top; background-size:100% 100%}
.navwidth>ul{width:780px;float:right;}
.onebyone-box{width:100%;margin:auto;overflow:visible;}/*首頁BANNER寬度*/

.nav{list-style:none;color:#FFF;font-size:18px; }
.nav2,.nav>li>a:focus,.nav>li>a:hover{color:#FFF;-moz-transition:.6s;-webkit-transition:.6s;text-decoration:none;}
.nav>li{float:left;display:block;}
.nav>li>a{padding:10px 0;text-align:left;font-weight:normal}
.nav>li>a:focus,.nav>li>a:hover,.nav2{color:#FFF;padding:10px 0;}

.menu-top{height:15px;margin-left:-13%;background-image:url(../images/button/mbgtop.png);background-repeat:no-repeat;background-position:center top;}
.dropdown-menu{position:absolute;display:none;z-index:99999;padding:1px 0 0 0;font-weight:normal;font-size:16px}
.dropdown-menu>li>a{margin-left:-9%;display:block;width:180px;padding:8px 0;border-bottom:1px solid #666;color:#FFF;text-decoration:none;text-align:center;background-image:url(../images/button/mbg.png); font-weight:normal}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#FFF;background-image:url(../images/button/mbgs.png);background-repeat:repeat-x;background-position:center top; background-size:100% 66px;font-weight:normal}
.open>.dropdown-menu{display:block}

.renewal{width:428px;height:35px;float: left;display: block;font-size: 0;margin:15px 10px 0 15px;background-repeat: no-repeat;background-position: left top;background-image: url(../images/ritek-ami.png);background-size: auto 35px; background-size:auto 30px;}


.menuicon-01,.menuicon-02,.menuicon-03,.menuicon-04,.menuicon-05,.menuicon-06{width:auto;height:50px;padding:0 30px 0 43px;color:#FFF;font-size:16px;line-height:50px;overflow:hidden;background-repeat: no-repeat;background-position:left top;display: block;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-size:auto 40px;}
.menuicon-01:hover,.menuicon-02:hover,.menuicon-03:hover,.menuicon-04:hover,.menuicon-05:hover,.menuicon-06:hover{color:#FFF;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.menuicon-01{background-image: url(../images/button/menu-01.png);}
.menuicon-02{background-image: url(../images/button/menu-02.png);}
.menuicon-03{background-image: url(../images/button/menu-03.png);}
.menuicon-04{background-image: url(../images/button/menu-04.png);}
.menuicon-05{background-image: url(../images/button/menu-05.png);}
.menuicon-06{background-image: url(../images/button/menu-00.png);}



@media screen and (max-width:1681px){
.navwidth{margin:auto;}
.nav>li>a{text-align:center;text-decoration:none}}
@media screen and (max-width:1441px){}
@media screen and (max-width:1367px){
.navwidth>ul{width:665px;float:right;}
.menuicon-01,.menuicon-02,.menuicon-03,.menuicon-04,.menuicon-05,.menuicon-06{padding:0 20px 0 37px;height:40px;background-size:auto 34px;background-position:left 5px;}}
@media screen and (max-width:1281px){
.aubox{float:left;margin:0}
.menu-top{margin-left:-20%;}
.dropdown-menu>li>a{margin-left:-12%;}}
@media screen and (max-width:1138px){
.renewal{width:306px;background-size:auto 25px;background-position:left 5px;}
.navwidth>ul{width:600px;float:right;}
.menuicon-01,.menuicon-02,.menuicon-03,.menuicon-04,.menuicon-05,.menuicon-06{padding:0 15px 0 33px;background-size:auto 30px;background-position:left 9px;}}
@media screen and (max-width:1098px){
.menu-top{margin-left:-30%;}
.dropdown-menu>li>a{margin-left:-17%;}}
@media screen and (max-width:1025px){}
@media screen and (max-width:965px){
.renewal{width:245px;background-size:auto 20px;background-position:left 8px;}
.menuicon-01,.menuicon-02,.menuicon-03,.menuicon-04,.menuicon-05,.menuicon-06{padding:0 15px 0 30px;background-size:auto 26px;background-position:left 12px;}
.navwidth>ul{width:580px;float:right;}}
@media screen and (max-width:865px){	
.renewal{margin:10px 10px 0 15px;}
.onebyone-box{margin:0 auto;}
.aubox,.navbg,.nav>li,.nav>li>a,.navwidth,.nav,.nav2,.nav>li>a:focus,.nav>li>a:hover,.nav>li,.nav>li>a,.nav>li>a:focus,.nav>li>a:hover,.nav2,.dropdown-menu,.dropdown-menu>li>a,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.open>.dropdown-menu{width:0;height:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin:0;padding:0;line-height:0;float:left}
.menuicon-01,.menuicon-02,.menuicon-03,.menuicon-04,.menuicon-05,.menuicon-06{padding:0px 15px 0px 39px;height:auto;background-size:auto 35px;background-position:left top;line-height:35px;}}
@media screen and (max-width:569px){}
@media screen and (max-width:415px){}
@media screen and (max-width:385px){.onebyone-box{width:100%;}/*首頁BANNER寬度*/}
@media screen and (max-width:361px){.renewal{width:220px;background-size:auto 18px;background-position:left 8px;margin:10px 5px 0 10px;}}