/* CSS Document */
input,button,select,textarea{outline:none}
 *:focus { outline: none; }

img {max-width:100%;height: auto;}
.editor a {word-wrap: break-word;word-break: break-all;}
.table_scroll{overflow-x: auto; display: block;}
.datatable { width:100%; border-spacing:1px; background:#ababab; margin-bottom:12px;}
.datatable th { text-align:center; font-size:16px; padding:4px; font-weight:normal; background:#fdeade; color:#58595B; vertical-align:middle;}
.datatable td { text-align:center; font-size:16px; padding:4px; color:#231815; vertical-align:middle;}


#bar { z-index:10000;}
header { height:106px; border-bottom:1px solid #bcbcbc;
background: linear-gradient(90deg, #d2d2d2 0%, #FFFFFF 100%);
background: -moz-linear-gradient(90deg, #d2d2d2 0%, #FFFFFF 100%);
background: -webkit-linear-gradient(90deg, #d2d2d2 0%, #FFFFFF 100%);
background: -o-linear-gradient(90deg, #d2d2d2 0%, #FFFFFF 100%);}
.logo { position:absolute; z-index:10000; top:15px; left:18px;}
nav { padding:42px 0 0 200px;}
.menuzord-menu > li:first-child { position:absolute; z-index:999; top:45px; right:0px; text-align:right;}
.lang2 { display:inline-block; width:128px; height:32px; vertical-align:top; font-size:14px; color:#888; text-transform:uppercase; padding-right:18px; position:relative; border: 1px solid #a6a6a6; text-align:left; line-height:30px; padding-left:10px; background:url(../images/product-select.png) no-repeat 100% 12px; cursor:pointer;}
.lang2:hover { color:#444;}
.lang2-open { display:none; position:absolute; z-index:100000; right:0; width:100%; top:30px; background:#fff; padding:0px;  font-size:14px; color:#424242; text-align:left;border: 1px solid #a6a6a6;}
.lang2-open a { color:#424242; display:block; padding:0 5px;}
.lang2-open a:hover { color:#fff; background:#ea5803;}
.lang2 select { background-color:transparent;}
.lang { display:inline-block; vertical-align:top; color:#bebebe; font-size:13px; font-weight:bold;}
.lang a { display:inline-block; padding-right:7px; color:#bebebe; }
.lang a:hover, .lang a.current { color:#ea5803; }
.quick-search { cursor:pointer; display:inline-block; position:relative; border-left:1px solid #a6a6a6; padding-left:10px; padding-top:3px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.quick-search:hover { opacity:0.5;  filter: alpha(opacity=50);}
.quick-search-open { display:none; position:absolute; z-index:100000; right:0; width:150%; top:30px; background:#fff; padding:10px; border-radius:5px; font-size:13px; color:#424242; text-align:right;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px px 0px rgba(0,0,0,0.35);}
.quick-search-btn { border-radius:5px; display:inline-block; width:55px; height:30px; line-height:30px; text-align:center; color:#fff; background:#eb6100; padding:0 6px; font-size:14px;}
.quick-search-btn:hover { color:#fff; background:#d55801;}

input[type="text"], input[type="number"], input[type="tel"], input[type="phone"], input[type="date"], input[type="email"], input[type="password"], input[type="button"], textarea { font-size: 14px; border: 1px solid #a6a6a6; margin: 0px 0 0 0; width: 100%; padding: 1px 5px 1px 5px; color:#424242; height:32px; margin-bottom:5px; background:#fff; font-family:Lato; }
textarea { border:1px solid #a6a6a6; height:135px;}
select{ border: 1px solid #a6a6a6; margin: 0px 0 0 0; min-width: 80px; width:100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1px 27px 1px 5px; font-size:14px; color:#424242; height:32px; margin-bottom:5px; background-color:#fff; margin-right:4px; font-family:Lato; }
option { padding:1px 5px;}
select::-ms-expand {
    display: none;
}


.slide-out-div { position:fixed !important; height:auto !important; min-height:140px; padding:0; color:#000 !important; z-index:11;
background: linear-gradient(360deg, #eceded 0%, #cccccd 100%);
background: -moz-linear-gradient(360deg, #eceded 0%, #cccccd 100%);
background: -webkit-linear-gradient(360deg, #eceded 0%, #cccccd 100%);
background: -o-linear-gradient(360deg, #eceded 0%, #cccccd 100%);}
.slide-out-div img { display:block; padding-bottom:0px; position:relative; z-index:2; width:131px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
.img-bottom-border { border-bottom:1px solid #fff;}
.slide-out-div img:hover, .handle:hover img { opacity:0.6;  filter: alpha(opacity=60);}
.handle { text-indent:inherit !important; height:auto !important; background:#ea5604 !important; color:#fff; padding:10px 0 10px 2px; top:0px !important; border-radius:5px 0 0 5px;}
.handle span { display:block; height:193px; width:193px; font-size:13px; letter-spacing:1px; text-align:right; padding-right:10px;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); 	/* Opera */}
.handle:hover { color:rgba(255,255,255,.6);}



@media only screen and (max-width: 990px) {
.logo { left:15px;}
.lang2 { display:block; width:100%;}
nav { position:absolute; width:100%; top:32px; padding:0;}
.showhide:before { content:"MENU"; display:block; position:absolute; right:17px; bottom:-20px; text-align:right; font-size:12px; color:#3b3b3b; width:50px;}
.menuzord-menu > li:nth-of-type(1) { top:auto; right:auto; background:none !important; position:inherit; line-height:24px; padding:10px 10px 0 10px !important; text-align:left; border-right-width:0; border-bottom:solid 1px rgba(0,0,0,.1);}
.menuzord-menu > li:nth-of-type(1) > div { margin-bottom:12px;}
.menuzord-menu>li>a:after { display:none;}
.quick-search { display:none !important;}
.quick-search-open { display:inline-block !important; position:inherit; background:none !important; vertical-align:top; padding:0 0px; margin:0; top:inherit; width:100%; text-align:left;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px px 0px rgba(0,0,0,0);
box-shadow: 0px 0px px 0px rgba(0,0,0,0);}
.quick-search-open input { display:inline-block; vertical-align:top; width:calc(100% - 55px - 7px);}

}
@media only screen and (max-width: 414px) {
.menuzord-menu > li:nth-of-type(1) > div { display:block; padding-right:0; margin-right:0;}
.search-input { width:calc(100% - 24px - 7px) !important;}
}
@media only screen and (max-width: 320px) {

}