@font-face {
    font-family: 'thaisans_neueregular';
    src: url('../fonts/thaisansneue-regular.eot');
    src: url('../fonts/thaisansneue-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thaisansneue-regular.woff2') format('woff2'),
         url('../fonts/thaisansneue-regular.woff') format('woff'),
         url('../fonts/thaisansneue-regular.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thaisans_neuebold';
    src: url('../fonts/thaisansneue-bold.eot');
    src: url('../fonts/thaisansneue-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thaisansneue-bold.woff2') format('woff2'),
         url('../fonts/thaisansneue-bold.woff') format('woff'),
         url('../fonts/thaisansneue-bold.svg#thaisans_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kollektifregular';
    src: url('../fonts/kollektif.eot');
    src: url('../fonts/kollektif.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kollektif.woff2') format('woff2'),
         url('../fonts/kollektif.woff') format('woff'),
         url('../fonts/kollektif.svg#kollektifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kollektifbold';
    src: url('../fonts/kollektif-bold.eot');
    src: url('../fonts/kollektif-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/-bold.woff2') format('woff2'),
         url('../fonts/kollektif-bold.woff') format('woff'),
         url('../fonts/kollektif-bold.svg#kollektifbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'ferrumextra-condensed';
    src: url('../fonts/ferrum.eot');
    src: url('../fonts/ferrum.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ferrum.woff2') format('woff2'),
         url('../fonts/ferrum.woff') format('woff'),
         url('../fonts/ferrum.svg#ferrumextra-condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clearfix:before, .clearfix:after {
    content: " ";
    display:  block;
	 clear:  both;

}
a{
    transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
	text-decoration:none !important;
	color:#333;
  cursor:pointer;
}
.nopad{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html,body {margin: 0; padding: 0;  max-width: 100%; height:100%; color:#333; font-family:Tahoma; display:block; background:#333; }
h1, h2, h3, h4, h5 { margin:0; padding:0;}
ul{ list-style:none; padding:0; margin:0;}
li{ list-style:none; padding:0; margin:0;}
.fr{ float: right !important;}
.fl{ float: left !important;}
p{ padding:0; margin:0;}
.img-100{width:100%;}
.img-auto{width:auto;}
.no-pad{ padding:0 !important;}
.m-auto{ margin:auto !important;}
.space{ display:block;}
.text-center{ text-align:center !important;}
.bg-black{ background:red; }
.desktop{display:block;}
.mobile{display:none;}
.relative{ position:relative;}
.absolute{ position:absolute !important;}
.kollektif{ font-family: 'kollektifregular';}
.kollektif-b{ font-family: 'kollektifbold' !important;}
.thaisans{font-family: 'thaisans_neueregular' !important;}
.thaisans-b{font-family: 'thaisans_neuebold' !important;}

.load{line-height:48px; padding:0 50px; margin:auto; color:#FFF; font-size: 1.2em; text-align:center; display:inline-block; background:#81B841; }
.load:hover{ color:#FFF;}

a.more{ height:48px; line-height:48px; padding:0 30px; background:#81B841; font-size:1.2em; color:#FFF;
display:block; }
a.more:hover{color:#FFF;}

.btu-prav{ width:auto; padding:0 26px;line-height:50px; text-align:center; color:#FFF; font-size:1.2em; margin-top: 38px;
 background:#81B841; float:left; display:block;}
.btu-prav:hover{color:#FFF; background:#81B841; display:block;}

.warp{width:100%; margin:auto; background:#FFF; display:block;}
.main{ width:1400px; margin:auto; display:block;}
header{ width:100%; margin:0; padding:0; border-bottom:1px solid #ccc; display:block; z-index:9000; background:#FFF;
 }
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
  header{ width:100%; margin:0; padding:0; border-bottom:1px solid #ccc; display:block; z-index:9000; background:#FFF; }
}}
header .logo{ width:18%; margin-top:24px; display:block; float:left; }
header .m-left{ width:82%; display:block; float:right;}
header nav{ width:100%; text-align:left; margin:0 auto 0 auto; display:block;}
header nav a{width:auto; line-height:60px; padding:0 20px; margin:auto; text-align:center; color:#8E908F; font-size:1.5em; display:block;}
header nav a:hover{ color:#00253D; }
header a.active{ color:#00253D; }
header nav .mm{ display:block; float:left;}
header nav .dropdown{ display:block; float:left;}
header nav .dropdown.open a.support{ color:#FFF; background:#8C6E4A;}
header nav .dropdown .dropdown-menu{ width:255px; margin:0; padding:0 20px; border-radius:0; border:1px #8C6E4A solid; box-shadow:none; position:absolute;
text-align:left; left:0; top:100%; z-index:9000; background:#FFF; }
header nav .dropdown .dropdown-menu > li{ padding:12px 0; }
header nav .dropdown .dropdown-menu > li > a{ line-height:24px; padding:0; text-align:left; color:#8C908C; font-size:1.7em; font-weight:normal; }
header nav .dropdown .dropdown-menu > li > a:hover{ color:#00253D; background:#FFF; }
header nav a.support{ line-height:60px; padding:0 14px;}
header nav a.support:hover{ color:#FFF; background:#8C6E4A;}
header nav a.login{ line-height:60px; color:#00253D; font-size:1.5em; padding:0 14px; display:block; float:right;}
header nav .dropdown.open a.login{ color:#FFF; background:#8C6E4A;}
header nav a.login .mmp{ line-height:64px;}
header nav a.login .glyphicon{margin-top:-4px; }
header nav a.login:hover{ background:#8C6E4A;}
header nav a.login:hover .mmp{ color:#FFF;}
header nav a.cart{line-height:60px; color:#00253D; font-size:1.5em; padding:0 14px; display:block;}
header nav a.cart .fa-stack{ margin-top:-4px; }
header nav a.cart .f-num{width:23px; height:23px; border-radius:50%; background:#8C6E4A; position:relative; top:-5px; display:inline-block;}
header nav a.cart .f-num i{width:100%; line-height:23px; color:#FFF; font-size:12px; font-style:normal; text-align:center; display:inline-block;}
header nav a.cart:hover{ background:none; }
header nav a.cart i{ color:#8C6E4A;}
header nav a.search{line-height:60px; color:#00253D; font-size:1.5em; padding:0 14px; display:block;}
header nav a.search .glyphicon{margin-top:-2px; }
header nav a.search span{ line-height:60px;}
header nav a.search:hover{ background:none; }
header nav a.search:hover span{ color:#00253D;}


header .lang{ width:100%; display:block; float:left;}
header .lang a{ line-height:60px; padding:0 20px; margin:auto; text-align:center; color:#8E908F; font-size:1.5em; display:block; float:right;}
header .lang a:hover, header .lang a.active{ color:#00253D; }

.m-desktop{ width:1200px; display:block; position:absolute; top:0; left:50%; margin-left:-600px; z-index: 999;}
.f-desktop{ width:100%; display:block;}
.f-mobile{ width:100%; display:none; z-index:8999; }

main{ width:100%; display:block;}
.banner{ width:100%; display:block; position:relative;}
.banner img{ width:100%;}
.banner .lSSlideOuter .lSPager.lSpg{ width:100%; text-align:center; position:absolute; bottom:20px; display: inline-block;}
.left-side{ width:20%; padding:0 15px; float:left; display:block;}
.left-side .ad-banner{ width:100%; margin:30px 0 0 0; display:block;}
/*
.left-side .topic{ background:#1E418C; display:block; }
.left-side .topic h4{ width:100%; line-height:24px; padding:15px 24px; margin:0; color:#FFF; font-size:1.6em; display:block; }
.left-side .topic h5{ width:100%; height:46px; line-height:18px; padding:10px 20px 0 20px; margin:0; color:#FFF; font-size:0.95em; font-weight:bold; display:block; }
.left-side .topic p{ width:100%; height:28px; line-height:18px; padding:0 20px 10px 20px; margin:0; color:#FFF; font-size:0.95em; font-weight:bold; display:block; }
*/
.left-side form{ width:100%; display:block; clear:both; background:#FFF; }
.left-side [data-accordion]{ width:100%; padding:0 14px; margin:7px 0 10px 0; color:#333; border-bottom:1px #E8E8E8 solid; display:block;}
.left-side [data-accordion] [data-content] { margin:10px 0 0 0; }
.left-side [data-accordion].open  [data-content] { margin:10px 0; }
.left-side [data-accordion] .category{ width:100%; padding:0 14px 0 0 !important; font-size:0.9em; margin:13px 0 0 0; display:block; position:relative;}
.left-side [data-accordion] .category a{ width:100%; line-height:24px; font-size:1.5em; color:#8D908E; display:block;}
.left-side [data-accordion] p{ width:100%; line-height:24px; margin:0; padding:5px 0 5px 22px; display:block; background:url(../images/bullet-green.png) 10px 9px no-repeat; }
.left-side [data-accordion] p a{ padding:0; font-size:0.9em; color:#333; display:block;}
.left-side [data-accordion] p a:hover{ color:#81B740; text-decoration:underline !important;}
.left-side [data-accordion] p a.active{ color:#81B740; font-weight:bold; text-decoration:underline !important;}
.left-side .adbanner{ width:100%; margin:30px 0 10px 0; display:block;}
.left-side .adbanner a{ width:100%; margin-bottom:1px; }
.left-side a.more{line-height:50px; padding:0; color:#333; font-size:0.8em; font-weight:bold; display:block; float:left; background:none;}
.left-side a.more:after{ content: ""; padding-right:22px; background:url(../images/arrow-more.png) no-repeat center right;}
.left-side [data-accordion] .category span { width: 18px; height:10px; position:absolute; right:0; top:7px; background:url(../images/arrow-down_menu.png) no-repeat; }
.left-side [data-accordion].open .category span { width: 18px; height:10px; position:absolute; right:0; top:7px; background:url(../images/arrow-up_menu.png) no-repeat; }
.left-side input.btu[type="submit"]{ width:100%; height:50px; text-align:center; margin:0; padding:0; color:#FFF; font-size:1.6em; border:0; display:block; background:#00253D;}

.right-side{ width:80%; padding:0 15px; float:right; display:block;}
.right-side .topic {width:100%; display:block;}
.right-side .topic h3{ line-height:33px; margin:0; padding:0; color:#00263D; font-size:2.2em; display:block;}

.h-about{ width:100%; border-bottom:1px solid #ccc; background:url(../images/bg.jpg) repeat-x bottom; display:block;}
.h-about .pic{ width:35%; padding:0; display:block;}
.h-about .pic img{ width:100%;}
.h-about .content{ width:65%; padding:44px 0 0 44px; display:block;}
.h-about .content h2{ color:#00253D; font-size:3.5em; padding:0 0 40px 0; margin:0; display:block;}

.h-about.new{ width:100%; padding-bottom:210px; border-bottom:0; background:url(../images/bg.jpg) repeat-x bottom; display:block;}
.h-about.new .content{padding:44px 44px 0 0;}
.h-about.new .content h2{line-height:47px; color:#00253D; font-size:4.5em; padding:0; margin:0; display:block;}
.h-about.new .content h4{line-height:33px; color:#00253D; font-size:1.75rem; padding:0; margin:0 0 50px 0; display:block;}

.h-about .content p{ line-height:22px; color:#666; font-size:1.2em; display:block;}

.menu-icon{ width:100%; padding:0; border-bottom:1px #CCC solid; display:block; background:#FFF; }
.menu-icon .dropdown{ width:20%; border:0; border-radius:0; background:none; float:left;}
.menu-icon .dropdown a{ width:100%; padding:23px 0; margin:0; border:0; border-radius:0; text-align:center; display:block;}
.menu-icon .dropdown a .frame{ width:100%; padding:0; margin:0; border-left:1px #CCC solid; text-align:center; display:block;}
.menu-icon .dropdown:last-child a .frame{border-right:1px #CCC solid;}
.menu-icon .dropdown a img{ width:10%; margin:auto; text-align:center;}
.menu-icon .dropdown a p{ width:100%; margin-top:22px; line-height:24px; color:#8D908E; font-size:0.95em; text-align:center;}
.menu-icon .dropdown.open a p{ color:#00253D;}
.menu-icon .dropdown.open a{border:0; border-radius:0; background:#FFF; }
.menu-icon .dropdown.open a:hover, .menu-icon .dropdown a:hover{ background:#FFF; }
.menu-icon .dropdown a:hover p{color:#00253D;}

.menu-icon.new .dropdown{width:16.66666667%; margin:auto;}
.menu-icon.new .dropdown a p{height:44px; line-height:22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.menu-icon .dropdown-menu{ width:100%; margin:0; padding:0 20px; border-radius:0; border:1px #8C6E4A solid; box-shadow:none; position:absolute;
text-align:left; left:0; top:100%; z-index:1000; background:#FFF; }
.menu-icon .dropdown-menu > li{ padding:12px 0; }
.menu-icon .dropdown-menu > li > a{ line-height:24px; padding:0; text-align:left; color:#8C908C; font-size:1.7em; font-weight:normal; }

.h-bottom.new{ width:100%; padding:60px 0; border-top:1px #CCC solid; border-bottom:1px #CCC solid; display:block;}

.h-bottom{ width:100%; padding:60px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; display:block;}
.h-bottom .row{ margin:0 -30px;}
.h-bottom .row article  { padding:0 30px; display:block; position:relative;}
.h-bottom .row article:last-child { padding:0 30px; border-left:1px #CCC solid; display:block;}
.h-bottom .row article h3{ line-height:33px; padding:0 0 28px 0; color:#00253D; font-size:2.2em; }

.h-bottom .h-reference {width:100%; padding:0; display:block; float:left;}
.h-bottom .h-reference .pic { width:100%; padding-top:55.820896%; display:block; float:left; overflow:hidden; position:relative;}
.h-bottom .h-reference .pic img{ width:100%; position:absolute; bottom:0; left:0;}
.h-bottom .h-reference li{position:relative;}
.h-bottom .h-reference li h4{ width:100%; margin:10px 0 0 0; padding:0; color:#00263D; font-size:1.5em; display:block; float:left;}
.h-bottom .h-reference .lSSlideOuter .lSPager.lSpg{width:100%;  text-align:center; padding:0 55px 0 0px; position:absolute; top:27px; display: inline-block;}
.h-bottom .h-reference .lSSlideOuter .lSPager.lSpg > li { display: block; float:right;}
.h-bottom .h-reference .lSSlideOuter .lSPager.lSpg > li a { background:rgba(142, 112, 75, 0.3); }
.h-bottom .h-reference .lSSlideOuter .lSPager.lSpg > li:hover a, .h-bottom .h-reference .lSSlideOuter .lSPager.lSpg > li.active a { background:rgba(142, 112, 75, 1);}

.h-bottom .desktop{display:block;}
.h-bottom .mobile{display:none;}
.h-bottom .h-news { width:100%; display:block;}
.h-bottom .h-news ul.row { margin:0 -13px;}
.h-bottom .h-news ul.row li { width:100%; padding:15px 0 15px 0; display:block;}
.h-bottom .h-news ul.row li:first-child {  padding:0 0 15px 0; }
.h-bottom .h-news ul.row .pic { display:block;}
.h-bottom .h-news ul.row .pic img { width:100%; }
.h-bottom .h-news ul.row .content { display:block;}
.h-bottom .h-news ul.row .content h4{ height:40px; overflow:hidden; padding:0; margin:0;  }
.h-bottom .h-news ul.row .content h4 a{ line-height:20px; color:#00253D; font-size:0.95em; font-weight:bold; }
.h-bottom .h-news ul.row .content p{ height:60px; overflow:hidden; padding:0; margin:0;}
.h-bottom .h-news ul.row .content p a{line-height:20px; color:#333; font-size:0.95em; }

/****************************option dropdown*****************************/

.listdown{ width:40%; height:42px; display:block; background:#FFF; position:relative; float:right;}
.listdown dd, .listdown dt, .listdown ul { margin:0px; padding:0px; }
.listdown dl { margin-bottom:0px;}
.listdown dd { position:relative; }
.listdown dt { width:100%; height:40px;}
.listdown a, .listdown a:visited { color:#333; text-decoration:none; outline:none;}
.listdown dt a {width:100%; height:42px; padding:0 40px 0 15px; display:block; background:url(../images/btu-sort.jpg) no-repeat right 1px;}
.listdown dt a span { width:100%; height:42px; line-height:42px; cursor:pointer; display:block; padding:0; font-size:0.9em; color:#333; font-weight: normal;}
.listdown dd ul { width:100%; padding:14px 0;display:none; left:0px; position:absolute; top:3px; width:100%; list-style:none; background:#FFF; z-index:9999;}
.listdown span.value { display:none;}
.listdown dd ul li a:hover {  color:#FFF; background:#1E418C; }
.listdown dd ul li a { width:100%; padding:5px 15px; line-height:22px; color:#333; font-size:0.9em; display:block;
	transition: all 0s ease 0s;
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
}
.listdown dd ul li a:hover {color:#81b740; background:url(../images/bullet-dropdown.png) no-repeat 23px -20px;}

/****************************option dropdown*****************************/

.navigation{ width:100%; padding:60px 0; display:block;}
.navigation .cat{ width:auto; display:block; float:left;}
.navigation .cat p{ width:auto; line-height:20px; padding-right:15px; color:#00253D; border-right:1px #C0C9CE solid; font-size:1.5em; display:block; float:left;}
.navigation .sub{ width:auto; display:block; float:left;}
.navigation .sub p{ width:auto; line-height:20px; padding:0 0 0 15px; color:#8D908E; border-right:1px #C0C9CE solid; font-size:1.5em; display:block; float:left;}
.navigation .sub p:last-child{border-right:0;}
.navigation .sub p:after{ content:""; padding:0 0 0 15px; color:#00253D; font-size:1em; font-family: 'kollektifbold';}
.navigation .sub p:last-child:after{ content:":";}
.navigation .word{ width:auto; padding:0 0 0 15px; color:#8D908E; display:block; float:left;}
.navigation .word span{ width:auto; line-height:22px; padding:0 25px 0 0; color:#8D908E; font-size:1.5em; display:block; float:left;}

.ctrl{ width:100%; margin:40px 0; text-align:center; display:block;}
.ctrl a{ width:auto; margin:0 5px; text-align:center; font-size:1.5em; display:inline-block;}
.ctrl span{ width:auto; margin:0 20px; text-align:center; display:inline-block;}
.ctrl span a{ width:30px; height:30px; line-height:1.3em; border-radius:50%; color:#00263D; background:#FFF; }
.ctrl span a:hover, .ctrl span a.active{ color:#FFF; background:#00263D; }

.product-category{ width:100%; margin-bottom:100px; display:block;}
.product-category .topic { width:100%; padding:46px 0; text-align:center; display:block;}
.product-category .topic img{ width:auto; margin:auto; text-align:center;}
.product-category .topic p{ width:100%; margin-top:10px; line-height:38px; color:#00253D; font-size:2.6em; text-align:center;}
.product-category ul{ width:100%; height:702px; border:1px #8e704c solid; display:block; position:relative;}
.product-category ul li{ width:25%; display:block; position:absolute; border-left:1px #8E704C solid; z-index:98; }
.product-category ul li .frame{ width:100%; height:700px; display:block; overflow:hidden; position:relative;}
.product-category ul li .frame h3{ line-height:33px; margin:0px; color:#00263D; font-size:2.2em; display:block; position:absolute; left:15px; bottom:10px; z-index:99; }
.product-category ul li .frame img{ position:absolute; z-index:89;}
.product-category ul .kens{ border-left:0; left:0; }
.product-category ul .kens img{ left:0; }
.product-category ul .pilot{ left:25%; }
.product-category ul .pilot img{ left:-100%; }
.product-category ul .spin{ left:50%; }
.product-category ul .spin img{ right:-100%; }
.product-category ul .can{ left:75%; }
.product-category ul .can img{right:0; }
.product-category ul a{ width:25%; height:700px; display:block; background:none; position:absolute; z-index:999; }
.product-category ul a.b-kens{left:0; }
.product-category ul a.b-pilot{left:25%; }
.product-category ul a.b-spin{left:50%; }
.product-category ul a.b-can{ left:75%; }

@media print {
  header, .menu-icon, .social, .copyright { visibility:hidden;}
}

.p-category{ width:100%; margin-bottom:100px; display:block;}
.p-category .topic { width:100%; padding:46px 0; text-align:center; display:block;}
.p-category .topic img{ width:auto; margin:auto; text-align:center;}
.p-category .topic p{ width:100%; margin-top:10px; line-height:38px; color:#00253D; font-size:2.6em; text-align:center;}
/*.p-category .frame{ display:block;}
.p-category .lSSlideWrapper {border:1px #8E704C solid; display:block;}
.p-category a{ width:100%; display:block; position:relative;}
.p-category a img{ width:100%;}
.p-category a h3{ line-height:33px; margin:0px; color:#00263D; font-size:2.2em; display:block; position:absolute; left:15px; bottom:10px; z-index:99; }
.p-category .lSSlideOuter .lSPager.lSpg > li a{ background:#ddd4c9; }
.p-category .lSAction > a{bottom: 5px;}
.p-category .lSAction > .lSNext{ right:5px; }
.p-category .lSAction > .lSPrev{ right:56px; }*/

.p-category ul{ width:100%; padding:0; display:block; border-left:1px solid #8E704C; border-top:1px solid #8E704C; }
.p-category ul li{ width:50%; padding:0; display:block; float:left; border-right:1px solid #8E704C; border-bottom:1px solid #8E704C;}
.p-category ul li a{ width:100%; display:block; position:relative;}
.p-category ul li a h3{margin:0; line-height:34px; color:#00263D; font-size:1.8em; position:absolute; top:28px; left:28px; }
.p-category ul li a p{line-height:20px; color:#8C908C; font-size:1em; position:absolute; bottom:30px; right:30px; }
.p-category ul li a img{ width:100%;}

.p-product{ margin:40px 0; display:block;}
.p-product .desktop{ display:block;}
.p-product .mobile{ display:none;}
.p-product .row { margin:0 -12px; }
.p-product li{display:block; padding:0 12px; padding-bottom:35px; }
.p-product li .frame{display:block; background:#FFF; border:1px #FFF solid; position:relative; z-index:4;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.p-product li .frame:hover{display:block; background:#FFF; border:1px #8E704C solid; position:relative; z-index:5;
-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.p-product li .frame a.pic{ width:100%; padding:0; text-align:center; position:relative;}
.p-product li .frame a.pic img{ width:100%; }
.p-product li .frame a.btu{ line-height:40px; text-align:center; padding:0 20px; color:#FFF; font-size:1.5em; border:0; background:#00273D; position:absolute; right:10px; top:10px; display:none; }
.p-product li .frame:hover a.btu{display:block;
transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.p-product li .frame .top{width:100%; padding:10px; display:block; background:#FFF; }
.p-product li .frame .top .status{ width:25%; padding-right:20px; display:block; float:left; }
.p-product li .frame .top .status img{ width:auto;}
.p-product li .frame .bottom{ width:100%; padding:10px 17px 5px 17px; display:block; background:#FFF; position:relative;}
/*.p-product li .frame .bottom a.btu{ line-height:40px; text-align:center; padding:0 20px; color:#FFF; font-size:1.5em; border:0; background:#00273D; position:absolute; right:10px; bottom:10px; display:none; }
.p-product li .frame:hover .bottom a.btu{ display:block; }*/
.p-product li .frame .bottom .code{ width:100%; line-height:26px; text-align:left; display:block; float:left;}
.p-product li .frame .bottom .code p{ width:100%; height:50px; line-height:24px; color:#00263D; font-size:1.5em; text-align:left; overflow:hidden; display:block; }
.p-product li .frame .bottom .price{ width:100%; line-height:26px; text-align:left; display:block; float:left;}
.p-product li .frame .bottom .price p.full{ width:auto; line-height:18px; color:#CC0000; font-size:1.1em; text-align:left; display:block; float:left;}
.p-product li .frame .bottom .price p.full img{ width:auto; margin-top:-1px; margin-right:5px; display:block; float:left;}
.p-product li .frame .bottom .price p.discount{ width:auto; line-height:18px; margin-right:13px; color:#8C908D; font-size:1.1em; text-align:left; display:block; float:left;}
.p-product li .frame .bottom .price p.discount img{ width:auto; margin-top:-1px; margin-right:5px; display:block; float:left; }
.p-product li .frame .bottom .price p.discount strike{ float:left;}
.p-product li .frame .load-more{width:100%; height:50px; display:block; background:#FFF; position:relative; z-index:5; }

.wish-list { width:100%; display:block;}
.wish-list .p-product{ margin-bottom:30px; }
.wish-list .p-product li{display:block; padding:0; border-right:1px #E8E8E8 solid; border-bottom:1px #E8E8E8 solid; }
.wish-list .p-product li .frame .bottom{ padding:10px 17px 10px 17px; }

.youtube{width:71.66666666666667%; padding:0 15px; display:block; float:left;}
.facebook{width:28.33333333333333%; padding:0 15px; display:block; float:left;}
.youtube iframe{width:100%; height:500px; display:block;}
.facebook .fb-comments, .facebook .fb-comments iframe[style] {width: 100% !important;}

.bg-howto ul{ width:100%; background:none; display:block; }
.bg-howto ul li{ padding:27px; border-right:1px solid rgba(0, 0, 0, 0.5); background:#FFF; display:block; }
.bg-howto ul li:nth-child(4){border-right:0;}
.bg-howto ul li .icon{ padding:0; margin-bottom:26px; border-right: 1px solid rgba(0, 0, 0, 0); background:#FFF; display:block; }
.bg-howto ul li h3{ line-height:32px; font-size:1.6em; color:#1D3F8B; display:block;}
.bg-howto ul li p{ line-height:18px; padding:15px 0; font-size:0.9em; color:#333; display:block;}

.bg-social ul.pic{ width:100%; margin-top:30px; display:block;}
.bg-social ul.pic li{ width:20%; border-right:1px #FFF solid; border-bottom:1px #FFF solid; display:block; float:left;}
.bg-social ul.pic li img{ width:100%;}

.m-topic{ padding:35px 0 26px 0; color:#1E3F8C; font-size:2.5em; display:block;}
.b-topic{ padding:35px 0 20px 0; color:#1E3F8C; font-size:2.5em; display:block;}
.b-topic h2{ margin:0; padding:10px 0 0 0; color:#1E3F8C; font-size:1.5em; font-weight:normal; display:block;}
.b-topic .logo{ width:100%; display:block;}
.b-topic .logo img{ width:15%;}

/***********************************PRODUCT****************************************/

.category{ width:100%; display:block; }
.category table{ width:100%;}
.category table td{width:33.33333333%; border:1px #E8E8E8 solid; background:#FFF;}
.category section{ padding:0; display:block;}
.category section .pic{ width:100%; display:block;; }
.category section .pic img{ width:100% !important; }
.category section h3{ width:100%; line-height:30px; margin:15px 0 0 0; padding:4px 18px; color:#1D408B; font-size:1.8em; display:block;}
.category section ul{ width:100%; padding:10px 15px 30px 15px; display:block;}
.category section ul li{  width:100%; line-height:24px; border:0; margin:0; padding:0 0 0 22px; display:block; background:url(../images/bullet-green.png) 10px 9px no-repeat;}
.category section ul li a{ padding:0; font-size:0.9em; color:#333; display:block;}
.category section ul li a:hover{ color:#81B740; text-decoration:underline !important;}
.category section ul li a.active{ color:#81B740; font-weight:bold; text-decoration:underline !important;}

.m-category{ width:100%; display:none; }
.m-category ul{ width:100%; padding:0; display:block;}
.m-category ul li{ width:50%; padding:0; display:block; float:left;}
.m-category ul li a { width:100%; padding:0; display:block; position:relative;}
.m-category ul li a .pic{ display:block; }
.m-category ul li a .pic img{ width:100%; }
.m-category ul li a h3{ width:100%; line-height:20px; margin:0; padding:20px 20px; color:#FFF; font-size:1.5em; text-align:center;
position:absolute; top:50%; transform:translateY(-50%); background:rgba(0, 0, 0, 0.5);}

ul#sub-category{ width:100%; display:block;}
ul#sub-category li{ padding:0; border:1px #FFF solid;}
ul#sub-category li:nth-child(4n+4){ padding:0; border-right:0;}

.b-category{ width:100%; display:block; }
.b-category ul{ width:100%; padding:0; display:block;}
.b-category ul li{ width:33.33333333%; padding:0; display:block; float:left;}
.b-category ul li a { width:100%; padding:0; display:block; position:relative;}
.b-category ul li a .pic{ display:block; }
.b-category ul li a .pic img{ width:100%; }
.b-category ul li a h3{ width:100%; line-height:20px; margin:0; padding:20px 20px; color:#FFF; font-size:1.5em; text-align:center;
position:absolute; top:50%; transform:translateY(-50%); background:rgba(0, 0, 0, 0.5);}

.product-detail{ width:100%; margin-bottom:70px; display:block; background:#FFF;}
.product-detail .spit{padding:0; display:block; background:#FFF; }
.product-detail .spit .top{width:100%; padding:10px; display:block; background:#FFF; }
.product-detail .spit .top .status{ width:12%; padding-right:20px; display:block; float:left; }
.product-detail .spit .top .status img{ width:100%;}
.product-detail {padding:0; display:block;}
.product-detail .lSPager{ padding-bottom:15px; }
.product-detail .sb{ width:100%; border-top:1px #E8E8E8 solid; display:block;}
.product-detail .left-s {width:50%; padding:0; border-right:1px #E8E8E8 solid; text-align:center; display:block; float:left;}
.product-detail .right-s {width:50%; padding:0; text-align:center; display:block; float:left;}
.product-detail .share {padding:18px 0; margin:auto; display:inline-block;}
.product-detail a.back { width:auto; line-height:37px; padding:18px 0; margin:auto; color:#1E408C; font-size:1.6em; display:inline-block;}
.product-detail a.back:before { content:""; padding:0 0 0 20px; background:url(../images/arrow-back.png) no-repeat left 8px; }
.product-detail .wishlist {padding:20px 0; border-top:1px #E8E8E8 solid; border-bottom:1px #E8E8E8 solid; text-align:center; display:block; position:relative;}
.product-detail .wishlist input[type=checkbox].css-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height:1px;
  width:1px;
  margin:-1px;
  padding:0;
  border:0;
  top:35px;
}
.product-detail .wishlist label.css-label.lrg {
	padding-left:22px;
  height:32px;
	display:inline-block;
	line-height:32px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:1.6em;
	vertical-align:middle;
  cursor:pointer;
  color:#1E3F8C;
}
.product-detail .wishlist input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{background-position: 0 -32px;}
.product-detail .wishlist .vlad { background-image: url("../images/vlad.png");}
.product-detail .wishlist span{ padding-left:15px; }
.product-detail .wishlist .glyphicon-heart{ line-height:32px; color:#FF3333; font-size:1.5em; }

.product-detail .detail{ width:100%; display:block;}
.product-detail .detail section{ width:100%; padding:23px 0; border-bottom:1px #C0C9CE solid; display:block;}
.product-detail .detail section:last-child{ border-bottom:0;}
.product-detail .detail section .price{ width:100%; text-align:left; display:block; float:left;}
.product-detail .detail section .price img{ margin-right:5px; display:block; float:left;}
.product-detail .detail section .price p.full{ width:auto; line-height:40px; padding-right:15px; color:#CC0000; font-size:2.7em; text-align:left; display:block; float:left;}
.product-detail .detail section .price p.discount{ width:auto; line-height:18px; padding-right:15px; color:#8C908D; font-size:1.3em; text-align:left; display:block; float:left;}
.product-detail .detail section h3 { width:100%; line-height:33px; margin:0 0 10px 0; padding:0; color:#00263D; font-weight:normal; font-size:2em; display:block;}
.product-detail .detail section h4 { width:100%; line-height:20px; padding:0; margin-bottom:14px; color:#333; font-size:0.9em; font-weight:bold; display:block;}
.product-detail .detail section span {  line-height:20px; padding:0; margin-bottom:24px; color:#333; font-size:0.9em; display:block;}
.product-detail .detail section .description { width:100%; display:block;}
.product-detail .detail section .description p { font-size:1.4em; margin:0; padding:0; display:block; color:#8C908D; font-family: 'thaisans_neuebold';}
.product-detail .detail section .description .tab-content{ margin-top:20px; color:#8C908D; font-family: 'thaisans_neuebold'; }
.product-detail .detail section .description .tab-content table{ width:100%; }
.product-detail .detail section .description .tab-content table td{vertical-align:top; }
.product-detail .detail section .other{ width:100%; display:block;}
.product-detail .detail section .other ul{ margin:0 -6px; }
.product-detail .detail section .other ul li{ width:80px; height:80px; margin:0 6px; display:block; float:left;}
.product-detail .detail section .other ul li a{ width:80px; height:80px;  text-align:center; border:1px #8E908F solid; overflow:hidden; float:left; display:block; position:absolute;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.product-detail .detail section .other ul li a .pic{ width:80px; height:80px; text-align:center; position:absolute;   }
.product-detail .detail section .other ul li a .pic img{ width:100%; text-align:center }
.product-detail .detail section .other ul li a .otc{ width:200%; text-align:center; top:50%; left:50%; margin-left:-25px; margin-top:-18px;   }
.product-detail .lSAction > .lSPrev{left:0; right:auto;}
.product-detail .lSAction > .lSNext{left:51px; right:auto;}

.product-detail .nav > li > a{ display:inline-block;}

#product-detail img{ width:100%; }

ul.tabmenu{ width:100%; display:block; border:0; }
ul.tabmenu li{ width:25%; padding:0; margin:0; background:#FFF; display:block; float:left;}
ul.tabmenu li:hover, ul.tabmenu li.active, ul.tabmenu li.active:hover{ color:#00253D; }
ul.tabmenu li a{ width:auto; line-height:22px; padding:5px 0; margin:0; font-size:1.45em; color:#8C908D;
  border:0; border-radius:0; border-bottom:1px solid rgba(0, 37, 61, 0); outline:none; background:none; display:block; float:left;}
ul.tabmenu li a:focus, ul.tabmenu li a:hover:focus{ border:0 !important; background:none; display:block; }
ul.tabmenu li.active a, ul.tabmenu li.active:hover a{width:auto; color:#00253D; border:0; border-bottom:1px solid rgba(0, 37, 61, 1) !important; }
ul.tabmenu li a:hover{ color:#00253D;}

.add-accessories{ width:100%; margin:30px 0 80px 0 ; display:block; border-top:1px #C0C9CE solid; }
.add-accessories h3 { width:100%; line-height:30px; margin:0 0 10px 0; padding:30px 0; color:#00263D; font-weight:normal; font-size:2em; display:block;}
.f-tab ul.tabmenu{margin:0 -20px;}
.f-tab ul.tabmenu li{ width:auto; padding:0 20px; margin:0; display:block; float:left;}
.add-accessories .detail{ width:100%; padding-right:25px; display:block;}
.add-accessories .detail .pic{ width:100%; display:block;}
.add-accessories .detail .pic img{ width:100%;}
.add-accessories .detail h4{ line-height:22px; margin:12px 0 12px 0; color:#00263D; font-size:1.5em; display:block;}
.add-accessories .detail p{ line-height:20px; padding:0; margin:0; color:#8C908C; font-size:1.3em; display:block;}
.add-accessories .detail .plus{ line-height:33px; padding:0; margin:15px 0 0 0; color:#8C704B; font-size:1.8em; display:block;}
.add-accessories .detail .plus img{ margin:-8px 5px 0 0; }
.add-accessories .detail .plus:before{ content:"+"; padding-right:5px; }
.add-accessories .tab-content{ margin-top:45px;}
.add-accessories .detail a.btu {width:auto; line-height:42px; margin:20px 0; padding:0 22px; color:#FFF; font-size:1.3em; font-weight:normal; background:#00253D; display:block; float:left;}
.add-accessories .lSSlideOuter .lSPager.lSpg > li a{ background:#C0C9CE; }
.add-accessories .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{background:#00263d !important;}
.add-accessories .tab-content > .tab-pane{height:0; display:block; overflow:hidden; visibility:hidden;}
.add-accessories .tab-content > .active{height:auto; display:block; overflow:auto; visibility:visible;}

.p-group ul.menu li a:focus{background:none; border:0; margin:0; }
.p-group ul.menu li:hover a, .p-group ul.menu li.active a{ color:#FFF; }
.p-group ul.menu li:last-child{ border-right:0;}
.product-detail .detail section .amount{ width:100%; display:block; float:left;}
.product-detail .detail section .amount p {width:auto; line-height:42px; padding-right:25px; color:#8C908D; font-size:1.3em; display:block; float:left;}
.product-detail .detail section .amount a.btu {width:auto; line-height:42px; padding:0 22px; color:#FFF; font-size:1.3em; font-weight:normal; background:#00253D; display:block; float:left;}
.product-detail .lSSlideOuter .lSPager.lSGallery li{ border:1px #C0C9CE solid; }
.product-detail .lSSlideOuter .lSPager.lSGallery li.active, .product-detail .lSSlideOuter .lSPager.lSGallery li:hover{ border:1px #00253d solid; }

.reference{ width:100%; display:block;}
.reference .topic{ width:100%; padding:50px 0; display:block;}
.reference .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; display:block;}
.reference .desktop{ display:block;}
.reference .mobile{ display:none;}
.reference ul{ margin:0 -16px; }
/*.reference ul li{ padding:0 16px; margin-bottom:65px; }*/
.reference ul li{ padding:0 16px; margin-bottom:65px; }
.reference ul li .content{ margin-bottom:28px; }
.reference ul li .content h4{ margin:22px 0 0 0; display:block;}
.reference ul li .content h4 a{ height:30px; line-height:30px; color:#00253d; font-size:1.7em; overflow:hidden; display:block; }
.reference ul li .content p{ height:20px; line-height:20px; overflow:hidden; margin:0; color:#00253d; overflow:hidden; font-size:1.3em; }
.reference ul li .content p.date{ line-height:20px; margin:0 0 22px 0; color:#8C908C; font-size:1.3em; }
.reference ul li a.continue { width:auto; line-height:22px; padding:0; color:#8C6E4B; font-size:1.3em; display:inline-block;}
.reference ul li a.continue img{ margin-left:10px; float:right;}
.reference .p-pic{ width:100%; padding:0 0 15px 0; text-align:center; border:1px #C0C9CE solid; display:block;}
.reference .pc-pic{ }
.reference .pc-pic img{width:100%; }
.reference .p-pic .pro{ width:100%; display:block;}
.reference .p-pic .pro img{ width:70%;}
.reference .p-pic .logo{ width:100%; display:block; }
.reference .p-pic .logo img{ width:auto;}
.reference .ref-pic{ width:100%; border:1px #C0C9CE solid; }
.reference .ref-pic img{ width:100%; }

.reference .detail{ width:100%; margin-bottom:100px; display:block;}
.reference .detail ul{ margin:0; }
.reference .detail ul li{ padding:0; margin:0; }
.reference .detail .pic{ width:100%; display:block;}
.reference .detail .pic .lSSlideOuter .lSPager.lSpg > li{ margin-bottom:10px; }
.reference .detail .pic .lSSlideOuter .lSPager.lSpg > li a{background:#CCC;}
.reference .detail .pic img{ width:100%; display:block;}
.reference .detail .text{ width:100%; font-size:1.3em; display:block;}
.reference .detail .content{ width:100%; margin:28px 0; display:block;}
.reference .detail .content .ppic{ text-align:center; display:block;}
.reference .detail .content .ppic img{ width:80%; text-align:center;}
.reference .detail .content p.project{ line-height:20px; margin:0; color:#00253d; font-size:1.3em; }
.reference .detail .content p{ line-height:20px; margin:28px 0; color:#8C908C; font-size:1.3em; }
.reference .detail a.continue { width:auto; line-height:22px; padding:0; color:#8C6E4B; font-size:1.3em; display:inline-block;}
.reference .detail a.continue img{ margin-left:10px; float:right;}
.reference .detail a.back { width:auto; line-height:22px; padding:0 25px 0 0; color:#8C6E4B; font-size:1.3em; display:inline-block;}
.reference .detail a.back img{ margin-right:10px; float:left;}

.news{ width:100%; display:block;}
.news .desktop{ display:block;}
.news .mobile{ display:none;}
.news .topic{ width:100%; padding:50px 0; display:block;}
.news .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; display:block;}
.news ul{ width:100%; margin:0 0 90px 0; display:block;}
.news ul li{ width:100%; padding:50px 0; margin:0; border-bottom:1px #C0C9CE solid; display:block;}
.news ul li .pic{ width:18%; display:block; float:left;}
.news ul li .pic img{ width:100%; }
.news ul li .content{ width:82%; padding-left:50px; float:left;}
.news ul li .content h4{ margin:0; display:block;}
.news ul li .content h4 a{ line-height:30px; color:#00253d; font-size:1.7em; display:block; }
.news ul li .content p{ width:80%; height:40px; line-height:20px; overflow:hidden; margin:0; color:#00253d; overflow:hidden; font-size:1.3em; }
.news ul li .content p.date{height:20px; line-height:20px; margin:0 0 22px 0; color:#8C908C; font-size:1.3em; overflow:hidden; }
.news ul li a.continue { width:auto; line-height:22px; margin-top:12px; padding:0; color:#8C6E4B; font-size:1.3em; display:inline-block; float:right;}
.news ul li a.continue img{ margin-left:10px; float:right;}

.news .detail{ width:100%; margin-bottom:100px; display:block;}
.news .detail .pic{ width:100%; display:block;}
.news .detail .pic img{ width:100%;}
.news .detail .content{ width:100%; margin:40px 0; display:block;}
.news .detail .content h4{ width:100%; line-height:30px; color:#00253d; font-size:1.7em; display:block;}
.news .detail .content p{ width:70%; line-height:20px; overflow:hidden; margin:0; color:#8C908C; font-size:1.3em; float:left; }
.news .detail .content p.date{ width:100%; line-height:20px; margin:0 0 22px 0; color:#8C908C; font-size:1.3em;}
.news .detail a.back { width:auto; line-height:22px; margin:0; padding:0; color:#8C6E4B; font-size:1.3em; display:inline-block; float:right;}
.news .detail a.back img{ margin-left:10px; float:right;}

.faqs{ width:100%; display:block;}
.faqs .topic{ width:100%; padding:50px 0; display:block;}
.faqs .topic2{ width:100%; font-size:1.45em; display:block;}
.faqs .topic3{ width:100%; padding:30px 0 50px 0; display:block;}
.faqs .topic h3, .faqs .topic3 h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; display:block;}
.faqs ul{ width:100%; display:block;}
.faqs ul li{ width:100%; margin-bottom:90px; display:block;}
.faqs ul li.s-other{margin-bottom:40px;}
/*.faqs ul li h4{ margin:0 0 30px 0; color:#00253D; font-size:2em; display:block;}
.faqs ul li h4 font{color:#8C6E4B;}*/
.faqs ul li p{ line-height:24px; margin:0; color:#8D9090; font-size:1.3em; display:block;}
.faqs ul li p img{ max-width:100%;}
.faqs h4{ margin:0 0 30px 0; color:#00253D; font-size:1.8em; display:block;}
.faqs h4.sub{ margin:0 0 15px 0;}
.faqs h4 font{color:#8C6E4B;}
.faqs .text{ line-height:24px; padding:0 0 0 30px; margin:0 0 40px 0; color:#8D9090; font-size:1.5em; display:block;}
.faqs .text p{ margin:0 0 10px 0;}

.catalog{ width:100%; margin-bottom:100px; display:block;}
.catalog .topic{ width:100%; padding:50px 0; display:block;}
.catalog .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; display:block;}
.catalog .pic{ width:100%; display:block; position:relative;}
.catalog .pic img{ width:100%;}
.catalog .content{ display:block; position:absolute; top:25%; left:56px; display:none;}
.catalog .content h4{ line-height:30px; color:#FFF; font-size:2.2em; display:block;}
.catalog .content h5{ line-height:65px; color:#FFF; font-size:4em; display:block;}
.catalog .content a.download{ width:auto; line-height:60px; padding:0 30px; color:#FFF; font-size:1.8em; background:#00253D; display:inline-block; }
.catalog .content2{ display:block; position:absolute; top:25%; left:43%; display:none;}
.catalog .content2 h4{ line-height:30px; color:#FFF; font-size:2.2em; display:block;}
.catalog .content2 h5{ line-height:65px; color:#FFF; font-size:3em; display:block;}
.catalog .content2 a.download{ width:auto; line-height:60px; padding:0 30px; color:#FFF; font-size:1.8em; background:#00253D; display:inline-block; }

.catalog table{width:100%; font-family: 'thaisans_neuebold'; font-size:1.45rem;}
.catalog table th{line-height:32px; padding:14px 0; color:#8D908E; font-weight:normal; border-bottom:1px solid #C0C9CE;}
.catalog table th:nth-child(1){width:15%;}
.catalog table th:nth-child(2){width:70%;}
.catalog table th:nth-child(3){width:15%;}
.catalog table td{line-height:24px; border-bottom:1px solid #C0C9CE; padding:14px 0;}
.catalog table td:nth-child(1){width:15%; color:#8C6F4B;}
.catalog table td:nth-child(2){width:70%; color:#00253D;}
.catalog table td:nth-child(3){width:15%;}
.catalog table td .load{ width:150px; line-height:50px; padding:0; color:#FFF; font-size:1.07rem; text-align:center; background:#00253D; display:inline-block; }



/***********************************************************/


.quantity { padding-right:8px; display:block; position:relative; float:left;}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button
{-webkit-appearance: none;   margin: 0;}

.quantity input[type=number]{ -moz-appearance:textfield;}

.quantity input {width:100px; height:42px; line-height:1.65; color:#8C908D; font-size:1.1em; float:left; display:block; padding:0; margin:0; padding-left:20px; border:1px #C0C9CE solid; background:#FFF;}
.quantity input:focus {outline: 0;}
.quantity-nav {height:42px; float:left; position:relative;}
.quantity-button {
  position: relative;
  cursor: pointer;
  border:0;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  width:37px;
  height: 50%;
  top: 0;
  border:0;
  background:url(../images/number_arrow-up.png) no-repeat;
}

.quantity-button.quantity-down {
  position: absolute;
  width:37px;
  bottom:0;
  height: 50%;
  background:url(../images/number_arrow-down.png) no-repeat;
}

/********************************************************************/

.contact{width:100%; display:block; padding:0; display:block;}
.contact .topic{ width:100%; padding:50px 0; display:block;}
.contact .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; display:block;}
.contact section{width:100%; margin:0; padding:0; display:block;}
.contact section.border-bf{margin-top:0; border-bottom:1px #8C6F4B solid; }
.contact section.border-b{margin-top:60px; border-bottom:1px #8C6F4B solid; }
.contact section article{width:100%; padding:0; margin:35px 0; text-align:center; display:inline-block;}
.contact section article .center{width:50%; display:inline-block;}
.contact section h3{width:100%; padding:0; margin:30px 0 0 0; color:#00253D; font-size:1.9em; text-align:center; display:block;}
.contact section h3.new{margin-bottom:30px;}
.contact section.border-t h3{margin:55px 0 30px 0;}
.contact section h4{width:100%; padding:0; margin:0 0 30px 0; color:#00253D; font-size:1.7em; text-align:center; display:block;}
.contact section h5{width:100%; padding:0; margin:0 0 20px 0; color:#8C6E4B; font-size:1.5em; text-align:center; display:block;}
.contact section p{width:100%; padding:0; margin:0 0 20px 0; color:#8C9090; font-size:1.3em; text-align:center; display:block;}
.contact section .icon{width:100%; padding:0; margin:0 0 60px 0; text-align:center; display:block;}
.contact section .map{width:100%; padding:0; margin:0; text-align:center; display:block;}
.contact section .map iframe{width:100%; height:400px; }

.contact ul.tabmenu2{ width:100%; display:block; border:0; }
.contact ul.tabmenu2 li{height:50px; padding:0 27px; margin:0 1px 0 0; background:#8E9090; display:block; float:left;}
.contact ul.tabmenu2 li:hover, .contact ul.tabmenu2 li.active, .contact ul.tabmenu2 li.active:hover{ color:#FFF; background:#00273D; }
.contact ul.tabmenu2 li.active a, .contact ul.tabmenu2 li.active:hover a{width:auto; color:#FFF; border:0; border-bottom:0;  background:#00273D; }
.contact ul.tabmenu2 li a:focus, .contact ul.tabmenu2 li a:hover:focus{ border:0; display:block; }
.contact ul.tabmenu2 li a{ width:auto; line-height:50px; padding:0; margin:0; font-size:1.3em; color:#FFF;
  border:0 !important; border-radius:0; border-bottom:0; outline:none; display:block; float:left;}
.contact ul.tabmenu2 li a:hover{ color:#FFF;}

.contact form{ margin:95px 0 0 0; padding:0; background:#FFF; display:block;}
.contact form h3{width:100%; padding:0; margin:0; color:#00253D; font-size:1.7em; text-align:left; display:block;}
.contact form ul{display:block;}
.contact form ul li{ margin-bottom:30px; display:block;}
.contact form ul li .ff{ padding:0; display:block;}
.contact form ul li .ff .dc{ padding:0; border:0; display:block;}
.contact form ul li .ff label{  height:50px; color:#8C908C; font-weight:normal; line-height:50px; font-size:1.5em; margin:0; padding:0 0 0 20px; }
.contact form ul li .ff .cd{  height:50px; font-weight:normal; line-height:50px; margin:0; padding:10px 0 10px 9px;}
.contact form ul li .ff input, .contact form ul li .dc input{ padding:0 9px; font-size:1.2em; color:#8c908c; height:50px; line-height:50px; border:0; background:#FFF; border:1px #C0C9CE solid; }
.contact form ul li .ff input[type="password"]{ padding:0 15px; font-size:1.2em; color:#8c908c; height:50px; line-height:50px; border:0; border:1px #C0C9CE solid;}
.contact form ul li .ff textarea{ padding:8px 15px; font-size:1.2em; color:#8c908c; height:100px; line-height:20px; border:0; resize:none; float:left; background:#FFF; border:1px #C0C9CE solid;}
.contact form ul li .ff .code{ height:50px; margin:0; padding:0; text-align:center; background:#FFF; }
.contact form ul li .ff select{  color:#666; }
.contact form ul li .ff .select{ color:#666; position: absolute;}
.contact form ul li input[type="submit"] {text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; cursor:pointer;}

.contact section.new{padding:44px 0 100px 0; border-top:1px solid #C0C9CE;}
.contact form.new{width:50%; margin:0; padding:0; display:block; float:left;}
.contact form.new h3{margin-bottom:20px; }
.contact form.new ul{display:block; padding:0;}
.contact form.new ul li .ff label{padding:0;}
.contact .list{width:50%; padding-right:60px; display:block; float:left;}
.contact .list ul{width:100%; height:650px; padding-right:35px; overflow-y:scroll; display:block; float:left;
  scrollbar-width: thin;          /* "auto" or "thin"  */
  scrollbar-color: #8C6F4B #DDD;   /* scroll thumb & track */
}
.contact .list ul::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}
.contact .list ul::-webkit-scrollbar-track {
  background:#DDD;        /* color of the tracking area */
}
.contact .list ul::-webkit-scrollbar-thumb {
  background-color:#8C6F4B;    /* color of the scroll thumb */
  border-radius:0px;       /* roundness of the scroll thumb */
  border:0;  /* creates padding around scroll thumb */
}
.contact .list ul li{width:100%; line-height:20px; padding:0 70px 30px 0; margin-bottom:30px; color:#8C9090; border-bottom:1px solid #C0C9CE;
font-family: 'thaisans_neuebold'; text-align:left; display:block; float:left;}
.contact .list ul li h3{width:100%; margin:0 0 20px 0; color:#00253D; font-size:1.55rem; display:block; float:left; text-align:left;}
.contact .list ul li h4{width:100%; margin-bottom:20px; color:#8C6E4B; font-size:1.4rem; display:block; float:left; text-align:left;}
.contact .list ul li p{width:100%; margin-bottom:20px; font-size:1.4rem; display:block; float:left; text-align:left;}
.contact .list ul li .tel{width:auto; color:#8C9090; font-size:1.4rem; text-align:left;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.contact .list ul li .tel:hover{color:#00263D;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.contact .list ul li i{width:auto; margin:0 20px 0 0; padding:0 20px 0 0; font-size:1.4rem; border-right:1px solid #C0C9CE; font-style:normal; text-align:left; display:block; float:left;}
.contact .list ul li .gmap{width:auto; padding:0 0 0 20px; color:#00263D; font-size:1.4rem; display:block; float:left; position:relative; text-align:left;}
.contact .list ul li .gmap em{width:20px; height:20px; line-height:20px; color:#8C6E4B; display:block; position:absolute; left:0; top:0;
background:url(../images/icon-map.png) no-repeat left top;}

.banner-promotion{ width:100%; margin:32px 0 18px 0 ; display:block;}
.banner-promotion img { width:100%;}

#search{width:100%; display:block; padding:0; display:block;}
#search .topic{ width:100%; padding:50px 0; display:block;}
#search .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; text-align:center; display:block;}
#search form{width:80%; margin:auto; display:block;}
#search form p{ width:100%; line-height:24px; margin:0 0 35px 0; color:#8D908E; font-size:1.5em; text-align:center; display:block;}
#search form .frame{ width:100%; display:block; padding:0; margin:0 -10px 35px -10px; display:block; }
#search form .row{margin:0 -10px 35px -10px;}
#search form .ff{width:20%; margin:0; padding:0 10px 20px 10px; float:left;}
#search form .frame input{ padding:0 9px; font-size:1.2em; color:#8D908E; height:50px; line-height:50px; border:0; background:#FFF; border:1px #C0C9CE solid; }
#search form .frame input[type="submit"] {text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; cursor:pointer;}
#search form .frame{ width:100%; display:block; padding:0; margin:0 0 35px 0; display:block; }

.size, .prize, .c-body, .c-blades, .voltage, .location, .light, .motor, .hanger, .control, .country, .gender, .Province
{ width:100%; height:50px; margin:0; display:block; background:#FFF; border:1px #C0C9CE solid; position:relative;}
.size dd, .prize dd, .c-body dd, .c-blades dd, .voltage dd, .location dd, .light dd, .motor dd, .hanger dd, .control  dd, .country dd, .gender dd, .Province dt
.size dt, .prize dt, .c-body dt, .c-blades dt, .voltage dt, .location dt, .light dt, .motor dt, .hanger dt, .control dt, .country dt, .gender dt, .Province dt
.size ul, .prize ul, .c-body ul, .c-blades ul, .voltage ul, .location ul, .light ul, .motor ul, .hanger ul, .control ul .country ul, .gender ul, .Province ul
{ margin:0px; padding:0px; }
.size dl, .prize dl, .c-body dl, .c-blades dl, .voltage dl, .location dl, .light dl, .motor dl, .hanger dl, .control dl, .country dl, .gender dl, .Province dl
{ margin-bottom:0px;}
.size dd, .prize dd, .c-body dd, .c-blades dd, .voltage dd, .location dd, .light dd, .motor dd, .hanger dd, .control dd, .country dd, .gender dd, .Province dd
{ position:relative; }
.size dt, .prize dt, .c-body dt, .c-blades dt, .voltage dt, .location dt, .light dt, .motor dt, .hanger dt, .control dt, .country dt, .gender dt, .Province dt
{ width:100%; height:50px;}
.size a, .prize a, .c-body a, .c-blades a, .voltage a, .location a, .light a, .motor a, .hanger a, .control a, .country a, .gender a, .Province a
.size a:visited, .prize a:visited, .c-body a:visited, .c-blades a:visited, .voltage a:visited, .location a:visited,
.light a:visited, .motor a:visited, .hanger a:visited, .control a:visited, , .country a:visited, .gender a:visited, .Province a:visited
{ color:#8D908E; text-decoration:none; outline:none;}
.size dt a, .prize dt a, .c-body dt a, .c-blades dt a, .voltage dt a, .location dt a, .light dt a, .motor dt a, .hanger dt a, .control dt a, .country dt a, .gender dt a, .Province dt a
{width:100%; height:50px; padding:0 60px 0 15px; display:block; outline:none; background:url(../images/bullet-dropdown.png) no-repeat right;}
.size dt a span, .prize dt a span, .c-body dt a span, .c-blades dt a span, .voltage dt a span, .location dt a span,
.light dt a span, .motor dt a span, .hanger dt a span, .control dt a span, .country dt a span, .gender dt a span, .Province dt a span
{ width:100%; height:50px; line-height:50px; cursor:pointer; display:block; padding:0; font-size:0.9em; color:#8D908E; font-weight: normal;}
.size dd ul, .prize dd ul, .c-body dd ul, .c-blades dd ul, .voltage dd ul, .location dd ul,
.light dd ul, .motor dd ul, .hanger dd ul, .control dd ul, .country dd ul, .gender dd ul, .Province dd ul
{ width:100%; padding:14px 0; display:none; left:0px; position:absolute; top:2px; list-style:none; background:#FFF; border:1px #C0C9CE solid; z-index:9999; margin:0 !important;}
.country dd ul li, .gender dd ul li, .Province dd ul li
{margin:0 !important;}
.size span.value, .prize span.value, .c-body span.value, .c-blades span.value, .voltage span.value,
.location span.value, .light span.value, .motor span.value, .hanger span.value, .control span.value,
.country span.value, .gender span.value, .Province span.value
{ display:none;}
.size dd ul li a, .prize dd ul li a, .c-body dd ul li a, .c-blades dd ul li a, .voltage dd ul li a,
.location dd ul li a, .light dd ul li a, .motor dd ul li a, .hanger dd ul li a, .control dd ul li a,
.country dd ul li a, .gender dd ul li a, .Province dd ul li a
{ width:100%; padding:0 15px; line-height:40px; color:#8D908E; font-size:0.9em; display:block;
	transition: all 0s ease 0s;
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
}
.size dd ul li a:hover, .prize dd ul li a:hover, .c-body dd ul li a:hover, .c-blades dd ul li a:hover, .voltage dd ul li a:hover,
.location dd ul li a:hover, .light dd ul li a:hover, .motor dd ul li a:hover, .hanger dd ul li a:hover, .control dd ul li a:hover,
.country dd ul li a:hover, .gender dd ul li a:hover, .Province dd ul li a:hover
{color:#FFF; background:#8D908E; }

#login{ width:100%; margin-bottom:100px; display:block;}
#login .topic{ width:100%; padding:50px 0; display:block;}
#login .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; text-align:center; display:block;}
#login form{ width:50%; margin:auto; display:block;}
#login form ul{display:block;}
#login form ul li{padding:0; margin-bottom:30px; display:block;}
#login form ul li:last-child{padding:15px 0 0 0;}
#login form ul li #btn_submit{ display:inline-block; padding:0; }
#login form ul li .code{ height:50px; margin:0; padding:0; text-align:center; background:#FFF; }
#login form ul li label{  height:50px; color:#8C908C; font-weight:normal; line-height:50px; font-size:1.5em; margin:0; padding:0 0 0 20px; }
#login form ul li input{ padding:0 9px; font-size:1.5em; color:#8C908C; height:50px; line-height:50px; background:#FFF; border:1px #C0C9CE solid; }
#login form ul li input[type="password"]{ padding:0 15px; font-size:1.2em; color:#8c908c; height:50px; line-height:50px; border:0; border:1px #C0C9CE solid;}
#login form ul li input[type="button"] {text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; cursor:pointer;}
#login form ul li a{ line-height:50px; text-align:center; font-size:1.5em; color:#8C908C; display:block;}

#login .confirm{ width:80%; margin:70px auto; display:block;}
#login .confirm h3{ width:100%; margin-bottom:30px; line-height:38px; color:#00253d; font-size:2.6em; text-align:center; display:block;}
#login .confirm p{ width:50%; margin:auto; text-align:center; color:#8C908C; font-size:1.5em; }

#popup-forgot{ width:700px; text-align:left; display:none;}
#popup-forgot form{ width:100%; margin:0; padding:30px 80px; background:#FFF; float:left;}
#popup-forgot form h3{ width:100%; line-height:30px; color:#1D3F8B; font-size:2.6em; margin:0 0 28px 0; text-align:center; display:block; }
#popup-forgot form p{ width:100%; line-height:22px; color:#999; font-size:1.5em;  margin:0 0 28px 0; text-align:center; display:block; }
#popup-forgot form ul{display:block;}
#popup-forgot form ul li{padding:0; margin-bottom:30px; display:block;}
#popup-forgot form ul li .code{ height:50px; margin:0; padding:0; text-align:center; background:#FFF; }
#popup-forgot form ul li label{ height:50px; color:#8C908C; font-weight:normal; line-height:50px; font-size:1.5em; margin:0; padding:0 0 0 20px; }
#popup-forgot form ul li input{  padding:0 9px; font-size:1.5em; color:#8C908C; height:50px; line-height:50px; background:#FFF; border:1px #C0C9CE solid; }
#popup-forgot form ul li input[type="button"] {text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; cursor:pointer;}
#popup-forgot form em{ width:100%; margin:27px 0; border-bottom:2px #050505 solid; display:block; }

#signup{ width:100%; display:block; }
#signup .topic{ width:100%; padding:50px 0; display:block;}
#signup .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; text-align:center; display:block;}
#signup form{ width:100%; padding:0 70px; display:block;}
#signup section{ width:100%; display:block;}
#signup form fieldset{padding:0; display:block;}
#signup form ul{margin:0 -10px}
#signup form ul li{padding:0 10px; margin-bottom:30px; display:block;}
#signup form ul li .ff{ margin:0; padding:0; display:block;}
#signup form ul li .ff .dropdown-menu, #signup form ul li .ff .datepicker-dropdown{z-index:10000; }
#signup form ul li label{ height:50px; color:#8C908C; font-weight:normal; line-height:50px; font-size:1.5em; margin:0; padding:0 0 0 20px; }
#signup form ul li .topic2{ font-size:1.8em; color:#00253d;}
#signup form ul li input{  padding:0 9px; font-size:1.5em; color:#8C908C; height:50px; line-height:50px; background:#FFF; border:1px #C0C9CE solid; }
#signup form ul li input[type="submit"] {text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; cursor:pointer;}


#profile{ width:100%; padding-bottom:100px; display:block;}
#profile .topic{ width:100%; padding:50px 0; display:block;}
#profile .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; display:block;}
#profile .user{ width:100%; line-height:24px; margin-bottom:25px; color:#8C908C; font-size:1.5em; display:block;}
#profile article{ width:100%; display:block;}
#profile article .right-side{ border-left:1px #8C6F4B solid; }
#profile article .left-side{ padding:0; }
#profile article .left-side a.menu{ line-height:20px; padding:15px 0; color:#8C908C; font-size:1.5em; display:block;}
#profile article .left-side a.menu:hover, #profile article .left-side a.menu.active{color:#00253D;}
#profile article .left-side a.menu.sub { padding-left:12px;}
#profile form{width:60%; margin:auto; padding:0; display:block;}
#profile form ul li .ff{ margin:0; padding:0; display:block;}
#profile form ul{ display:block;}
#profile form ul li{padding:0; margin-bottom:30px; display:block;}
#profile form ul li label{ height:50px; color:#8C908C; font-weight:normal; line-height:50px; font-size:1.5em; margin:0; padding:0 0 0 20px; }
#profile form ul li input{  padding:0 9px; font-size:1.5em; color:#8C908C; height:50px; line-height:50px; background:#FFF; border:1px #C0C9CE solid; }
#profile form ul li input[type="submit"] {text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; cursor:pointer;}
#profile form ul li .ff .country dd ul, #profile form  ul li .ff .gender dd ul{ display:none;}
#profile form ul li:last-child{ text-align:center;}
#profile form ul li:last-child input{ width:20%; padding:0; margin:0 15px 30px 15px; text-align:center; display:inline-block;}

#profile form section h4{width:100%; height:50px; line-height:50px; padding:0 20px; margin:auto; font-size:1.4em; color:#FFF; background:#666; display:block;}
#profile form .information{ width:100%; margin:20px 0 10px 0; padding:0 0 25px 0; border-bottom:1px #C0C9CE solid; display:inline-block; position:relative;}
#profile form .information .content{ width:100%; margin:0 0 64px 0; display:block;}
#profile form .information h5{ width:100%; line-height:24px; margin:0 0 36px 0; color:#00253D; font-size:1.4em; display:block;}
#profile form .information p{ line-height:24px; margin-bottom:15px; color:#8C908C; font-size:1.4em; display:block;}
#profile form .information p a, #profile form .information p a:hover{ color:#00253D; display:block;}
#profile form .information p span{ padding:0 10px 0 0; display:block; float:left;}
#profile form .information p span:last-child{ padding:0 0 0 10px;}
#profile form .recipient{ width:50%; float:left;}
#profile form .recipient .content{  margin:0 0 74px 0;}
#profile form .delivery{ width:50%; float:right;}
#profile form .delivery textarea{ width:100%; height:260px; resize:none; border:1px #C0C9CE solid; }
#profile form .shipping-method{ width:50%; float:left;}
#profile form .information .accept{ width:46%; display:block; position:absolute; left:0; bottom:90px; }
#profile form .information .accept label{color:#8C908C; font-size:1.2em !important; font-weight:normal; padding-left:30px !important; }
#profile form .information .accept label a{color:#00253D; padding-left:5 !important; display:inline-block;}
#profile form .information .accept label br{ height:15px; }

#profile form .frame{ width:100%; margin:20px 0; padding:0; display:block;}
#profile form .frame a.next, #profile form .frame input.next { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
#profile form .frame input.next { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
#profile form .frame a.con, #profile form .frame input.con { width:25% !important; padding:0; text-align:center; line-height:50px; background:#8C6F4B !important; color:#FFF; font-size:1.5em; border:0; float:right;}
#profile form .frame a.prev { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:left;}

#profile .view-order{ width:100%; padding:0 !important; }
#profile .view-total{ width:100%; padding:0 !important; }

#profile .check-out{ width:80%; display:block;}


/**************************** DETAIL ***********************************/

#detail{ width:100%; margin-bottom:30px; display:block; }
#detail .pic{ width:100%; padding:0; display:block;}
#detail .pic img{ width:100%;}
#detail .content{ width:100%; padding:46px 43px; margin:0; display:block; background:#FFF;}
#detail .content h2{ padding:0; margin:0 0 15px 0; line-height:18px; color:#1E3F8C; font-size:0.95em; font-weight:bold; display:block; }
#detail .content p{ padding:0; margin:0; line-height:18px; color:#333; font-size:0.95em; display:block; }
#detail .content .bottom{ width:100%; padding:0; margin:44px 0 0 0 ; display:block;}
#detail .content .bottom .share{ width:auto; margin:0; display:block; float:left;}

.refund{width:100%; padding:0 65px; margin-bottom:22px; display:block;}
.refund form{width:100% !important; display:block;}
.refund form h3{ width:100%; line-height:38px; margin:0 0 22px 0; padding:0; color:#00253D; font-size:2.6em; display:block;}
.refund form p {width:100%; line-height:20px; margin:0; padding:0; color:#8C908C; font-size:1.4em; display:block;}
.refund form label{ color:#8C908C; font-weight:normal; font-size:1.4em !important; padding-left:30px !important; }
.refund form a.btu { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
.refund form input[type="submit"] {width:25%; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; cursor:pointer; float:left;}
.refund form .frame{ width:100%; margin-top:50px; display:block;}



.order { width:100%; padding:0 65px; display:block;}
.order table { width:100%; background:none;}
.order table td{ line-height:24px; padding:6px 10px; border-bottom:1px solid #C0C9CE; background:#FFF; }
.order table th{ line-height:24px; padding:22px 5px; color:#00253D; font-size:1.4em; font-weight:normal; text-align:left; border-bottom:1px #C0C9CE solid; }
.order table th:nth-child(1){ padding-left:20px;}
.order table a{ line-height:26px; padding:18px 0; color:#8C908C; font-size:1.3em;}
.order table p{min-height:26px; line-height:26px; padding:18px 0; margin:auto; text-align:left; color:#8C908C; font-size:1.3em;}
.order table tr td:nth-child(1){ padding-left:20px;}
.order table tr td:nth-child(4) img{ margin-left:10px;}
.order table tr td:nth-child(7) a{ width:auto; padding:0 8px; margin:auto; padding:0;}

.view-order { width:100%; padding:0 65px; text-align:center; display:block;}
.view-order table { width:100%; background:none;}
.view-order table th{ line-height:24px; padding:16px 5px; color:#00253D; font-size:1.4em; font-weight:normal; text-align:left; }
.view-order table td{ line-height:24px; padding:16px 5px; color:#8C908C; font-size:1.3em; background:#FFF; }
/*.view-order table tr:last-child td{border-top:1px #C0C9CE solid;}*/
.view-order table tr:last-child td{border-bottom: 1px #C0C9CE solid;}
.view-order table td.totel{ padding-right:20px; }
.view-order table td.totel2{ padding-left:20px; }
.view-order table td input{ width:75%; height:40px; text-align:center; line-height:40px; border:1px #C0C9CE solid; }

.view-total { width:100%; padding:0 65px; text-align:center; display:block;}
.view-total table { width:100%; background:none;}
.view-total table th{ line-height:24px; padding:16px 5px; color:#00253D; font-size:1.4em; font-weight:normal; text-align:left; }
.view-total table td{ line-height:24px; padding:16px 5px; color:#8C908C; font-size:1.3em; background:#FFF; }
.view-total table tr:last-child td{border-top:1px #C0C9CE solid;}
.view-total table td.totel{ padding-right:20px; }
.view-total table td.totel2{ padding-left:5px; }
.view-total table td.totel3{ padding-right:0; }
.view-total table td input{ height:40px; text-align:center; line-height:40px; border:1px #C0C9CE solid; }

.view-order ul.other { width:100%; margin:50px 0; display:block;}
.view-order ul.other li { line-height:20px; margin:0; padding:15px; color:#8C908C; font-size:1.4em; text-align:left; display:block;}
.view-order a.btu-back { width:auto !important; line-height:50px; margin:auto; padding:0 30px; color:#FFF; font-size:1.5em;  background:#00273D; display:inline-block;}
.view-order .frame{ width:100%; display:block; }
.view-order .frame a.next { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
.view-order .frame a.prev { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:left;}
.view-order .no{
  position:absolute;
  display: block;
  width: 50%;
  height: 50%;
  overflow: hidden;
  z-index:99;
  top:25%;
  left:25%;
  margin:0;
}
.view-order .no::before, .view-order .no::after {
  content: '';
  position: absolute;
  height: 4px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background:#8C6F4B;
}
.view-order .no::before{
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.view-order .no::after{
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
}

.payment{ width:100%; padding:0; display:block;}
.payment .topic{ width:100%; padding:50px 0; display:block;}
.payment .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; display:block;}
.payment h3{ width:100%; line-height:38px; margin:0; padding:0; color:#00253D; font-size:2.3em; display:block;}
.payment h4{ width:100%; line-height:38px; margin:0 0 25px 0; padding:0; color:#00253D; font-size:1.8em; display:block;}
.payment h5{ width:100%; line-height:20px; padding:9px 0; margin:0 0 25px 0; padding:0; color:#00253D; font-size:1.4em; display:block;}
.payment p{ width:100%; line-height:20px; margin:0 0 20px 0; padding:2px 0; color:#8C908C; font-size:1.4em; display:block;}
.payment a{ width:auto; line-height:20px; margin:0; padding:0; color:#8C908C; display:inline-block;}
.payment section{ width:100%; padding:50px 0 65px 0; border-bottom:1px #8C6F4B solid; display:block;}
.payment section:last-child{padding-bottom:0; border-bottom:0; }
.payment .sub{ padding:0 0 0 15px; display:block;}
.payment .sub h5{ margin:0 0 20px 0;}
.payment .bank{width:100%; margin-bottom:20px; display:inline-block;}
.payment ul{margin:0 -15px; }
.payment .bank li{ width:50%; padding:15px; float:left;}
.payment .bank li table{width:100%; border:1px #8C6F4B solid; }
.payment .bank li table td{padding:9px 13px; color:#8C908C; font-size:1.4em;}
.payment .user{ width:100%; line-height:24px; margin-bottom:25px; color:#8C908C; font-size:1.5em; display:block;}
.payment article{ width:100%; display:block;}
.payment article .right-side{ border-left:1px #8C6F4B solid; margin-bottom:70px; }
.payment article .left-side{ padding:0; }
.payment article .left-side a.menu{ line-height:20px; padding:15px 0; color:#8C908C; font-size:1.5em; display:block;}
.payment article .left-side a.menu:hover, .payment article .left-side a.menu.active{color:#00253D;}
.payment article .left-side a.menu.sub { padding-left:12px;}
.payment form{width:100%; padding:0 65px; margin:auto; display:block;}
.payment form .c-bank{ width:100%; display:block;}
.payment form .c-bank li{ padding:0; }
.payment form .c-bank li label{color:#8C908C; font-size:1.4em; font-weight:normal; }
.payment form .c-bank li img{ width:10%;  margin:0 10px 0 0; }
.payment form .c-bank li .magic-radio:checked + label::before, .payment form .f-bank li .magic-checkbox:checked + label::before{ margin-top:10px; }
.payment form .c-bank li .magic-radio + label::after{margin-top:10px;}
.payment form .c-bank li .magic-radio + label::before{margin-top:10px;}

.payment form .detail{ width:100%; margin-top:50px; display:block;}
.payment form .detail ul li .ff{ margin:0; padding:0; display:block;}
.payment form .detail ul li .code{ height:50px; margin:0; padding:0; text-align:center; background:#FFF; }
.payment form .detail ul{width:100%; padding:0; margin:0; display:block;}
.payment form .detail ul li{padding:0; margin-bottom:30px; display:block;}
.payment form .detail ul li label{ height:50px; color:#8C908C; font-weight:normal; line-height:50px; font-size:1.5em; margin:0; padding:0; }
.payment form .detail ul li input{  padding:0 9px; font-size:1.5em; color:#8C908C; height:50px; line-height:50px; background:#FFF; border:1px #C0C9CE solid; }
.payment form .detail ul li input[type="password"]{ padding:0; font-size:1.2em; color:#8c908c; height:50px; line-height:50px; border:1px #C0C9CE solid;}
.payment form .detail ul li input[type="submit"] { width:30% !important; text-align:center; line-height:50px; background:#00273D; color:#FFF;  margin:0 !important; font-size:1.5em; border:0; cursor:pointer; float:right;}
.payment form .detail ul li textarea{ padding:8px 9px; font-size:1.4em; color:#8C908C; height:100px; line-height:20px; border:1px #C0C9CE solid; resize:none;}
.payment form .detail ul li:last-child{ text-align:center;}
.payment form .detail ul li:last-child input{ width:20%; padding:0; margin:20px 0px 30px 15px !important; text-align:center; display:inline-block;}
.payment form .detail ul li a.btu { width:40% !important; margin-top:20px; padding:0 15px; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:left;}
.payment form .detail ul li .browse{ padding:0; border:0; display:block;}
.payment form .detail ul li .browse .form-control{ border-radius:0px; font-size:1.4em; color:#8C908C;}
.payment form .detail ul li .browse .input-group-btn{ padding:0; border-radius:0px;}
.payment form .detail ul li .browse .btn-primary { line-height:50px; font-size:1.1em; padding:0 38px; border:0; border-radius:0px; background:#00273D; }

.payment-m{ width:100%; padding:0; margin-bottom:100px; display:block;}
.payment-m .topic{ width:100%; padding:50px 0; display:block;}
.payment-m .topic h3{ width:100%; line-height:38px; text-align:center; color:#00253d; font-size:2.6em; display:block;}
.payment-m .content{ width:1000px; margin:auto; padding:0; text-align:center; display:block;}
.payment-m .ctrl{ width:1000px; margin:auto; padding:25px 0 0 0; display:block;}
.payment-m .ctrl input[type="submit"].next { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
.payment-m .ctrl a.next { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
.payment-m .ctrl a.prev { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:left;}


.check-out{ width:100%; padding:0; margin-bottom:100px; display:block;}
.check-out .topic{ width:100%; padding:50px 0; display:block;}
.check-out .topic h3{ width:100%; line-height:38px; color:#00253d; font-size:2.6em; text-align:center; display:block;}
.check-out form{width:80%; padding:0; margin:auto; display:block;}
.check-out form section{ width:100%; display:block;}
.check-out form section h4{width:100%; height:50px; line-height:50px; padding:0 20px; margin:auto; font-size:1.4em; color:#FFF; background:#666; display:block;}
.check-out form section ul{ width:100%; margin:20px 0; padding:0 18px; display:block;}
.check-out form section ul li{ padding:0; margin-bottom:25px; display:block;}
.check-out form section ul li:first-child .choose:first-child{ padding-left:0; }
.check-out form section ul li.b-tranfer{ padding:0 20px; border-left:1px #8C6F4B solid; border-right:1px #8C6F4B solid;}
.check-out form section ul li.p-tranfer{ padding:0 20px;}
.check-out form section ul li p{ width:100%; padding:0; margin-bottom:15px; color:#8C908C; font-size:1.4em; display:inline-block;}
.check-out form section ul li .choose{ display:block;}
.check-out form section ul li label{ height:50px; color:#8C908C; font-weight:normal; line-height:50px; font-size:1.5em; margin:0; padding:0; }
.check-out form section ul li input{  padding:0 9px; font-size:1.5em; color:#8C908C; height:50px; line-height:50px; background:#FFF; border:1px #C0C9CE solid; }
.check-out form section ul li .choose{ width:auto; padding:0 0 0 25px; display:block; float:left;}
.check-out form section ul li .choose label{ height:50px; color:#8C908C; font-weight:normal; line-height:20px; font-size:1.5em; margin:0; padding:15px 0 15px 30px; }
.check-out form section ul li .choose .magic-radio:checked + label::before, .check-out form section ul li .choose .magic-checkbox:checked + label::before{ margin-top:15px; }
.check-out form section ul li .choose .magic-radio + label::after{margin-top:15px;}
.check-out form section ul li .choose .magic-radio + label::before{margin-top:15px;}
.check-out form section ul li .ff .country dd ul, .check-out form section ul li .ff .gender dd ul , .check-out form section ul li .ff .Province dd ul{ display:none;}
.check-out form section ul li:nth-of-type(5) .choose:nth-of-type(1){ padding-left:0; }
.check-out form section ul li .btn-group > .btn{padding: 0 9px !important; line-height:50px !important; border-radius:0 !important; border: 1px #C0C9CE solid !important; }
.check-out form section ul li .remark{width:33.33333333%; line-height:16px; color:red; font-size:12px; display:inline-block; position:absolute; left:52%; top:3px; }
.check-out form .frame{ width:100%; margin:20px 0; padding:0; display:block;}
.check-out form .frame a.next { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
.check-out form .frame input[type="submit"].next { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:right;}
.check-out form .frame input[type="submit"] { width:25% !important; padding:0; text-align:center; line-height:50px; background:#8C6F4B; color:#FFF; font-size:1.5em; border:0; float:right;}
.check-out form .frame a.prev { width:25% !important; padding:0; text-align:center; line-height:50px; background:#00273D; color:#FFF; font-size:1.5em; border:0; float:left;}
.check-out form section .view-order{padding:0; border-bottom:1px #C0C9CE solid; }
.check-out form section .view-order table{ margin:0; }
.check-out form .information{ width:100%; margin:20px 0 10px 0; padding:0 0 25px 0; border-bottom:1px #C0C9CE solid; display:inline-block; position:relative;}
.check-out form .information .content{ width:100%; margin:0 0 64px 0; display:block;}
.check-out form .information h5{ width:100%; line-height:24px; margin:0 0 36px 0; color:#00253D; font-size:1.4em; display:block;}
.check-out form .information p{ line-height:24px; margin-bottom:15px; color:#8C908C; font-size:1.4em; display:block;}
.check-out form .information p span{ padding:0 10px 0 0; display:block; float:left;}
.check-out form .information p span:last-child{ padding:0 0 0 10px;}
.check-out form .recipient{ width:50%; float:left;}
.check-out form .recipient. .content{  margin:0 0 149px 0;}
.check-out form .delivery{ width:50%; float:right;}
.check-out form .delivery textarea{ width:100%; height:240px; resize:none; border:1px #C0C9CE solid; }
.check-out form .shipping-method{ width:50%; float:left;}
.check-out form .information .accept{ width:50%; display:block; position:absolute; left:0; bottom:25px; }
.check-out form .information .accept label{color:#8C908C; font-size:1.4em !important; font-weight:normal; padding-left:30px !important; }

.check-out form section ul li .dropdown-menu > li > a{ line-height:30px;}
.check-out form section ul li .dropdown-menu > li{ margin-bottom:5px; }

ul.step{ width:100%; height:80px; margin:0 0 30px 0; padding:0; display:block; position:relative;}
ul.step .row{ margin:0 -2.5%; }
ul.step .border{ width:90%; height:8px; display:block; background:#C9C9C9; position:absolute; margin-top:-4px; margin-left:-45%; top:50%; left:50%; z-index:1; }
ul.step li{ height:80px; padding:0 2.5%; text-align:center; display:block;  z-index:10;}
ul.step li a{ width:100%; height:80px; line-height:80px; text-align:center; color:#FFF; font-size:2.1em; background:#C9C9C9; display:block;}
ul.step li a:hover, ul.step li a.active{background:#1D418B;}
ul.step li:nth-child(1) a:before { content:"Step 1"; padding-right:10px; color:#FFF; }
ul.step li:nth-child(2) a:before { content:"Step 2"; padding-right:10px; color:#FFF; }
ul.step li:nth-child(3) a:before { content:"Step 3"; padding-right:10px; color:#FFF; }
ul.step li a:hover:before, ul.step li a.active:before { color:#81B841; }

#popup-forgot{ width:760px; text-align:left; display:none;}
#popup-forgot form{ width:100%; margin:0; padding:30px; background:#FFF; float:left;}
#popup-forgot form h3{ width:100%; line-height:30px; color:#1D3F8B; font-size:1.7em; margin:0 0 28px 0; text-align:center; display:block; }
#popup-forgot form p{ width:100%; line-height:22px; color:#999; font-size:1.5em;  margin:0 0 28px 0; text-align:center; display:block; }
#popup-forgot form span{  height:40px; margin-bottom:30px; display:block;}
#popup-forgot form span label{ height:40px; line-height:40px; color:#FFF; font-weight:normal; font-size:1.5em; margin:0; padding:0 0 0 15px; background:#333; }
#popup-forgot form span input{ height:40px; line-height:40px; padding:0 15px; font-size:1.4em; color:#333; height:40px; line-height:40px; border:0; background:#E8E8E8; }
#popup-forgot form input[type=button]{ line-height:40px; text-align:center; color:#FFF; font-size:1.5em; border:0; display:block; background:#1E3F8C; display:block;}
#popup-forgot form em{ width:100%; margin:27px 0; border-bottom:2px #050505 solid; display:block; }

#popup-thank{ width:700px; padding:65px 0; text-align:left; display:none;}
#popup-thank h3{ width:55%; line-height:30px; color:#00253D; font-size:2.5em; padding-bottom:12px; margin:auto; text-align:center; display:block; }
#popup-thank p{ width:55%; line-height:22px; color:#999; font-size:1.6em; padding-bottom:44px; margin:auto; text-align:center; display:block; }
#popup-thank a{ width:55%; line-height:50px; color:#FFF; font-size:1.4em; margin:auto; text-align:center; background:#00273D; display:block; }

#popup-other{ width:700px; padding:65px 0; text-align:left; display:none;}
#popup-other h3{ width:55%; line-height:30px; color:#00253D; font-size:2.5em; padding-bottom:12px; margin:auto; text-align:center; display:block; }
#popup-other p{ width:55%; line-height:22px; color:#999; font-size:1.6em; padding-bottom:44px; margin:auto; text-align:center; display:block; }
#popup-other a{ width:55%; line-height:50px; color:#FFF; font-size:1.4em; margin:auto; text-align:center; background:#00273D; display:block; }

/*/////////////FOOTER/////////////*/

footer{width:100%; padding:0; margin:0; display:block;}
footer .social{ width:100%; padding:35px 0; text-align:center; display:block; background:#8C704B;}
footer .social a{ border:1px solid #FFF; border-radius:50%; margin:0 10px; padding:10px; color:#FFF; font-size:2.5em; }
footer .social a i{ width:47px; }
footer .social a:hover i{ color:#00253D; }
footer .copyright{ width:100%; padding:40px 0; text-align:center; display:block; background:#00263D;}
footer .copyright p{ width:auto; padding:0 23px 0 0; margin:0; text-align:center; color:#FFF; font-size:0.95em; display:inline-block;}
footer .copyright p br{visibility:hidden; display:none; }
footer .copyright a{ width:auto; padding:0 0 0 23px; margin:0; text-align:center; color:#FFF; font-size:0.95em; border-left:1px #FFF solid; display:inline-block;}
footer .copyright a:nth-child(2){ padding:0 23px;}

/************************ MENU MOBILE ****************************/

#hamburger {
    box-sizing: border-box;
    display: none;
    right: 12px;
    position: absolute;
    height: 50px;
    top: 5px;
    width: 45px;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: 'BOD_bold';
    color: #fff;
    text-align:center;
    text-transform: uppercase;
    transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;
    outline:none;
}
.textmenu{ position: relative; padding-top: 31px; font-size: 10px; font-family: 'Tahoma'}
#hamburger::before, #hamburger::after, #hamburger span {
    background: #aeb6b2 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    left: 7px;
    position: absolute;
    width: 30px;
}
#hamburger::before {
    top: 14px;
}
#hamburger span {
    top: 24px;
}
#hamburger::after {
    top: 34px;
}
#hamburger::before, #hamburger::after, #hamburger span {
    transition-delay: 0.5s;
    transition-duration: 0.5s;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
}
html.mm-opening #hamburger::before, html.mm-opening #hamburger::after {
    top: 20px;
}
html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0;
}
html.mm-opening #hamburger::before {
    transform: rotate(45deg);
}
html.mm-opening #hamburger::after {
    transform: rotate(-45deg);
}

.mm-menu {
    background: #000;
    color: #FFF;
}
.m-sub{}
#mm-1 .mm-navbar {
    display: none !important;
}
#mm-2 a{ font-size:0.9em !important; }
.mm-listview li a, .mm-listview li span{font-family: 'BOD_bold'; text-transform: uppercase;}
html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li{transition-duration: 1s;}
.mm-listview > li > a, .mm-listview > li > span{padding: 15px 10px 15px 20px;}
.mm-listview > li:not(.mm-divider):after {border-bottom-color:#999; }

.mm-listview > li#m-lang:not(.mm-divider)::after{ border:0; }
#m-lang{padding:0; height:60px; margin:0; text-align:center; display:block;}
#m-lang a.m-lang{ width:50%; padding:20px; display:block; float:left; background:#8C6E4A; }
#m-lang a.m-lang:first-child{ border-right:1px #666 solid; }


/*************************************PRELOAD**************************************/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width:120px;
	height:72px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  /*background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);*/
  /* path to your loading animation */
  background:url(../images/logo.png) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  margin: -36px 0 0 -60px;
/* is width and height divided by two */
}
.ball {
	background-color: rgba(0,0,0,0);

	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:206px;
	/*box-shadow: 0 0 35px #2187e7;*/
	width:120px;
	height:72px;
	margin:0 auto;
	-moz-animation:spin 3s infinite linear;
	-webkit-animation:spin 3s infinite linear;
}

/*************************** CAPTCHA *******************************/

/* #rc-imageselect {transform:scale(0.77) !important; -webkit-transform:scale(0.77) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0;} */
#rc-imageselect {transform:scale(0.77) !important; -webkit-transform:scale(0.77) !important; transform-origin:0 0 !important; -webkit-transform-origin:0 0;}