/*@media (max-width: 1730px) {

.main{width:100%; padding:0 30px; }

header .main{padding:0;}

.story .technology .main .main{padding:0; }

footer .main{padding:0; }

}

 @media (max-width: 1600px) {

.nav-member{width:18%;}
.register .frame{width:76%; margin:0 0 0 6%;}

}

@media (max-width: 1580px) {

.product .container .pslide .p-prev{left:-50px;}
.product .container .pslide .p-next{right:-50px;}

}

@media (max-width: 1500px) {

.product .container .pslide .p-prev{left:-20px;}
.product .container .pslide .p-next{right:-20px;}

}

@media (max-width: 1441px) {

.main14{ width:100%; padding:0 30px; }

header nav li{padding:0 12px;}
header nav li a{font-size:17.5px;}

.product .container .frame form{position:relative; bottom:auto; right:auto;}
.product .container .frame form span fieldset.bottom .order,
.product .container .frame form span fieldset.bottom .cart,
.product .container .frame form span fieldset.bottom .b-wishlist
{width:180px; }
.product .container .frame form span fieldset.bottom .b-wishlist{margin:0; }

.contact .main14{padding:0; }

.wishlist .content .topic h6{height:99px; line-height:25px;}

.location .results .bottom .back{margin-right:5px;}

}

@media (max-width: 1366px) {

header nav li{padding:0 10px;}
header nav li a{font-size:17px;}
header .member-lang .member{margin-right:20px; }

.product .container .frame form span fieldset.bottom .order,
.product .container .frame form span fieldset.bottom .cart,
.product .container .frame form span fieldset.bottom .b-wishlist
{width:170px;}

.register .frame{width:74%; margin:0 0 0 6.5%;}

.location .results .bottom .back{width:100%; margin:0 0 12px 0; }
.location .results .bottom .back p{padding:0 0 0 30px;}
.location .results .bottom .print{width:100%;}
}

@media (max-width: 1280px) {

#hamburger{ display:none;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4{ display:none;}
#nav-icon2{top:42px; }
html.mm-opening #nav-icon2{right:46.5%;}

.m-warp.mopen{-webkit-transform: translate3d(-460px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-460px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-460px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.m-warp.mclose{opacity:1 !important;
-webkit-transform: translate3d(0,0,0);
-webkit-animation: close .3s ease-in-out;
-moz-transform: translate3d(0,0,0);
-moz-animation: close .3s ease-in-out;
transform: translate3d(0,0,0);
animation: close .3s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
z-index:600;
}
.m-warp.mclose:hover{opacity:1; }

.main12{ width:100%;}

header nav li a{font-size:15px;}
header .logo a{width:246px;}
header .member-lang .login, header .member-lang .regis{font-size:13px;}
header .member-lang .login i, header .member-lang .regis i{font-size:16px; }
header .other-menu a{font-size:14px; }
header .cart-social .cart{font-size:16px; }
header .cart-social .social a{width:40px;}

.h-menu ul li a h4{font-size:28px !important; }

.story .top{padding:0 30px; }

.product .left-menu{width:24%;}
.product .container{width:76%;}

.product .container .frame form span fieldset.bottom .order,
.product .container .frame form span fieldset.bottom .cart,
.product .container .frame form span fieldset.bottom .b-wishlist
{width:170px;}
.product .container .frame .pic{width:60%; padding:0; margin:0; }
.product .container .frame .detail, .product .container .frame form{width:100%;}

.contact form label{width:30%;}
.contact form input[type="text"],
.contact form input[type="email"],
.contact form input[type="password"],
.contact form textarea
{width:70%;}

footer .menu{width:53%;}

} */
@media (max-width: 1280px) {
  .main{width:100%; padding:0 30px; }
  .register .frame{width:77.5%; margin:0 0 0 3%; display:block; float:left;}
}

