/*@import url('style_main.css');*/

body{ font-size:16px; font-family: 'Athiti'; font-weight: 500;} 
body{ min-height:950px;}
a{ -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
a:hover{ -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}


.title-sky-2019{ margin:30px 0 0 0; background:url(../images/template/title_blue.png) no-repeat right bottom; position: relative; min-height: 50px;}
.title-sky-2019 .titleinner{ position: absolute; left: 0; top: 0; margin: 5px 0 0 0; font-size:32px;  font-family:'Athiti'; color:#000; background:#fff; padding:0 30px 0 0; font-weight:600;}
.title-sky-2019 .titleinner i{ color:#000;}
.title-sky-2019 .titleinner h1{font-size:32px; font-weight: 900; display: inline;}

.title-sky div.titleinner { position: absolute; left: 0; top: 0; font-size:32px;  font-family:'Athiti'; color:#000; background:#fff; padding:0 30px 0 0; font-weight:600;}
.title-sky div.titleinner h1{font-size:32px;}
.title-sky div.titleinner i{ color:#000;}
.title-sky div.titleinner span h1{font-size:12px; display: inline;}

.home-content{ font-size: 18px; font-weight: 600; text-align: center; margin: 30px 0 0 0;}
.home-content h1{display: inline; font-size: 18px; font-weight: 600;}
.home-content span{ font-size: 24px; font-weight: 600;}
.home-content span h1{display: inline; font-size: 24px; font-weight: 600;}

header{}
header.pc{ /*height:155px;*/height:100px; background:#fff;width:100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
/*header.pc .head{ height:75px; background:#fff url(../images/template2018/bg-head.jpg) top repeat-x; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}*/
header.pc .logo{  line-height:0; height:100px; display:flex; align-items: center; justify-content:center; text-align:center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
header.pc .logo img{ height: 50px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
header.pc .head-shadow{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
header.pc .dropdown-head{height:100px; display:flex; align-items: center; justify-content:left; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
header.pc .slogan{ /*height:130px;*/ margin:23px 20px 0 0; float:right; text-align: right; font-size:18px; font-weight:500; /*display:flex; align-items: center; justify-content:center; text-align:center;*/  -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
header.pc .slogan a{color:#000;}
header.pc .slogan a:hover{color:#00b7eb;}
header.pc .slogan a.active{color:#00b7eb;}
header.pc .slogan i{ font-size:30px; position: relative; color: #333; margin: 0 0 0 25px;}
header.pc .slogan i span{ color:#fff; position: absolute; top: 7px; left: 9px; width: 18px; text-align: center; font-size: 10px; }
header.pc .flag{ height:100px; float:right;  display:flex; align-items: center; justify-content:center; text-align:center;}
header.pc .flag img{ width:30px; margin-left:5px; opacity: 0.5; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
header.pc .flag img.active{ width:30px; margin-left:5px; opacity: 1;}
header.pc .flag img:hover{opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s; }
header.pc .tabmenu{ height:60px; padding: 0 0 8px 0; border-top:solid 1px #ddd; display:flex; align-items: center; justify-content:center; }
header.pc nav.newmenu{ letter-spacing:0; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center;}
header.pc nav.newmenu ul.newmenufix{ list-style:none; font-family:'Athiti'; font-size:18px; padding:0; margin: 0;}
header.pc nav.newmenu ul.newmenufix li{ float:left; padding:15px 35px;}
header.pc nav.newmenu ul.newmenufix li a{ color:#000;}
header.pc nav.newmenu ul.newmenufix li a:hover{color:#00b7eb;}
header.pc nav.newmenu ul.newmenufix li.active a{color:#00b7eb;}

header.pc nav.newmenu ul.newmenufixen{ list-style:none; font-family:'Athiti'; font-size:18px; padding:0; margin: 0;}
header.pc nav.newmenu ul.newmenufixen li{ float:left; padding:15px 28px;}
header.pc nav.newmenu ul.newmenufixen li a{ color:#000;}
header.pc nav.newmenu ul.newmenufixen li.active a{color:#00b7eb;}

header.pc.sticky {position:fixed; padding:0; z-index:999;/* height:125px;*/ height:70px;}
header.pc.sticky .head{ height:0px;}
header.pc.sticky .dropdown-head{height:70px;}
header.pc.sticky .logo{ height:70px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
header.pc.sticky .logo img{ height:30px;}
header.pc.sticky .tabmenu{ height:60px;/* padding: 0 0 8px 0;*/}
header.pc.sticky .slogan{ margin:8px 20px 0 0;}

/*.head-m{ height:75px; background:#fff url(../images/template2018/bg-head.jpg) top repeat-x;}*/
		
.cartshow-head{ position:relative; width:35px; height:100px; float:right; text-align:center;display:flex; align-items: center; justify-content:center; margin-left:15px; padding-bottom:3px;}
.cartshow-head i{ font-size:30px; color:#00b7eb;}
.cartshow-head span{ position:absolute; top:0px; left:0; color:#fff; width:35px; height:100px;  text-align:center; font-size:12px; display:flex; align-items: center; justify-content:center; margin:-5px 0 0 0;}

.dropdown_m2 {position: block;display: inline-block; cursor:pointer;}
.dropdown_m2 a { color:#000;}
.dropdown_m2 a:hover { color:#999;}
.dropdown_m2-content {display: none;position: absolute; background:#fff;width:auto;min-width:150px;text-align:left;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);-moz-border: 0 0 10px 10px; -webkit-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px;z-index:999999;	}		
.dropdown_m2:hover .dropdown_m2-content {display: block;}


.logo-2{ float:left; margin:25px 0 25px 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.logo-2 img{ height:45px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

#banner{ width:100%; line-height:0; background:#fff url(../images/template/loading7.gif) no-repeat center; border-bottom:solid 1px #ddd;}


.menucartshow{ border:solid 1px #000; background:#f5f5f5; width:70px; text-align:center; position:fixed; z-index:0; top:0; margin-left:1190px;}
.menucartshow-h{ background:#000; color:#fff; padding:7px 5px;}
.menucartshow-detail{ padding:5px;}
.menucartshow-detail i{ font-size:24px; color:#00b7eb; margin:0 4px 0 0}

.cartshowicon-pc{ float:right; margin:0 0 0 15px; width:35px; height:100px;display:flex; align-items: center; justify-content:center;}
.cartshowicon-pc i{ font-size:24px; color:#00b7eb;}
.cartshownumber-pc{position:absolute; top:0; width:17px; height:17px; background:#ed1b24; border:solid 1px #fff; font-size:10px; margin:0px 0 0 15px; text-align:center; color:#fff; -moz-border: 20px; -webkit-border-radius:20px; border-radius:20px;}

.cartshowicon{ float:left; margin:0 0 0 30px;}
.cartshowicon i{ font-size:20px; color:#00b7eb;}
.cartshownumber{position:absolute; top:0; width:17px; height:17px; background:#ed1b24; border:solid 1px #fff; font-size:10px; margin:2px 0 0 15px; text-align:center; color:#fff; -moz-border: 20px; -webkit-border-radius:20px; border-radius:20px;}


footer{ margin:50px 0 0 0;/* background:url(../images/template2018/footer%20BG-01.jpg) bottom;*/}
footer .footer-sitemap{ box-shadow: 0 0 10px #ccc; padding: 20px 0;}
footer ul.menufix-footer{ padding: 0 100px; font-size: 18px; list-style: none; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center;}
footer ul.menufix-footer li{ float:left; padding: 5px 0;}
footer ul.menufix-footer li.space{ padding:5px 10px;}
footer ul.menufix-footer li a{ color: #000;}
footer ul.menufix-footer li a:hover{ color:#00b7eb;}

footer .e-newletter{ background:rgba(255,255,255,0.2); padding:20px 0;}
footer .e-newletter-h{ height:35px; display:flex; align-items: center; justify-content:center; font-size:20px; font-style:600; color:#000;}
footer .e-newletter-input{ padding:0 50px 0 0; position:relative;}
footer .e-newletter-input input{ width:100%; padding:5px 40px; height:35px; font-size:18px; -moz-border: 20px; -webkit-border-radius:20px; border-radius:20px; border:none; text-align:center; background: #64686a; color: #fff; font-weight: 300;}
footer .e-newletter-input input::placeholder{ color:#fff;}
footer .e-newletter-input i{ position:absolute; top:0; right:0; font-size:34px; color:#64686a;}

footer .copy{ text-align:center; padding:12px; border-top:solid 1px #ccc; }
footer .copy a{color:#00b7eb}
footer .copy a:hover{ color:#999;}
footer .footer-icon{ font-size:30px; text-align: center;}
footer .footer-icon i{ margin:0 7px; color: #64686a;}
footer .footer-icon i:hover{ color:#00b7eb;}

.community-2018-fix{line-height: 0; padding: 7px; margin: 30px 0 0 0;}
.community-2018{ line-height: 0; padding: 7px; box-shadow: 0 0 10px #ccc; margin: 30px 0 0 0;}
.community-2018 img{ width: 100%; height: 143px; object-fit: cover; object-position: center;}
.community-2018 iframe{ width: 100%; height: 143px;}

.banner-shopnow{ margin:30px 0 10px 0; line-height: 0;}

/*.product-youtube-play{ width: 30px; height: 30px; border: solid 2px #333; color:#333; margin: 7px 0 0 0; font-size: 20px; display:flex; align-items: center; justify-content:center; -moz-border: 20px; -webkit-border-radius:20px; border-radius:20px; padding: 0 0 0 3px; cursor: pointer;-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.product-youtube-play:hover{ border: solid 2px #cd0000; color:#cd0000;}*/

.product-youtube-play{ width: 40px; height: 40px; border: solid 2px #333; color:#333; margin: 15px 0 0 0; font-size: 24px; display:flex; align-items: center; justify-content:center; -moz-border: 20px; -webkit-border-radius:20px; border-radius:20px; padding: 0 0 0 3px; cursor: pointer;-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.product-youtube-play:hover{ border: solid 2px #cd0000; color:#cd0000;}

.product-share{ margin:15px 0 0 0;}

.cartshow-sticky-2018{ position: sticky; top:150px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}

.memberbox-2018{ padding:30px 30px; border: solid 2px #ccc; margin: 30px 0 0 0;font-size: 16px;}
.memberboxinner-2018{ border-left: solid 2px #ccc; padding: 0 0 0 30px;}
.memberbox-title-2018{ font-size: 24px; font-weight: 600;}
.memberbox-input-2018{ margin: 10px 0 0 0;}
.memberbox-input-2018 input{ width: 100%; height: 40px; border: solid 1px #ccc; font-size: 16px;}
.memberbox-btn-2018{ float: left; width: 50%; margin: 10px 0 0 0;}
.memberbox-btn-2018 input[type=submit]{ width: 100%; height: 40px; border: none; color: #fff; background: #000;}
.memberbox-btnfb-2018 { width: 100%; height: 40px; color: #fff; background: #4268b3; margin: 7px 0 0 0; display:flex; align-items: center; justify-content:center; }
.memberbox-note-2018{ float: left; width: 50%; padding: 20px 0 0 0; font-size: 14px;}
.memberbox-note-2018 a{ color:#333;}
.memberbox-note-2018 a:hover{ color:#00b7eb;}
.memberbox-or-2018{ text-align: center; margin: 50px 0 0 0;}

.memberbox-btn-2-2018{ margin: 10px 0 0 0; height: 40px; border: none; color: #fff; background: #00b7eb; display:flex; align-items: center; justify-content:center;}
.memberbox-note-2-2018{ margin: 7px 0 0 0; font-size: 14px; color: #cd0000; text-align: center;}
.memberbox-or-2-2018{ text-align: center; margin: 40px 0;}

.memberbox-note-3-2018{ text-align: center; font-size: 14px;}
.memberbox-btn-3-2018{ margin: 10px 0 0 0; height: 40px; border: none; color: #fff; background: #cd0000; display:flex; align-items: center; justify-content:center;}

.store-services{ margin:30px 0 0 0;}
.store-services iframe{ width:100%; height: 75vh;}


/* cart status */
.cart-chk-status {  width: 65%; float: left; margin: 30px 0 0 0;}
.cart-chk-status input { width: 100%;  height: 40px; font-size: 16px;}
.cart-chk-status-btn { width: 35%; float: left; margin: 30px 0 0 0; font-size: 16px;}
.cart-chk-status-btn input[type=submit] { width: 100%; height: 40px; background: #00b7eb; color: #fff; border: none;}
.cart-chk-status-btn-active input[type=submit] { width: 100%; height: 40px; background: #808080; color: #fff; border: none;}
.cart-chk-status-btn:active input[type=submit] { width: 100%; height: 40px; background: #808080; color: #fff; border: none;}
.cart-chk-status-note { color: #cd0000; font-size: 14px; margin: 12px 0 0 0;}

.privilege-2018{ border: solid 2px #333; background: #ededed; padding: 7px 12px 10px 12px; color: #000; font-size: 16px; margin: 3px 0 0 0; text-align: center;  font-weight: 700;}
.privilege-2018 span.privilege-2018-price{ font-size: 24px; font-weight: 700; font-style:normal;}
.privilege-2018 span{ font-style: italic;  font-weight: 400;}

/*.main{ width:1280px; box-shadow:0 0 10px #dbdbdb; margin:0 auto; background:#fff;}*/
.main-2{ width:1280px; box-shadow:0 0 10px #dbdbdb; margin:0 auto; background:#fff;}
.cotent{ margin:0 auto; width:1170px; position:relative;}


select.flag{ border:none; float:right; margin:7px 0 10px 0;} 
select.flag-m{ border:none; float:right; margin:10px 0 10px 10px; padding:0 10px 0 15px; border-left:solid 1px #000;} 

.iconsearch{ float:left; margin:10px 40px 0 0;}
.iconcart{ float:left; width:52px; height:52px; padding:2px 0 0 28px; text-align:center; color:#fff; background:url(../images/template/iconcart.jpg) top center no-repeat;}

.promotionhome-1{ margin:30px 0 0 0; line-height:0; position:relative;}
.promotionhome-1 img{/* width:570px; height:150px;*/ width:100%;/* height:93px;*/}
.promotionhome-left{ font-size:40px; float:left; cursor:pointer; position: absolute; top: 50%; left: 25px; z-index: 99;}
.promotionhome-right{ font-size:40px; float:right; cursor:pointer; position: absolute; top: 50%; right: 25px; z-index: 99;}

.promotionhome-2{ margin:30px 0 0 0; line-height:0;}
.promotionhome-2{ width:100%;}

.vdo{ width:100%;}
.vdohome-detail{ margin:15px 0 0 0;}
.vdohome-detail iframe{ width:370px; height:208px;}
.vdohome-detail img{ width:370px; height:208px;}

.vdohome-1{ margin:15px 0 0 0; line-height:0; position:relative;}
.vdohome-1 iframe{ width:370px; height:208px;}
.vdohome-1 img{ width:370px; height:208px; padding-bottom:1px;}
.vdotitle-home{ font-size:18px; color:#000; margin:5px 0 0 0; height:65px; overflow:hidden;}
.vdohome-1:hover .vdotitle-home{color:#00b7eb;}

.vdohome-2{ margin:15px 0 0 0;}
.vdohome-2 iframe{ width:570px; height:320px;}
.vdohome-2 img{ width:570px; height:320px;}

.vdo-detail{ margin:30px 0 0 0; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center;}
.vdo-detail iframe{ width:1000px; height:562px;}

.vdo-inner{ margin:15px 0 0 0;}
.vdo-inner iframe{ width:770px; height:433px;}
.vdo-inner img{ width:770px; height:433px; position:relative;}

.vdo-play{ cursor:pointer; width:50px; height:50px; position:absolute; top:50%; left:50%; margin:-40px 0 0 -25px; background:rgba(0,0,0,0.5);display:flex; align-items: center; justify-content:center; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px;}
.vdo-play i{ font-size:20px; color:#fff;}

.vdo-play-top{ cursor:pointer; width:80px; height:80px; position:absolute; top:50%; left:50%; margin:-55px 0 0 -25px; background:rgba(0,0,0,0.5);display:flex; align-items: center; justify-content:center; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px;}
.vdo-play-top i{ font-size:30px; color:#fff;}

.vdo-h{ margin:0 0 15px 0; color:#00b7eb; font-size:32px; height:98px; padding:10px 0 0 0; overflow:hidden; width:100%;}
.vdo-h-2{ margin:5px 0 15px 0; color:#000; font-weight:600; height:55px; overflow:hidden; font-size:16px; }
.vdo {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.vdo:hover, .vdo:focus, .vdo:active {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}



.review{margin:30px 0 0 0;}
.review-img{ width:250px; margin:0 20px 0 0; float:left; position:relative; }
.review-img img{ width:250px; height:141px;}
.review-detail{ width:300px; float:left;}
.review-h{ color:#00b7eb; height:auto; max-height:63px; overflow:hidden; font-size:16px;}
.review-d{ color:#000; margin:7px 0 0 0; height:43px; overflow:hidden;}

.review-play{ cursor:pointer; width:50px; height:50px; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; background:rgba(0,0,0,0.5);display:flex; align-items: center; justify-content:center; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px;}
.review-play i{ font-size:20px; color:#fff;}

.article-bg{ margin:30px 0 0 0; background:#f9f9f9; padding:1px 30px 10px 30px;}
.article{ height:146px; border-bottom:dotted 1px #ddd; padding:13px 0;opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.article-img{ line-height:0; float:left;}
.article-img img{ width:120px; height:120px;}
.article-detailhome{ width:165px; margin:0 0 0 15px; float:left; font-size:14px;}
.article-detail{ width:235px; margin:0 0 0 15px; float:left; font-size:14px;}
.article-h{ color:#00b7eb; font-size:18px; height:55px; overflow:hidden;}
.article-d{ color:#999; height:60px; overflow:hidden;}
.article:hover{ opacity:0.5; filter:alpha(opacity=50); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.article-inner{border-bottom:dotted 1px #ddd; padding:0 0 20px 0; margin:20px 0 10px 0; opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.article-inner-img{ line-height:0;}
.article-inner-img img{ width:570px; height:320px;}
.article-inner-detail{ margin:10px 0 0 0; font-size:14px;}
.article-inner-h{ color:#00b7eb; font-size:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.article-inner-d{ color:#999; height:40px; overflow:hidden;}
.article-inner:hover{ opacity:0.5; filter:alpha(opacity=50); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.article-inner-img-other img{ width:270px; height:152px;}

.searchproductbox{ margin:30px 0 0 0; padding:15px; border:solid 1px #eee; font-size:14px;}
.searchtab{ float:left; padding:2px 7px; margin:5px 5px 0 0; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #ddd; color:#000;}
.searchtab:hover{ background:#eee; color:#666;}
.searchtab-over { float:left; padding:2px 7px; margin:5px 5px 0 0; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #ddd; background:#000; color:#fff;}

.searchproduct{ background:#000; float:left; position:relative; margin:20px 9px 0 9px;}
.searchproduct-img{ line-height:0; position:relative; overflow:hidden;}
.searchproduct-img img{width:100px; height:100px; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.searchproduct-btndetail{ background:#000; text-align:center; color:#fff; padding:0 10px; position:absolute; top:55px; width:90%; margin:0 5%; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.searchproduct:hover .searchproduct-img img{ opacity: 0.5; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.searchproduct:hover .searchproduct-btndetail{ opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.prducthome-box{ padding:10px 20px 10px 20px; border:solid 1px #eee; margin:20px 0 0 0; position:relative; opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.prducthome-img{ line-height:0; text-align:center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.prducthome-img img{ width:230px; height:269px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.prducthome-name{ font-weight:600; font-size:20px; color:#000; margin:10px 0 0 0; height:82px; overflow:hidden;}
.prducthome-detail{ margin:5px 0 0 0; color:#000; height:37px; overflow:hidden; font-size:14px;}
.prducthome-price{ color:#3fbbbd;font-size:24px; margin:5px 0 0 0;}
.prducthome-pricesale{ color:#000; text-decoration:line-through; height:20px;}
.prducthome-addtocart{ width:50px; height:50px; background:#000; color:#fff; text-align:center; font-size:24px; padding:10px 0 0 0; position:absolute; bottom:10px; right:25px; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;  opacity:0; filter:alpha(opacity=0); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s;}
.prducthome-addtocart:hover{ background:#cd0000; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prducthome-new{ position:absolute; top:10px; left:0;}
.prducthome-new img{}
.prducthome-box:hover .prducthome-name{color:#00b7eb; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prducthome-box:hover .prducthome-addtocart{ opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }

label.labelsortby{ font-weight:normal; font-size:14px; margin-bottom:10px; width:60px;}
label.labelsortby-2{ font-weight:normal; font-size:24px; margin:0 5px; cursor:pointer; margin-bottom:10px;}
label.labelsortby-2:hover{color:#00b7eb; margin-bottom:10px;}
label.labelsortby-2-over{ font-weight:normal; font-size:24px; margin:0 5px; cursor:pointer;color:#00b7eb; margin-bottom:10px;}

select.selectsortby{ padding:5px; font-size:14px;}
select.selectsortby option{ font-size:14px;}

.tabmobile{ padding:7px 7px; height:100%; text-align:center; background:#000; color:#fff; margin:20px 1% 0 1%; position:relative;}
.tabmobile i{ font-size:24px;}
.tabmobile a{ color:#fff;}
.tableft{ position:absolute; left:0; top:0; margin:9px 0 0 9px; cursor:pointer;}
.tabright{ position:absolute; right:0; top:0; margin:9px 9px 0 0; cursor:pointer;}

.contactaddress{ margin:35px 0 0 0;}
.contactfrom{ margin:48px 0 0 0;}
.contactimg{ margin:48px 0 0 0; height:835px;display: flex; align-items: flex-end; }
.contactimg img{ max-height:835px;}
.contactimg img{display: flex; align-items: flex-end;}
.title-contact{ font-weight:600; font-size:32px; color:#00b7eb;}
.contact_address{ font-size:20px; margin:5px 0 0 0;}
.contact_h{width:30%; float:left; margin:10px 0 0 0; padding:0 0 0 30px;}
.contact_colon{width:5%; float:left; margin:10px 0 0 0;}
.contact_d{width:65%; float:left; margin:10px 0 0 0;}
.contact_information{ margin:10px 0 0 0; font-size:20px;  font-weight:600;}
.contactform_h{color:#666; width:25%; float:left; margin-top:20px; padding-top:12px;}
.contactform_input{ width:75%; float:left; margin-top:10px;}
.contactform_input input{ width:100%; border:solid 1px #ccc; padding:10px; margin-top:10px;}
.contactform_input textarea{ width:100%; border:solid 1px #ccc; padding:10px; margin-top:10px;}
.contactform_input .contact-btn{text-align:center; background:#00b7eb; border:none; padding:10px 0; width:150px; margin:0px 0 0 0; cursor:pointer; color:#fff; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;}
.contact-tabmap-over{border-width:1px; color:#fff; background:#00b7eb; border-color:#00b7eb; border-style:solid; border-bottom:none; text-align:center; float:left; margin-left:5px; width:120px; -moz-border:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; padding-top:3px; cursor:pointer;}
.contact-tabmap{background:#fff; border:solid 1px #ccc; border-bottom:none; text-align:center; float:left; margin-left:5px; width:120px; -moz-border:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; padding-top:3px; cursor:pointer;}
.contact-tabmap:hover{background:#ddd; }
.contact-map{ width:100%; height:200px; border:solid 1px #ccc; background:#f5f5f5;}
.contact-map img{ width:570px; height:200px;}
.contact-map iframe{ width:570px; height:200px;}

.newsother-img img{ width:270px; height:180px; border:solid 1px #000;}
div.newsbox.newsbox:nth-child(3n+1){clear:left;}
.news{ margin:30px 0 0 0; opacity:1; filter:alpha(opacity=70); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;  border:solid 1px #fff;}
.news-img{ line-height:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.news-img img{ width:370px; height:247px; border:solid 1px #000;}
.news-detail{ margin:5px 0 0 0;}
/*.news-h{ color:#00b7eb; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/
.news-d{ color:#999; height:41px; overflow:hidden; font-size:14px;}
.news:hover{ opacity:0.7; filter:alpha(opacity=70); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.news-h {
	font-size:16px;
	position: relative;
	background: #eee; margin:20px 0 0 0; padding:15px; color:#000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	min-height:75px;box-shadow:2px 2px 5px rgba(51,51,51,0.2)
}
.news-h:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #eee;
	border-width: 12px;
	margin-left: -12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	
}

.news:hover .news-h { margin:0px 0 10px 0; background:#00b7eb; color:#fff;}
.news:hover .news-h:after{border-bottom-color: #00b7eb;}
.news:hover .news-img{ line-height:0; padding:10px 0 0 0;}

.activities{ margin:30px 0 0 0; opacity:1; filter:alpha(opacity=70); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.activities-img{ line-height:0;}
.activities-img img{ width:370px; height:247px; border:solid 1px #eee;}
.activities-detail{ margin:5px 0 0 0;}
.activities-h{ color:#00b7eb; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.activities-d{ color:#999; height:41px; overflow:hidden; font-size:14px;}
.activities:hover{ opacity:0.7; filter:alpha(opacity=70); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

.activities-top{ margin:30px 0 0 0; opacity:1; filter:alpha(opacity=70); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.activities-top-img{ line-height:0; float:left;}
.activities-top-img img{ width:570px; height:380px; box-shadow:0 0 20px #ccc;}
.activities-top-detail{ margin:0px 0 0 0px; width:570px; float:left;}
.activities-top-step{ padding:14px 0px; margin:0 0 0 60px; border-bottom:dotted 1px #ccc;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.activities-top-h{ color:#00b7eb; font-size:18px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.activities-top-d{ color:#999; height:41px; overflow:hidden; font-size:14px;}
.activities-top-step:hover{ background:#000;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -moz-border: 0px 10px 10px 0px; -webkit-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;}
.activities-top-step:hover {
	position: relative;
	background: #00b7eb;
	padding:14px 15px; margin:0 0 0 30px;
}
.activities-top-step:hover:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #00b7eb;
	border-width: 12px;
	margin-top: -12px;  -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.activities-top-step:hover .activities-top-h{ color:#fff;}
.activities-top-step:hover .activities-top-d{ color:#fff;}

.activities-top-step-over{ background:#00b7eb;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -moz-border: 0px 10px 10px 0px; -webkit-border-radius:0px 10px 10px 0px; border-radius:0px 10px 10px 0px;}
.activities-top-step-over {
	position: relative;
	background: #00b7eb;
	padding:14px 15px; margin:0 0 0 30px;
}
.activities-top-step-over:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #00b7eb;
	border-width: 12px;
	margin-top: -12px;  -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.activities-top-step-over .activities-top-h{ color:#fff;}
.activities-top-step-over .activities-top-d{ color:#fff;}

.news-other{ margin:30px 0 0 0; opacity:1; filter:alpha(opacity=70); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.news-other-img{ line-height:0;}
.news-other-img img{ width:270px; height:180px; border:solid 1px #eee;}
.news-other-detail{ margin:5px 0 0 0;}
.news-other-h{ color:#00b7eb; font-size:16px; height:47px; overflow:hidden;}
.news-other-d{ color:#999; height:41px; overflow:hidden;}
.news-other:hover{ opacity:0.7; filter:alpha(opacity=70); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}

/* about */
.about-slide{ line-height:0; margin:5px 0 0 0;}
.about-slide img{ width:870px; height:419px; }

.about-tab{background:#f5f5f5; color:#232323; border:solid 1px #ccc; width:60px; height:30px; margin:5px 5px 0 0; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; font-size:14px; text-align:center; float:left; display:flex; align-items: center; justify-content:center; cursor:pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.about-tab-over{background:#00b7eb; color:#fff; width:60px; height:30px; margin:5px 5px 0 0; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; font-size:14px; text-align:center; float:left; display:flex; align-items: center; justify-content:center; cursor:pointer;}
.about-tab:hover{background:#00b7eb; color:#fff; border:solid 1px #00b7eb; width:60px; height:30px; margin:5px 5px 0 0; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; font-size:14px; text-align:center; float:left; display:flex; align-items: center; justify-content:center; cursor:pointer;}


/* login */
.login-h{ width:30%; text-align:left; padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-d{ width:70%; margin:20px 0 0 0;}
.login-d input{ width:100%; padding:10px;}
.login-d input.login-btn{ color:#fff; background:#00b7eb; text-align:center; border:none; padding:10px; width:200px; margin:0px 0 0 0; cursor:pointer; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;}
.login-d select.select{ width:100%; padding:10px;}
.login-d textarea.txtaddress{ width:100%; padding:3px;}
.login-d textarea{width:100%; padding:10px;}
.login-chek{ padding:10px 0 0 0;}
.login-chek input{ margin:0 0 0 30px;}
.login-chek label{ margin-left:15px; font-weight:400;}
.login-d-1{ width:70%; margin:20px 0 0 0; padding:10px; border-bottom:solid 1px #ccc; min-height:40px;}

.login-facebook2-title{ font-size:16px; margin:200px 0 0 0;}
.login-facebook-title{ font-size:16px; margin:10px 0 0 0;}
.login-facebook{ background:#3b5998; width:200px; color:#fff; padding:12px 0 10px 0; text-align:center; cursor:pointer; margin-top:10px; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;}

.loginlink{ width:100%; text-align:right; margin:5px 0 0 0; font-size:14px;}
.loginlink a{color:#000;}
.loginlink a:hover{ color:#999;}

.login-btn{ color:#fff; background:#00b7eb; text-align:center; border:none; padding:10px; width:200px; margin:0px 0 0 0; cursor:pointer; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;}

.order-history{ padding:12px 0; border-bottom:dotted 1px #ccc; font-size:14px;}

/* comment */
.comment-title{font-size:24px; margin-top:30px; color:#000;}
.comment-star{ position:relative; z-index:2; float:right; margin:-18px 0 0 0; color:#dd6662; font-size:14px;}
.comment-bg{ padding:20px; background:#eee;}
textarea.comment{ width:100%; padding:10px;}

.comment-profile{ width:100px; height:100px; line-height:0; margin-top:30px;}
.comment-profile img{ width:100px; height:100px; -moz-border:100px; -webkit-border-radius:100px; border-radius:100px;}
.comment-guest-name{ font-weight:600; font-size:18px; margin-top:5px; text-align:center;}
.comment-geust-bg {position: relative; background: #eee; padding:15px;  margin-top:30px;}
.comment-geust-bg:after {right: 100%; top:20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(238, 238, 238, 0); 	border-right-color: #eee; border-width: 20px;}
.comment-geust-bg2 {position: relative;	background: #eee; padding:15px; margin-top:25px;}
.comment-geust-bg2:after {	bottom: 100%;	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0; position: absolute; pointer-events: none; border-color: rgba(238, 238, 238, 0); 	border-bottom-color: #eee; border-width: 20px; margin-left: -20px;}

.comment-grade{ font-size:24px; font-weight:600; color:#00b7eb;}
.comment-comment{margin-top:10px;}
.comment-icon{ font-size:14px; color:#999; padding:10px 0 0 0; border-top:solid 1px #ddd; margin-top:12px;}
.comment-icon i{ font-size:12px; margin-right:5px;}

.comment{ padding:20px; margin:0px 0 0 0; background:#f5f5f5; box-shadow: 0 0 10px rgba(157,157,157,0.1);}
.comment-h{ width:15%; float:left; margin:10px 0 0 0; padding:3px 0 0 0;}
.comment-d{ width:40%; float:left; margin:10px 0 0 0;}
.comment-d input{ width:100%; padding:7px; border:solid 1px #ccc;}
.comment-d select{ width:100%; padding:7px; border:solid 1px #ccc;}
.comment-d2{ width:85%; float:left; margin:10px 0 0 0;}
.comment-d2 input{ width:100%; padding:7px; border:solid 1px #ccc;}
.comment-d2 textarea{ width:100%; padding:7px; border:solid 1px #ccc;}
.comment-btn{background:#00b7eb; color:#fff; text-align:center; border:none; padding:12px 0; width:200px; margin:20px 0 0 0; cursor:pointer;-moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;}
.comment-file{-moz-border:5px; -webkit-border-radius:5px; border-radius:5px;}
.comment-txt input{ width:100%; padding:7px; border:solid 1px #ccc;}
.comment-txt textarea{ width:100%; padding:7px; border:solid 1px #ccc;}

.article-h{ color:#00b7eb; font-size:18px; height:55px; overflow:hidden;}

.career-zone{ border-bottom:solid 1px #ccc; font-size:26px; margin-top:20px;}
.career-list{ background:#fff; padding:12px 15px 5px 15px; border-bottom:solid 5px #fff; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.career-list:hover{ background:#f9f9f9; padding:12px 15px 5px 15px; border-bottom:solid 5px #ccc; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.career-listactive{ background:#f9f9f9; padding:12px 15px 5px 15px; border-bottom:solid 5px #ccc;}
.career-list-h{  font-size:20px; color:#000; text-transform:uppercase;}
.career-list-d{ color:#999; margin:2px 0 0 0; font-size:14px;}
.career-right{ background:#f9f9f9; padding:20px; color:#666; min-height:432px; border-bottom:solid 5px #ccc; font-size:16px; line-height:30px;}
.career-title{/*color:#00b7eb;*/ color:#000; font-weight:600; font-size:28px;}

.career-level{ margin-top:10px; width:100%;}
select.career-level2{ width:100%; border:solid 1px #ccc; padding:5px;}
.career--left{ width:48%; margin-right:2%; margin-top:10px;}
.career--right{width:48%; margin-left:2%; margin-top:10px;}
input.txtcareer{ width:100%; border:solid 1px #ccc; padding:5px;}
.btncareer{ text-align:center; width: 200px; margin:30px 0 0 0; color:#fff; background:#00b7eb; padding:7px 0;-moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;}

/* cart show */
.cartshow{border:dashed 1px #989898; padding:5% 5% 5% 5%; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; margin-top:5px;}
.topcart-1{float:left; width:39%; padding:.5%; font-size:16px;}
.topcart-2{float:left; width:15%; padding:.5%; text-align:right; font-size:16px;}
.topcart-3{float:left; width:27%; padding:.5%; text-align:center; font-size:16px; margin-left:5%;}
.topcart-4{float:left; width:10%; padding:.5%; text-align:right; font-size:16px;}
.product-cartshow-mobile{ float:left;}
.product--name{ float:left; width:39%; padding:.5% .5% 0% .5%;}
.product--name_img{ width:13%; float:left;}
.product--name_img img{ width:100%; height:auto;}
.product--name_name{ width:85%; padding-left:2%; padding-top:2%; float:left; }
.product--price{ float:left; width:15%; padding:2% .5% 0% .5%; text-align:right;}
.product--number{ float:left; width:27%; padding:2% .5% 0% .5%; text-align:center; margin-left:5%; position:relative;}
.product--number-plus{ position:absolute; left:0; top:21px; width:27px; height:27px; margin-left:75px; border:solid 1px #ddd; color:#00b7eb; cursor:pointer; display:flex; align-items: center; justify-content:center;}
.product--number-del{ position:absolute; right:0; top:21px; width:27px; height:27px; margin-right:75px; border:solid 1px #ddd; color:#00b7eb; cursor:pointer; display:flex; align-items: center; justify-content:center;}
.product--total{  float:left; width:10%; padding:2% .5% 0% .5%; text-align:right;}

.delivery{ float:left; width:40%; padding:2%; background:#eee;}
.total{ float:right; width:56%; margin-top:20px;}
.total .totalleft{ width:60%; float:left; text-align:right;}
.total .totalright{ width:30%; float:left; text-align:right; padding-left:10%;}
.nextstep{background:#000; color:#fff; text-align:center; border:none; padding:12px 30px 10px 30px; cursor:pointer; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px;}
.nextstep:hover{ color:#fff;}

select.selectdelivery{ width:100%; padding:5px; margin:10px 0 0 0;}
select.selectdelivery:first-child{ width:100%; padding:5px; margin:0 0 0 0;}

.order-history_h{float:left; width:19%; padding:.5%; text-align:center; font-size:16px; font-weight:600;}
.order-history_d{float:left; width:19%; padding:.5%; text-align:center; }
.order-history_d-view{float:left; width:19%; padding:.5%; text-align:center;}

input.order-history-txt{ width:100%; border:solid 1px #ccc; padding:0 10px; height:50px;}
input.order-history-btn{ width:100%; border:none; padding:0 10px; height:50px; background:#000; color:#fff;}

.shipping{ padding:15px 0;}

/* faq */
.faq{ padding:0px 0 20px 55px; border-bottom:dotted 1px #eee; background:url(../images/template/faq.png) left top no-repeat;}
.faq-q{ font-size:20px; font-weight:600; color:#00b7eb; line-height:normal;}
.faq-a{ margin:15px 0 0 0px; line-height:26px;}


.webboard-h{ background:#00b7eb; font-size:20px; color:#fff; padding:10px 15px;}
.webboard-d{ background:#eee ;border:solid 1px #ddd; border-top:none;}
.webboard-d-1{ width:60%; float:left; padding:15px;}
.webboard-d-2{ width:10%; float:left; padding:15px; text-align:center;}
.webboard-d-3{ width:10%; float:left; padding:15px; text-align:center; }
.webboard-d-4{ width:20%; float:left; padding:15px; text-align:center; }
.webboard-topic{ background:#fff ;border:solid 1px #ddd; border-top:none;}
.webboard-icon{ background:url(../images/template/icon-webboard.png) left top no-repeat; padding:0 0 0 40px; color:#000;}
.webboard-icon{ font-weight:600; font-size:16px;}
.webboard-icon .gray{ color:#666; font-weight:normal;font-size:14px;}
.webboard-name span{color:#00b7eb;}
.webboard-date{ font-size:12px; margin:5px 0 0 0;}

.webboard-d-5{ width:54%; float:left; padding:15px;}
.webboard-d-5 a{ color:#000; font-weight:600;}
.webboard-d-6{ width:10%; float:left; padding:15px; text-align:center;}
.webboard-d-7{ width:8%; float:left; padding:15px; text-align:center; }
.webboard-d-8{ width:8%; float:left; padding:15px; text-align:center; }
.webboard-d-9{ width:20%; float:left; padding:15px; text-align:center; }

.webboard-toppic-h{ font-size:20px; font-weight:bold;}
.webboard-toppic-h-icon{ font-size:14px; color:#666;}
.webboard-toppic-h-bd{ margin:7px 0 0 0; padding:12px 0 0px 0; border-top:solid 1px #ccc;}

.webboard-comment{ background:#f9f9f9; /*border:solid 1px #ddd; border-top:none;*/}
.webboard-comment-2{ background:#fff; /*border:solid 1px #ddd; border-top:none;*/}
.webboard-post{ float:left; width:20%; padding:15px; font-weight:600;}
.webboard-detail{ float:left; width:80%; padding:15px;}
.webboard-detailend{border-bottom:solid 1px #ddd; padding:0 0 10px 0; margin:0 0 15px 0;}
.webboard-detailend i.red{ color:#cd0000;}

/*.product-name{ font-size:30px; font-weight:600; padding:0 0 15px 0; border-bottom:solid 1px #eee;}*/
.product-name h2{ font-size:30px; font-weight:600; padding:0 0 15px 0; border-bottom:solid 1px #eee;}
.product-img{ line-height:0; text-align:center;  border:solid 1px #eee; position:relative;  overflow:hidden;}
.product-img img{ width:100%; height:auto;}
.product-img-zoom{ position: absolute; top: 10px; right: 10px; color: #ccc; border: solid 1px #eee; padding: 10px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: rgba(255,255,255,0.8);}
.product-img-zoom:hover{ color: #999; border: solid 1px #ccc;}
.product-img-zoom-active{ position: absolute; top: 10px; right: 10px;  color: #999; border: solid 1px #ccc; padding: 10px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.product-img-zoom:focus{ position: absolute; top: 10px; right: 10px;  color: #999; border: solid 1px #ccc; padding: 10px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
/*.product-img img{ width:470px; height:549px;}*/

.bd-sizeprice{ padding:5%; border:dashed 1px #eee; margin:30px 0 0 0;}
.size-price{ float:left; width:45%; border-left:dotted 1px #eee; padding:0 0 0 5%;}
.size-price:first-child{ float:left; width:45%; padding:0 5% 0 0; border:none;}
input.inputsize-price{ padding:5px; width:70px;}
.btnaddtocart{ margin:30px 20% 0 20%; text-align:center; color:#fff; background:#000; padding:12px 0; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px; }
.btnaddtocart i{ font-size:20px;}

.btnaddtocart-2{ text-align:center; width: 100%; margin:30px 0 0 0; color:#fff; background:#ed1b24; padding:12px 0; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px; }
.btnaddtocart-2 i{ font-size:20px;}

.btnaddtocart-2-success{ text-align:center; width: 100%; margin:30px 0 0 0; color:#fff; background:#00b7eb; padding:12px 0; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px; }
.btnaddtocart-2-success i{ font-size:20px;}

.addcart{ width:270px;}
.titleaddticart{ font-weight:600; margin:30px 0 5px 0; font-size:15px;}
.select-addtocart{ padding:5px; width:100%;}
.inputaddtocart{ width:100%; position:relative; padding:0 40px;}
.input-addtocart{ width:100%; padding:5px;  border:solid 1px #ddd; height:35px; text-align:center;}
.add{ width:35px; height:35px; text-align:center; font-size:20px; position:absolute; top:0; right:0; cursor:pointer; border:solid 1px #ddd; padding:4px 0 0 0;}
.del{ width:35px; height:35px; text-align:center; font-size:20px; position:absolute; top:0; left:0; cursor:pointer; border:solid 1px #ddd; padding:4px 0 0 0;}

.topuppage {position:fixed; bottom:5%; right:5%; /*margin:0 20px 20px 0; */display:none; background-color:rgba(0,183,235,0.5); color:#fff; padding:5px 10px 5px 10px; text-align:center;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}
.topuppage:hover {background-color:rgba(0,183,235,0.8); }
.topuppage a,.topuppage a:hover {color:#fff;}
.topuppage div.topuppage-t { display:block;}

.left-title{ font-size:20px; margin:20px 0 0 0; padding:10px 20px; background:#00b7eb; color:#fff;}
.leftbox{ padding:5px 20px; border:solid 1px #eee; background:#f9f9f9; /*border-bottom:solid 2px #00b7eb;*/}
.left-chk{ padding:7px 0;}
.left-chk input[type='checkbox']{ margin-right:15px;}

.left-title-list{ font-size:20px; margin:20px 0 0 0; padding:10px 14px;/* background:#eee;*/ background:#00b7eb; color:#fff;}
.leftlist{ padding:5px 12px; border:solid 1px #eee; background:#f9f9f9;}
.leftlist a{ color:#000;}
.left-list{ padding:7px 0;}
.left-list-over{ padding:7px 0; font-weight:600; margin:10px 0 0 0; color:#ed1b24;}

/* 2018-02-20 */
.detail-left{ border-left:solid 5px #00b7eb; min-height:1000px; padding-left:30px;}
.left-product{ padding:15px 0 15px 60px; position:relative; color:#00b7eb; font-size:18px; border-bottom:solid 1px #ccc; margin:0 20px 0 0;}
.left-product img{ position:absolute; top:0; left:0; margin:15px 0 0 0; /*width:100%; height:auto;*/}
.left-product a{ color:#00b7eb; }
.left-product-sub{ margin:10px 0 0 0;}
.left-product-sub a{ color:#666; font-size:16px;}

/*---------------------------- new index ---------------------------------*/
div.prducthomebox.prducthomebox:nth-child(3n+1){clear:left}

.prducthome2-box{ padding:10px 20px 10px 20px;/*border:solid 1px #fff;*/ overflow:hidden;  margin:20px 0 0 0; background:#fff; position:relative; opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.prducthome2-img{ line-height:0; text-align:center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.prducthome2-img img{  width:200px; height:230px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.prducthome2-name{font-size:18px; color:#000; margin:20px 0 0 0; height:82px; overflow:hidden; text-align:center;}
.prducthome2-name h2{font-size:18px; color:#000; margin:20px 0 0 0; height:82px; overflow:hidden; text-align:center;}
.prducthome2-new{ position:absolute; top:10px; left:0;}
.prducthome2-new img{ height:40px;}
/*.prducthome2-box:hover{border:solid 1px #eee;}*/
.prducthome2-box:hover .prducthome-name{color:#00b7eb; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prducthome2-box:hover .prducthome-addtocart{ opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }
.prducthome2-box a{ text-decoration:none;}


.prducthome2-box2{ padding:10px 20px 10px 20px; /*border:solid 1px #fff;*/ overflow:hidden;  margin:20px 0 0 0; background:#fff; position:relative; opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.prducthome2-img2{ line-height:0; text-align:center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.prducthome2-img2 img{  width:200px; height:230px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
/*.prducthome2-name2{ font-size:18px; font-weight: 500; color:#000; margin:20px 0 0 0; height:60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align:center; line-height: 1.5;}*/
.prducthome2-name2 h2{ font-size:18px; font-weight: 500; color:#000; margin:20px 0 0 0; height:60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align:center; line-height: 1.5;}
.prducthome2-new2{ position:absolute; top:10px; left:0;}
.prducthome2-new2 img{ height:40px;}
/*.prducthome2-box:hover{border:solid 1px #eee;}*/
.prducthome2-box2:hover .prducthome-name{color:#00b7eb; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prducthome2-box2:hover .prducthome-addtocart{ opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }
.prducthome2-box2 a{ text-decoration:none;}


.addtocart-home-success{ background:#dd6662; color:#fff; height:35px; display:flex; align-items: center; justify-content:center; float:left; width:40%; font-size:24px; margin:20px 0 0 0;}
.addtocart-home-number{}
.addtocart-home-number input{ color:#00b7eb; height:35px; border:solid 1px #00b7eb; font-weight:400; font-size:20px; display:flex; align-items: center; justify-content:center; float:left; width:50%; margin:20px 30px 0 30px; text-align:center;}
.addtocart-home{ background:#3fbbbd; color:#fff; height:30px; display:flex; align-items: center; justify-content:center; float:left; width:30%; font-size:20px; margin:20px 20% 0 0;-moz-border: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0;}
.addtocart-more{ color:#000; height:30px; border:solid 2px #3fbbbd; font-weight:400; display:flex; align-items: center; justify-content:center; float:left; width:30%; font-size:20px; margin:20px 0 0 20%; text-align:center; -moz-border: 50px 0 0  50px; -webkit-border-radius:50px 0 0  50px; border-radius:50px 0 0  50px;}

.addtocart-home-outofstock{ background:#3fbbbd; color:#fff; height:30px; display:flex; align-items: center; justify-content:center; float:left; width:30%; margin:20px 20% 0 0;-moz-border: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; font-size: 12px;}
/*.add-cart{ padding: 0 50px; position:relative; width:100%; border:solid 1px #ccc; z-index:9;}
.add-cart input{}
.add-cart-add{ position:absolute;right:0; top:0; width:40px; height:40px; #middle; text-align:center;} 
.add-cart-del{ position:absolute; left:0; top:0; width:40px; height:40px; #middle; text-align:center;}*/

.bdprducthome3{ border:solid 1px #eee; margin:20px 0 10px 0; overflow:hidden;}
.prducthome3-box{ padding:10px 0px 10px 0px;  overflow:hidden;/*border:solid 1px #fff;*/  /*margin:20px 0 0 0;*/ background:#fff; position:relative; opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.prducthome3-img{ line-height:0; text-align:center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.prducthome3-img img{  width:150px; height:150px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
/*.prducthome3-name{font-size:18px; color:#000; margin:20px 0 0 0; height:72px; overflow:hidden; text-align:center;}*/
.prducthome3-name h2{font-size:18px; color:#000; margin:20px 0 0 0; height:72px; overflow:hidden; text-align:left;}
.prducthome3-new{ position:absolute; top:30px; left:15px;}
.prducthome3-new img{ height:35px;}
/*.prducthome2-box:hover{border:solid 1px #eee;}*/
.prducthome3-box:hover .prducthome-name{color:#00b7eb; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prducthome3-box:hover .prducthome-addtocart{ opacity:1; filter:alpha(opacity=100); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }

.producthome-arrowleft{ position:absolute; top:50%; left:0; margin:-31px 0 0 -30px; cursor:pointer; opacity:1; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s;}
.producthome-arrowleft i{ font-size:100px; text-shadow: 2px 2px 5px #999; color: #333;}
.producthome-arrowleft:hover{ opacity:0.8; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s}
.producthome-arrowright{ position:absolute; top:50%; right:0; margin:-31px -30px 0 0; cursor:pointer;  opacity:1; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s}
.producthome-arrowright i{ font-size:100px; text-shadow: 2px 2px 5px #999; color: #333;}
.producthome-arrowright:hover{ opacity:0.8; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.price{ float:left; width:50%; text-align:left; height:39px;}
.pricenormal{ color:#000; text-align:left; text-decoration:line-through; text-decoration: #3fbbbd solid line-through; font-size:14px; position:relative; padding: 0 0px; margin: 0 10px 0 0;}
/*.pricenormal:after, .pricenormal:before {top:50%; left:0; margin:0 0 0 0; content:" "; position:absolute; pointer-events:none; width:100%; height:1px; background: #3fbbbd;}
*/
.pricesale{ color:#3fbbbd; font-weight:600;}
.pricesale span{font-size:14px;}
.discount{ float:right; text-align:center; font-size:10px; line-height:14px; background:#ed1b24; color:#fff; padding:5px 7px; height:39px;}
.discount span{ font-size:12px; }

/* 5 star */
.stars-5{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.stars-5 i{ color:#00b7eb;}

/* 4 star */
.stars-4{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.stars-4 i{ color:#00b7eb;}
.stars-4 i+i{ color:#00b7eb;}
.stars-4 i+i+i{ color:#00b7eb;}
.stars-4 i+i+i+i{ color:#00b7eb;}
.stars-4 i+i+i+i+i{ color:#ccc;}

/* 3 star */
.stars-3{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.stars-3 i{ color:#00b7eb;}
.stars-3 i+i{ color:#00b7eb;}
.stars-3 i+i+i{ color:#00b7eb;}
.stars-3 i+i+i+i{ color:#ccc;}
.stars-3 i+i+i+i+i{ color:#ccc;}

/* 2 star */
.stars-2{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.stars-2 i{ color:#00b7eb;}
.stars-2 i+i{ color:#00b7eb;}
.stars-2 i+i+i{ color:#ccc;}
.stars-2 i+i+i+i{ color:#ccc;}
.stars-2 i+i+i+i+i{ color:#ccc;}

/* 1 star */
.stars-1{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.stars-1 i{ color:#00b7eb;}
.stars-1 i+i{ color:#ccc;}
.stars-1 i+i+i{ color:#ccc;}
.stars-1 i+i+i+i{ color:#ccc;}
.stars-1 i+i+i+i+i{ color:#ccc;}

/* 0 star */
.stars-0{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.stars-0 i{ color:#ccc;}
.stars-0 i+i{ color:#ccc;}
.stars-0 i+i+i{ color:#ccc;}
.stars-0 i+i+i+i{ color:#ccc;}
.stars-0 i+i+i+i+i{ color:#ccc;}

.starshalf {position: relative;}
.starshalf:before {
  position: absolute;
  z-index: 9;
  text-shadow:2px 2px 3px rgba(0,0,0,0);
  width: 50%;color:#ffaa00;
  display: block;  /*top:2px;*/
  overflow: hidden;
}
.starshalf:after {
  content: '\f005';
  position: relative;
  z-index: 8;text-shadow:2px 2px 3px rgba(0,0,0,0.2);
  color: #bdc3c7;
 /* top:2px;*/
  left: 0;
}


/* 5 star */
.star-5{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-5 i{ color:#ffaa00;}

/* 4 star */
.star-4{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-4 i{ color:#ffaa00;}
.star-4 i+i{ color:#ffaa00;}
.star-4 i+i+i{ color:#ffaa00;}
.star-4 i+i+i+i{ color:#ffaa00;}
.star-4 i+i+i+i+i{ color:#ccc;}

/* 3 star */
.star-3{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-3 i{ color:#ffaa00;}
.star-3 i+i{ color:#ffaa00;}
.star-3 i+i+i{ color:#ffaa00;}
.star-3 i+i+i+i{ color:#ccc;}
.star-3 i+i+i+i+i{ color:#ccc;}

/* 2 star */
.star-2{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-2 i{ color:#ffaa00;}
.star-2 i+i{ color:#ffaa00;}
.star-2 i+i+i{ color:#ccc;}
.star-2 i+i+i+i{ color:#ccc;}
.star-2 i+i+i+i+i{ color:#ccc;}

/* 1 star */
.star-1{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-1 i{ color:#ffaa00;}
.star-1 i+i{ color:#ccc;}
.star-1 i+i+i{ color:#ccc;}
.star-1 i+i+i+i{ color:#ccc;}
.star-1 i+i+i+i+i{ color:#ccc;}

/* 0 star */
.star-0{ text-align:center; margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-0 i{ color:#ccc;}
.star-0 i+i{ color:#ccc;}
.star-0 i+i+i{ color:#ccc;}
.star-0 i+i+i+i{ color:#ccc;}
.star-0 i+i+i+i+i{ color:#ccc;}


/* 5 star */
.star-v2-star-5{ margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-v2-star-5 i{ color:#00b7eb;}

/* 4 star */
.star-v2-star-4{ margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-v2-star-4 i{ color:#00b7eb;}
.star-v2-star-4 i+i{ color:#00b7eb;}
.star-v2-star-4 i+i+i{ color:#00b7eb;}
.star-v2-star-4 i+i+i+i{ color:#00b7eb;}
.star-v2-star-4 i+i+i+i+i{ color:#ccc;}

/* 3 star */
.star-v2-star-3{ margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-v2-star-3 i{ color:#00b7eb;}
.star-v2-star-3 i+i{ color:#00b7eb;}
.star-v2-star-3 i+i+i{ color:#00b7eb;}
.star-v2-star-3 i+i+i+i{ color:#00b7eb;}
.star-v2-star-3 i+i+i+i+i{ color:#ccc;}

/* 3-5 star
.star-v2-star-3.half{ margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-v2-star-3.half i{ color:#3fbbbd;}
.star-v2-star-3.half i+i{ color:#3fbbbd;}
.star-v2-star-3.half i+i+i{ color:#3fbbbd;}
.star-v2-star-3.half i+i+i+i{ color:#ccc;}
.star-v2-star-3.half i+i+i+i+i{ color:#ccc;} */

/* 2 star */
.star-v2-star-2{ margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-v2-star-2 i{ color:#00b7eb;}
.star-v2-star-2 i+i{ color:#00b7eb;}
.star-v2-star-2 i+i+i{ color:#ccc;}
.star-v2-star-2 i+i+i+i{ color:#ccc;}
.star-v2-star-2 i+i+i+i+i{ color:#ccc;}

/* 1 star */
.star-v2-star-1{ margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-v2-star-1 i{ color:#00b7eb;}
.star-v2-star-1 i+i{ color:#ccc;}
.star-v2-star-1 i+i+i{ color:#ccc;}
.star-v2-star-1 i+i+i+i{ color:#ccc;}
.star-v2-star-1 i+i+i+i+i{ color:#ccc;}

/* 0 star */
.star-v2-star-0{margin:15px 0 0 0; text-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.star-v2-star-0 i{ color:#ccc;}
.star-v2-star-0 i+i{ color:#ccc;}
.star-v2-star-0 i+i+i{ color:#ccc;}
.star-v2-star-0 i+i+i+i{ color:#ccc;}
.star-v2-star-0 i+i+i+i+i{ color:#ccc;}

.starhalf {position: relative;}
.starhalf:before {
  position: absolute;
  z-index: 9;
  text-shadow:2px 2px 3px rgba(0,0,0,0);
  width: 50%;color:#00b7eb;
  display: block;  /*top:2px;*/
  overflow: hidden;
}
.starhalf:after {
  content: '\f005';
  position: relative;
  z-index: 8;text-shadow:2px 2px 3px rgba(0,0,0,0.2);
  color: #bdc3c7;
 /* top:2px;*/
  left: 0;
}



.btn_typepro{ background:#0BB6EA; color:#fff; font-size:14px; height:40px; padding:5px 0 5px 7px; text-align:center; margin:1% 1%; width:48%; float:left; -moz-border: 8px; -webkit-border-radius:8px; border-radius:8px; }
.btn_typepro img{ width:25px; padding-top:2px;}
.btn_typepro-m{ background:#0BB6EA; color:#fff; font-size:14px; height:40px; padding:5px 0 5px 7px; text-align:center; margin:1% 1%; width:48%; float:left; -moz-border: 8px; -webkit-border-radius:8px; border-radius:8px;}
.btn_typepro-m img{ width:25px; padding-top:2px;}
.btn_typepro-m-en{ background:#0BB6EA; color:#fff; font-size:14px; height:40px; padding:5px 0 5px 7px; text-align:center; margin:1% 1%; width:48%; float:left; -moz-border: 8px; -webkit-border-radius:8px; border-radius:8px;}
.btn_typepro-m-en img{ width:25px; padding-top:2px;}
.txt_search{ border:solid 1px #ccc; width:80%; padding:3px 7px 3px 40px; background:#fff url(../images/template/search.png) no-repeat top left; background-position:2px 2px; -moz-border: 10px; -webkit-border-radius:10px; border-radius:10px; color:#666;}

.comunities-1{ width:49%; margin:10px 1% 0 0%; height:204px; float:left; padding:7px; box-shadow:0 0 10px #ccc; }
.comunities-1 img{object-fit: cover; object-position: center; height:100%;}
.comunities-2{ width:49%; margin:10px 0 0 1%; height:97px; float:left; padding:7px; box-shadow:0 0 10px #ccc;}
.comunities-2 img{object-fit: cover; object-position: center; width:100%; height:100%;}
.comunities-3{ width:49%; margin:10px 0 0 1%; height:97px; float:left; padding:7px; box-shadow:0 0 10px #ccc;}
.comunities-3 img{object-fit: cover; object-position: center; width:100%; height:100%}
.comunities-4{ padding:7px; height:190px; margin:10px 0 0 0; box-shadow:0 0 10px #ccc;}
.comunities-4 img{object-fit: cover; object-position: center; width:100%; height:100%;}

/*.comunities-home-1{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-1 img{ width:100%; height:380px; object-fit: cover; object-position: center;}

.comunities-home-2{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-2 img{ width:100%; height:175px; object-fit: cover; object-position: center;}

.comunities-home-3{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-3 img{ width:100%; height:175px; object-fit: cover; object-position: center;}

.comunities-home-4{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-4 img{ width:100%; height:380px;object-fit: cover; object-position: center;}

.comunities-home-5{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-5 img{ width:100%; height:175px;object-fit: cover; object-position: center;}

.comunities-home-6{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-6 img{ width:100%; height:605px;object-fit: cover; object-position: center;}*/

.comunities-home-1{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-1 img{ width:100%; height:250px; object-fit: cover; object-position: center;}

.comunities-home-2{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-2 img{ width:100%; height:150px; object-fit: cover; object-position: center;}

.comunities-home-3{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-3 img{ width:100%; height:150px; object-fit: cover; object-position: center;}

.comunities-home-4{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-4 img{ width:100%; height:250px;object-fit: cover; object-position: center;}

.comunities-home-5{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-5 img{ width:100%; height:150px;object-fit: cover; object-position: center;}

.comunities-home-6{ line-height:0; margin:30px 0 0 0; box-shadow:0 0 15px rgba(51,51,51,0.3); padding:10px;}
.comunities-home-6 img{ width:100%; height:450px;object-fit: cover; object-position: center;}


.comment{ padding:5px 20px 30px 20px; margin:0px 0 0 0; background:#f5f5f5; box-shadow: 0 0 10px rgba(157,157,157,0.1);}
.comment-title{ font-size:24px; font-weight:600;}
.comment-h{ width:15%; float:left; margin:10px 0 0 0; padding:3px 0 0 0;}
.comment-d{ width:40%; float:left; margin:10px 0 0 0;}
.comment-d input{ width:100%; padding:0 5px; border:solid 1px #ccc;}
.comment-d2 select{ width:100%; padding:0 5px; border:solid 1px #ccc;}
.comment-d2{ width:85%; float:left; margin:10px 0 0 0;}
.comment-d2 input{ width:100%; padding:0 5px; border:solid 1px #ccc;}
.comment-d2 textarea{ width:100%; padding:0 5px; border:solid 1px #ccc;}
.comment-btn{background:#00b7eb; color:#fff; text-align:center; border:none; padding:7px; width:200px; margin:20px 0 0 0; cursor:pointer; -moz-border: 30px; -webkit-border-radius:30px; border-radius:30px; }
.comment-file{ -moz-border:5px; -webkit-border-radius:5px; border-radius:5px;}
textarea.comment{ border:solid 1px #ccc;}


.tabblack{ font-size:20px; margin:20px 0 0 0; padding:15px 15px; background:#00b7eb; color:#fff;}
.tabgray-1{ margin:20px 0 0 0; padding:15px 15px; background:rgba(0,0,0,0.1);}
.tabgray-2{ padding:15px 15px; background:#f9f9f9; color:#000;}
.tabgray-3{ padding:15px 15px 10px 15px; background:#e5e5e5; color:#000; font-size:14px;}

.title-cart{ font-size:20px; font-weight:600; color:#000;}
.cart-1{ width:68%; float:left; margin-right:2%;}
.cart-1 input{ height:35px; padding:0 5px; width:100%; font-size:14px; margin:5px 0 0 0;}
.cart-2{ width:30%; float:left;}
.cart-btn{ background:#000; color:#fff; height:35px;  margin:5px 0 0 0; font-size:14px; display:flex; align-items: center; justify-content:center;}
.cart-select{float:left; width:75%;}
.cart-select select{ height:35px; padding:0 5px; color:#000; width:100%; margin:5px 0 0 0;}
.cart-bd{ border-top:solid 1px #eee; padding:7px 0; margin:7px 0 0 0;}
.cart-btn-next{ background:#c10c03; color:#fff; height:45px; display:flex; align-items: center; justify-content:center; margin:20px 0 0 0;}
.cart-btn-back{ background:#fff; color:#000; height:45px; border:solid 2px #c10c03;  display:flex; align-items: center; justify-content:center; margin:20px 0 0 0;}
.cart-product{ padding:15px; background:#fff; border-bottom:dotted 1px #ddd;}
.cart-name{ font-size:18px;}
.cart-price{ font-size:18px; text-align:right; font-weight:600; margin:10px 0 0 0;}
.cart-img{ line-height:0; text-align:center;}
.cart-img img{width:120px; height:auto;}
.cart-h{ margin:0px 0 0px 0px;}
.cart-d{ margin:0px 0 0px 0px;}
.cart-d-number{ margin:0px 0 0px 0px; width:180px; position:relative;}
.cart-d-number input{ margin:0 40px; height:35px; border:solid 1px #ccc; width:100px;}
.cart-d-number-plus{ width:35px; height:35px; border:solid 1px #ccc; position:absolute; top:0; right:0; text-align:center; display:flex; align-items: center; justify-content:center; cursor:pointer;}
.cart-d-number-del{ width:35px; height:35px; border:solid 1px #ccc; position:absolute; top:0; left:0; text-align:center; display:flex; align-items: center; justify-content:center; cursor:pointer;}

.cart-bdhead{border-top:solid 1px #666; margin:7px 15px 7px 15px;}
.cart-bdtotalpro{border-top:dotted 1px #ccc; margin:7px 15px 7px 15px;}

.fontbold{ font-weight:600;}
.fontmedium{ font-weight:400;}

.direction_request-rdo{float:left;}
.direction_request-input{ float:left; width:60%;}
.direction_request-input input{padding:5px 10px; margin:0 0 0 15px; height:40px; width:100%;}
.direction_request-btn{width:30%; height:40px; color:#fff; float:left; text-align:center; margin:0 0 0 10px; display:flex; align-items: center; justify-content:center; cursor:pointer;}
.direction_request{ border:solid 1px #ccc; height:500px; margin:15px 0 0 0;}
.direction_request iframe{ width:100%; height:500px;}

.rewards{ border:solid 1px #eee; padding:20px; margin:30px 0 0 0;}
.rewards-img{ line-height:0; text-align:center;}
.rewards-img img{ width:100%; height:auto;}
.rewards-name{font-size:18px; color:#000; margin:20px 0 0 0; height:52px; overflow:hidden; text-align:center;}
.rewards-point{ background:#ed1b24; padding:7px 0; margin:12px 0 0 0; color:#fff; text-align:center; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer;}
.rewards-point-over{ background:#00b7eb; padding:7px 0; margin:12px 0 0 0; color:#fff; text-align:center; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer;}

.rewards-name2{font-size:18px; color:#00b7eb; height:52px; overflow:hidden;}
.rewards-point2{ background:#ed1b24; width:150px; padding:7px 0; margin:20px 0 0 0; color:#fff; text-align:center; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer;}
.rewards-point2-over{ background:#00b7eb; width:150px; padding:7px 0; margin:20px 0 0 0; color:#fff; text-align:center; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer;}
.rewards-detail{ color:#999; margin:7px 0 0 0; height:63px; overflow:hidden;}

.rewards-totalpoint{ font-size:24px; text-align:right; margin:30px 0 0 0; padding:0 30px; border-bottom:solid 2px #eee; float:right; background:#00b7eb; color:#FFF; -moz-border: 50px; -webkit-border-radius:50px; border-radius:50px;}
.rewards-totalpoint span{ font-size:40px; font-weight:700; color:#fff;}
.rewards-totalpoint i{ color:#fff; font-size:38px;}

.detail-product-content{ padding:0 50px;}

.vdohome{ line-height:0;}
.vdohome iframe{ width:100%; height:220px}

.productvdo{ width: 800px;}
.productvdo iframe{ width: 100%; height: 450px;}

/*######################################################################################################################################################*/
@media (max-width:767px){
.detail-product-content{ padding:0 0px;}
/*body{ overflow:hidden;}*/
header{ width:100%;  background:#fff;}
nav ul{ list-style:none; padding:0; }
body{ min-height:inherit;}	
/*footer .footerbottom{ height:25px; background:#fff url(../images/template2018/bg-footer-m.jpg) top repeat-x;}
footer .footsitemap{ padding:5px 0; font-size:14px; text-align:center; color:#00b7eb;}*/
	
footer ul.menufix-footer{ padding: 0; font-size: 15px;}
footer ul.menufix-footer li{ padding: 0px 0;}
footer ul.menufix-footer li.space{ padding:0px 10px;}
	
.cartshow-sticky-2018{ top:auto;}
	
.memberboxinner-2018{ border-left:none; padding: 30px 0 0 0;}

#layerslider { height:300px;}

.cotent{ width:100%;}
.menucartshow{top:35%; margin-left:0; right:15px;}

.rewards-totalpoint{ font-size:18px; float:none; text-align:center; padding:7px 0;}
.rewards-totalpoint span{ font-size:24px; font-weight:700; color:#fff;}
.rewards-totalpoint i{ color:#fff; font-size:24px;}


.rewards{ padding:10px;}

.rewards-point2{ width:120px;}
.rewards-point2-over{ width:120px;}

.cartshowicon{ margin:20px 18px 0 0;}
.cartshowicon i{ font-size:22px;}
.cartshownumber{width:20px; height:20px; font-size:12px; margin:9px 0px 0 14px; }

.ribbon{ position:absolute; top:0; left:10%;}

.footer-box{ border-left:none; height:auto; padding:20px 15px;}
.footer-box:first-child{ border:none; padding:20px 15px;}
.footertextlink{ float:left; padding:0 15px 0 15px;}
/*.footertextlink:first-child{ float:left; width:60%; padding:0 0 0 0px;}*/

footer .footicon img{ height:60px;}
footer .footicon-d{ text-align:center; font-size:16px;}
footer .footicon-d span.spanfooter{ display:none;}
footer .footicon-d span{ font-size:14px;}

.loginfacebook{display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center; }

.logofooter{ margin:30px 0 0 0;}

.title-sky .titleinner{ font-size:30px;  color:#000; background:#fff; padding:0 30px 0 0;}
.title-sky .titleinner i{ color:#000;}

.title-sky .titleinner-other{ font-size:20px;  color:#999; background:#fff; padding:0 30px 0 0;}
.title-sky .titleinner-other i{ color:#000;}

.titlespan{ font-size:26px; padding:0 25px 0 0; background:#fff;}
.title-sky{ margin:30px 0 0 0; background:url(../images/template/title_blue.png) no-repeat right bottom;}
.title-rose{ margin:30px 0 0 0; background:url(../images/template/title_red.png) no-repeat right bottom;}
.title-orange{ margin:30px 0 0 0; background:url(../images/template/title_orange.png) no-repeat right bottom;}

.title-rose .titleinner{ font-size:20px;  color:#dd6662; background:#fff; padding:0 30px 0 0;}
.title-rose .titleinner i{ color:#000;}

.title-orange .titleinner{ font-size:26px;  color:#ff6600; background:#fff; padding:0 30px 0 0;}
.title-orange .titleinner i{ color:#000;}

.main{ width:auto; box-shadow:none;}
.content{ width:100%;}

.promotionhome-1 img{ width:100%; height:auto;}


.vdo-inner iframe{ width:100%; height:auto;}
.vdo-inner img{ width:100%; height:auto;}

.vdo-h{ margin:0 0 15px 0; color:#000; font-size:18px; height:55px; overflow:hidden; }

.vdohome-1 iframe{ width:100%; height:auto;}
.vdohome-1 img{ width:100%; height:auto;}
.vdohome-2 iframe{ width:100%; height:auto;}
.vdohome-2 img{ width:100%; height:auto;}

.review-img{ width:100%; margin:0 0px 0 0;}
.review-img img{ width:100%; height:auto;}
.review-detail{ width:100%;}
.review-h{ margin:7px 0 0 0; max-height:none;}
.review-d{ height:auto;}

.article-detailhome{ width:48%;}
.article-detail{ width:48%;}

.article-inner-img img{ width:100%; height:auto;}
.article-inner-img-other img{ width:100%; height:auto;}

.searchproductbox{ margin:30px 0 0 0; padding:0px; border:none}

.prducthome-img img{ width:100%; height:auto;}

.title-contact{font-size:26px;}
.contact_h{width:25%; margin:10px 0 0 0; padding:0 0 0 0;}
.contact_colon{width:5%; float:left; margin:10px 0 0 0;}
.contact_d{width:70%; float:left; margin:10px 0 0 0;}
.contactform_h{width:100%; margin-top:20px; padding-top:0px;}
.contactform_input{ width:100%; margin-top:-5px;}

/* login */
.login-h{ width:100%; text-align:left; padding-right:0%; padding-top:12px; margin:20px 0 0 0;}
.login-d{ width:100%; margin:5px 0 0 0;}
.login-d-1{ width:100%; margin:5px 0 0 0;}

.news-img img{ width:100%; height:auto;}
.newsother-img img{ width:100%; height:auto;}

.activities-img img{ width:100%; height:auto;}

.activities-top-img img{ width:100%; height:auto;}
.activities-top-detail{ margin:0px 0 0 0px; width:100%;}
.activities-top-step{ padding:14px 0px; margin:0 0 0 00px; border-bottom:dotted 1px #ccc;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.activities-top-h{ color:#00b7eb; font-size:18px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.activities-top-d{ color:#999; height:41px; overflow:hidden; font-size:14px;}
.activities-top-step:hover{ -moz-border: 0; -webkit-border-radius:0; border-radius:0; position: relative; background: #000000; padding:14px 15px; margin:0;}
.activities-top-step:hover:after {display:none;}
.activities-top-step:hover .activities-top-h{ color:#00b7eb;}
.activities-top-step:hover .activities-top-d{ color:#fff;}

.activities-top-step-over{ -moz-border: 0; -webkit-border-radius:0; border-radius:0; position: relative; background: #000000; padding:14px 15px; margin:0;}
.activities-top-step-over:after {display:none;}
.activities-top-step-over .activities-top-h{ color:#00b7eb;}
.activities-top-step-over .activities-top-d{ color:#fff;}

.news-other-img img{ width:100%; height:auto;}

.vdo-detail iframe{ width:100%; height:280px;}

/* cart show */
.cartshow{border:dashed 1px #989898; padding:7% 1% 7% 1%; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; margin-top:5px;}
.topcart-1{float:left; width:99%; padding:.5%; font-size:16px;}
.topcart-2{float:left; width:30.33%; padding:.5% .5% 0% 3%; text-align:left; font-size:16px; margin:0; color:#fff;}
.topcart-3{float:left; width:35.33%; padding:.5% .5% 0% .5%; text-align:center; font-size:16px; margin:0; color:#fff;}
.topcart-4{float:left; width:31.33%; padding:.5% .5% 0% .5%; text-align:right; font-size:16px; margin:0; color:#fff;}
.product-cartshow-mobile{ color:#fff; background:rgba(0,183,235,0.4); padding:2px; float:none;}
.product--name{ float:left; width:99%; padding:.5% .5% 0% .5%;}
.product--name_img{ width:25%; padding:0 5%; float:left;}
.product--name_img img{ width:100%;}
.product--name_name{ width:68%; padding-left:2%; padding-top:2%; float:left; }
.product--price{ float:left; width:30.33%; padding:1% .5% 0% 3%; text-align:left;}
.product--number-plus{top:3px; margin-left:-20px;}
.product--number-del{ top:3px; margin-right:-20px;}
.product--number{ float:left; width:30.33%; padding:1% .5% 0% .5%; text-align:center;}
.product--total{  float:left; width:31.33%; padding:1% .5% 0% .5%; text-align:right;}

.delivery{ float:left; width:100%; padding:5%; background:#eee;}
.total{ float:left; width:100%; margin-top:20px;}
.total .totalleft{ width:50%; float:left; text-align:right;}
.total .totalright{ width:50%; float:right; text-align:right; padding-right:0%;}

.order-history_h{float:left; width:32%; padding:.5%; text-align:center; font-size:14px;}
.order-history_d{float:left; width:32%; padding:.5%; text-align:left;}
.order-history_d-view{float:right; width:40%; padding:.5%; text-align:center;}

.product-img img{ width:100%; height:auto;}
.btnaddtocart{ margin:30px 10% 0 10%;}

.addcart{ width:100%;}

.topuppage div.topuppage-t { display:none;}

.prducthome2-box{ padding:30px 10px 30px 10px; margin:30px 0 0 0;}
.prducthome2-img{ text-align:center;}
/*.prducthome2-img img{width:150px; height:173px;}*/
.prducthome2-img img{width:auto; height:120px;}
.prducthome2-name{font-size:16px; color:#000; margin:20px 0 10px 0; text-align:center; height: 48px;}
.prducthome2-name h2{font-size:16px; color:#000; margin:20px 0 10px 0; text-align:center; height: 48px;}
.prducthome-new{ position:absolute; top:10px; left:0;}

.prducthome3-box{ padding:50px 0 30px 0; /*margin:30px 0% 0 0%;*/}
.prducthome3-img img{width:auto; height:120px;}
/*.prducthome3-name{font-size:16px; color:#000; margin:20px 0 10px 0; text-align:center;height: 48px;}*/
.prducthome3-name h1{font-size:16px; color:#000; margin:20px 0 10px 0; text-align:center;height: 48px;}
.prducthome3-new img{ height:30px;}

.prducthome2-box2{ padding:10px 35px 10px 10px; margin:30px 5% 0 5%; width:50%;}
.prducthome2-img2{ text-align:center;}
/*.prducthome2-img2 img{  width:150px; height:173px;}*/
.prducthome2-img2 img{  width:auto; height:120px;}
/*.prducthome2-name2{font-size:16px; color:#000; margin:20px 0 10px 0; text-align:center;height: 48px;}*/
.prducthome2-name2 h2{font-size:16px; color:#000; margin:20px 0 10px 0; text-align:center;height: 48px;}
.prducthome2-new2{ position:absolute; top:10px; left:20%;}

.addtocart-home{ width:45%; font-size:18px; margin:20px 5% 0 0;}
.addtocart-more{ width:45%; font-size:18px; margin:20px 0 0 5%;}
.addtocart-home-outofstock{ width:45%; margin:20px 5% 0 0;}


input[type="range"].multirange.original {width:320px;}

.about-slide img{ width:100%; height:auto;}

.detail-left{ border-left:none; min-height:inherit; padding-left:15px;}

.comunities-1{ width:49%; margin:10px 1% 0 0%; height:204px; float:left; padding:7px; box-shadow:0 0 10px #ccc; }
.comunities-1 img{object-fit: cover; object-position: center; height:100%;}
.comunities-2{ width:49%; margin:10px 0 0 1%; height:97px; float:left; padding:7px; box-shadow:0 0 10px #ccc;}
.comunities-2 img{object-fit: cover; object-position: center; width:100%; height:100%;}
.comunities-3{ width:49%; margin:10px 0 0 1%; height:97px; float:left; padding:7px; box-shadow:0 0 10px #ccc;}
.comunities-3 img{object-fit: cover; object-position: center; width:100%; height:100%}
.comunities-4{ padding:7px; height:190px; margin:10px 0 0 0; box-shadow:0 0 10px #ccc;}
.comunities-4 img{object-fit: cover; object-position: center; width:100%; height:100%;}


.producthome-arrowleft{ position:absolute; top:50%; left:0; margin:-71px 0 0 0px; cursor:pointer; opacity:1; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s;}
.producthome-arrowleft i{ font-size:40px; text-shadow: 2px 2px 5px #999;}
.producthome-arrowleft:hover{ opacity:0.8; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s}
.producthome-arrowright{ position:absolute; top:50%; right:0; margin:-71px 0px 0 0; cursor:pointer;  opacity:1; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s}
.producthome-arrowright i{ font-size:40px; text-shadow: 2px 2px 5px #999;}
.producthome-arrowright:hover{ opacity:0.8; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s}
	
.productvdo{ width: 100%;}
.productvdo iframe{ width: 100%; height: 250px;}
	
}


@media(max-width:767px) {
.btn_typepro-m-en{ background:#0BB6EA; color:#fff; font-size:14px; height:40px; padding:5px 0 5px 7px; text-align:center; margin:1% 1%; width:48%; float:left; -moz-border: 8px; -webkit-border-radius:8px; border-radius:8px; }


}

@media(max-width:440px) {
.btn_typepro-m-en{ background:#0BB6EA; color:#fff; font-size:14px; height:40px; padding:5px 0 5px 7px; text-align:center; margin:1% 1%; width:98%; float:left; -moz-border: 8px; -webkit-border-radius:8px; border-radius:8px; }
}

@media(max-width:340px) {
.btn_typepro-m{ background:#0BB6EA; color:#fff; font-size:10px; height:40px; padding:9px 0 5px 7px; text-align:center; margin:1% 1%; width:48%; float:left; -moz-border: 8px; -webkit-border-radius:8px; border-radius:8px; }
.cart-d-number{ margin:0px 0 0px 0px; width:160px; position:relative;}
.cart-d-number input{ margin:0 40px; height:35px; border:solid 1px #ccc; width:80px;}
}


     
/*######################################################################################################################################################*/
@media (min-width:768px) and (max-width:991px) {
	
.detail-product-content{ padding:0 0px;}

header{ width:100%; background:#fff;}
nav ul{ list-style:none; padding:0;}

footer ul.footerfix li{float:left; padding:7px 10px 0 10px;}
body{ min-height:inherit;}	
.cartshow-sticky-2018{ top:auto;}

.cotent{ width:100%;}
.menucartshow{top:35%; margin-left:0; right:15px;}

.cartshowicon{ margin:19px 28px 0 0;}
.cartshowicon i{ font-size:24px;}
.cartshownumber{width:20px; height:20px; font-size:12px; margin:7px 0px 0 17px; }

.footer-box:first-child{ border:none; padding:20px 15px; height:auto;}
.letter{ width:50%; float:left;}
.logofooter{ width:50%; float:left; margin:20px 0 0 0;}

.loginfacebook{ margin-left:215px; display: flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  justify-content:center;  -webkit-justify-content: center; }

.main{ width:auto; box-shadow:none;}
.content{ width:100%;}

.promotionhome-1 img{ width:345px; height:118px;}

.vdo-inner iframe{ width:720px; height:405px;}
.vdo-inner img{ width:720px; height:405px;}

.vdohome-1 iframe{ width:345px; height:194px;}
.vdohome-1 img{ width:345px; height:194px;}
.vdohome-2 iframe{ width:345px; height:194px;}
.vdohome-2 img{ width:345px; height:194px;}

.review-img{ width:345px; margin:0 0px 0 0;}
.review-img img{ width:345px; height:194px;}
.review-detail{ width:300px;}
.review-h{ margin:7px 0 0 0; max-height:none;}
.review-d{ height:auto;}

.article-detailhome{ width:125px; margin:0 0 0 15px; float:left;}
.article-detail{ width:210px; margin:0 0 0 15px;}

.article-inner-img img{ width:345px; height:194px;}
.article-inner-img-other img{ width:215px; height:121px;}

.searchproduct-img img{width:95px; height:111px;}
.searchproduct-btndetail{ top:50px; width:90%;}

div.prducthomebox.prducthomebox:nth-child(3n+1){clear:none;}
div.prducthomebox.prducthomebox:nth-child(2n+1){clear:left}

.prducthome-img img{ width:180px; height:210px;}

/*.news-img img{ width:345px; height:230px;}*/

div.newsbox.newsbox:nth-child(3n+1){clear:none;}
div.newsbox.newsbox:nth-child(2n+1){clear:left;}
.news-img img{ width:343px; height:229px;}
.newsother-img img{ width:218px; height:145px;}
/*.news-img img{ width:345px; height:144px;}*/

.activities-img img{ width:345px; height:230px;}

.activities-top-img img{ width:420px; height:280px; box-shadow:0 0 20px #ccc;}
.activities-top-detail{ margin:0px 0 0 0px; width:300px; float:left;}

.news-other-img img{ width:215px; height:143px; border:solid 1px #eee;}

.vdo-detail iframe{ width:720px; height:404px;}

/* cart show */
.cartshow{border:dashed 1px #989898; padding:5% 5% 5% 5%; -moz-border: 5px; -webkit-border-radius:5px; border-radius:5px; margin-top:5px;}
.product--name{ float:left; width:39%; padding:.5% .5% 0% .5%;}
.product--name_img{ width:23%; float:left;}
.product--name_img img{ width:100%;}
.product--name_name{ width:75%; padding-left:2%; padding-top:2%; float:left; }
.product--price{ float:left; width:15%; padding:2% .5% 0% .5%; text-align:right;}
.product--number-plus{top:13px; margin-left:25px;}
.product--number-del{ top:13px; margin-right:25px;}
.product--number{ float:left; width:27%; padding:2% .5% 0% .5%; text-align:center;}
.product--total{  float:left; width:10%; padding:2% .5% 0% .5%; text-align:right;}

.delivery{ float:left; width:50%; padding:2%; background:#eee;}
.total{ float:left; width:46%; margin-top:20px;}
.total .totalleft{ width:45%; float:left; text-align:right;}
.total .totalright{ width:45%; float:left; text-align:right; padding-right:0%;}

/* webboard */
.webboard-d-1{ width:40%;}
.webboard-d-1 + .webboard-d-2{ width:15%;}
.webboard-d-1 + .webboard-d-2 + .webboard-d-3{ width:15%;}
.webboard-d-1 + .webboard-d-2 + .webboard-d-3 + .webboard-d-4{ width:30%;}

/*.product-img img{ width:345px; height:403px;}*/

.prducthome2-img img{  width:100%; height:auto;}
.prducthome3-img img{  width:100%; height:auto;}

.bd-sizeprice{ padding:3% 2%; border:dashed 1px #eee; margin:30px 0 0 0;}

input.inputsize-price{ padding:5px; width:50px;}

.btnaddtocart{ margin:30px 10% 0 10%;}

input[type="range"].multirange.original {width:178px;}

.about-slide img{ width:100%; height:auto;}

.detail-left{ border-left:none; min-height:inherit; padding-left:15px;}

.productvdo{ width: 800px;}
.productvdo iframe{ width: 100%; height: 340px;}
}

/*######################################################################################################################################################*/
@media (min-width:992px) and (max-width:1199px) {
.detail-product-content{ padding:0 0px;}
header{ width:100%; background:#fff;}
nav ul{ list-style:none; padding:0;}

footer ul.footerfix li{float:left; padding:7px 12px 0 12px;}

.main{ width:auto; box-shadow:none;}
.content{ width:100%;}
.menucartshow{top:35%; margin-left:0; right:15px;}

.cartshowicon{ margin:19px 28px 0 0;}
.cartshowicon i{ font-size:24px;}
.cartshownumber{width:20px; height:20px; font-size:12px; margin:7px 0px 0 17px; }

.promotionhome-1 img{ width:455px; height:156px;}

.vdo-inner iframe{ width:615px; height:346px;}
.vdo-inner img{ width:615px; height:346px;}

.vdohome-1 iframe{ width:293px; height:165px;}
.vdohome-1 img{ width:293px; height:165px;}
.vdohome-2 iframe{ width:455px; height:256px;}
.vdohome-2 img{ width:455px; height:256px;}

.vdo-detail iframe{ width:940px; height:528px;}

.review-img{ width:200px; margin:0 20px 0 0;}
.review-img img{ width:200px; height:112px;}
.review-detail{ width:235px;}

.article{ height:130px;}
.article-img img{ width:100px; height:100px;}
.article-detailhome{ width:115px; margin:0 0 0 15px; float:left;}
.article-detail{ width:175px; margin:0 0 0 15px;}
.article-d{ color:#999; height:40px; overflow:hidden;}

.article-inner-img img{ width:455px; height:255px;}
.article-inner-img-other img{ width:212px; height:119px;}

.searchproduct-box{ height:543px;}
.searchproduct-img img{width:72px; height:auto;}
.searchproduct-btndetail{ top:40px; width:90%; font-size:10px;}

.prducthome-img img{ width:175px; height:auto;}
.prducthome2-img img{  width:100%; height:auto;}
.prducthome3-img img{  width:100%; height:auto;}

.product--number-plus{top:17px; margin-left:52px;}
.product--number-del{ top:17px; margin-right:52px;}


/*.news-img img{ width:455px; height:190px;}*/
.news-img img{ width:290px; height:193px;}
.newsother-img img{ width:210px; height:140px;}
.news-other-img img{ width:215px; height:143px; border:solid 1px #eee;}

.activities-img img{ width:295px; height:197px;}

.activities-top-img img{ width:420px; height:280px; box-shadow:0 0 20px #ccc;}
.activities-top-detail{ margin:0px 0 0 0px; width:515px; float:left;}



/* webboard */
.webboard-d-1{ width:45%;}
.webboard-d-1 + .webboard-d-2{ width:15%;}
.webboard-d-1 + .webboard-d-2 + .webboard-d-3{ width:15%;}
.webboard-d-1 + .webboard-d-2 + .webboard-d-3 + .webboard-d-4{ width:25%;}

/*.product-img img{ width:375px; height:438px;}*/

.prducthome2-img img{  width:180px; height:207px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

input[type="range"].multirange.original {width:170px;}
.about-slide img{ width:100%; height:auto;}

.detail-left{ border-left:none; min-height:inherit; padding-left:15px;}
	
}