@charset "UTF-8";
.top_menu{ background:#069; position:relative; color:#fff; font-size:1.4em; padding:0.6em 2%;}
.top_menu a{color:#fff; text-decoration:none;}
.top_menu img{height:1.4em; display:inline-block; vertical-align:sub; margin:0 3%;}
.top_menu::before {
position: absolute;
display: block;
content: '';
top: 25%;
right: 2%;
width: 0.7em;
height: 0.7em;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: transform 100ms ease-in;
-moz-transition: transform 100ms ease-in;
-o-transition: transform 100ms ease-in;
-ms-transition: transform 100ms ease-in;
transition: transform 100ms ease-in;}
.top_menu.pressed::before {
    top: 38%;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.top_menu_show{display:none; background:#828282; color:#fff; border-bottom:#6E6E6E solid 1px;}
.top_menu_show li{padding:1% 0% 1% 4%; position:relative; border-bottom:#6E6E6E solid 1px; list-style:none;}
.top_menu_show li img{height:1.5em; top:26%; position:absolute; display:inline-block; text-align:center; vertical-align:sub;}
.top_menu_show li a{color:#fff; text-decoration:none; display:inline-block; width:70%; font-size:1.4em; line-height:1.8em; margin-left:1.8em;}

.middle_menu{ background:#f6731c; color:#ffffff; font-size:1em; padding:6px 8px;}

.m-nav-icon {
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAcCAMAAAAp1X2jAAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEHRSTlMACBARICIoUFVoeKCq0N3wIic11gAAADlJREFUOMtj4OQjAfAycAmQAPhprJyRmQTAxDAKqASGcpphYiUBsIzGNU7AxkECYB9ciYCdhwTADQBMHCOWqNe4PwAAAABJRU5ErkJggg==") no-repeat center;
   /* background-size: contain;*/
    background-size: 90%;
    width: 25px;
    height: 15px;
	padding:10px 6px;
	vertical-align:middle;
	cursor:pointer;
}
.m-cart-icon {display:inline-block; float:right; margin-right:2%; position:relative; background:url("/img/ico-04.svg") no-repeat center; background-size:98%; width:25px; height:16px; padding:10px 6px; vertical-align:middle;cursor:pointer; }
.m-cart-icon-quan{position:absolute; right:0; top:0; border-radius:50%; background:#259b24; color:#fff; font-size:1.2em; font-weight:bold; line-height:1.3em; width:1.3em; text-align:center;}
.m-nav-icon.pressed{background-color:#f56505;}
.m-user-icon {display:inline-block; float:right; margin-right:2%; position:relative; background:url("/img/ico-18.svg") no-repeat center; background-size:98%; width:25px; height:16px; padding:10px 6px; vertical-align:middle;cursor:pointer; }
.m-user-icon-active{position:absolute; display:inline-block; right:-0.3em; top:0; border-radius:50%; background:#259b24; color:#fff; font-weight:bold; font-size:1.1em; line-height:1.4em; width:1.4em; text-align:center;}
.m-search-icon {display:inline-block; float:right; margin-right:2%; background:url("/img/ico-31.svg") no-repeat center; background-size:98%; width:25px; height:16px; padding:10px 6px; vertical-align:middle; cursor:pointer; }
.nav_menu{border-bottom: solid #f6731c 1px; padding-top:10px; display:none; background:#F7F7F7;}
.nav_menu a{font-size:1.3em; display:block; padding:1.6% 2.5%; border-bottom:#EFEFEF solid 1px; text-decoration:none;}
.nav_menu .lang-ver{display:inline-block !important;}
.nav_menu .lang-active{font-weight:bold; border-bottom:#333 solid 1px !important;}

.m-cat-icon{display:inline-block; position:relative;vertical-align:middle; cursor:pointer; margin-left:4%; border-radius:5px; font-size:1.4em; padding:0 8% 0 6%; line-height:2.1em; border:#fff solid 1px;}
.m-cat-icon.pressed{background-color:#f56505;}
.m-cat-icon::before {
position: absolute;
display: block;
content: '';
top: 32%;
right: 10%;
width: 7px;
height: 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: transform 100ms ease-in;
-moz-transition: transform 100ms ease-in;
-o-transition: transform 100ms ease-in;
-ms-transition: transform 100ms ease-in;
transition: transform 100ms ease-in;}
.m-cat-icon.pressed::before {
    top: 43%;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.cat_menu{border-bottom:solid #f6731c 1px; padding-top:10px; display:none; background:#F7F7F7;}
.category_main span a{font-size:1.4em; color:#069; display:block; padding:1.8% 0 1.8% 4%; border-bottom:#EFEFEF solid 1px; text-decoration:none;}
.category_main li{list-style:none; line-height:2em; padding-left:6%; border-bottom:dotted 1px #EBEBEB;}
.category_main li a{text-decoration:none; font-size:1.2em;}
.category_main li:first-letter{text-transform: uppercase;}
/*.category_main li:nth-child(2n){background:#F6FBFF}*/
.category_main li a:hover{color:#F44336; text-decoration:underline;}
.category_main sale{color:#fb3f4c; text-decoration:none; font-weight:bold;}
.category_main loca{color:#006AAD; text-decoration:none; font-weight:bold;}

/*****************ratin star********************/
.s_1 {display:inline-block;  width:15px; height:14px; background:url(/img/star_cat2.png) no-repeat 0px 0px;}
.s_2 {display:inline-block;  width:15px; height:14px; background:url(/img/star_cat2.png) no-repeat 0px -15px;}
.s_3 {display:inline-block;  width:15px; height:14px; background:url(/img/star_cat2.png) no-repeat 0px -29px;}

.footer .phone {background:#F7F7F7;}
.footer .phone a{font-size:1.6em; color:#069; text-decoration:none; display:inline-block; margin:0.5em 0.4em; border-bottom:dotted 1px;}
.footer .infor{font-size:1em; color:#666; text-align:center; vertical-align:top;}
.footer .desktop-link {font-size: 1.2em; line-height: 1.5em; color: #069; border:0; cursor:pointer; text-decoration:none; padding-left:30px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAkCAMAAAAqy0NgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAQlBMVEUAAAA+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6o+d6oAAACB30UIAAAAFHRSTlMATenz8PZg/LELa5DByHCACLjAEOZ4ftEAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAZ0lEQVQ4y+3UyQ6AIAxF0YIDgwMo/P+32miCA5i0+94lPZu3AZTO1LQCOkYODJwzaqAmWrTop+5Yuhdd6WGkhtowPjYDlqEtOD+9m8tx+Vy8q7esRQfCcqKO4Wwrer8eYlOnn23pJgfb1iEH15L2vAAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain;}
	
#cart_show{position:absolute; text-align:center; z-index:999; display:none; border-radius:6px; border:#D8D8D8 solid 1px; top:0; left:50%; background:#fff; padding:2%; width:92%; max-width:370px;}
#cart_show b{font-size:2em;}
#cart_show i{font-size:1.2em;}
#cart_show .backorder{display:block; margin:6px 0; line-height:2em; font-size:1.6em; color:#069; text-decoration:none;}
#cart_show .docart{background:#54c248; margin:6px 0; color:#fff; font-size:1.8em; display:block;  line-height:2em; text-decoration:none;}
#cart_show .doorder{background:#f6731c; margin:6px 0; color:#fff; font-size:1.8em; display:block;  line-height:2em; text-decoration:none;}
#cart_show .quick_order{border:#f6731c dotted 1px; border-radius:4px; text-align:center; padding:2%; cursor:pointer;}
#cart_show .quick_order input{padding:0.3em 0.4em; border:#069 solid 1px; border-radius:3px; font-size:1.7em;  width:85%; text-align:center;}
#cart_show .quick_order a{background:#069; margin:6px 0; color:#fff; font-size:1.6em; display:block; line-height:1.8em; text-decoration:none;}

#m-search{position:absolute; text-align:center; z-index:999; display:none; border-radius:6px; border:#D8D8D8 solid 1px; top:90px; right:1%; background:#fff; padding:0.5em; width:95%; max-width:370px;}
#m-search .search_inp{width:87%; display:inline-block; vertical-align:middle; border:solid #f6731c 1px; border-radius:4px; font-size:1.4em; padding:0.4em 0.3em;}
#m-search .search_btn{width:11%; border:0; display:inline-block; vertical-align:middle; text-align:center; background:#069; color:#fff; border-radius:4px; font-size:1.4em; padding:0.4em 0.3em;}
#body_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; z-index:888;}
.preload{z-index:1111; background:url(/img/load3.gif) top center no-repeat; border-radius:5px; display:inline-block; width:100%; height:100%; min-width:70px; min-height:70px;}
.f11_b {font-size:1em; line-height:1.3em; vertical-align:inherit; color:#17689b; text-decoration:none;}

.input-text,.input-select,.input-textarea{border-radius:4px; width:91%; padding:0.6em 0.5em; margin:2% 0; border:#ccc solid 1px; color:inherit; font-size:inherit;}
.input-text,.input-select,.input-textarea:focus{border:#f6731c solid 1px;}
.input-button{background:#f6731c; color:#fff; border:0; border-radius:4px; width:91%; padding:0.6em 0.5em; margin:2% 0; font-size:inherit;}