@media (max-width: 1122px) {

#hamburger{ display:block;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4{ display:block;}
#nav-icon2{top:120px; }
html.mm-opening #nav-icon2{right:46.5%;}

.m-warp.mopen{-webkit-transform: translate3d(-460px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-460px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-460px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.m-warp.mclose{opacity:1 !important;
-webkit-transform: translate3d(0,0,0);
-webkit-animation: close .3s ease-in-out;
-moz-transform: translate3d(0,0,0);
-moz-animation: close .3s ease-in-out;
transform: translate3d(0,0,0);
animation: close .3s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
z-index:600;
}
.m-warp.mclose:hover{opacity:1; }
.mobile.mopen{pointer-events:none; z-index:700;
  -webkit-transform: translate3d(-460px,0,0);
  -webkit-animation: open .5s ease-in-out;
  -moz-transform: translate3d(-460px,0,0);
  -moz-animation: open .5s ease-in-out;
  transform: translate3d(-460px,0,0);
  animation: open .5s ease-in-out;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.mobile.mclose{pointer-events:all; z-index:800;
  -webkit-transform: translate3d(0,0,0);
  -webkit-animation: close .3s ease-in-out;
  -moz-transform: translate3d(0,0,0);
  -moz-animation: close .3s ease-in-out;
  transform: translate3d(0,0,0);
  animation: close .3s ease-in-out;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.desktop{display:none !important;}
.mobile{display:block !important;}


.main11{ width:100%;}
header{margin-top:0; border-top:50px #E2EDF3 solid; position:fixed !important; top:0; left:0; z-index:900; }
header.mobile{background:#FFF; }
.m-warp.mopen header{position:fixed !important; top:0; left:0; z-index:900;}
.m-warp.mclose header{position:fixed !important; top:0; left:0; z-index:900; }
header .bottom{width:auto; float:left;}
header nav, header .other-menu, header .cart-social .social{display:none;}
header .member-lang .r-member{padding:0;}
header .logo{margin-top:10px; }
header .cart-social .lang{display:inline-block;}
header .search{position:absolute; top:-50px; left:-5px; }
header .cart-social{top:-42px; }
header .cart-social .cart{margin-right:10px; }
header .member-lang{position:absolute; left:-5px; bottom:0; z-index:999;}
header .member-lang .member{margin:0; }

main{margin-top:200px;}

.h-menu ul li a{padding:20px; }
.h-menu ul li a h4{padding:60px 24px 0 0 !important; text-align:center;}
.h-menu ul li a h4::before{top:10px; left:50%; margin-left:-18px;}
.h-menu ul li a h4 i{height:40px; top:auto; bottom:0;}

/* .c-youtube ul li .other h6{margin-bottom:33%;} */
.c-youtube .other h6{margin-bottom:33%;}

.search .container{padding:0 30px; }

.story .technology .g-grid {
  grid-template-columns: calc(50% - 0px * 1/2) calc(50% - 0px * 1/2);
}
.story .technology ul li h6::after{left:-15%;}

.product .container .pslide.noslide ul li{width:50%;}
.product .container .content .topic h6{ line-height:24px; }

.tech .main11{padding:0 30px; }

.contact .left-side{width:34%;}
.contact form{width:66%; padding:30px;}

.location .content .list span .tel{width:100%;}
.location .content .list span .more{margin-top:10px; float:left;}

.promotion{padding:0 30px; }

.payment .container{padding:0 30px;}

.register .container{padding:0;}
.register .frame, .f-payment, .m-checkout{width:100%; margin:0; }

.nav-member{width:100%; margin-top:40px; }
.nav-member .pic{ width:200px; margin:auto; }
.nav-member .pic img{width:200px;}
.nav-member p{display:inline-block;}
.nav-member nav{display:none;}

.product .container .frame .detail, .product .container .frame form{width:100%;}
.product .container .frame .detail h3{padding-top:30px; }

.location .results span{padding:25px 20px;}
.location .results .bottom{padding:25px 20px;}

.m-member .main11, .register .main11{padding:0 30px;}

.shopping table tr td:nth-child(1){width:40%;}
.shopping table tr td:nth-child(2){width:16%;}
.shopping table tr td:nth-child(3){width:17%;}
.shopping table tr td:nth-child(4){width:17%;}
.shopping table tr td:nth-child(5){width:10%;}

footer .menu{width:58%;}
footer .logo{width:190px;}
footer .container{padding:32px 33px;}
footer .menu .copyright span{padding-left:0;}
footer .menu .copyright span a:first-child{padding-left:0;}

}

@media (max-width: 1024px) {

.product .container .pslide .p-prev,
.product .container .pslide .p-next{display:none;}

.story .certificate .main11{padding:0 30px; }

.contact .left-side{width:40%;}
.contact form{width:60%; padding:30px;}
.contact form label{width:35%;}
.contact form input[type="text"],
.contact form input[type="email"],
.contact form input[type="password"],
.contact form textarea
{width:65%;}

.location .filter label{padding:0 24px; }
.location .content .list span{padding:16px 24px; }

footer .menu{width:60%;}
footer .logo{width:175px;}
footer .social{width:164px;}
footer .social a{width:41px;}
footer .menu .copyright span{padding-left:5px; }

}

@media (max-width: 991px) {

}

@media (max-width: 834px) {

header nav{display:none;}
/* header .search{}
header .member-lang{float:left;}
header .other-menu{display:none;} */

.h-banner .bslide .p-prev, .h-banner .bslide .p-next{display:none;}

.h-menu ul li{width:100%;}
.h-story span{padding:0 4%; }

.story .technology .g-grid {
  padding:30px 15%;
  grid-template-columns: calc(100% - 0px * 1/1);
}
.story .technology ul li h6::after{left:-16%;}

.tech .container [data-accordion] [data-control] h3{padding: 27px 60px !important;}
.tech .container [data-accordion] [data-control] h3 i{width:60px; text-align:left;}

.product .left-menu{width:100%; margin:0 0 30px 0;}
.product .container{width:100%;}
.product .container h5{line-height:1.1; margin:30px 0 !important; padding:0 30px;}
.product .container .frame .pic{width:84%; margin:0 8%; }
.product .container .frame .detail h3{padding:30px 0;}

.contact .left-side{width:100%; padding:0; }
.contact .left-side span .social{width:100%;}
.contact form{width:100%; padding:40px 8%;}

.payment .container ul{width:100%; overflow-x:scroll;}


.register .content{padding:35px 30px; }
.register .content fieldset i{left:0; }

.your-order, .your-order2 {overflow-x:auto; }
.your-order table{width:980px; margin-bottom:1rem; }

.your-order2 table tr td:nth-child(1){width:42%;}
.your-order2 table tr td:nth-child(2){width:16%;}
.your-order2 table tr td:nth-child(3){width:22%;}
.your-order2 table tr td:nth-child(4){width:20%;}

.shopping .table-responsive{overflow-x:auto; margin-bottom:1rem; }
.shopping table{width:100%;}
.shopping table tr td:nth-child(1){width:34%;}
.shopping table tr td:nth-child(2){width:18%;}
.shopping table tr td:nth-child(3){width:19%;}
.shopping table tr td:nth-child(4){width:19%;}
.shopping table tr td:nth-child(5){width:10%;}

.m-checkout .table-responsive{overflow-x:auto;}
.m-checkout table tr td:nth-child(1){width:44%;}
.m-checkout table tr td:nth-child(2){width:14%;}
.m-checkout table tr td:nth-child(3){width:22%;}
.m-checkout table tr td:nth-child(4){width:20%;}

.wishlist .content{padding:0 !important;}
.wishlist .content .topic h6{height:99px; line-height:25px; font-size:20px; }

.location .filter{padding:24px 34px; }
.location .filter label{display:none;}
.location .filter .area{width:33%;}
.location .content .list{width:100%; height:380px; }
.location .content iframe{width:100%; height:400px; }

.location .results{width:100%; height:auto;}
.location .results span{padding:34px; }
.location .results .bottom{padding:0 34px 34px 34px; position:relative;}
.location .results .bottom .back{width:130px; margin:0 30px 0 0; }
.location .results .bottom .print{width:180px;}

.payment .container ul li table td{padding:5px 10px; }

.location .filter{padding:24px; }

footer .logo{display:none;}
footer .social{width:200px; margin:auto; display:block; float:none;}
footer .social a{width:50px;}
footer .menu{width:100%; text-align:center;}
footer .menu .copyright{margin-top:17px;}
footer .menu .copyright p, footer .menu .copyright span{width:100%; text-align:center;}
footer .menu .copyright span{padding:0; }
footer .social{display:table;  }
footer .social .qr-code{display:table-header-group; margin:0 0 20px 0; }
footer .social .scc{display:table-footer-group;}
footer .menu nav{display:none;}
footer .menu .copyright span a:first-child{padding-left:12px;}

}

@media (max-width: 768px) {

html.mm-opening #nav-icon2{right:60%;}

#nav-icon2{top:110px; }
header .logo a{width:220px;}
header .search{width:90%;}
header .member-lang .user{width:45px; height:54px; padding:0; text-indent:-9999px;}
header .member-lang .user i{text-indent:0;}

.h-story span h2{margin:0 !important; }

.h-menu ul{width:60%; margin:0 20%; }
.h-menu ul li a{padding:24px;}
.h-menu ul li a h4{padding:0 24px 0 60px !important;}
.h-menu ul li a h4::before{ top:0; left:0; margin:0;}
.h-menu ul li a h4 i{ bottom:auto; top:0;}

.promotion .h-promotion li, .promotion .h-promotion li:nth-child(1), .promotion .h-promotion li:nth-child(2)
{width:50%;}

.promotion ul li{width:50%;}

/* .c-youtube ul li{width:20%;}
.c-youtube ul li .clip iframe{height:450px;}
.c-youtube ul li:last-child{width:100%; margin-top:0; }
.c-youtube ul li .other h6{display:none;}
.c-youtube ul li:first-child{ width:100%; margin:20px 0 0 0; padding:0 10px; } */

.c-youtube .main-clip iframe{height:450px;}
.c-youtube .other{width:100%; margin-top:0; }
.c-youtube .other h6{display:none;}

.story .technology .g-grid {padding:30px 13%;}
.story .technology ul li h6::after{left:-15%;}

.wishlist .content .topic h6{height:120px; line-height:24px; font-size:20px; }

.m-checkout .pre2{width:40%;}
.m-checkout .pre2 label{width:auto !important; padding-right:10px; }
.m-checkout .f-info {margin-top:15px; }
.m-checkout .f-info li{width:100%; margin:15px 0; }
.m-checkout .f-info span{height:auto; }

.payment .container ul li{width:800px; margin-bottom:1rem; }
.f-payment .bank label span{width:95%;}
/* .m-checkout .c-w3{width:31%;} */

.m-member .content .btu-login{width:53%;}
.m-member .content .gg-captcha #rc-imageselect, .m-member .content .gg-captcha .g-recaptcha {transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}


header .cart-social{right:auto; right:-2px; top:-44px;}
header .cart-social .lang{display:none;}

}

@media (max-width: 414px) {

#nav-icon2{top:78px; right:20px; }

html.mm-opening #nav-icon2{right:84%;}
.m-warp.mopen{-webkit-transform: translate3d(-320px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-320px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-320px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.menu-mobile{width:80%;}

.main{width:100%; padding:0 20px; }
.main14{padding:0 20px;}
.m-member .main11{padding:0 20px;}
.register .main11{padding:0;}

.menu-mobile a, .menu-mobile .lang a{font-size:16px }
.menu-mobile a{padding:9px 17px; }

h1{line-height:1 !important; font-size:40px !important;}
h2{line-height:1 !important;  font-size:35px !important;}
h3{line-height:1 !important; font-size:30px !important;}
h4{line-height:1 !important; font-size:25px !important;}
h5{line-height:1 !important; font-size:20px !important;}

main{margin-top:165px; }

header .logo a{width:160px; margin-left:10px; }
header .member-lang .login, header .member-lang .regis{text-indent:-9999px; }
header .member-lang .login i, header .member-lang .regis i{text-indent:0px; text-align:center;}
header .cart-social .lang a{margin:0 5px;}
header .cart-social .cart{margin-right:5px; position:relative;}
header .cart-social .cart::before{position:absolute; left:0;}
header .cart-social .cart i{right:-3px;}

header .container{padding:0 20px;}
header .other-menu{left:0;}

header .cart-social{right:auto; left:0; top:-42px; }
header .member-lang{left:45px; top:-50px; }
header .member-lang .r-member{padding:0;}
header .member-lang .dropdown .user{height:50px; line-height:25px; padding:13px 0 13px 45px; }
header .member-lang .dropdown .user i{width:45px; line-height:50px; }
header .member-lang .dropdown-content{left:-65px; }
header .search{width:60%; left:auto; right:0; }
header .search input[type="text"]{font-size:18px; padding:0 30px 0 0; background: url(../images/btu-search.png) no-repeat top 3px right 5px; float:right;}

.h-story, .h-menu{margin:15px 0 }
.h-story span{padding:0; }

.h-menu ul{width:100%; margin:0; }

.banner-ad a{width:100%;}

.search .container{padding:0 20px;}

.promotion ul li{width:100%;}

.c-youtube ul li{width:50%; margin:10px 0; float:left;}
.c-youtube .main-clip iframe{height:250px;}
.c-youtube .other{margin-bottom:20px; }

.story .philosophy .pic{margin-top:35px; }
.story .concept h5{margin:35px  0 20px 0!important; }
.story .technology .g-grid {padding:10px 0;}
.story .technology ul{margin-top:35px; }
.story .technology ul li{margin:20px 0; }
.story .technology ul li span{width:100%; margin:0; }
.story .technology ul li em{width:40%; margin:0 auto; float:none;}
.story .technology ul li h6{width:100%; margin-top:15px; font-size:22px; text-align:center;}
.story .technology ul li p{width:100%; padding:0 20px; line-height:20px; font-size:16px; text-align:center;}
.story .technology ul li h6::after{left:0;}
.story .certificate h5{margin:32px 0 !important;}

.story .certificate .main11{padding:0 20px; }
.story .certificate .content span p{width:50%; padding:10px; }
.story .certificate .content span p i{ font-size:14px; }

.promotion .h-promotion li, .promotion .h-promotion li:nth-child(1), .promotion .h-promotion li:nth-child(2)
{width:100%;}

.tech .main11{padding:0 20px;}
.tech .container [data-accordion]{margin:2px 0; }
.tech .container [data-accordion].open{margin:2px 0 18px 0; }
.tech .container [data-accordion] [data-control] h3{line-height:28px !important; padding:20px 40px 20px 20px !important;
font-size:25px !important; text-align:left;}
.tech .container [data-accordion] [data-control] h3 i{width:40px; line-height:28px; top:20px; }
.tech .container [data-accordion] [data-content] span{margin:25px 0;}
.tech .container [data-accordion] [data-content] span p{font-size:16px; }
.tech .container [data-accordion] [data-content] .half{width:100%; margin:10px 0; padding:0; }

.product .container h5{padding:0;}
.product .container.h-product ul li{padding:5px; }
.lSSlideOuter .lSPager.lSpg > li{line-height:14px !important; }
.lSSlideOuter .lSPager.lSpg > li a {width:10px !important; height:10px !important; }
.product .container .pslide.noslide ul li{max-width:100% !important; flex: 0 0 100% !important;}
.product .container .content .topic h6{font-size:21px; }
.product .container .frame .pic{width:100%; margin:0;}
.product .container .frame form span fieldset.bottom .order,
.product .container .frame form span fieldset.bottom .cart,
.product .container .frame form span fieldset.bottom .b-wishlist
{width:100%; margin:10px 0; display:inline-block; float:none;}
.product .container .frame form span fieldset.bottom .order{ margin-bottom:5px; }
.product .container .frame form span fieldset.bottom .order i{right:37%;}
.product .container .online span .logo,
.product .container .online span .logo:first-child{padding:5px;}
.product .container .online span .logo img{max-width:100%; }
.product .container .online span p{
  grid-template-columns: calc(33% - 0px * 2/3) calc(33% - 0px * 2/3) calc(33% - 0px * 2/3);
}
.product .container .description ul.nav li{width:100%; margin:0; }
.product .container .description ul.nav li a{border-bottom:1px #CCC solid; }
.product .container .remark{padding:15px 15px 15px 10px;}
.product .container .frame .detail .text,
.product .container .frame form span label,
.product .container .frame form span .cutoff,
.product .container .frame form span .discount,
.product .container .content span p{line-height:20px; font-size:16px;}
.product .container .frame form span fieldset.total label{line-height:36px;}
.product .container .frame form span fieldset.total p{line-height:36px; color:#0CB2F0; font-size:26px;}
.product .container .frame form span fieldset.bottom .order input[type="submit"],
.product .container .frame form span fieldset.bottom .cart,
.product .container .frame form span fieldset.bottom .b-wishlist,
.product .container .description .text,
.product .container .remark p,
.product .container .content span .price,
.product .container .content span .btu
{font-size:16px;}
.product .container .content span p{height:65px; }
.product .container .frame form span label,
.product .container .frame form span fieldset.amount label,
.product .container .frame form span fieldset.total label
{width:120px;}

.contact form{width:100%; padding:20px;}
.contact form fieldset{margin:10px 0; }
.contact form label{width:100%; padding:10px 24px 0 24px; }
.contact form label.message{height:auto;}
.contact form input[type="text"],
.contact form input[type="email"],
.contact form input[type="password"],
.contact form textarea
{width:100%; padding:5px 24px 10px 24px;}

.promotion{padding:0 20px;}
.promotion ul li:nth-child(1) .pic, .promotion ul li:nth-child(1) span,
.promotion ul li:nth-child(2) .pic, .promotion ul li:nth-child(2) span
{width:100%;}
.promotion ul li:nth-child(1) h6, .promotion ul li:nth-child(2) h6{display:none;}
.promotion .detail h5{margin:20px 0 30px 0 !important;}
.promotion .detail .bottom{margin:35px 0 0 0;}
.promotion .detail .share{width:100%; text-align:center;}
.promotion .detail .back{width:100%; margin:0 0 15px 0; }

.promotion .detail .text .half{display:table; margin-bottom:25px; }
.promotion .detail .text .half td{width:100%; display:inline-block;}
.promotion .detail .text .half td.first_div{display:table-footer-group;}
.promotion .detail .text .half td.second_div {display:none;}
.promotion .detail .text .half td.third_div {display:table-header-group;}

.register .container{padding:0 20px; margin:30px 0; }
.register .frame .container{padding:0; }
.register .content{padding:30px 20px;}
.register .content fieldset label{width:100%;}
.register .content fieldset label:first-child{border:0; border-bottom:1px #E2EDF3 solid; }
.register .content fieldset .w3{width:50%;}
.register .content fieldset .w1{width:100%;}
.register .content fieldset .w6{width:30%;}
.register .content fieldset input[type="text"]#date{width:100% !important; border-bottom:1px #E2EDF3 solid;}
.register .content fieldset input[type="submit"], .register .content fieldset input[type="button"]{width:50%;}
.register .content .gender{width:70%;}
.register .content fieldset .form-group{width:100%;}
.register .content fieldset .input-group-btn{width:50%;}
.register .content fieldset .browse{width:50% !important;}
.register .content fieldset label:first-child{height:auto;}
.register .content textarea{width:100%;}
.register .content fieldset i{line-height:15px; font-size:13px;}
.register .content .bottom p{margin-bottom:10px; }
/* .register .content .bottom{text-align:center;}
.register .content .bottom p{text-align:left;}
.accept{display:inline-block; float:none;} */
.accept{float:left;}

.wishlist ul li{width:100%; padding:15px 0;}
.wishlist .content{width:100%; margin:0;}
.wishlist .content:first-child{margin:0;}

.f-payment .container{padding:0; }
.f-payment .l-bank{height:auto !important; line-height:26px; padding:12px 0 12px 16px;}
.f-payment .bank label{height:auto !important; margin:10px 0 !important; }
.f-payment .bank label input[type="radio"], .f-payment .bank label input[type="checkbox"]{height:50px; margin:0; }
.f-payment .bank label span{width:85%; height:auto !important;}
.f-payment .bank label p{width:100%; line-height:25px; margin:0;}

.m-checkout .container{padding:0;}
.m-checkout .f-w1{width:100% !important;}
.m-checkout .pre2{width:100%; border-bottom: 1px #E2EDF3 solid;}
.m-checkout .pre2 label{width:33% !important;}
.m-checkout .c-w3{width:100%; border-left:0 !important;}
.m-checkout .pre{width:100%; border-bottom: 1px #E2EDF3 solid;}
.m-checkout .c-w2{width:100%; border-left:0 !important; }
.m-checkout .tex-id{line-height:26px !important;  padding:12px 0px 12px 16px !important; }

.time-line{width:58%; margin:70px 21% 30px 21%;}
.time-line span p{width:120px;}
.time-line span p.tl1{left:-60px;}
.time-line span p.tl2{left:50%; margin-left:-60px;}
.time-line span p.tl3{right:-60px;}

.register .content h5{margin-top:5px !important; font-size:22px !important; }

.btu-shop, .btu-order{width:100% !important; margin:10px 0; float:none;}

.payment .container{padding:0 20px; }

.location .filter{padding:18px 20px; height:auto; float:left;}
.location .filter .area{width:100%; margin:0 0 12px 0;}
.location .filter .search{width:100%; margin:0;}
.location .filter .search i{right:40%;}
.location .content .list{height:270px; }
.location .content .list span{padding:16px 20px;}
.location .content iframe{height:300px;}

.location .topic{padding:13px 20px;}
.location .results span{padding:20px 20px;}
.location .results .bottom{padding:0 20px 15px 20px;}
.location .results .bottom .back{width:100%; margin:0 0 12px 0; }
.location .results .bottom .back p{padding:0 0 0 30px;}
.location .results .bottom .print{width:100%;}

.m-checkout table{width:800px; margin-bottom:1rem;}
.payment .container ul li p{width:320px;}

.m-member .content{padding:20px;}
.m-member .content h5{line-height:40px !important; }
.m-member .login, .m-member .f-regis{width:100%; padding:0; }
.m-member .f-regis{margin-top:30px; }
.m-member .content .btu-login{width:100%;}
.m-member .content .gg-captcha #rc-imageselect,
.m-member .content .gg-captcha .g-recaptcha
{transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0;}
.m-member .content span{text-align:center;}
.m-member .content h6, .m-member .content p{text-align:left;}
.m-member .content p br{display:none;}
.m-member .content .forgot{display:inline-block; float:none;}

.payment .container ul li table{width:100%;}

.shopping table{width:800px; margin-bottom:1rem; }
.your-order2 table{width:750px; margin-bottom:1rem;}

.your-order2 .back{margin:auto; margin-top:1rem; display:block;}
.your-order2 .btu-order{margin:auto !important; margin-top:1rem !important;}

}

@media (max-width: 378px) {

html.mm-opening #nav-icon2{right:83.5%;}
.m-warp.mopen{-webkit-transform: translate3d(-290px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-290px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-290px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

h1{line-height:1 !important; font-size:38px !important;}
h2{line-height:1 !important;  font-size:33px !important;}
h3{line-height:1 !important; font-size:28px !important;}
h4{line-height:1 !important; font-size:23px !important;}
h5{line-height:1 !important; font-size:18px !important;}

.main, .main14{padding:0 10px;}
main{margin-top:160px; }
header .container{padding:0 10px !important;}

#nav-icon2{right:10px; top:75px;}
.menu-mobile a{width:100%; line-height:26px; padding:9px 15px; font-size:20px;
text-align:left; display:inline-block; position:relative;}

header .logo a{width:150px;}
header .member-lang{right:50px; }
header .member-lang .member em{margin:0 6px; }

.h-menu .row{display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;}
.h-menu ul li{padding:5px 0; }
.h-menu ul li a{padding:10px 20px 20px 20px; }
.h-menu ul li a h4{padding:60px 24px 0 0 !important; text-align:center;}
.h-menu ul li a h4::before{top:10px; left:50%; margin-left:-18px;}
.h-menu ul li a h4 i{height:35px; top:auto; bottom:0;}
.h-menu ul li a:hover{
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

.product .container .content .topic h6{font-size:21px;}
.product .container .content span p,
.promotion .content p{height:60px; line-height:20px; font-size:16px;}
.product .container .content span .price{ line-height:20px; font-size:16px;}
.product .container .content span .btu,
.promotion .content .btu,
.c-youtube .other .btu{line-height:23px; font-size:16px;}
.promotion .more{margin-top:30px; }
.b-wishlist i{line-height:24px; font-size:18px; }
.product .container .content:hover{
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}

.promotion .row,
.promotion .h-promotion .row{margin-right:0; margin-left:0;}
.promotion .h-promotion li,
.promotion .h-promotion li:nth-child(1),
.promotion .h-promotion li:nth-child(2){margin:10px 0; padding:0; }


.promotion ul li{margin:10px 0; padding:0 10px;}
.promotion ul li:nth-child(1),
.promotion ul li:nth-child(2){margin:10px 0; padding:0 10px;}
.promotion .pic,
.promotion ul li:nth-child(1) .pic,
.promotion ul li:nth-child(2) .pic{padding:0; }
.promotion .content span,
.promotion ul li:nth-child(1) span,
.promotion ul li:nth-child(2) span{padding:0;}

.c-youtube ul li{margin:10px 0 0 0;}
.c-youtube ul li .pic span p{height:42px; line-height:19px; font-size:16px;}

.story .certificate .content span p{width:65%; margin-bottom:0;}
.story .certificate .content span p i{text-align:center;}

.tech .container [data-accordion] [data-content] span{margin:15px 0; }
.tech .container [data-accordion] [data-control] h3{line-height:28px !important; padding:14px 30px 14px 15px !important;
font-size:25px !important; text-align:left;}
.tech .container [data-accordion] [data-control] h3 i{width:30px; line-height:28px; font-size:16px; top:14px; }

.contact form .gg-captcha{width:235px; margin-bottom:0; }
.contact form .btu{width:100%; margin:0;}
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.m-member .content .gg-captcha #rc-imageselect,
.m-member .content .gg-captcha .g-recaptcha
{transform:scale(0.98);-webkit-transform:scale(0.98);transform-origin:0 0;-webkit-transform-origin:0 0;}

.register .container{padding:0 10px;}
.register .content{padding:25px 10px;}
.register .content figure{padding:18px 10px;}

.payment .container ul li p{width:280px;}
.payment .container ul li table{margin-left:0;}

.wishlist ul li{width:100%; padding:10px 0;}

}

@media (max-width: 320px) {

.m-warp.mopen{-webkit-transform: translate3d(-250px,0,0);
-webkit-animation: open .5s ease-in-out;
-moz-transform: translate3d(-250px,0,0);
-moz-animation: open .5s ease-in-out;
transform: translate3d(-250px,0,0);
animation: open .5s ease-in-out;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}

#nav-icon2{width:44px; top:70px;}
#nav-icon2 span{width:17px;}

h1{line-height:1 !important; font-size:35px !important;}
h2{line-height:1 !important;  font-size:30px !important;}
h3{line-height:1 !important; font-size:25px !important;}
h4{line-height:1 !important; font-size:20px !important;}
h5{line-height:1 !important; font-size:17px !important;}

header .search{width:55%;}
header .member-lang .member em{margin:0 3px;}
header .logo a{width:130px; margin-left:0;}
header .cart-social{top: }
header .member-lang .dropdown .user{height:42px; line-height:22px; padding:9px 0 9px 45px;}
header .member-lang .dropdown .user i{width:45px; line-height:44px; }
header .cart-social .cart i{width:20px; height:20px; line-height:20px; font-size:12px; }

.search .container{padding:0 10px;}

.story .certificate .content span p{width:78%;}

.m-checkout .pre2 label{width:auto !important;}

.payment .container{padding:0 10px; }

.main{width:100%; padding:0 10px; }
.main14{padding:0 10px;}

.location .content .list{height:295px;}
.location .filter .search i{right:37%;}

footer .container{padding:20px 10px; }

.m-member .content .btu-fb{padding-left:48px !important; background:#4267B2 url(../images/icon-fb-login.png) no-repeat left 0px top 5px !important; background-size:48px !important; }

.m-member .content .gg-captcha #rc-imageselect,
.m-member .content .gg-captcha .g-recaptcha
{transform:scale(0.79);-webkit-transform:scale(0.79);transform-origin:0 0;-webkit-transform-origin:0 0;}

}