@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap');
html, body, div{ margin:0; padding:0; }
html { 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
 

body{ 
 font-family: 'Kanit' , Arial, Tahoma;  -webkit-text-size-adjust: none;
 font-weight:400; font-size:16px; line-height:1.5; color:#ffffff; background:#000000; 
} 
 
 

img{ border:none; max-width:100%; outline:0; vertical-align:middle;  pointer-events: none;
}
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#242424; }
a:visited{ text-decoration:none; color:#242424; }
a:hover{ text-decoration:none; color:#242424; }

#page{ display:block; position:relative;  }
.content{ display:block; position: relative; width:92%; margin: 0 auto; max-width:1178px;  }
.contentx{ display:block; position: relative; width:86%; margin: 0 auto; }

#bxheader{ display:block; position: fixed; width:100%;  background:#000; height: 100px; z-index:996; padding:16px 0 0;  transition: ease 0.5s; font-size:14px;  }
.bxheader{ display:block; position: relative; text-align: center; }
.bxlogo{ display:block; position: relative; text-align: center; padding:0 0 14px; transition: ease 0.5s; }
.bxmenu{ display:block; position: relative; }
/*.bxmenu > ul{ list-style:none; padding:0; margin:0; }
.bxmenu > ul > li{ display:inline-block; position: relative; margin:0 8px; }
.bxmenu > ul > li > a{ color:#fff; transition: ease 0.5s;   }
.bxmenu > ul > li > a:hover{ color:#f15a22; }
*/


#bxnav{ display:block; position: relative; }
#bxnav  ul#navmenu{ display:inline-block; position:relative; margin:0; padding:0; list-style:none; } 
#bxnav  ul#navmenu li{ display:inline-block; position:relative; margin:0 8px; }  
ul.navmenu > li > a{ display: inline-block; text-decoration: none; transition:ease 0.5s; color:#ffffff; padding:6px 0; }
ul.navmenu > li > a.activ,
ul.navmenu > li > a:hover { color:#f15a22 ;  }
.dropdown:hover > a { color:#f15a22 ;  }
ul.navmenu > li > a > span.icon{ display:none; margin-left:10px;  }
/* li.dropdown{ display: block; position:relative; } */
.dropdown-content {
  position: absolute; background:#f15a22; text-align: left; padding:6px 0; margin: 0px; min-width:200px; 
  top:0px; left:-999em; z-index: 999; transition:top .5s ease;  }
.dropdown-content.bxfull{ min-width:286px;  }
.dropdown-content > li{ display:block !important; position:relative; text-align: left;   }
.dropdown-content > li > a { 
  padding:4px 0px; text-decoration: none; display: block; text-align: left; color:#ffffff; transition:ease 0.5s; }
.dropdown-content a:hover, .dropdown-content a.activ, .dropdown-content li:hover > a { color:#000 !important; }
.dropdown:hover > .dropdown-content{ left:0;  top:100%; }
.dropdown .dropdown > .dropdown-content{
	transition:transform .7s ease, opacity .3s ease; min-width:300px; 
	transform:translateX(-100%); opacity:0; }
.dropdown .dropdown:hover > .dropdown-content{ left:100%; transform:translateX(0); top:0; opacity:1; }	
 
.bxlang{ position:absolute; top:24px; left:0;   }
.bxlang > .bx{ display:block; position: relative; }
.bxlang > .bx > span{ margin:0 6px;  }
.bxsocial{ position:absolute; top:20px; right:0;   }
.bxcart{ position:absolute; top:24px; left:70px;   }
.bxcart > .bx{ display:block; position: relative; }
.bxcart > .bx > a > img{ width:32px;  }
.bxcart > .bx > a > .num{ display:block; position:absolute; background:#f15a22; width:18px; height: 18px; border-radius:50%; right:0; bottom:0;  font-size:9.5px; z-index:9;  text-align: center; line-height:1; color:#fff; transition:ease 0.5s;   }
.bxcart > .bx > a > .num > span{ display:table-cell; width:18px; height: 18px; text-align: center; vertical-align: middle; }
.bxcart > .bx > a:hover > .num{ background:#fff; color:#f15a22; }
#bxnavmobile{ display:none; }

#bxheader.fixtop{  height:80px; padding:8px 0 0; } 
#bxheader.fixtop .bxlogo{  padding:0 0 6px; }

a.iconig{ display:inline-block; position: relative; width:23px; height:23px; background: url("../img/icon-ig-white.png") no-repeat #000; background-size:100%; margin-left:10px;  }
a.iconig > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-ig-orange.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
a.iconig:hover > span{  opacity:1; } 

a.iconline{ display:inline-block; position: relative; width:23px; height:23px; background: url("../img/icon-line-white.png") no-repeat #000; background-size:100%; margin-left:10px;  }
a.iconline > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-line-orange.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
a.iconline:hover > span{  opacity:1; } 

a.iconfb{ display:inline-block; position: relative; width:23px; height:23px; background: url("../img/icon-fb-white.png") no-repeat #000; background-size:100%; margin-left:10px;  }
a.iconfb > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-fb-orange.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
a.iconfb:hover > span{  opacity:1; } 

a.iconyt{ display:inline-block; position: relative; width:23px; height:23px; background: url("../img/icon-yt-white.png") no-repeat #000; background-size:100%; margin-left:10px;  }
a.iconyt > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-yt-orange.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
a.iconyt:hover > span{  opacity:1; } 


/* search */
.bxsearch{ position:absolute; top:20px; right:116px; width:240px;   }
.sb-search{ 
  display:inline-block; position:absolute; top:-6px; right:10px; bottom:0px; width:0%; min-width:33px; height:36px; overflow:hidden; vertical-align:middle;  
  -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
.sb-search-input {
  position:absolute; top:0; right:0; outline:none; background:#000; text-indent:20px; font-family:inherit; color:#ffffff; 
  font-size:inherit; width:100%; height:100%; margin:0; z-index:60; padding:0; border:#f15a22 solid 1px; border-radius:8px;}
.sb-search-input::-webkit-input-placeholder{ color: #ffffff; }
.sb-search-input:-moz-placeholder{ color: #ffffff; }
.sb-search-input::-moz-placeholder{ color: #ffffff; }
.sb-search-input:-ms-input-placeholder{ color: #ffffff; }
.sb-icon-search,
.sb-search-submit{
	width:33px; height:100%; display:block; position:absolute; right:0; top:0; padding:0; margin:0;
	line-height:0px; text-align:center; cursor:pointer; }
.sb-search-submit {
	background: #e5e5e5; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity:0;
	color:transparent;	border:none; outline:none; z-index:-1; }
.sb-icon-search{
	background:url("../img/icon-search-white.png") center no-repeat #000;  z-index:90; 
	speak: none; font-style: normal; font-weight: normal; font-variant: normal;
	text-transform: none; -webkit-font-smoothing: antialiased; }
.sb-icon-search:before { }

.sb-search.sb-search-open,
.no-js .sb-search{ width:100%; }
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search{ background:url("../img/icon-search-white.png") center no-repeat; z-index:61; }
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit{ z-index: 90; }
/* end search */


#bxhomeslide{ display:block; position: relative; padding:100px 0 0; }
#bxslide{ display:block; position: relative;   }
.bxslider{ display:block; position: relative;   }
.slidebx{ display:block; position: relative;  }
.slidebx img{ width:100%; }
.slidebx > .imgdesktop{ display:block; }
.slidebx > .imgmobile{ display:none; }

#homecontact{ display:block; position: relative; padding:29px 0;  }
.homecontact{ display:block; position: relative; text-align: center; }
.homeconbx{ display:inline-block; position: relative; margin:0 26px;   }
.homeconbx > a{ display:block; position: relative; width:100%; }
.homeconbx > a > .tb{ display:table; position: relative;  text-align: left;  }
.homeconbx > a > .tb > .c1{ display:table-cell; position: relative; width:64px; vertical-align: middle; } 
.homeconbx > a > .tb > .c2{ display:table-cell; position: relative; vertical-align: middle; line-height:1;  } 
.homeconbx > a > .tb > .c2 > .bx{ display:block; position: relative;  }
.homeconbx > a > .tb > .c2 > .bx > .txt{ font-size:22px; color:#f15a22; }
.homeconbx > a > .tb > .c2 > .bx > .txtlink{ font-size:13px; color:#58595b; text-decoration: underline; transition: ease 0.3s; }

.homeconbx > a:hover > .tb > .c2 > .bx > .txtlink{ color:#ffffff;   }

.icontel{ display:inline-block; position: relative; width:46px; height:46px; background: url("../img/icon-tel-orange.png") no-repeat #000; background-size:100%; margin-left:10px;  }
.icontel > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-tel-white.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
.homeconbx > a:hover  .icontel > span{  opacity:1; } 

.iconlineadd{ display:inline-block; position: relative; width:46px; height:46px; background: url("../img/icon-lineadd-orange.png") no-repeat #000; background-size:100%; margin-left:10px;  }
.iconlineadd > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-lineadd-white.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
.homeconbx > a:hover  .iconlineadd > span{  opacity:1; } 

.iconmsg{ display:inline-block; position: relative; width:46px; height:46px; background: url("../img/icon-msg-orange.png") no-repeat #000; background-size:100%; margin-left:10px;  }
.iconmsg > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-msg-white.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
.homeconbx > a:hover  .iconmsg > span{  opacity:1; } 

.iconpay{ display:inline-block; position: relative; width:46px; height:46px; background: url("../img/icon-pay-orange.png") no-repeat #000; background-size:100%; margin-left:10px;  }
.iconpay > span{ position:absolute; top:0; left:0; right:0; bottom:0; background:url("../img/icon-pay-white.png") no-repeat #000; background-size:100%; transition: ease 0.3s; opacity:0;  }
.homeconbx > a:hover  .iconpay > span{  opacity:1; } 


#bxresellerhome{ display:block; position: relative; padding:52px 0; background:#fff; color:#000; text-align: center; }
.bxreseller{ display:block; position: relative; } 
.bxreseller > a{ display:inline-block; position: relative; margin:8px 12px; vertical-align: top; }
.bxreseller > a > img{ vertical-align: middle; transition:ease 0.5s; max-height:70px;  }
.bxreseller > a > div { 
  display:block; position: relative; font-size:15px; color:#58595b; padding:2px 0 0; transition:ease 0.5s;  }
.bxreseller > a:hover > img{ transform: scale(1.1);  }
.bxreseller > a:hover > div{ color:#f15a22;  }


#bxnewpro{ display:block; position: relative; padding:0 0 52px;  }
.bxhomehead{ display:block; position: relative; font-size:22px; color:#f15a22; padding: 0 0 30px;  }
.bxhomehead > img{ vertical-align:middle; margin-right:10px;  }
.slidernewprobx{ display:block; position: relative; }
#bxslidernewpro{ display:block; position: relative;   }

.slideprodbx{ display:block; position: relative;  }
.slideprodbx > a{ display:block; position: relative; width:260px; margin:0 auto; font-weight:500;  }
.slideprodbx > a > .bx{ display:block; position: relative; }
.slideprodbx > a > .bx > .iconfix{ position:absolute; top:9px; left:9px; z-index:6;    }
.slideprodbx > a > .bx > .iconfix > img{ max-width:46px; margin-right:4px;  }
.slideprodbx > a > .bx > .imgbx{ display:block; position: relative; overflow:hidden;  }
.slideprodbx > a > .bx > .imgbx img{ width:100%; transition: all 0.5s;  }
 
.slideprodbx > a > .bx > .txtbx{ display:block; position: relative; text-align: left; line-height:1.2; padding:6px 0;   }
.slideprodbx > a > .bx > .txtbx > .code{ color:#f15a22; font-size:20px; }
.slideprodbx > a > .bx > .txtbx > .code > span{ color:#ffffff; font-weight:300; font-size:14px;   }
.slideprodbx > a > .bx > .txtbx > .name{ color:#ffffff; }
.slideprodbx > a > .bx > .txtbx > .name > div{ font-weight:300; }
.slideprodbx > a > .bx > .txtbx > .price{ color:#f15a22; font-size:23px; padding:16px 0 4px; border-bottom:#808080 solid 2px;  }

.slideprodbx > a:hover > .bx > .imgbx > img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);  }

#bxhomewhite{ display:block; position: relative; background:#ffffff; padding:52px 0; } 
.bxhomewhite{ display:block; position: relative; max-width:1100px; margin:0 auto; }
.bxhomewhite > .bxtxt{ display:block; position: relative; width:50%; float:left; }
.bxhomewhite > .bxtxt > .bx{ display:block; position: relative; width:80%; margin:0 0 0 30px; line-height:1.2;    }
.bxhomewhite > .bxtxt > .bx > .txth{ display:block; position: relative; padding:0 0 26px; font-size:40px; color:#f15a22;   }
.bxhomewhite > .bxtxt > .bx > .txt{ display:block; position: relative; font-size:20px; color:#231f20;  }
.bxhomewhite > .bxyt{ display:block; position: relative; width:50%; float:left; }

#bxhomegray{ display:block; position: relative; background:#dcddde; padding:52px 0; } 
.bxhomegray{ display:block; position: relative; max-width:1100px; margin:0 auto; }
.bxhomegray > .bxtxt{ display:block; position: relative; width:50%; float:left; }
.bxhomegray > .bxtxt > .bx{ display:block; position: relative; width:80%; margin:0 auto; line-height:1.2;    }
.bxhomegray > .bxtxt > .bx > .txth{ display:block; position: relative; padding:0 0 26px; font-size:40px; color:#f15a22;   }
.bxhomegray > .bxtxt > .bx > .txt{ display:block; position: relative; font-size:20px; color:#231f20;  }
.bxhomegray > .bxtxt > .bx > .link{ display:block; position: relative; padding:52px 0 0;   }
.bxhomegray > .bxtxt > .bx > .link > a{ transition:ease 0.5s; color:#231f20;  }
.bxhomegray > .bxtxt > .bx > .link > a > span{ 
  display:block; position:relative; border-bottom:#231f20 solid 3px; width:112px; transition:ease 0.5s; padding:0 0 2px;  }
.bxhomegray > .bxtxt > .bx > .link > a:hover{ color:#f15a22;  }
.bxhomegray > .bxtxt > .bx > .link > a:hover > span{ border-bottom:#f15a22 solid 3px; } 
.bxhomegray > .bximg{ display:block; position: relative; width:50%; float:left; }
.bxhomegray > .bximg > .bx{ display:block; position: relative;  }
.bxhomegray > .bximg > .bx img{ width:100%;  }

.thumyt{ display:block; position: relative; width:100%; height:320px;    }
.bxiframe{ display:block; position: relative; padding-bottom: 56.25%;  padding-top: 25px; height:0; }
.bxiframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }


#bxhomenews{ display:block; position: relative; padding:52px 0; background:#e75b24;   }
#bxhomenews > .content{ display:block; position: relative; max-width:1112px;  }
.bxhomenewsh{ display:block; position:relative; padding: 0 0 26px; font-size:40px;  }
.bxhomenewsh > span{ color:#000000; }
.bxhomenews{ display:block; position: relative;  }

.homenewsbx{ display:block; position:relative; width:33.33%; float:left; margin-bottom:26px;  }
.homenewsbx > .bx{ display:block; position: relative; width:340px; margin: 0 auto; }
.homenewsbx > .bx > .imgbx{ display:block; position: relative; overflow: hidden; max-height:270px;  }
.homenewsbx > .bx > .imgbx img{ width:100%; transition: all 0.5s;  height: 270px; }
.homenewsbx > .bx > .imgbx iframe{ width:100%; height: 270px;  }
.homenewsbx > .bx > .txtbx{ display:block; position: relative; padding:20px 0 0; line-height:1;  }
.homenewsbx > .bx > .txtbx > .subj{ color:#ffffff; text-transform:uppercase; font-size:28px; transition:ease 0.5s;  }
.homenewsbx > .bx > .txtbx > .date{ color:#000000; font-weight:300;   }
.homenewsbx > .bx > .txtbx > .desc{ display:block; position: relative; padding:16px 0; color:#ffffff; font-weight:300;   }
.homenewsbx > .bx > .txtbx > .link{ display:block; position: relative; color:#ffffff;   }
.homenewsbx > .bx > .txtbx > .link > span{ display:block; position: relative; border-bottom:#ffffff solid 4px; transition: ease 0.5s;  text-transform:uppercase; }

.homenewsbx > .bx:hover > .imgbx > img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);  }
.homenewsbx > .bx:hover > .txtbx > .subj{ color:#000000;  }
.homenewsbx > .bx:hover > .txtbx > .link > span{ border-bottom:#000000 solid 4px; }

.bxviewall{ display:block; position: relative; text-align: center; padding:36px 0 26px; }
.bxviewall > .btnbx{ display:block; position: relative; max-width:240px; margin:0 auto; }
.bxviewall > .btnbx > a{ display:block; position:relative; padding:10px 10px; text-align: center; background:#000000; color:#ffffff; transition: ease 0.5s; width: 100%; border-radius:24px;   }
.bxviewall > .btnbx > a:hover{ background:#ffffff; color:#f15922;  }


#footermenu{ display:block; position: relative;  padding:52px 0; } 
.footerbx{ display:block; position: relative; }
.footerbx > .tb{ display:table; position: relative; width:100%; }
.footerbx > .tb > .c1{ display:table-cell; position: relative; width: 231px; border-right:#fff solid 1px; vertical-align:top; }
.footerbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top; }
.footerbx > .tb > .c3{ display:table-cell; position: relative; width: 488px; vertical-align:top; }

.footerbx > .tb > .c1 > .bx{ display:block; position: relative; padding:26px 15px;  }
.footerbx > .tb > .c1 > .bx > div{ font-size:18px; line-height:1.6;  }
.footerbx > .tb > .c1 > .bx a{ color:#fff; letter-spacing: 2px; transition:ease 0.5s;  }
.footerbx > .tb > .c1 > .bx a:hover{ color:#f15a22; }
.footerbx > .tb > .c1 > .bx a.activ{ color:#f15a22; }

.footerbx > .tb > .c2 > .bx{ display:block; position: relative; padding:26px 45px; line-height:1.2;   }
.footerbx > .tb > .c2 > .bx div:nth-child(1){ margin:0 18px 6px; }
.footerbx > .tb > .c2 > .bx div:nth-child(2){ font-size:34px;  }
.footerbx > .tb > .c2 > .bx a{ font-size:38px; font-weight:bold; color:#f15a22; }

.footerbx > .tb > .c3 > .bx{ display:block; position: relative; padding:0; }
.bxfooterenew{ display:block; position:relative; width:100%;  } 
.footerh{ font-size:18px; padding:0 0 6px; }
#enewsform{ display:block; position:relative; padding:0; margin:0; width:100%; font-family:inherit; font-size:inherit; color:inherit;   } 
#enewsform > .bxframe{ display:block; position:relative; border:#ffffff solid 1px; width:100%;   }
#enewsform > .bxframe > .bxframe-tb{ display:table; position:relative; width:100%; height:41px;   }
#enewsform > .bxframe > .bxframe-tb > .icon{ display:table-cell; position:relative; vertical-align:middle; text-align:center; width:52px; }
#enewsform > .bxframe > .bxframe-tb > .textbx{ display:table-cell; position:relative; vertical-align:top; text-align:center;   }
#enewsform > .bxframe > .bxframe-tb > .btnbx{ display:table-cell; position:relative; vertical-align:top; width:102px;  }
#enewsform input[type=text]{ display:block; position:relative; width:100%; height:41px; border:none; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; padding:0 3px; margin:0; background:none;  }
#enewsform input[type=submit]{ display:block; position:relative; width:102px; height:41px; border:none; background:#ffffff; font-family:inherit; font-size:inherit; color:#000000; font-weight:700; cursor:pointer; transition:ease 0.5s; text-transform: uppercase; }
#enewsform input[type=submit]:hover{ background: #f15a22; color:#fff;  text-decoration:none; }
#enewsform label.error{ margin-left: 0px; color:#b22e25; font-size:12px; font-weight:300; font-style:italic; }
#enewsform input.error{   }

.footerbb{ display:table; position: relative; width: 100%; padding:20px 0 ;     }
.footerbb > .c1{ display:table-cell; vertical-align: top;  }
.footerbb > .c2{ display:table-cell; vertical-align: top; width: 102px;  }

.footer-social{ display:block; position:relative; padding:0 0 ;   }
.footer-line{ display:block; position:relative; }

a.iconigb{ display:inline-block; position: relative; width:37px; height: 37px; background: url("../img/icon-ig-white-b.png") no-repeat; vertical-align: middle; margin-right:12px;  }
a.iconigb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../img/icon-ig-orange-b.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconigb:hover > span{ opacity:1; }

a.iconfbb{ display:inline-block; position: relative; width: 37px; height: 37px; background: url("../img/icon-fb-white-b.png") no-repeat; vertical-align: middle; margin-right:12px; }
a.iconfbb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../img/icon-fb-orange-b.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconfbb:hover > span{ opacity:1; }

a.iconlineb{ display:inline-block; position: relative; width: 37px; height: 37px; background: url("../img/icon-line-white-b.png") no-repeat; vertical-align: middle; margin-right:12px; }
a.iconlineb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../img/icon-line-orange-b.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconlineb:hover > span{ opacity:1; }

a.iconytb{ display:inline-block; position: relative; width: 37px; height: 37px; background: url("../img/icon-yt-white-b.png") no-repeat; vertical-align: middle; }
a.iconytb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../img/icon-yt-orange-b.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconytb:hover > span{ opacity:1; }

#footer{ display:block; position: relative; background:#fff; color:#939598; font-size:14px; }
#footer > div{ padding:16px 52px; }
 
 
#btntop{ display:block; position: relative; width:32px; height:32px; background:url("../img/bgtop.png") no-repeat; text-align: center; bottom:20px; right:20px; background-size:100%;   }
#btntop > span{ 
 display:inline-block; position: relative; width:14px; height:10px; background: url(../img/iarrow-up-white.png);  
 -webkit-transform: translateY(3px); transform: translateY(3px); transition: all .2s ease; }
#btntop:hover > span{  -webkit-transform: translateY(0px); transform: translateY(0px); }

#bxfixicon{ display:block; position: fixed; bottom:56px; right:20px; z-index:666; }
#fixcon{ cursor:pointer; position: relative; text-align: right; }
#fixcon > .txt{ width:150px; margin-right:4px; } 
#fixcon > .txt > img{ max-width:150px;  }
#fixcon > .img{ width:35px;  } 
#fixcon > .img > img{ max-width:35px;  }
#fixcon.open > .txt > img{ display:none; }
.fixicon{ display:none; position: relative; text-align: right; }
.fixicon > div{ margin-bottom:12px; }
.fixicon > div > a{ display:block; position: relative; transition: ease 0.5s; }
.fixicon > div > a > .txt{ width:150px; margin-right:4px; }
.fixicon > div > a > .txt > img{ max-width:150px;  }
.fixicon > div > a > .img{ width:35px;  } 
.fixicon > div > a > .img > img{ max-width:35px;  }
.fixicon > div > a:hover{ opacity:0.8; }


#pageinner{ display:block; position: relative; padding:100px 0 52px;  }
#pageinner.bgwhite{ background:#ffffff; color:#231f20;   }
.bxhead{ display:block; position: relative; padding:26px 0 ; text-align: center; font-size:38px; font-weight:500;    }
.bxhead.txtleft{ text-align:left; }
.bxhead > a,
.bxhead > span{  color:#f15a22; font-size:30px; font-weight:400;   }
.bxhead > .txtgray{  color:#808285; font-size:30px; font-weight:400;   }
.bxhead.popup{ padding:10px 0; font-size:30px; font-weight:400; color:#f15a22; }
.bxhead.txtsizex{ font-size:24px; }
.bxhead.txtsizex > span{ font-size:20px; }

.bxshadespage{ display:block; position:relative; max-width:1060px; margin:0 auto;  }
.bxshades{ display:block; position: relative; padding:0 0 65px;  }
.shadesbxl{ display:block; position: relative; width:580px; float:left; }
.shadesbxr{ display:block; position: relative; width:428px; float:right; }

.shadesbxl > .bx{ display:block; position: relative; }
.bxslidershaes{ display:block; position: relative; }
.bxslidershaes > .slideimg{ display:block; position: relative;  }
.bxslidershaes > .slideimg > img{ width:100%; }
.bxslidershaes > .slideimg > .txtname{ 
  position:absolute; top:0; left:0; width:100%; text-align: left; background:#231f20; color:#fff;  }
.bxslidershaes > .slideimg > .txtname > div{ padding:4px 26px; font-size:22px; font-weight:300;    }

.shadesbxr > .bx{ display:block; position: relative; max-width:440px; margin:0 0 0 auto;  }
.bxshadesh{ position: relative; text-transform:uppercase; padding:0 13px; border-left:#000 solid 5px; font-size:27px; margin:0 0 8px; line-height: 1; }
.bxshadesh.desktop{ display:block;  }
.bxshadesh.mobile{ display:none;  }

.bxpager{ display:block; position:relative; } 
.bxpager > a{ display:block; position: relative; float:left; margin:0 20px 20px 0; outline:0; transition:ease 0.5s; }
.bxpager > a > .thumbbx{ display:block; position:relative;  width:98px; height:98px; }
.bxpager > a > .thumbbx > img{ width:98px; height:98px;  }
.bxpager > a > .thumbbx > .framebx{ position:absolute; top:0; left:0; right:0; bottom:0; background: url("../img/shaes-framebx.png") no-repeat; background-size:100%; z-index:5;    }
.bxpager > a > .txtbx{ position:absolute; left:0; right:0; bottom:0; z-index:6; text-align: center; line-height:1; padding:4px 0; background:rgba(255,255,255,0.8); transition:ease 0.5s; opacity:0;     }
.bxpager > a > .txtbx > .txtname{ display:block; position:relative; font-size:9px;  }
.bxpager > a > .txtbx > .txtnum{ display:block; position:relative; font-size:21px; }
.bxpager > a:hover > .txtbx,
.bxpager > a.active > .txtbx{ opacity:1;  }
 
.bxproductall{ display:block; position: relative; }  
.productbx{ display:block; position: relative; width:25%; float:left; margin-bottom:26px;  }
.productbx > a{ display:block; position: relative; width:92%; margin:0 auto; font-weight:500;  }
.productbx > a > .bx{ display:block; position: relative; }
.productbx > a > .bx > .iconfix{ position:absolute; top:9px; left:9px; z-index:6;    }
.productbx > a > .bx > .iconfix > img{ max-width:46px; margin-right:4px;  }
.productbx > a > .bx > .imgbx{ display:block; position: relative; overflow:hidden; }
.productbx > a > .bx > .imgbx img{ width:100%; transition: all 0.5s;  }
 
.productbx > a > .bx > .txtbx{ display:block; position: relative; text-align: left; line-height:1.2; padding:6px 0;   }
.productbx > a > .bx > .txtbx > .code{ color:#f15a22; font-size:20px; }
.productbx > a > .bx > .txtbx > .code > span{ color:#ffffff; font-weight:300; font-size:14px;   }
.productbx > a > .bx > .txtbx > .name{ color:#ffffff; }
.productbx > a > .bx > .txtbx > .name > div{ font-weight:300; }
.productbx > a > .bx > .txtbx > .price{ 
	color:#f15a22; font-size:23px; padding:16px 0 4px; border-bottom:#808080 solid 2px;  } 
.productbx > a:hover > .bx > .imgbx > img{ 
	-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);  }



.bxproductdetail{ display:block; position:relative; padding:26px 0;  }
.bxproductdetail > .tb{ display:table; position:relative; width:100%;  }
.bxproductdetail > .tb > .c1{ display:table-cell; position: relative; width:50%; vertical-align: top; }
.bxproductdetail > .tb > .c2{ display:table-cell; position: relative; width:50%; vertical-align: top; background:#000000; }
.bxproductdetail > .tb > .c1 > .bxprogall{ display:block; position:relative; }

.bxproductdetail > .iconfix{ position:absolute; top:0px; left:0px; z-index:16;  }
.bxproductdetail > .iconfix > img{ max-width:66px; margin-right:4px;  }

.gallerybxpro{ display:block; position: relative; width:68%;  margin:0 auto; }
.bxslidergall{ display:block; position: relative; z-index:3;   }
.bxslidergall > .slideimg{ display:block; position: relative;  }
.bxslidergall > .slideimg > img{ width:100%; }   
.bxpagergthumb{ display:block; position:relative; margin:12px 0 0;   } 
.bxpagergthumb > a{ display:block; position: relative; float:left; margin:0 12px 12px 0; outline:0; transition:ease 0.5s; }
.bxpagergthumb > a > .thumbbx{ display:block; position:relative; width:60px; border:#fff solid 2px; }
.bxpagergthumb > a > .thumbbx > img{ width:100%; } 
.bxpagergthumb > a:hover > .thumbbx,
.bxpagergthumb > a.active > .thumbbx{ border:#000 solid 2px; }

.bxproductdetail > .tb > .c2 > .bx{  display:block; position:relative; padding:36px 40px; color:#fff;  }
.bxprode{ display:block; position: relative; padding:0 0 6px; border-bottom:#fff solid 1px; line-height:1.2; }
.bxprode > .namebx{ display:block; position: relative; font-size:20px;  font-weight:300;   }
.bxprode > .namebx > span{ color:#f15a22; font-weight:500;  font-size:24px;  }
.bxprode > .colorbx{ display:block; position: relative; font-size:21px; padding:0 0 20px;    }
.bxprode > .sizedebx{ display:block; position: relative; font-size:19px; font-weight:500; padding:0 0 26px; }
.bxprode > .txtbx{ display:block; position: relative; padding:0 0 26px; font-weight: 300; }
.bxprode > .txtbx > div{ font-size:19px; font-weight:500; }
.bxprode > .sizebx{ display:block; position: relative; padding:0 0 16px; max-width:240px;  }
.bxprode > .sizebx > .tb{ display:table; position: relative; width:100%;  }
.bxprode > .sizebx > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; }
.bxprode > .sizebx > .tb > .c2{ 
  display:table-cell; position: relative; vertical-align: top; width:140px; text-align:right; }
.bxprode > .qtybx{ display:block; position: relative; padding:0 0 16px; }
.bxprode > .qtybx > .tb{ display:table; position: relative; width:100%; max-width:240px;  }
.bxprode > .qtybx > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; }
.bxprode > .qtybx > .tb > .c2{ 
  display:table-cell; position: relative; vertical-align: top; width:85px; text-align:right; }
.bxprode > .qtybx > .note{ display:block; position: relative; max-width:240px; font-size:12px; font-style: italic; text-align: right; color:#ccc; padding:3px 0 0;  }
.bxprode > .btnbx{ display:block; position: relative; max-width:160px;  }
.bxprode > .btnbx > a{ display:block; position:relative; padding:6px 10px; text-align: center; background:#f15922; color:#ffffff; transition: ease 0.5s;  }
.bxprode > .btnbx > a > .icon{ display:inline-block; position: relative; width:22px; height:22px; background: url("../img/icon-cart-white.png") no-repeat #f15922; background-size:100%;  vertical-align: middle; margin-right:6px;   }
.bxprode > .btnbx > a > .icon > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-cart-orange.png") no-repeat #ffffff; background-size:100%; opacity:0; transition: ease 0.5s;  }
.bxprode > .btnbx > a:hover{ background:#ffffff; color:#f15922;  }
.bxprode > .btnbx > a:hover > .icon > span{ opacity:1; }

.bxprode > .btnbx > input[type=submit]{ 
  display:block; position:relative; padding:6px 0; text-align: center; text-indent:28px;  
  background:url("../img/icon-cart-white.png") 36px center no-repeat #f15922 ; background-size:22px; cursor: pointer; 
  color:#ffffff; transition: ease 0.5s; border:none; width:100%; font-size:inherit; font-family: inherit;  }
.bxprode > .btnbx > input[type=submit]:hover{ background:url("../img/icon-cart-orange.png") 36px center no-repeat #fff ; color:#f15922; background-size:22px; }
.bxprode > .btnbx > input[type=submit]:disabled{ background:url("../img/icon-cart-white.png") 36px center no-repeat #ccc ; background-size:22px; cursor:no-drop; }
.bxprode > .btnbx > input[type=submit]:disabled:hover{ color:#fff; }

.bxprode > .pricebx{ 
  display:block; position: relative; text-align: right; font-size:29px; color:#f15a22; font-weight:500;  }

.bxprode select{ width:100%; font-family: inherit; }
.bxprode select option{ font-family: inherit;}
 
/* cart */
.bxpopupcart{ display:block; position:relative; margin:0 auto; width:300px; padding:10px; }
.bxpopupcart > .txt{ display:block; position:relative; font-weight:500; padding:10px 10px 0; color:#000; }
.bxpopupcart > .txt > span{ color:#f15922; }
.bxpopupcart > .tb{ display:table; position:relative; width:100%; padding:10px;  }
.bxpopupcart > .tb > .c1{ display:table-cell; position:relative; width:80px; vertical-align:top; }
.bxpopupcart > .tb > .c2{ display:table-cell; position:relative; width:6px; }
.bxpopupcart > .tb > .c3{ display:table-cell; position:relative; vertical-align:middle; font-size:12px; line-height:15px;  }
.bxpopupcart > .tb > .c3 > .bxtxt{ color:#000; font-weight:500; font-size:14px; }
.bxpopupcart > .tb > .c3 > .bxtxt > span{ color:#808285; font-weight:300; font-size:10px;  }
.bxpopupcart > .tb > .c3 > .bxcolor{ color:#808285; font-weight:300;  }
.bxpopupcart > .tb > .c3 > .bxprice{ font-weight:400; font-size:14px; color:#f15922; }
.bxpopupcart > .tb > .c3 > .bxprice > span{  text-decoration:line-through;   }
.bxpopupcart > .tb > .c3 > .bxsize{ color:#000;  }

.carousel-inner{ overflow:visible; }
.popover {    
  position:absolute; left:4%; z-index:1060; display:none; border-radius:14px; 
  width:280px; padding:0px; background:#f15922; margin-left:auto; 
  -webkit-box-shadow: 10px 17px 54px 6px rgba(102,102,102,0.2);
  -moz-box-shadow: 10px 17px 54px 6px rgba(102,102,102,0.2);
  box-shadow: 10px 17px 54px 6px rgba(102,102,102,0.2);  
}
 
.popover.top{ margin-top:-10px; }
.popover.right{ margin-left: 10px; }
.popover.bottom { margin-top:16px;  }
.popover.left{ margin-left: -10px; }
.popover-title { padding:6px; margin:0; background: #f7f7f7; border-bottom: 1px solid #929293;  }
.popover-content{ padding:0px;  }
.popover > .arrow,
.popover > .arrow:after {
  position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; }
.popover > .arrow{ border-width:8px; left:50% !important; }
.popover > .arrow:after{ content:""; border-width:0px; }
.popover.top > .arrow{ bottom:-11px; left:50%; margin-left:-11px; border-top-color:#929293;  border-bottom-width:0; }
.popover.top > .arrow:after{ bottom:1px; margin-left:-10px; content:" ";  border-top-color:#fff; border-bottom-width:0; }
.popover.right > .arrow{ top:50%; left:-11px; margin-top:-11px; border-right-color:#929293; border-left-width:0; }
.popover.right > .arrow:after{ bottom:-10px; left:1px; content:" "; border-right-color:#fff; border-left-width:0; }
.popover.left > .arrow{ top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#929293;  }
.popover.left > .arrow:after{ right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff; }  
.popover.bottom > .arrow{ top:-8px; left:0; margin-right:10px; border-bottom-color:#f15922;  border-top-width:0; }
.popover.bottom > .arrow:after{ top:1px; right:-19px; margin-right:10px; border-bottom-color:#000000;  border-top-width:0;  } 
.popper{ cursor:pointer; }
.popper-content{ display:none; position:relative; z-index:999;  }

.poppermycart{ display:block; position: relative; padding:10px 20px 10px;   }
.nobasket{ display:block; position:relative; text-align:center; font-size:14px;  }  
.bxxbasket{ display:block; position:relative;   } 
.basketbxx{ display:block; position:relative; border-bottom:rgba(255,255,255,0.6) solid 2px; padding:8px 0;  } 
.basketbxx > .tb{ display:table; position:relative; width:100%;}
.basketbxx > .tb > .c1{ display:table-cell; position:relative; width:90px; vertical-align:top; }
.basketbxx > .tb > .c1 > .bximg{ width:80px; }
.basketbxx > .tb > .c1 > .bximg img{ width:80px; }
.basketbxx > .tb > .c2{ display:table-cell; position:relative; vertical-align:middle; font-size:12px; line-height:1.2;   }
.basketbxx > .tb > .c2 > .bxtxt{ color:#000; font-weight:500; font-size:14px; }
.basketbxx > .tb > .c2 > .bxtxt > span{ color:#fff; font-weight:300; font-size:10px;  }
.basketbxx > .tb > .c2 > .bxcolor{ color:#dcddde; font-weight:300;  }
.basketbxx > .tb > .c2 > .bxcolor.txtgray{ color:#939598;  }
.basketbxx > .tb > .c2 > .bxprice{ font-weight:400; font-size:14px;  } 
.basketbxx > .tb > .c2 > .bxsize{ color:#000;   }
.basketbxx > .bxremove{ position:absolute; bottom:8px; right:0;  }
.basketbxx > .bxremove > a > img{ width:12px;  }
.basketbtm{ display:block; position:relative; width:100%; margin:0 auto; padding:6px 0; font-size:13px;  }
.basketbtm > .tb{ display:table; position:relative; width:100%; padding:0; } 
.basketbtm > .tb > .c1{ display:table-cell; position:relative; width:65%; vertical-align:middle;  }
.basketbtm > .tb > .c2{ display:table-cell; position:relative; width:35%; vertical-align:middle; color:#000; text-align:right;  }
.basketbtm > .bxbtn{ 
   display:block; position:relative; text-align:center; font-size:16px; line-height:20px; padding:16px 0; } 
.basketbtm > .bxbtn > a{ display:block; position:relative; padding:8px 10px; text-align: center; background:#000000; color:#ffffff; transition: ease 0.5s;  } 
.basketbtm > .bxbtn > a:hover{ background:#ffffff; color:#f15922;  } 

.bxmycart{ display:block; position: relative; }
.bxmycart > .tb{ display:table; position: relative; width:100%; }
.bxmycart > .tb > .c1{ display:table-cell; position: relative; width:75%; vertical-align: top;  }
.bxmycart > .tb > .c2{ display:table-cell; position: relative; width:24%; vertical-align: top;  }
.bxmycart > .tb > .cc{ display:table-cell; position: relative; width:1%; }

.mycartbx{ display:block; position: relative; border:#ebebeb solid 2px; border-radius:10px; margin:0 0 20px;  }
.mycartbx > .bxh{ 
 display:block; position:relative; text-align:center; padding:10px 16px; color:#fff; 
 background:rgba(0,0,0,1); border-top-left-radius:5px; border-top-right-radius:5px; }
.mycartbx > .bxh.shoppro{ display:block; }
.mycartbx > .bxh.shoppromo{ display:none; }
.mycartbx > .bxtxtr{ display:block; position:relative; padding:16px; font-size:14px; }
.mycartbx > .bxtxtr > .tb{ display:table; position:relative; width:100%; padding:6px 0; }
.mycartbx > .bxtxtr > .tb > .c1{ display:table-cell; position:relative; text-align:left; vertical-align:top;  }
.mycartbx > .bxtxtr > .tb > .c2{ display:table-cell; position:relative; text-align:right; vertical-align:top; font-size:16px; }

.mycarttb{ display:table; position:relative; width:100%; }
.mycarttb > .c1{ display:table-cell; position:relative; width:50%; vertical-align:middle; text-align: left; }
.mycarttb > .c2{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
.mycarttb > .c3{ display:table-cell; position:relative; width:16%; vertical-align:middle; }
.mycarttb > .c4{ display:table-cell; position:relative; width:12%; vertical-align:middle; }
.mycarttb  > .c5{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
.mycarttb > .cc{ display:none; }
.mycarttb  > .cw{ display:table-cell; position:relative; width:100%; vertical-align:middle; text-align: left; }

.bxtxtde{ display:block; position:relative; padding:15px 10px; border-bottom:#ebebeb solid 2px; text-align:center;   }
.bxtxtde > .baskettb > .c1{ text-align:left; }

.baskettb .txtname{ display:none; }

.baskettb{ display:table; position:relative; width:100%; }
.baskettb > .c1{ display:table-cell; position:relative; width:50%; vertical-align:middle; }
.baskettb > .c2{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
.baskettb > .c3{ display:table-cell; position:relative; width:16%; vertical-align:middle; }
.baskettb > .c4{ display:table-cell; position:relative; width:12%; vertical-align:middle; }
.baskettb > .c5{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
 
.bxprobs{ display:table; position:relative; width:100%; }
.bxprobs > .bximg{ display:table-cell; position:relative; vertical-align:middle; width:100px; }
.bxprobs > .bxtxt{ display:table-cell; position:relative; vertical-align:middle; }
.bxprobs > .bxtxt > .bx{ display:block; position:relative; padding:0 10px; color:#000; font-size:14px; line-height:1.2;  }

.bxprobs > .bxtxt > .bx > .txt{ color:#f15922; font-weight:500; font-size:16px; }
.bxprobs > .bxtxt > .bx > .txt > span{ font-weight:300; font-size:12px; color:#000;   }
.bxprobs > .bxtxt > .bx > .color{ font-weight:300;  }
.bxprobs > .bxtxt > .bx > .price{ font-weight:400;  } 
.bxprobs > .bxtxt > .bx > .size{ color:#939598; font-size:13px;  }

 
.bxbasketgray{ display:block; position:relative; background:#ebebeb; border-radius:9px; padding:8px 26px; margin:8px 0;  }
.bxbasketgray > a > img{ margin-right:8px; max-width:26px; }
.bxbasketgray > a{ transition:ease 0.5s;  }
.bxbasketgray > a:hover{ color:#f15922; }
.bxbasketgray.bxdel{ text-align: right; }
.bxbasketgray.bxdel > a{ font-size:14px; }
.bxbasketgray.bxdel > a > img{ width:14px; } 

.txtorange{ color:#f15922;  }

a.btnshoping{ display:block; position:relative; padding:8px 10px; text-align: center; background:#f15922; color:#ffffff; transition: ease 0.5s; margin-top:16px;  }
a.btnshoping:hover{ background:#000000; }
 

#cartupdateform{ display:block; position:relative; }
#cartupdateform input[type=text]{ 
 display:inline-block; position:relative; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; padding: 0; margin:0; background:#f2f2f2; border:none; width:40px; text-align:center; }
#cartupdateform input[type=submit].ibotton{ 
 display:inline-block; position:relative; font-family:inherit; font-size:inherit; cursor:pointer;
 border:#ebebeb solid 1px; width:25px; height:25px; background:#ffffff; color:#555555;  }

 
.bxcartadd{ display:block; position: relative; }
.bxcartadd > .tb{ display:table; position: relative; width:100%; }
.bxcartadd > .tb > .c1{ display:table-cell; position: relative; width:60%; vertical-align: top;  }
.bxcartadd > .tb > .c2{ display:table-cell; position: relative; width:39%; vertical-align: top; text-align: center; }
.bxcartadd > .tb > .cc{ display:table-cell; position: relative; width:1%; }
.cartaddbx{ display:block; position: relative; padding:16px;  }
.bxinput{ display:block; position: relative; }
.inputbx{ display:block; position: relative; width:49%; float:left; margin-bottom:12px;  }
.inputbx > .remark{ font-style:italic; font-weight:300  }
.inputbx.even{ float:right; }
.inputbx > .bxfile{ display:block; position: relative; border:#a1a1a1 solid 1px; border-bottom-width: 2px; padding:6px 12px 7px; color:#d8cdc6; }

.inputbxs{ display:block; position: relative; width:49%; margin-bottom:12px;  }
.inputbxs > .remark{ font-style:italic; font-weight:300; font-size:12px;  }
.inputbxb{ display:block; position: relative; width:100%; margin-bottom:12px;  }
.starfix{ position:absolute; top:6px; left:6px; z-index:2;  }

#inputform{ display:block; position:relative; padding:0; margin:0; font-family:inherit; font-size:13px; color:inherit;   } 
#inputform input[type=text]{ 
  display:block; position:relative; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; 
  padding:8px 12px; margin:0; background:#ffffff; border:#a1a1a1 solid 1px; border-bottom-width: 2px; width:100%;  }
#inputform textarea{ 
  display:block; position:relative; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; 
  padding:8px 12px; margin:6px 0 0; background:#ffffff; width:100%; resize:none; height:100px; 
  border:#a1a1a1 solid 1px; border-bottom-width: 2px; }
#inputform input[type=file]{  width:65%; } 
#inputform input[type=radio]{
  position:relative; margin:0; padding:0; cursor:pointer; width:15px; vertical-align:middle;  }
#inputform input[type=radio]:not(old){  width:15px; cursor:pointer; margin:0; padding:0; opacity:0; vertical-align:middle; }
#inputform input[type=radio]:not(old) + label{
  margin:0; padding-left:24px; min-height:15px; background: url(../img/checkbox.png) left center no-repeat; 
  cursor:pointer; font-size:14px; vertical-align:middle; line-height:14px;    }
#inputform input[type=radio]:not(old):checked + label{ background: url(../img/checkbox-o.png) left center no-repeat; }

/*#inputform input[type=submit]{ display:inline-block; position:relative; border:none; background:#f15922; font-family:inherit; font-size:inherit; color:#fff; cursor:pointer; transition:ease 0.5s; padding:9px 26px; min-width:120px;   } 
#inputform input[type=submit]:hover{ background:#000000; }*/

#inputform .filelabel{ overflow:hidden; position:relative; }
#inputform .filelabel [type=file] {
 cursor:pointer; display:block; min-height:100%; min-width:100%; opacity:0; 
 position:absolute; right:0; text-align:right; top:0;  }
#inputform .filelabel{
 display:block; position:relative; width:100%; padding:8px 10px; background:#ffffff url(../img/browse.png) 96% no-repeat; border:#a1a1a1 solid 1px; border-bottom-width: 2px;
 color:#959595;  font-family:inherit; font-size:inherit;  cursor:pointer; overflow:hidden;  } 
#inputform .filelabel[type=file]{ cursor:pointer; } 

#inputform input::-webkit-input-placeholder{ color:#959595;  }
#inputform input:-moz-placeholder{ color:#959595; }
#inputform input::-moz-placeholder{ color:#959595; }
#inputform input:-ms-input-placeholder{ color:#959595; }

#inputform input:focus{ border-bottom:#f15922 solid 2px; }  
#inputform input:focus::-webkit-input-placeholder{ color:#000000; }
#inputform input:focus:-moz-placeholder{ color:#000000; }
#inputform input:focus::-moz-placeholder{ color:#000000; }
#inputform input:focus:-ms-input-placeholder{ color:#000000; }
#inputform input[type=file]:focus{ border-bottom:#f15922 solid 0px; } 

#inputform textarea::-webkit-input-placeholder{ color:#959595; }
#inputform textarea:-moz-placeholder{ color:#959595; }
#inputform textarea::-moz-placeholder{ color:#959595;  }
#inputform textarea:-ms-input-placeholder{ color:#959595; }

#inputform textarea:focus{  border-bottom:#f15922 solid 2px;  }  
#inputform textarea:focus::-webkit-input-placeholder{ color:#000000; }
#inputform textarea:focus:-moz-placeholder{ color:#000000; }
#inputform textarea:focus::-moz-placeholder{ color:#000000; }
#inputform textarea:focus:-ms-input-placeholder{ color:#000000; }
 
#inputform label { display:inline-block; padding:0; margin:0; text-align:left; }
#inputform label.error{ margin-left: 0px; color:#ff0000; font-size:12px; font-style:italic; font-weight:300; }
#inputform input.error, #inputform textarea.error{ border-bottom:#ff0000 solid 2px;  }
 
#inputform input[type=submit]{ 
  display:inline-block; position:relative; border:none; background:#f15922; font-family:inherit; font-size:inherit; color:#fff; cursor:pointer; transition:ease 0.5s; padding:8px 20px 7.5px;    } 
#inputform input[type=submit]:hover{ background:#000000; }



.address-bxbtn{ display:block; position: relative; padding:16px 0;  }
.address-bxbtn > .tb{ display:table; position: relative; width: 100%; }
.address-bxbtn > .tb > .c1{ display:table-cell; position: relative; width: 50%; vertical-align: top; text-align: left; }
.address-bxbtn > .tb > .c2{ display:table-cell; position: relative; width: 50%; vertical-align: top; text-align: right; }
.address-bxbtn > .tb > .c1 > a{ 
  display:inline-block; position:relative; padding:6px 20px; text-align: center; color:#000; transition: ease 0.5s; border:#f15922 solid 2px; width:96%; }
.address-bxbtn > .tb > .c1 > a:hover{ background:#000000; color:#fff; border:#000 solid 2px; }
.address-bxbtn > .tb > .c2 > input[type=submit]{  width:96%;  }

.inputbxradio{ display:block; position:relative; }
.inputbxradio > .tb{ display:table; position: relative; width: 100%; margin-bottom:16px;  }
.inputbxradio > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; text-align: left; }
.inputbxradio > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: right; }
.inputbxradio > .tb > .c1 > .txtsub{ margin:0 0 0 38px; font-weight:300;   }
.inputbxradio > .tb > .c1 > .txtsub.txtgray{ color:#939598;}
.inputbxradio > .tb > .c1 > .txtsub > .tb{ display:table; position: relative; width:100%; padding:6px 0; line-height:1; }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c1{ display:table-cell; position: relative; width:36px; vertical-align: top;  }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c1 > img{ max-width:30px;  }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c2{ display:table-cell; position: relative; vertical-align: top;  }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c2 > div{ font-weight:500;  }


.mycartorder{ display:block; position: relative; padding:16px; text-align: left; }
.bxxcartorder{ display:block; position:relative; line-height:1.2;   } 
.cartorderbxx{ display:block; position:relative; border-bottom:#ebebeb solid 2px; padding:8px 0;  } 
.cartorderbxx > .tb{ display:table; position:relative; width:100%; }
.cartorderbxx > .tb > .c1{ display:table-cell; position:relative; width:90px; vertical-align:top; }
.cartorderbxx > .tb > .c1 > .bximg{ width:80px; }
.cartorderbxx > .tb > .c1 > .bximg img{ width:80px; }
.cartorderbxx > .tb > .c2{ display:table-cell; position:relative; vertical-align:middle; font-size:12px; line-height:1.2;   }
.cartorderbxx > .tb > .c2 > .bxtxt{ color:#f15922; font-weight:500; font-size:14px; }
.cartorderbxx > .tb > .c2 > .bxtxt > span{  color:#939598;  font-weight:300; font-size:10px;  }
.cartorderbxx > .tb > .c2 > .bxcolor{font-weight:300;  } 
.cartorderbxx > .tb > .c2 > .bxprice{ font-weight:400; font-size:14px; color:#666;   } 
.cartorderbxx > .tb > .c2 > .bxprice > .tb{ display:table; position: relative; width: 100%;  }
.cartorderbxx > .tb > .c2 > .bxprice > .tb > .c1{ display:table-cell; position: relative; vertical-align: top;  }
.cartorderbxx > .tb > .c2 > .bxprice > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: right; color:#000; }
.cartorderbxx > .tb > .c2 > .bxprice > .tb > .c2 > span{  }

.cartorderbxtxt{ display:block; position:relative; margin:20px 0 26px;  }
.cartorderbxtxt > .tb{ display:table; position: relative; width: 100%; padding:6px 0; border-bottom:#939598 dashed 1px; }
.cartorderbxtxt > .tb > .c1{ display:table-cell; position: relative; vertical-align: top;  }
.cartorderbxtxt > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: right;  width:40%; }
.cartorderbxtxt .txtgray{ color:#939598; }
.cartorderbxtxt > .tb.txtb{ border-bottom:#000 solid 2px; color:#000; font-size:18px;  }

.bxcartfinish{ display:block; position: relative; border:#ebebeb solid 2px; border-radius:10px; padding:20px 26px; text-align: left; font-size:14px;   }
.bxcartfinish > .txth{ display:block; position: relative; font-size:26px; font-weight:500;  text-align: center; }
.bxcartfinish > .txts{ display:block; position: relative; font-size:18px; text-align: center; }
.bxcartfinish > .txts > span{ margin:0 10px; }
.bxcartfinish > .txts > span > span{ color:#939598; font-weight:400; font-size:16px; }
.bxcartfinish > .txts > span > span > i{ font-weight:300;  }

.bxcartfinish > .bxtb{ display:table; position:relative; width: 100%;  }
.bxcartfinish > .bxtb > .c1{ display:table-cell; position: relative; width:50%; vertical-align: top;  }
.bxcartfinish > .bxtb > .c2{ display:table-cell; position: relative; width:50%; vertical-align: top;  }
.bxcartfinish > .bxtb > .c1 > .bx{ display:block; position: relative; width: 96%;  }
.bxcartfinish > .bxtb > .c2 > .bx{ display:block; position: relative; width: 96%;  }

.bxcartfinish > .bxtb > .c2 > .bx > .cartorderbxtxt{  margin:0 0 26px;  }

.bxcartfinish .bxshipping{ display:block; position: relative; padding:26px 0; }
.bxcartfinish .bxshipping > .bxh{ font-weight:600; font-size:16px;  }
.bxcartfinish .bxshipping > div{ display:block; position: relative; font-weight:300; }
.bxcartfinish .bxshipping > div > span{ font-weight:400; }

.bxfinishpro{ display:block; position:relative;  } 
.bxfinishpro > .mycartbx{ border:none; border-bottom:#ebebeb solid 1px; border-radius:0;  }
.bxfinishpro > .mycartbx > .bxh{ border-radius:0; }
.remarkbx{ display:block; position:relative; font-weight:300; }
.remarkbx > .txtb{ display:block; position: relative; font-weight:500;  }

.bxfinishtxt{ display:block; position: relative; margin:36px 0 0; font-weight:300; border-top:#ebebeb solid 1px; padding:26px; }
.bxfinishtxt > .txt5x{ font-weight:500; } 
.txtgray{  color:#808285; }

.bxfinishbtn{ display:block; position: relative; text-align: right; margin: 0 0 26px; }
.bxfinishbtn > a.btnshoping{ display:inline-block; width:136px;  margin:0 3px;   }
.bxfinishbtn > a.btnprint{ 
  display:inline-block; position:relative; padding:6px 20px; text-align: center; color:#000; transition: ease 0.5s; border:#f15922 solid 2px; width:136px;  margin:0 3px; }
.bxfinishbtn > a.btnprint:hover{ background:#000000; color:#fff; border:#000 solid 2px; }

.bxinform{ display:block; position: relative; }
.inputbxbtn{ display:block; position: relative; padding:26px 0; text-align: center; }
.inputbxbtn > input{ width:160px;  } 
/* cart */


.bxback{ display:block; position:relative; padding:26px 0; }
.bxback > a{ color:#000; transition:ease 0.5s;  }
.bxback > a > img{ vertical-align: middle; margin-right:6px;  }
.bxback > a:hover{ color:#f15a22;   }


.bxideaspage{ display:block; position:relative; padding:0 0 52px;   }
.ideasbx{ display:block; position: relative; width:50%; float:left; margin-bottom:52px;  }
.ideasbx > a{ display:block; position: relative; width:86%; margin:0 auto; }
.ideasbx > a > .bx{ display:block; position: relative; }
.ideasbx > a > .bx > .imgbx{ 
  display:block; position: relative; overflow:hidden; margin-bottom:24px; 
  box-shadow: 5px 9px 9.5px 0.5px rgba(39, 32, 22, 0.25);  }
.ideasbx > a > .bx > .imgbx img{ width:100%; transition: all 0.5s;  }
.ideasbx > a > .bx > .txtbx{ 
  display:block; position: relative; text-align: left; line-height:1.2; font-size:20px; 
  padding:6px 13px; border-left:#000 solid 5px; transition: ease 0.5s; font-weight:500;  } 
.ideasbx > a > .bx > .txtbx > div > .txts{ font-size:16px; font-weight:300;   }

.ideasbx > a:hover > .bx > .imgbx > img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);  } 
.ideasbx > a:hover > .bx > .txtbx{ color:#f15a22; border-left:#f15a22 solid 5px; }

.bxideasde{ display:block; position: relative; }
.bxideasde > .imgbx{ display:block; position: relative; padding:0 0 36px; text-align: center; }
.bxideasde > .txth{ display:block; position: relative; font-size:32px; line-height:1.2;   }
.bxideasde > .txts{ display:block; position: relative; font-size:24px; line-height:1.2;   }
.bxideasde > .txt{ display:block; position: relative; padding:26px 0 0;  }

.bxpage{ display:block; position: relative; text-align: center; color:#f15a22; margin:26px 0 0;  }
.bxpage > a{ display:inline-block; position: relative; color:#f15a22; margin:0 6px; transition:ease 0.5s;    }
.bxpage > a > span{ display:table-cell; position: relative; width:40px; height:40px; vertical-align: middle; background:#fff; border-radius:4px;  transition:ease 0.5s;  }
.bxpage > span > .none{ display:table-cell; position: relative; width:40px; height:40px; vertical-align: middle;  }
.bxpage > a:hover{ color:#fff; }
.bxpage > a:hover > span{ background:#f15a22; }
.bxpage > a:hover > span.img{ background:none; }
.bxpage > a.sel > span{ background:#f15a22; color:#fff;  }
.bxpage > a.current > span{ background:#f15a22; color:#fff; }

.bxpage > span.inactive{ display:inline-block; position: relative; margin:0 6px; transition:ease 0.5s;  }
.bxpage > span.inactive > span{ display:table-cell; position: relative; width:40px; height:40px; vertical-align: middle; transition:ease 0.5s; }

 
.bxsubj{ display:block; position: relative; text-align: left; line-height:1.2; font-size:26px; 
  padding:6px 13px; border-left:#000 solid 5px; transition: ease 0.5s; }
 
#pagepopup{ display:block; position: relative; padding:26px 0;   }
.bxresellerde{ display:block; position: relative; border-top:#fff solid 1px; padding:16px 0;  }
.bxresellerde > ul{ padding:0 0 0 15px; margin:0;   }
.bxresellerde > ul > li{  position: relative; width: 33.3%; float: left; }


.bxcontactpage{ display:block; position:relative; padding:0 0 52px;   }
.bxaddress{ display:block; position: relative; text-align: center; padding:0 0 52px;  }
.bxaddress > .txth{ font-size: 20px; font-weight:500; color:#f15a22;   } 
.bxaddress > span{ color:#f15a22;   }

.bxgoogle{ display:block; position: relative; }
.bxgoogle iframe{ width:100%; height:420px; }
 
 
.bxnews{ display:block; position: relative; max-width:1112px;  margin:0 auto;  }
.newsbx{ display:block; position:relative; width:33.33%; float:left; margin-bottom:46px;  }
.newsbx > .bx{ display:block; position: relative; width:340px; margin: 0 auto; }
.newsbx > .bx > .imgbx{ display:block; position: relative; overflow: hidden;  max-height:270px;  }
.newsbx > .bx > .imgbx img{ width:100%; transition: all 0.5s; height: 270px;  }
.newsbx > .bx > .imgbx iframe{ width:100%; height: 270px;  }
.newsbx > .bx > .txtbx{ display:block; position: relative; padding:20px 0 0; line-height:1;  }
.newsbx > .bx > .txtbx > .subj{ color:#000; text-transform:uppercase; font-size:28px; transition:ease 0.5s;  }
.newsbx > .bx > .txtbx > .date{ color:#f15a22; font-weight:300;   }
.newsbx > .bx > .txtbx > .desc{ display:block; position: relative; padding:16px 0; color:#000; font-weight:300;   }
.newsbx > .bx > .txtbx > .link{ display:block; position: relative; color:#000;   }
.newsbx > .bx > .txtbx > .link > span{ display:block; position: relative; border-bottom:#000 solid 4px; transition: ease 0.5s;  text-transform:uppercase; }

.newsbx > .bx:hover > .imgbx > img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);  }
.newsbx > .bx:hover > .txtbx > .subj{ color:#f15a22;  }
.newsbx > .bx:hover > .txtbx > .link > span{ border-bottom:#f15a22 solid 4px; }
 
.bxpromode{ display:block; position: relative; } 
.bxpromode > .bx{ display:block; position: relative; width: 100%;  }
.bxpromode > .bx > .bxl{ display:block; position: relative; width:50%; float:left; }
.bxpromode > .bx > .bxr{ display:block; position: relative; width:50%; float:left; }
.bxpromode > .bx > .bxr.bxfull{ width:100%; }
.gallerybx{ display:block; position: relative; background:#f2f2f2;  }
.bxslidergallery{ display:block; position: relative; width:100%;  }
.slideimgbx{ display:block; position: relative; width:100%;  }
.slideimgbx img{ max-width:100%;  }
.slideimgbx iframe{ width:100%; }

.promobx{ display:block; position: relative; width: 72%; margin:0 auto; padding:0 0 52px; }
.promobx > .subject{ display:block; position: relative;  font-size:32px;    }
.promobx > .date{ display:block; position: relative; color:#f15a22; font-size:14px; }
.promobx > .detail{ display:block; position: relative; padding:6px 0 26px; }
 
 
.bxaboutpage{ display:block; position:relative; padding:0 0 52px;   }
.bxaboutpage > .bximg{ display:block; position: relative; padding:0 0 36px;  }
.bxaboutpage > .bxtxt{ display:block; position: relative; width:78%; margin:0 auto; text-align: center; }
.bxaboutpage > .bxtxt > .line{ display:block; position: relative; width:1px; height: 69px; background:#fff; margin:0 auto 26px; } 

.bxorange{ display:block; position: relative; padding:52px 0; background:#f15922; color:#ffffff; text-align: center; }
.bxvm{ display:block; position: relative; width:78%; margin:0 auto; text-align: center; }
.vmbx{ display:block; position: relative; margin: 0 0 26px; }
.vmbx > .bximg{ display:block; position: relative; padding:0 0 16px;  }
.vmbx > .bxh{ display:block; position: relative; font-size:21px; font-weight:500;   }

.bxvmimg{ display:block; position: relative; }
.bxvmimg > img{ width:100%; }

.bbnone{ border-bottom:none; }