/* * @Author: Yunteam.com * @Date: 2017-03-24 00:05:05 */
@charset "GB2312";body{color: #333333;font-family: "Tahoma","helvetica", "verdana", "arial";font-size: 0.75rem;margin: 0;-webkit-text-size-adjust: none;}
body, form, img, p, ul, ol, li, table, th, td, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, input, button, select, textarea, fieldset{margin: 0;padding: 0;font-size: 0.75rem;font-family: "Tahoma","helvetica", "verdana", "arial";}
a img, img{border: 0;}
a:link{color: #666666;}
a:visited{color: #666666;}
a:hover{color: #CA0007;text-decoration: underline;}
a:active{color: #666666;}
a{text-decoration: none;}
h2, h3, h4, h5, h6{font-size: 0.75rem;font-weight: normal;}
em{font-style: normal;}
ul, ol, li{list-style: none;}
.clear{height: 1px;font-size: 0px;clear: both;}
.h10{height: 0.625rem;font-size: 0px;clear: both;}
.h15{height: 0.9375rem;font-size: 0px;clear: both;}
.clearfix::after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
:-webkit-input-placeholder{color: #989898;}
::-webkit-input-placeholder{color: #989898;}
:-moz-placeholder{color: #989898;}
::-moz-placeholder{color: #555555;}
:-ms-input-placeholder{color: #989898;}
/*clear input*/
input{-webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
/*top button*/
#homeSet s,#toTop s{background-color: #2d3041;border-radius: 50%;display: block;height: 3.375rem;opacity: 0.3;position: fixed;right: 1.563rem;width: 3.375rem;}
#homeSet s:before,#toTop s:before{color: #FFFFFF;font-family: yunteam;font-size: 2rem;height: 100%;left: 0;line-height: 3rem;position: absolute;text-align: center;top: 0;width: 100%;z-index: 2;}
#homeSet s{bottom: 6.5rem;}
#homeSet s:before{content: '\e81d';}
#toTop s{bottom: 2.813rem;}
#toTop s:before{content: '\e810';}
#homeSet:hover s,#toTop:hover s{opacity: 1;filter: alpha(opacity=100);}
/*default set*/
#container{word-wrap: break-word;word-break: break-all;}
.wrap{margin: 0 auto;width: 1400px;}
/*header*/
header{height: 124px;position: relative;}
header .top{display: flex;justify-content: space-between;height: 34px;line-height: 34px;padding: 0 14px;background: #F7F7F7;}
header a.website{color: #65666D;position: relative;margin-left: 14px;line-height: 34px;}
header .jump{position: relative;float: right;line-height: 34px;display: flex;align-items: center;}
header .jump a{margin-left: 23px;}
header .jump .lang-list{cursor: pointer;display: block;position: relative;text-decoration: none;color: #65666D;background-color: transparent;border: 2px solid #DDDDDD;text-align: center;line-height: 20px;padding: 0px 28px 0 12px;margin-left: 23px;flex-shrink: 0;}
header .jump .lang-list::before{color: #000000;font-weight: bold;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}
header .icon-th-list,header .icon-lang-list{display: none;}
#GlobalLanguage{position: fixed;width: 1190px;min-height: 344px;left: 50%;top: 137px;transform: translateX(-50%);z-index: 9999;background-color: #FFFFFF;box-shadow: 0 0 5px rgb(0, 0, 0, .3);padding: 50px 70px;display: none;}
#GlobalLanguage h3{font-size: 30px;font-weight: bold;font-family: Calibri;margin-bottom: 16px;}
#GlobalLanguage .cur-lan{background-color: #2D3041;height: 53px;line-height: 53px;padding-left: 20px;color: #FFFFFF;font-size: 18px;margin-bottom: 28px;}
#GlobalLanguage ul li{width: calc(100% / 5 - 30px);margin-right: 20px;float: left;font-size: 14px;height: 18px;line-height: 18px;padding: 5px 0 5px 10px;cursor: pointer;}
#GlobalLanguage ul li:nth-child(5n+5){margin-right: 0;}
#GlobalLanguage ul li:hover{background-color: #FF483C;color: #FFFFFF;}
#GlobalLanguage .cancel{background-color: #FF483C;height: 32px;line-height: 30px;border: 1px solid transparent;color: #FFFFFF;font-size: 16px;font-weight: bold;padding: 0 27px;margin: 0 auto;display: block;cursor: pointer;margin-top: 40px;transition: all .3s;}
#GlobalLanguage .cancel:hover{background-color: #FFFFFF;border-color: #FF483C;color: #FF483C;}
.mask{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9998;background-color: rgba(0,0,0,0.5);}
/*language search*/
header a.logo{float: left;clear: both;margin-left: 14px;margin-top: 23px;}
header a.logo img{width: 280px;height: auto;}
header .search{float: right;margin-top: 27px;width: 366px;margin-right: 11px;}
header .search form{display: flex;position: relative;width: 100%;clear: both;}
header .search input.textbox,header .search input.textbox_focus{border: 1px solid #CDCDCD;border-right: none;outline: none;color: #606769;float: left;font-family: Calibri;font-size: 14px;height: 34px;line-height: 34px;padding-left: 30px;width: 100%;float: left;margin-right: -1px;}
header .search button{height: 36px;background-color: #FF483C;color: #FFFFFF;font-size: 14px;font-weight: bold;border: 1px solid transparent;padding: 0 20px;
flex-shrink: 0;cursor: pointer;}
header .search button:hover{background-color: #FFFFFF;color: #FF483C;border-color: #FF483C;}
header .search #search-tip{background-color: #34404D;color: #FFFFFF;display: none;font-size: 14px;line-height: 22px;padding: 5px 10px;position: absolute;top: 43px;}
/*header cart*/
header .cart{float: right;position: relative;margin-right: 14px;margin-top: 27px;border: 1px solid #FF483C;box-sizing: border-box;text-align: center;font-size: 14px;font-weight: bold;cursor: pointer;transition: all .3s;padding: 9px 37px 9px 47px;max-height: 36px;}
header .cart:before{color: #FF483C;font-size: 1.25rem;left: 0.5rem;line-height: 2rem;margin-top: -1rem;position: absolute;top: 50%;}
header .cart span{color: #FF483C;}
header .cart span:before{color: #FF483C;line-height: 1rem;margin-top: -0.5rem;position: absolute;right: 0.5rem;top: 50%;}
/*cart hover*/
header .cart:hover{background-color: #FF483C;text-decoration: none;}
header .cart:hover::before,header .cart:hover span::before{color: #FFFFFF;}
header .cart:hover span{color: #FFFFFF;}


/*nav category*/
.nav{display: flex;float: right;margin-top: 37px;}
.nav li{margin-right: 58px;}
.nav a{display: inline-block;font-size: 15px;color: #2D3041;}
.nav a:hover{color: #FF483C;}
/*position*/
#position{color: #6F6F6F;line-height: 20px;padding:5px 0;}
#position a{color: #6F6F6F;}
/*main title*/
#main{padding-bottom: 30px;}
#main h1{color: #151A1D;font-size: 24px;height: 50px;line-height: 50px;}
/*footer menu*/
#footer{background-color: #2D3041;color: #FFFFFF;font-size: 14px;line-height: 21px;padding: 50px 0;}
#footer .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
#footer h4{font-size: 20px;font-family: 'Calibri';margin-bottom: 10px;}
#footer .left{max-width: 370px;margin-right: 25px;}
#footer .left h1{font-size: 20px;font-family: Calibri;line-height: 20px;margin-bottom: 10px;}
#footer .left a{display: inline-block;font-size: 18px;color: #FFFFFF;border: 1px solid #FFFFFF;padding: 8px 33px;text-decoration: none;transition: all .3s;margin-top: 10px;}
#footer .left a:hover{background-color: #FFFFFF;color: #2D3041;}
#footer .middle{overflow: hidden;width: 600px;}
#footer .middle .item{float: left;margin-right: 30px;}
#footer .middle .item ul li{list-style: disc;margin-left: 15px;line-height: 30px;}
#footer .middle .item ul li a{font-size: 14px;color: #FFFFFF;white-space: nowrap;}
#footer .right{width: 306px;flex-shrink: 0;}
#footer .right s{text-decoration: none;}
#footer .right form{margin-top: 25px;}
#footer .right form input{width: 100%;height: 51px;border: none;outline: none;font-size: 14px;text-align: center;}
#footer .right form button{width: 100%;font-size: 16px;font-weight: bold;color: #FFFFFF;height: 42px;border-color: transparent;background-color: #FF483C;line-height: 38px;text-transform: uppercase;margin-top: 13px;cursor: pointer;transition: all .3s;}
#footer .right form button:hover{color: #FF483C;background-color: #FFFFFF;}
#footer .copyright{width: 100%;display: flex;justify-content: space-between;margin-top: 30px;}
/*page*/
#page{clear: both;font-size: 12px;height: 38px;line-height: 38px;margin-top: 9px;text-align: center;}
#page a{border: 1px solid #D6D6D6;color: #757575;margin: 0 3px;padding: 5px 7px;text-decoration: none;}
#page a:hover{background: none repeat scroll 0 0 #DDDDDD;border: 1px solid #D6D6D6;}
#page a.btn{}
#page a.item{padding: 5px 8px;}
#page font{background: none repeat scroll 0 0 #EEEEEE;border: 1px solid #D6D6D6;cursor: pointer;font-size: 12px;margin: 0 3px;padding: 5px 8px;}
#page span{border: 1px solid #D6D6D6;color: #AAAAAA;cursor: pointer;margin: 0 3px;padding: 5px 8px;}
#page label{color: #8B8B8B;margin: 0 3px;padding: 5px 8px;}
/*article*/
#article h1{background-color: #E8E8E8;border-left: 5px solid #FF483C;color: #1F262C;display: inline-block;font-size: 18px;font-weight: normal;height: 42px;line-height: 42px;margin-top: 10px;padding-left: 20px;padding-right: 50px;text-transform: uppercase;}
#article .content{font-size: 14px;line-height: 24px;padding-bottom: 30px;}
#article .content a{color: #0A2C71;text-decoration: underline;}
/*article sider*/
#article .sider{display: inline;float: left;margin-top: 10px;width: 23%;}
#article .sider dl.menu{border-bottom: 1px solid #DDDDDD;}
#article .sider dl.menu dt{background-color: #2d3041;border-left: 5px solid #FF483C;color: #FFFFFF;font-size: 17px;height: 40px;line-height: 40px;padding-left: 12px;}
#article .sider dl.menu dd{border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;line-height: 26px;}
#article .sider dl.menu dd a{display: block;font-size: 14px;padding: 10px 0 10px 15px;position: relative;text-decoration: none;}
#article .sider dl.menu dd a:before{position: absolute;right: 10px;top: 15px;}
#article .sider dl.menu dd a:hover{background-color: #DDDDDD;color: #333333;}
#article .sider dl.menu dd.active a{background-color: #EEEEEE;color: #000000;font-weight: bold;}
#article .sider dl.menu dd.active a:hover{}
/*main brands*/
#article .sider dl.brands{margin-top: 7px;}
#article .sider dl.brands dt{border-bottom: 1px solid #DDDDDD;color: #3C3C3C;font-size: 18px;height: 40px;line-height: 40px;padding-left: 7px;position: relative;}
#article .sider dl.brands dt a.view{color: #2d3041;font-size: 14px;padding-right: 20px;position: absolute;right: 5px;}
#article .sider dl.brands dt a.view:before{color: #FF483C;font-size: 16px;margin-top: -0.5rem;position: absolute;right: 0;top: 50%;}
#article .sider dl.brands dd{padding-top: 5px;}
#article .sider dl.brands dd a{border: 1px dotted #CCCCCC;display: inline;float: left;margin: 6px;}
#article .sider dl.brands dd a:hover{border: 1px dotted #FF7200;}
#article .sider dl.brands dd img{display: block;max-width: 128px;}
/*sBody*/
#sBody{float: right;width: 76%;}
@media screen and (min-width: 769px)
{
	#sBody h1{background-color: transparent;border-bottom: 1px solid #DDDDDD;border-left: 3px solid #FF483C;display: block;font-weight: bold;}
}
#sBody .content{padding:10px;padding-bottom:50px;}
#sBody .content h3{font-size: 18px;line-height: 40px;margin-top: 15px;}
#sBody .content ul.image{margin: 10px 0;}
#sBody .content ul.image li{border: 1px solid #CCCCCC;border-radius: 3px;display: inline;float: left;margin: 0 5px;padding: 3px;text-align: center;width: 200px;}
#sBody .content ul.image img{display: block;margin: 0 auto;max-height: 100%;max-width: 100%;}
#sBody .content dl.text{}
#sBody .content dl.text dt{font-weight: bold;}
#sBody .content dl.text dd{padding-left: 15px;}
#sBody .content ul.text{margin-top: 7px;}
#sBody .content ul.text li{margin-bottom: 7px;padding-left: 10px;}
#sBody .content ul.doc li{position: relative;padding-left: 15px;}
#sBody .content ul.doc li::before{content: "\e80f";font-size: 0.5rem;left: 0.3rem;position: absolute;top: 0.1rem;font-family: yunteam;}
#sBody .content .logistics{margin: 0 auto;padding-top: 20px;width: 80%;}
#sBody .content .logistics a{margin-right: 2%;}
#sBody .content .logistics a:last-child{margin:0;}
#sBody .content table.list-table{border-collapse: collapse;max-width: 700px;width: 100%;}
#sBody .content table.list-table th,#sBody .content table.list-table td{height: 30px;text-align: center;}
#sBody .content table.list-table th{background-color: #EEEEEE;}
/*content dl*/
#article .content dl.privacy dt{color: #000000;font-size: 1.3em;font-weight: bold;line-height: 40px;padding-top: 10px;}
#article .content dl.privacy dd{font-size: 15px;padding-left: 20px;}
#article .content dl.privacy dd:before{content: '\e80f';font-family: yunteam;font-size: 0.75rem;margin-right: 5px;}
/*404 page*/
h1.icon-emo-unhappy:before{margin-right:0.5rem;}
#article .noFound{line-height: 30px;padding-left: 10px;padding-top: 10px;}
/*contact us*/
#article .content .info{line-height: 20px;margin-top: 10px;}
#article .content .info dt{font-size: 18px;line-height: 32px;padding-left: 27px;}
#article .content .info dd{font-size: 14px;padding: 10px 0 10px 25px;position: relative;}
#article .content .info dd:before{font-size: 15px;left: 0;position: absolute;line-height: 20px;}
#article .content .info dd s{font-weight: bold;text-decoration: none;}
#article .content .info dd a{color: #447BB2;}
/*contact way*/
#article .content .contact-way{clear: both;padding-top: 80px;}
#article .content .contact-way li{display: inline;float: left;line-height: 16px;position: relative;text-align: center;width: 33%;}
#article .content .contact-way li:before{background-color: #FF7200;border-radius: 50%;color: #FFFFFF;font-size: 24px;height: 60px;left: 50%;line-height: 60px;margin-left: -30px;position: absolute;top: -60px;width: 60px;}
#article .content .contact-way li s{display: block;font-weight: bold;line-height: 28px;text-decoration: none;text-transform: uppercase;}
#article .content .contact-way li s:before{}
/*contact way*/
#article .content .contact-right{border-bottom: 1px solid #CACACA;border-top: 1px solid #CACACA;clear: both;margin-top: 20px;}
#article .content .contact-right li{border-right: 1px solid #CACACA;float: left;font-size: 16px;height: 7rem;line-height: 28px;padding-left: 11%;padding-top: 3.5rem;position: relative;text-align: left;width: 22%;}
#article .content .contact-right li:last-child{border:none;}
#article .content .contact-right li:before{border: 1px solid #CACACA;border-radius: 50%;color: #CACACA;font-size: 40px;height: 80px;left: 10%;line-height: 80px;margin-top: -40px;position: absolute;top: 50%;width: 80px;}
#article .content .contact-right li a{color: #333333;text-decoration: none;}
#article .content .contact-right li s{display: block;font-weight: bold;line-height: 28px;text-decoration: none;text-transform: uppercase;}
/*contact service*/
#article .content ul.service{border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;margin-top: 15px;padding: 10px 25px;}
#article .content ul.service li{display: inline;float: left;font-size: 14px;font-weight: bold;padding-left: 1%;width: 32%;}
#article .content ul.service li a{color: #333333;display: block;font-size: 12px;font-weight: normal;text-decoration: none;}
#article .content ul.service li a:before{font-size: 17px;margin-left: -20px;}
#article .content .contact-right li a:hover,#article .content ul.service li a:hover{color: #0A2C71;text-decoration: underline;}
/*contact form*/
#article .message{padding: 10px;}
#article .message .tips{color: #3D3D3D;font-size: 14px;line-height: 24px;padding-bottom: 10px;}
#article .message .tips a{color: #0A2C71;text-decoration: underline;}
#article .message ul.form{float: left;width: 440px;}
#article .message ul.form:nth-child(2){width: 780px;}
#article .message .submit{clear: both;padding-top: 5px;text-align: right;}
/*form box*/
h4.title{font-size: 18px;line-height: 40px;padding-bottom: 5px;padding-left: 5px;padding-top: 15px;}
#main .form-box{border: 1px solid #DDDDDD;padding: 15px 20px 20px;}
.form-box .verifyCode{height: 28px;position: relative;}
.form-box .verifyCode .textbox{width: 60px;}
.form-box .verifyCode #VerifyCode{left: 90px;position: absolute;top: 1px;line-height: 26px;}
.form-box .submit input[type="submit"]{background-color: #FF483C;border: 0 none;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 16px;height: 36px;letter-spacing: 1px;border-radius: 3px;line-height: 36px;margin: 0 auto;padding: 0 80px;text-align: center;text-transform: uppercase;}
.form-box .submit input[type="submit"]:hover{background-color:#FFF;color:#FF483C;transition: all .2s ease 0s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.form-box .submit .verify{display: inline-block;margin-right: 20px;height: 32px;}
.form-box .submit input.textbox{border: none;border-bottom: 1px solid #BDC1C2;background-color: transparent;font-size: 14px;color: #000000;position: relative;z-index: 2;text-align: center;height: 30px;resize: none;float: left;width: 80px;}
.form-box .submit span{float: left;}
.form-box .submit img{}

.form-box .verify-box{width: 428px;float: left;border-bottom: 1px solid #BDC1C2;}
.form-box .verify-box input{height: 32px;width: 368px;border: none;font-size: 14px;padding-left: 30px;box-sizing: border-box;outline: none;}
.form-box .verify-box span{position: relative;top: 2px;}

.form-box ul{}
ul.form li{clear: both;min-height: 40px;position: relative;}
ul.form .textbox,ul.form .textbox_focus,ul.form .textbox_error,ul.form .textbox_tip{border:none;border-bottom:1px solid #BDC1C2;background-color: transparent;font-size: 14px;color: #000000;position:relative;z-index:2;resize: none;}
ul.form input.textbox,ul.form input.textbox_focus,ul.form input.textbox_error,ul.form input.textbox_tip{display: inline;float: left;height: 32px;line-height: 32px;padding-left: 28px;width: 400px;}
ul.form textarea.textbox,ul.form textarea.textbox_focus,ul.form textarea.textbox_error,ul.form textarea.textbox_tip{height: 140px;line-height: 16px;padding: 6px 5px 5px 26px;width: 748px;}
ul.form li b{color: #666666;left: 3px;overflow: hidden;position: absolute;top: 8px;height: 1.4em;width:1.6em;}
ul.form li s{font-size: 1.15rem;width:1.4em;display:block;text-decoration: none;transition: all .2s ease-in-out;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
ul.form li s:before{margin: 0;padding:0;display:block;}
ul.form li s:after{color:#2d3041;display: block;font-family: "yunteam";font-style: normal;font-variant: normal;font-weight: normal;line-height: 1em;margin: 0;padding:0;text-align: center;text-decoration: inherit;text-transform: none;width: 1em;}
ul.form li input:focus+b s,ul.form li textarea:focus+b s,ul.form li #CountryID.selected+b s,ul.form li.focus b s,ul.form li .textbox_focus+b s{margin-top:-1em;}
ul.form li s.icon-th-list-1:after{/*part*/content: '\f009';}
ul.form li s.icon-calculator:after{/*quantity*/content: '\e824';}
ul.form li s.icon-user:after{/*contacts*/content: '\e804';}
ul.form li s.icon-home-1:after{/*company*/content: '\e81d';}
ul.form li s.icon-mail-alt:after{/*email*/content: '\f0e0';}
ul.form li.phone s:after{content: '\e815';}
ul.form li.country s:after{content: '\e81f';}
ul.form li.address s:after{content: '\e818';}
ul.form li s.icon-comment:after{content: '\e81c';}
ul.form .error{color: #CA0007;float: left;font-size: 15px;padding-left: 10px;display: none;}
/*other language*/
body.scroll.lang-sk header .cart,body.scroll.lang-sv header .cart,body.scroll.lang-hu header .cart,body.scroll.lang-tr header .cart,body.scroll.lang-es header .cart,body.scroll.lang-pt header .cart,body.scroll.lang-ie header .cart,body.scroll.lang-sl header .cart,body.scroll.lang-nl header .cart,body.scroll.lang-bg header .cart,body.scroll.lang-no header .cart{display:none;}
@media screen and (max-width: 1660px)
{
	.nav li{margin-right: 40px;}
}
@media screen and (max-width: 1400px)
{
	header .cart{display:none;}
}