/* @import url('https://fonts.googleapis.com/css?family=Kanit:600'); */

/* Commons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bdAll						{ border: 1px solid #e5e5e5; }
.bdAll_primary				{ border: 1px solid #01B49A; }
.bdAll_blue					{ border: 1px solid #3553a5; }
.bdTop						{ border-top: 1px solid #e5e5e5; }
.bdRight					{ border-right: 1px solid #e5e5e5; }
.bdBottom					{ border-bottom: 1px solid #e5e5e5; }
.bdLeft						{ border-left: 1px solid #e5e5e5; }

.bdTop_primary				{ border-top: 1px solid #01B49A; }
.bdTop2_primary				{ border-top: 2px solid #01B49A !important; }
.bdTop3_primary				{ border-top: 3px solid #01B49A; }

.bdTop_lightblue			{ border-top: 1px solid #eef0f8; }
.bdTop_blue					{ border-top: 1px solid #3553a5; }
.bdTop2_blue				{ border-top: 2px solid #3553a5; }
.bdTop3_blue				{ border-top: 3px solid #3553a5; }

.bdTop_orange				{ border-top: 1px solid #ff664e; }
.bdTop2_orange				{ border-top: 2px solid #ff664e; }
.bdTop3_orange				{ border-top: 3px solid #ff664e; }

.mgTop5						{ margin-top: 5px; }
.mgTop10					{ margin-top: 10px; }
.mgTop20					{ margin-top: 20px; }
.mgTop25					{ margin-top: 25px; }
.mgTop40 					{ margin-top: 40px; }
.mgTop60 					{ margin-top: 60px; }
.mgRight5					{ margin-right: 5px; }
.mgRight10					{ margin-right: 10px; }
.mgRight20					{ margin-right: 20px; }
.mgRight40					{ margin-right: 40px; }
.mgBottom5					{ margin-bottom: 5px; }
.mgBottom10					{ margin-bottom: 10px; }
.mgBottom20					{ margin-bottom: 20px; }
.mgBottom25					{ margin-bottom: 25px; }
.mgBottom30					{ margin-bottom: 30px; }
.mgBottom40					{ margin-bottom: 40px; }
.mgBottom60					{ margin-bottom: 60px; }
.mgLeft5					{ margin-left: 5px; }
.mgLeft10					{ margin-left: 10px; }
.mgLeft20					{ margin-left: 20px; }
.mgLeft40					{ margin-left: 40px; }

.pdTop5						{ padding-top: 5px; }
.pdTop10					{ padding-top: 10px; }
.pdTop20					{ padding-top: 20px; }
.pdTop40 					{ padding-top: 40px; }
.pdTop60 					{ padding-top: 60px; }
.pdBottom5					{ padding-bottom: 5px; }
.pdBottom10					{ padding-bottom: 10px; }
.pdBottom20					{ padding-bottom: 20px; }
.pdBottom40					{ padding-bottom: 40px; }
.pdBottom60					{ padding-bottom: 60px; }

a.btn_blue_primary,
.btn_blue_primary			{ color: white; background-color: #445ea4; border: 1px solid #2c4589; font-size: 1.5rem; }
a.btn_blue_primary:hover,
.btn_blue_primary:hover		{ color: white; background-color: #4565bc; border: 1px solid #2c4589; text-decoration: none; }

/*lightgreen - LnwMall*/
a.btn_primary,
.btn_primary			{ color: white; background-color: #26d0a8; border: 1px solid #01B49A; font-size: 1.5rem; }
a.btn_primary:hover,
.btn_primary:hover		{ color: white; background-color: #2bdab1; border: 1px solid #01B49A; text-decoration: none; }

a.btn_primary.disabled,
.btn_primary.disabled,
a.btn_green_primary.disabled,
.btn_green_primary.disabled,
a.btn_orange_primary.disabled,
.btn_orange_primary.disabled{
  border: 1px solid gainsboro; background-color: #ebebeb; color: #aaa;
}
a.btn_primary.disabled:hover,
.btn_primary.disabled:hover,
a.btn_green_primary.disabled:hover,
.btn_green_primary.disabled:hover,
a.btn_orange_primary.disabled:hover,
.btn_orange_primary.disabled:hover{
  border: 1px solid gainsboro; background-color: #ebebeb; color: #aaa; text-decoration: none;
}

a.btn_blue_primary2,
.btn_blue_primary2					{ color: #3553a5; border: 1px solid #3553a5; background: white; }
a.btn_blue_primary2:hover,
.btn_blue_primary2:hover				{ background: #eff3ff; color: #3553a5; border: 1px solid #3553a5; text-decoration: none;}

a.btn_primary2,
.btn_primary2					{ color: #26d0a8; border: 1px solid #26d0a8; }
a.btn_primary2:hover,
.btn_primary2:hover				{ background: rgba(38,208,168,0.1); color: #26d0a8; border: 1px solid #26d0a8; text-decoration: none;}

/*
a.btn_darkblue,
.btn_darkblue				{ color: #2c4589; border: 2px solid #2c4589; }
a.btn_darkblue:hover,
.btn_darkblue:hover			{ background: rgba(44,69,137,0.1); color: #2c4589; border: 2px solid #2c4589; text-decoration: none;}
*/

a.btn_darkprimary,
.btn_darkprimary				{ color: #01B49A; border: 2px solid #01B49A; }
a.btn_darkprimary:hover,
.btn_darkprimary:hover			{ background: rgba(23,179,141,0.1); color: #01B49A; border: 2px solid #01B49A; text-decoration: none;}

a.btn_orange_primary,
.btn_orange_primary			{ color: white; background-color: #ff664e; border:0; font-size: 1.5rem; }
a.btn_orange_primary:hover,
.btn_orange_primary:hover	{ color: white; background-color: #ff725c; border:0; text-decoration: none;}

a.btn_orange,
.btn_orange					{ color: #ff664e; border: 1px solid #ff664e; background: white; }
a.btn_orange:hover,
.btn_orange:hover			{ color: #ff664e; border: 1px solid #ff664e; background: #fff3f1; text-decoration: none;}

a.btn_green_primary,
.btn_green_primary			{ color: white; background-color: #71d32b; font-size: 1.5rem; }
a.btn_green_primary:hover,
.btn_green_primary:hover	{ color: white; background-color: rgba(113, 211, 43, 0.9); text-decoration: none;}

a.btn_gray,
.btn_gray					{ color: #999; border: 1px solid #999; }
a.btn_gray:hover,
.btn_gray:hover				{ background: rgba(153,153,153,0.1); color: #999; border: 1px solid #999; text-decoration: none;}

a.btn_white,
.btn_white					{ color: white; border: 1px solid white; background: transparent; }
a.btn_white:hover,
.btn_white:hover			{ color: white; border: 1px solid white; background: transparent; text-decoration: underline;}

.feedbackInit				{ color: #aaa; }
.bgfeedbackInit				{ background-color: #d5d5d5; }
.feedback95					{ /*color: #44de34;*/ color: #43ad54; }
.bgfeedback95				{ /*background-color: #44de34;*/ background-color: #43ad54; }
.bdfeedback95				{ /*border: 2px solid #44de34;*/ border: 2px solid #43ad54; }
.feedback90					{ color: #99cd29; }
.bgfeedback90				{ background-color: #99cd29; }
.feedback80					{ color: #ffd144; }
.bgfeedback80				{ background-color: #ffd144; }
.feedback60					{ color: #e67e38; }
.bgfeedback60				{ background-color: #e67e38; }
.feedback0					{ color: #fc5454; }
.bgfeedback0				{ background-color: #fc5454; }
.bg_gray					{ background-color: #e8e8e8; }
.bg_lightgray				{ background-color: #f6f6f6; }
.bg_darkgray				{ background-color: #747474; }
.bg_lightblue				{ background-color: #eef0f8; }
.bg_lightprimary			{ background-color: #f0f6f8; }
.bg_lightgreen				{ background-color: #e4f3f0; }
.bg_blue					{ background-color: #3553a5; }
.bg_primary					{ background-color: #01B49A; }
.bg_white					{ background-color: white; }

.feedback_like				{ color: #43ad54; }
.feedback_normal			{ color: #ffa939; }
.feedback_dislike			{ color: #fb5353; }

.noUnderline				{ text-decoration: none !important; }
.noUnderline:hover 			{ text-decoration: none; }

/*.color_primary			{ color: #26d0a8; }*/
/*.color_primary				{ color: #14cba0; }*/
.color_primary				{ color: #01B49A; }
/*.color_lightgray			{ color: #b2b2b2; } Placeholder, Optional*/
.color_lightgray			{ color: #999; } /*Placeholder, Optional*/
.color_gray					{ color: #6c6c6c; } /*Product Name, */
.color_blue					{ color: #3553a5; } /*Shop Name, */
.color_black				{ color: #333; } /*Title, Product Price*/
.color_pink					{ color: #e145b2; }
/*.color_red					{ color: #ff4040; }*/
.color_red					{ color: #de2335; }
.color_white				{ color: white; }
.color_lightorange			{ color: #ff8065 }
.color_orange				{ color: #ff664e }
.color_darkorange			{ color: darkorange; }
.color_green				{ color: #507d41; }
.color_lnwpay				{ color: #3553a5; }
.color_lightgreen			{ color: #26d0a8; } /*LnwMall Color*/
.color_gold					{ color: #e5af33; }
a.color_primary    			{ color: #01B49A; }
a.color_primary:hover    	{ color: #01B49A; }
a.color_gray    			{ color: #6c6c6c; }
a.color_gray:hover    		{ color: #6c6c6c; }
/*a.color_red 				{ color: #ff4040; }*/
a.color_red 				{ color: #de2335; }
/*a.color_red:hover 			{ color: #ff4040; }*/
a.color_red:hover 			{ color: #de2335; }
a.color_lightorange			{ color: #ff8065 }
a.color_lightorange:hover	{ color: #ff8065 }
a.color_orange 				{ color: #ff664e; }
a.color_orange:hover 		{ color: #ff664e; }
a.color_white 				{ color: white; }
a.color_white:hover 		{ color: white; }
a.color_lnwpay,a.color_blue 				{ color: #3553a5; }
a.color_lnwpay:hover,a.color_blue:hover 	{ color: #3553a5; }


.boldtext					{ font-weight: bold; }
.text_underline				{ text-decoration: underline; }
.rsu_light					{ font-family: 'rsulight'; }
.rsu_bold					{ font-family: 'rsubold'; }
.center						{ text-align: center; }
.ellipsis					{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.color_megasale2559			{ color: #cc2127; }
a.color_megasale2559 		{ color: #cc2127; }
a.color_megasale2559:hover 	{ color: #cc2127; }

.color_summersale			{ color: #f9cc12; }
a.color_summersale 		{ color: #f9cc12; }
a.color_summersale:hover 	{ color: #f9cc12; }

.color_ktcx5			{ color: #cf3571; }
a.color_ktcx5 		{ color: #cf3571; }
a.color_ktcx5:hover 	{ color: #cf3571; }

.color_lnwsale1111			{ color: #7964fd; }
a.color_lnwsale1111 		{ color: #7964fd; }
a.color_lnwsale1111:hover 	{ color: #7964fd; }

.color_smesgoonline			{ color: #d02128; }
a.color_smesgoonline 		{ color: #d02128; }
a.color_smesgoonline:hover 	{ color: #d02128; }

/*
*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}
*/

a.button{
  line-height: 38px;
}

@media (min-width:1000px) {
  .noUnderline:hover .Underline { text-decoration: underline; }
}
@media (min-width:1200px) {
  .row .columns.productCol_s{
    min-height: 355px;
  }
  .row .columns.productCol_n{
    min-height: 411px;
  }
}

/* Others
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filter_gray{
  filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -webkit-filter: grayscale(90%);
  -webkit-transition: filter 0.3s ease;
  -moz-transition: filter 0.3s ease;
  -o-transition: filter 0.3s ease;
  -ms-transition: filter 0.3s ease;
  transition: filter 0.3s ease;
}
#black_ribbon_badge{
  position: fixed;
  bottom: 10px;
  left: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 90;
  width: 61px;
  height: 61px;
  border: 0 none!important;
  background-image: url(../images/icon/black_ribbon.png);
}
#black_ribbon_badge:hover{
  opacity: 0.3;
}
#wrapper{
  overflow: hidden;
}
.superShop {
  vertical-align: top;
  float: right;
}
.superShop s {
  width: 25px;
  height: 40px;
  display: block;
  background: url(../images/supershop.png) no-repeat;
  background-size: contain;
}
.topRank, .editorChoice{
  box-sizing: border-box;
  font-size: 1.1rem;
  line-height: 1.1;
}
.topRank > div, .editorChoice > div{
  display: inline-block;
}
.topRank .number{
  color: white;
  padding: 2px 4px;
}
.topRank .category{
  padding: 2px 4px;
}
.editorChoice .text{
  font-size: 1.1rem;
  padding: 2px 4px;
}
.levelRank{
  font-size: 1.3rem;
}
.shopreview{
  font-weight: normal;
  font-size: 1.2rem;
}
.shopreview .headerreview{
  float: left;
  /*	font-weight: bold;*/
}
.shopreview .percentreview{
  float: right;
  font-size: 1.6rem;
}
.shopreview .percent_text{
  float: right;
  font-size: 1.4rem;
  position: relative;
  top: 5px;
}
.shopreview .graphfeedback_headerservice{
  padding: 0 0 15px 0;
  line-height: 20px;
}
.shopreview .graphfeedback{
  position: relative;
  margin: 3px 0 3px 0;
  width: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.shopreview .graphfeedback .bar{
  height: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.shopreview .subtext{
  font-size: 1.1rem;
}
.shopreview .summaryreview{
  position: relative;
  top: -4px;
}
.shopreview .summaryreview .text{
  line-height: 1.3em;
  margin-left: 5px;
}
.shopreview .summaryreview .text .number{
  font-size: 1.4rem;
}
.shopreview .summaryreview .text .number_text{
  font-weight: normal;
  font-size: 1.1rem;
}
.shopreview .summaryreview .review_icon{
  width: 30px;
  height: 30px;
  background-size: 90px 30px;
  position: relative;
  top: -2px;
}
.shopreview.minimal .percentreview{
  font-size: 3.2rem;
}
.shopreview.minimal .graphfeedback_headerservice{
  padding: 10px 0 25px 0;
}
.shopreview.minimal.feedbackInit .graphfeedback_headerservice{
  padding: 10px 0 20px 0;
}
.shopreview_note{
  font-size: 1.1rem;
}
.score_title{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.8rem;
  text-align: left;
  color: #e145b2;
  font-size: 1.3rem;
  width: 115px;
}
.score_title.star{
  /*	color: #d7891b;*/
  color: #fbbc05;
}
.score_heart{
  display: inline-block;
  vertical-align: middle;
}
.score_heart .heart{
  background-image: url(../images/icons/heart_small.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 2px;
  display: block;
  cursor: default;
}
.score_heart.star{
  position: relative;
  top: -2px;
}
.score_heart.star .heart{
  background-position: 0px -20px;
}
.shopPremiumBlock .score_title .premiumicon{
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icons/premiumicon_pink.png);
  background-repeat: no-repeat;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.shopPremiumBlock .score_title .premiumicon.icon-niceservice{
  background-position: 0 0px;
}
.shopPremiumBlock .score_title .premiumicon.icon-fastcontact{
  background-position: 0 -20px;
}
.shopPremiumBlock .score_title .premiumicon.icon-fastshipping{
  background-position: 0 -40px;
}
.shopPremiumBlock .score_title .premiumicon.icon-goodpackage{
  background-position: 0 -60px;
}
.productPremiumBlock .score_title .premiumicon{
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icons/productpremiumicon_yellow.png);
  background-repeat: no-repeat;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.productPremiumBlock .score_title .premiumicon.icon-correct{
  background-position: 0 0px;
}
.productPremiumBlock .score_title .premiumicon.icon-complete{
  background-position: 0 -20px;
}
.productPremiumBlock .score_title .premiumicon.icon-reasonable{
  background-position: 0 -40px;
}
.productPremiumBlock .score_title .premiumicon.icon-goodproduct{
  background-position: 0 -60px;
}
.score_heart .heart.full,
.score_heart:hover .heart.hover{
  background-position: -200px 0px;
}
.score_heart .heart.one{
  background-position: -20px 0px;
}
.score_heart .heart.two{
  background-position: -40px 0px;
}
.score_heart .heart.three{
  background-position: -60px 0px;
}
.score_heart .heart.four{
  background-position: -80px 0px;
}
.score_heart .heart.five{
  background-position: -100px 0px;
}
.score_heart .heart.six{
  background-position: -120px 0px;
}
.score_heart .heart.seven{
  background-position: -140px 0px;
}
.score_heart .heart.eight{
  background-position: -160px 0px;
}
.score_heart .heart.nine{
  background-position: -180px 0px;
}
.score_heart.star .heart.full,
.score_heart.star:hover .heart.hover{
  background-position: -200px -20px;
}
.score_heart.star .heart.one{
  background-position: -20px -20px;
}
.score_heart.star .heart.two{
  background-position: -40px -20px;
}
.score_heart.star .heart.three{
  background-position: -60px -20px;
}
.score_heart.star .heart.four{
  background-position: -80px -20px;
}
.score_heart.star .heart.five{
  background-position: -100px -20px;
}
.score_heart.star .heart.six{
  background-position: -120px -20px;
}
.score_heart.star .heart.seven{
  background-position: -140px -20px;
}
.score_heart.star .heart.eight{
  background-position: -160px -20px;
}
.score_heart.star .heart.nine{
  background-position: -180px -20px;
}
.score_heart .heart.full-gray{
  background-image: url(../images/icon/heart_small_gray.png);
  background-position: 0px 0px;
}
.summaryreview .review_icon{
  width: 60px;
  height: 60px;
  background-image: url(../images/icons/review_icon.png);
  background-size: 180px 60px;
  display: inline-block;
  vertical-align: middle;
}
.summaryreview .review_text{
  /*    font-family: rsu;*/
  font-size: 16px;
  font-style: italic;
  margin-left: 10px;
  margin-top: 10px;
  display: inline-block;
  vertical-align: middle;
}
.summaryreview.feedback_like .review_icon{
  background-position: 0 0;
}
.summaryreview.feedback_normal .review_icon{
  background-position: -60px 0;
}
.summaryreview.feedback_dislike .review_icon{
  background-position: -120px 0;
}
.summaryreview.feedback_like .review_text:after{
  content: "พอใจ";
  /*
    padding: 0 3px;
    border: 1px solid #43ad54;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */
}
.summaryreview.feedback_normal .review_text:after{
  content: "เฉยๆ";
  /*
    padding: 0 3px;
    border: 1px solid #ffa939;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */
}
.summaryreview.feedback_dislike .review_text:after{
  content: "ไม่พอใจ";
  /*
    padding: 0 3px;
    border: 1px solid #fb5353;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */
}
/*
.shopsmallBlock .score_title{
	font-size: 12px;
	margin-right: 0;
}
.shopsmallBlock .score_heart{
	margin-top: 4px;
}
*/
.shopsmallBlock .score_heart .heart{
  background-size: 165px 30px;
  width: 15px;
  height: 15px;
}
.shopsmallBlock .score_heart .heart.full-gray{
  background-size: 15px 15px;
}
.shopsmallBlock .score_heart .heart.full,
.shopsmallBlock .score_heart:hover .heart.hover{
  background-position: -150px 0px;
}
.shopsmallBlock .score_heart .heart.one{
  background-position: -15px 0px;
}
.shopsmallBlock .score_heart .heart.two{
  background-position: -30px 0px;
}
.shopsmallBlock .score_heart .heart.three{
  background-position: -45px 0px;
}
.shopsmallBlock .score_heart .heart.four{
  background-position: -60px 0px;
}
.shopsmallBlock .score_heart .heart.five{
  background-position: -75px 0px;
}
.shopsmallBlock .score_heart .heart.six{
  background-position: -90px 0px;
}
.shopsmallBlock .score_heart .heart.seven{
  background-position: -105px 0px;
}
.shopsmallBlock .score_heart .heart.eight{
  background-position: -120px 0px;
}
.shopsmallBlock .score_heart .heart.nine{
  background-position: -135px 0px;
}
.score_point{
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  position: relative;
  top: -1px;
  color: #e145b2;
}
.score_point.star{
  color: #fbbc05;
}
.question_mark{
  position: relative;
  left: 3px;
  float: left;
}
.question_mark a{
  background-color: #bbb;
  color: white !important;
  font-size: 1.1rem;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 14px;
}
.lnwpay_iconrank{
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 2px;
}
.lnwpay_iconrank:first-child{
  margin-left: 0;
}
.expandContent{
  height: 28rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.expandContent.showall{
  height: auto;
  overflow: visible;
  cursor: default;
}
.expandContent.showall .blurArea{
  display: none;
}
.expandContent .blurArea{
  position: absolute;
  width: 100%;
  height: 6rem;
  bottom: 0;
  /*
	background: #eef0f8;
	background: rgba(238,240,248,0);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(238,240,248,0)), color-stop(50%, rgba(238,240,248,0.9)), color-stop(50%, rgba(238,240,248,0.9)), to(#eef0f8));
	background: -webkit-linear-gradient(top, rgba(238,240,248,0) 0%, rgba(238,240,248,0.9) 50%, rgba(238,240,248,0.9) 50%, #eef0f8 100%);
	background: -moz-linear-gradient(top, rgba(238,240,248,0) 0%, rgba(238,240,248,0.9) 50%, rgba(238,240,248,0.9) 50%, #eef0f8 100%);
	background: -o-linear-gradient(top, rgba(238,240,248,0) 0%, rgba(238,240,248,0.9) 50%, rgba(238,240,248,0.9) 50%, #eef0f8 100%);
	background: linear-gradient(top, rgba(238,240,248,0) 0%, rgba(238,240,248,0.9) 50%, rgba(238,240,248,0.9) 50%, #eef0f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eef0f8', endColorstr='#ffeef0f8', GradientType=0);
*/
  background: #f6f6f6;
  background: rgba(246,246,246,0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(246,246,246,0)), color-stop(50%, rgba(246,246,246,0.9)), color-stop(50%, rgba(246,246,246,0.9)), to(#f6f6f6));
  background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 50%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,0.9) 50%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  background: -o-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(246,246,246,0.9) 50%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  background: linear-gradient(top, rgba(245,245,245,0) 0%, rgba(246,246,246,0.9) 50%, rgba(246,246,246,0.9) 50%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f6f6', endColorstr='#fff6f6f6', GradientType=0);
}
.expandContent.whiteblur .blurArea{
  background: white;
  background: rgba(255,255,255,0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.9)), color-stop(50%, rgba(255,255,255,0.9)), to(white));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, white 100%);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, white 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, white 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);
}
.blueTag{
  color: white;
  padding: 5px 10px;
  font-size: 1.2rem;
  background-color: #65e3e5;
  vertical-align: middle;
}
.redTag{
  color: white;
  padding: 0 10px;
  font-size: 1.2rem;
  /*background-color: #ff4040;*/
  background-color: #de2335;
  font-family: 'rsulight';
  vertical-align: middle;
  margin-bottom: 5px;
  display: block;
}
.yellowTag{
  color: white;
  padding: 5px 10px;
  font-size: 1.2rem;
  background-color: #ffd101;
  color: black;
  vertical-align: middle;
  display: block;
}
.customTag{
  color: white;
  padding: 5px 8px;
  font-size: 1.1rem;
  /*	background-color: rgb(252, 88, 80);*/
  background-color: #01B49A;
}
.customTag.after{
  background-color: #ffbf44;
}
.customTag.before{
  background-color: #aaa;
}
.btn_darkprimary.hasLoading{
  margin-bottom: 0;
}
.button_loading{
  width: 24px;
  height: 24px;
  border: 0px none !important;
  background: transparent url(../images/loading/preload_24x24.gif) no-repeat;
  position: relative;
  margin: auto;
  padding: 7px 0;
}
.category_icon {
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../images/icons/category_icon.png");
  width: 45px;
  height: 60px;
  background-position: 0px 8px;
  float: left;
}
.category_icon_1 {
  /*fashion*/
  background-position: 0px -60px;
}
.category_icon_2 {
  /*cosmetic*/
  background-position: 0px -120px;
}
.category_icon_3 {
  /*toy*/
  background-position: 0px -180px;
}
.category_icon_5 {
  /*souvenir*/
  background-position: 0px -240px;
}
.category_icon_4 {
  background-position: 0px -300px;
}
.category_icon_6 {
  background-position: 0px -360px;
}
.category_icon_7 {
  background-position: 0px -420px;
}
.category_icon_8 {
  background-position: 0px -480px;
}
.category_icon_9 {
  background-position: 0px -540px;
}
.category_icon_10 {
  background-position: 0px -600px;
}
.category_icon_11 {
  background-position: 0px -660px;
}
.category_icon_31 {
  background-position: 0px -720px;
}
.category_icon_289 {
  background-position: 0px -780px;
}
.category_icon_393 {
  background-position: 0px -840px;
}
.category_icon_443 {
  background-position: 0px -900px;
}
.category_icon_418 {
  background-position: 0px -960px;
}
.category_icon_463 {
  background-position: 0px -1020px;
}
.category_icon_12 {
  background-position: 0px -1080px;
}
.category_icon_484 {
  background-position: 0px -1080px;
}
.category_icon_recent {
  background-position: 0px -1140px;
}
.category_icon_follow {
  background-position: 0px -1200px;
}
.category_icon_home {
  background-position: 0px -1260px;
}
.zeroState{
  width: 100%;
  text-align: center;
}
.zeroState .zeroPic{
  background: transparent url(../images/icons/zeropic_lightgray.png) repeat;
  background-size: 297.5px 1997.5px;
  width: 340px;
  margin: 0 auto;
}
.zeroState.histPoints .zeroPic		{ height:290px; background-position:center -255px; }
.zeroState.messageInbox .zeroPic	{ height:290px; background-position:center 0px; }
.zeroState.histOrder .zeroPic		{ height:330px; background-position:center -860px; }
.zeroState.histPayment .zeroPic		{ height:300px; background-position:center -560px; }
.zeroState.cartWidget .zeroPic		{ width: 290px; height:290px;background-position: center -985px;}
.zeroState.productRight .zeroPic	{ height:85px; background-position:center -1505px; }
.zeroState.product404 .zeroPic,
.zeroState.nocategory .zeroPic,
.zeroState.nosearch .zeroPic		{ width:297.5px; height:297.5px; background-position:center -1385.5px; }
.zeroState.page404 .zeroPic			{ width:297.5px;  height:297.5px; background-position:center -1695px; }
.zeroState .zeroNotice{
  font-size: 2rem;
  /*    color: #bcbcbc;*/
  text-align: center;
}
.zeroState .zeroBack{
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 40px;
}
.zeroState button{
  margin: 20px 0 0;
}
.user_avatar img{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.fileupload_container{
  clear: both;
  padding-top: 20px;
}
.fileupload_container .btn_zone{
  text-align: left;
}
.fileupload_container .btn_zone label{
  display: inline-block;
}
.fileupload_container .btn-upload{
  font-size: 1.2rem;
}
/*
.image_zone .image_area {
	display: inline-block;
    position: relative;
    border: 1px solid #e0e0e0;
    padding: 3px;
}
.image_zone .image_area .text {
	font-size: 12px;
	margin-top: 5px;
	color: #3553a5;
}
.image_zone .image_area .image_name {
	font-size: 9px;
	margin-top: 10px;
}
*/
.fileupload_container .image_zone{
  color: #aaa;
  white-space: normal;
}
.fileupload_container .image_zone .image_area{
  width: 64px;
  height: 64px;
  /*	float: left;*/
  display: inline-block;
  margin: 0 5px 5px 0;
  position: relative;
  border: 1px solid #e0e0e0;
  padding: 3px;
}
/*
.lnwpay_content .listProductFull .fileupload_container .image_zone .image_area{
	width: 40px;
	height: 40px;
	padding: 2px;
}
*/
.fileupload_container .image_zone .image_area img{
  max-width: 100%;
  max-height: 100%;
  cursor: zoom-in;
}
.fileupload_container .image_zone .image_area .remove{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(0,0,0,0.6);
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.fileupload_container .image_zone .image_area .remove:before{
  content: 'ลบ';
}
.fileupload_container .image_zone .image_area:hover .remove{
  display: block;
}
.gallery_container{
  height: inherit;
}
.gallery_container .image_zone{
  color: #aaa;
  white-space: normal;
  height: inherit;
}
.gallery_container .image_zone .image_block{
  float: left;
  //width: 50%;
  width: 25%;
  line-height: 0;
}
.gallery_container .image_zone .image_area{
  /*	width: 140px;*/
  /*	height: 140px;*/
  display: inline-block;
  /*	margin: 0 5px 5px 0;*/
  margin: 5px;
  position: relative;
  border: 1px solid #e0e0e0;
  background: white;
}
.gallery_container .image_zone .image_area .hover{
  background: rgba(0,0,0,0.4);
  font-size: 1.2rem;
  text-align: center;
  color: white;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
}
.gallery_container .image_zone .image_area .hover .number{
  position: relative;
  top: 7px;
}
.gallery_container .image_zone .image_area img{
  max-width: 100%;
  height: auto;
  /*
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
*/
  cursor: zoom-in;
}
.show_page_section{
  background-color: #ddd;
  color: #333;
  font-size: 1.1rem;
  margin-left:0px !important;
  margin-bottom: 20px;
  text-align: center;
  line-height: 30px;
}
.show_first_section{
  background: #fdffe5 !important;
  color: #222 !important;
  font-size: 1.3rem;
  width: 100%;
  margin-left:0px !important;
  margin-bottom: 20px;
  text-align: center;
  line-height: 30px;
}
.product_guarantee{
  /*	border: 1px dashed #3553a5;*/
  /*	background: #e8efff;*/
  padding-top: 20px;
  line-height: 0;
}
.product_nav{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  /*	background-color: #324266;*/
  /*	background-color: rgba(0,0,0,0.5);*/
  background-color: #177b63;
  color: white;
  z-index: 98;
  //z-index: 3001;
  display: none;
}
.product_nav ul{
  margin: 0;
  width: 100%;
}
.product_nav ul li{
  margin: 0;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  display: none;
}
.product_nav ul li:first-child::after{
  content: "\25BE";
  position: absolute;
  top: 0;
  left: 55%;
}
.product_nav ul li a{
  color: white;
  display: block;
  font-size: 1.3rem;
  text-decoration: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  width: 55%;
}
.product_nav ul li.active{
  display: block;
}
.product_nav ul li.active a{
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.product_nav #miniCart{
  position: relative;
  transition: all 0.2s;
}
.product_nav #miniCart.fixed_right{
  right: 0;
}
.product_nav .memberZone > div{
  min-width: 0;
}
.product_nav .memberZone .product_price{
  /* padding-right: 10px; */
}
.product_nav .memberZone .search .icon{
  background-position: -50px -75px;
}
/*
.product_nav_list{
	display: inline-block;
	width: 140px;
	padding: 5px 0;
	box-sizing: border-box;
}
*/
.product_nav_list .product_image{
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.product_nav_list .product_name{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
}
.product_nav_list .product_image{
  width: 30px;
  height: 30px
}
.product_nav_list .product_price{
  margin: 0;
}
.product_nav #linkSearch{
  display: inline-block;
  width: auto;
}
.pre_loading{
  /*	background-color: #eef0f8;*/
  background-color: #f6f6f6;
  padding: 20px 0;
}
.pre_waiting .detail{
  position: fixed;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2020000010;
  text-align: center;
}
.quantityButton{

}
.quantityButton > div{
  display: inline-block;
}
.quantityButton .sign{
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #ddd;
  color: #333;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
.quantityButton input[type="number"]{
  height: 30px;
  width: 60px;
  text-align: center;
  margin: 0;
}
.quantityButton .remove{
  float: right;
  padding-top: 3px;
  cursor: pointer;
}
.quantityButton .notice{
  position: relative;
  top: 3px;
}
.modal-open{
  position: relative;
  overflow: visible;
}
.modal-open.fixed{
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal-open.fixed .lbUserPanel{
  display: none;
}
.modal-open.fixed .bodyZone{
  position: relative;
  top: 40px;
}
.modal-open.fixed #overlay{
  border: 0;
}
.modal-open.fixed .box-overlay{
  position: fixed;
}
.modal-open .bodyZone{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal-open .box-modal{
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}
.modal-open .box-modal.ng-enter{
  /*
	visibility: visible;
	-webkit-animation: slideInUp 500ms linear both;
	animation: slideInUp 500ms linear both;
*/
}
.modal-open .box-modal.ng-leave{
  /*
	visibility: visible;
	-webkit-animation: slideOutDown 500ms linear both;
	animation: slideOutDown 500ms linear both;
*/
}
.modal-open .box-overlay{
  position: relative;
  z-index: 5000;
}
.box-modal{
  overflow: scroll;
}
.box-modal .box-overlay{
  z-index: 101;
}
.box-modal.login .loginZone .loginBody{
  top: 0;
}
.box-modal.sort .box-overlay{
  position: fixed;
  z-index: 1001;
}
.box-modal.filter .box-overlay{
  margin: 0;
  max-width: 320px;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
}
.box-modal.join .box-overlay .boxHeader .text{
  width: 100%;
}
.box-modal.join .box-overlay .boxContent{
  padding: 20px 10px;
  position: relative;
}
.box-modal.contact.lnwmall_support .box-overlay .boxHeader .back{
  background: url('../images/icon/icon-close_white.png') center center no-repeat;
}
.box-modal.contact.lnwmall_support .box-overlay .boxHeader{
  background: #01B49A;
  color: white;
}
.box-modal.contact .formZone .content .mgBottom{
  margin-bottom: 1.5rem;
}
.box-modal.coupon .boxHeader .text{
  /*color: #05c1ff;*/
  /*color: #ff6161;*/
  color: #1768a0;
}
/*
.box-modal .btn_close{
	position: fixed;
	top: 10px;
	right: 15px;
	z-index: 300;
	color: #6c6c6c;
	border: 1px solid #6c6c6c;
	padding: 2px 7px;
}
*/
.box-overlay{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  /*	border: 2px solid black;*/
  background-color: #f6f6f6;
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.box-overlay .boxHeader{
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  position: relative;
  top: 0;
  width: 100%;
  z-index: 5000;
  background: white;
}
.box-overlay .boxHeader .back{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background: url('../images/icon/icon-close.png') center center no-repeat;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
.box-overlay .boxHeader .back_arrow{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  text-align: center;
  width: 45px;
  font-size: 2.6rem;
  cursor: pointer;
  color: #999;
}
.box-overlay .boxHeader .continue{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  /*	background: url('../images/icon/icon-close.png') center center no-repeat;*/
  width: 45px;
  font-size: 2.6rem;
  text-align: center;
  cursor: pointer;
}
.box-overlay .boxHeader .text{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: calc(100% - 100px);
  text-align: center;
  font-size: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box-overlay .boxHeader .text.fullright{
  width: calc(100% - 50px);
  text-align: left;
}
.box-overlay .boxHeader .memberZone .search .icon{
  background-position: -24px -75px;
}
.box-overlay .boxHeader .memberZone .category .icon{
  background-position: -24px -175px;
}
.box-overlay .boxHeader .memberZone{
  top: 0;
  width: 45px;
  position: relative;
  text-align: center;
}
.box-overlay .boxHeader .memberZone .search,
.box-overlay .boxHeader .memberZone .category{
  float: none;
}
.box-overlay .boxContent .description{
  font-size: 1.2rem;
}
.box-overlay .boxContent .logo{
  display: none;
}
.box-overlay .boxContent .authorization .item .icon{
  width: 57px;
  text-align: center;
  float: left;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(../images/icons/authorization.png);
  height: 44px;
  background-position: center 0;
}
.box-overlay .boxContent .authorization .item.email .icon{
  background-position: center -44px;
}
.box-overlay .boxContent .authorization .text{
  margin-left: 57px;
}
.box-overlay .boxContent .authorization .text .detail{
  font-size: 1.2rem;
}
.box-overlay .boxContent .promotion ol li{
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.box-overlay .boxContent .footer{
  text-align: right;
}
.box-overlay .boxContent .footer button{
  display: inline-block;
  vertical-align: top;
}
.box-overlay .searchZone{
  top: 0;
  background: transparent;
  padding: 0;
  position: relative;
  height: 100%;
  min-height: 1170px;
  /*	min-height: 100vh;*/
  overflow-x: hidden;
  overflow-y: auto;
}
/*
.box-overlay .searchZone.category{
	min-height: 550px;
}
*/
.box-overlay .searchZone .container{
  width: 100%;
}
.box-overlay .searchZone .categoryBox{
  display: inline-block;
  background: transparent;
  /*	height: 0;*/
  width: 100%;
  margin: 0;
}
.box-overlay .searchZone .formBox{
  display: inline-block;
  width: 100%;
}
.box-overlay .searchZone .categoryList{
  display: block;
  top: 0;
  position: relative;
  padding: 0;
}
.box-overlay .searchZone .categoryList ul{
  -webkit-transform: translate3d(0,0,0);
}
.box-overlay .searchZone .categoryList li.categorySecond,
.box-overlay .searchZone .categoryList li.categoryThird{
  margin: 0;
}
.box-overlay .searchZone .categoryList .categoryList_first,
.box-overlay .searchZone .categoryList .categoryList_second,
.box-overlay .searchZone .categoryList .categoryList_third{
  border-bottom: 0;
}

.box-overlay .searchZone .search.btn_primary{
  /*	display: none;*/
}
.box-overlay .searchZone .angucomplete-holder{
  /*	margin-top: 50px;*/
  padding: 0 5px;
  box-sizing: border-box;
  /* background: #f6f6f6; */
}
.box-overlay .searchZone .formBox input[type="text"]{
  width: 80%;
  box-sizing: border-box;
}
.box-overlay .searchZone .formBox .angucomplete-dropdown{
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  position: absolute;
  background: #f6f6f6;
  top: 40px;
  left: 0;
  overflow: hidden;
  /* padding-top: 1px; */
}
.box-overlay .searchZone .formBox .angucomplete-image-holder{
  height: 40px;
}
.box-overlay .searchZone .formBox .angucomplete-row{
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.box-overlay .searchZone .formBox .angucomplete-title{
  overflow: hidden;
  text-overflow: ellipsis;
}
.box-overlay .searchZone .formBox .angucomplete-image{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  height: 40px;
  width: 40px;
}
.filterCategory{
  overflow-x: overlay;
  overflow-y: hidden;
  /*	background: white;*/
  /*
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
*/
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.filterCategory .container{
  padding: 0;
}
.filterCategory .category_filter{
  /*white-space: nowrap;*/
  /*min-width: 1800px;*/
  margin: 0;
}
.filterCategory .category_item{
  margin: 0 5px 5px;
  height: 35px;
  line-height: 35px;
  background: #eee;
  float: left;
  position: relative;
  border-radius: 5px;
  color: #333;
  /*width: 19%;*/
  width: calc(50% - 10px);
  /*max-width: 200px;*/
}
.filterCategory .category_item:nth-of-type(n+7){
  display: none;
}
.filterCategory .category_item:hover a{
  text-decoration: none;
}
.filterCategory .category_item.topic{
  /*display: none;*/
  display: inline-block;
  font-size: 1.2rem;
  background: none;
  text-align: center;
  /*	margin: 0;*/
}
.filterCategory .category_item .image{
  width: inherit;
  height: inherit;
}
.filterCategory .category_item .name{
  font-size: 1.2rem;
  /*	text-align: center;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterCategory .category_item a{
  display: block;
  padding: 0 10px 0 5px;
  box-sizing: border-box;
}
.filterCategory .category_item.back{
  text-align: center;
}
.filterCategory .category_moredetail{
  text-align: center;
  height: 35px;
  line-height: 35px;
  background: #eee;
  color: #333;
  width: calc(100% - 10px);
  margin: 0 5px 5px;
  cursor: pointer;
}
.filterCategory .category_icon{
  background-size: 60px 880px;
  width: 30px;
  height: 35px;
  background-position: 0 4px;
}
.filterCategory .category_icon.category_icon_1 {
  /*fashion*/
  background-position: 0px -42px;
}
.filterCategory .category_icon.category_icon_2 {
  /*cosmetic*/
  background-position: 0px -82px;
}
.filterCategory .category_icon.category_icon_3 {
  /*toy*/
  background-position: 0px -122px;
}
.filterCategory .category_icon.category_icon_5 {
  /*souvenir*/
  background-position: 0px -162px;
}
.filterCategory .category_icon.category_icon_4 {
  background-position: 0px -202px;
}
.filterCategory .category_icon.category_icon_6 {
  background-position: 0px -242px;
}
.filterCategory .category_icon.category_icon_7 {
  background-position: 0px -282px;
}
.filterCategory .category_icon.category_icon_8 {
  background-position: 0px -322px;
}
.filterCategory .category_icon.category_icon_9 {
  background-position: 0px -362px;
}
.filterCategory .category_icon.category_icon_10 {
  background-position: 0px -402px;
}
.filterCategory .category_icon.category_icon_11 {
  background-position: 0px -442px;
}
.filterCategory .category_icon.category_icon_31 {
  background-position: 0px -482px;
}
.filterCategory .category_icon.category_icon_289 {
  background-position: 0px -522px;
}
.filterCategory .category_icon.category_icon_393 {
  background-position: 0px -562px;
}
.filterCategory .category_icon.category_icon_443 {
  background-position: 0px -602px;
}
.filterCategory .category_icon.category_icon_418 {
  background-position: 0px -642px;
}
.filterCategory .category_icon.category_icon_463 {
  background-position: 0px -682px;
}
.filterCategory .category_icon.category_icon_12 {
  background-position: 0px -722px;
}
.filterCategory .category_icon.category_icon_484 {
  background-position: 0px -722px;
}
.filterCategory .category_icon.category_icon_recent {
  background-position: 0px -762px;
}
.filterCategory .category_icon.category_icon_follow {
  background-position: 0px -802px;
}
.filterCategory .category_icon.category_icon_home {
  background-position: 0px -842px;
}
.searchTitle {
  position: relative;
  text-align: center;
}
.searchTitle .text{
  width: 100%;
}
.searchTitle .title{
  font-size: 2.2rem;
  padding: 20px 0 10px;
  box-sizing: border-box;
  margin-bottom: 0;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: rsu;
}
.filterCurrents{
  padding-top: 10px;
  margin-bottom: 10px;
}
.filterCurrents .icon i{
  width: 16px;
  height: 16px;
  display: inline-block;
}
.filterCurrents .resultArea{
  float: left;
  padding: 10px 0 0 0;
}
.filterCurrents .filterArea{
  float: left;
  /*	width: 50%;*/
  box-sizing: border-box;
  text-align: center;
  height: 35px;
  line-height: 35px;
  /*	background: white;*/
}
.filterCurrents .statusArea{
  display: none;
  float: left;
  width: calc(100% - 220px);
}
.filterCurrents .filterArea.selected a{
  /*	color: #3553a5;*/
  color: #01B49A;
  border: 1px solid #01B49A;
}
.filterCurrents .sortArea{
  float: right;
  /*	width: 50%;*/
  box-sizing: border-box;
  text-align: center;
  height: 35px;
  line-height: 35px;
  /*	background: white;*/
  /*	border-left: 1px solid #e5e5e5;*/
}
.filterCurrents .sortArea.selected a{
  /*	color: #3553a5;*/
  color: #01B49A;
  border: 1px solid #01B49A;
}
.filterCurrents .icon.filter i{
  //background: url("../images/icon/filter-normal.png") no-repeat;
  margin-right: 3px;
  position: relative;
  //top: 3px;
}
.filterCurrents .icon.sort i{
  //background: url('../images/icons/icon25px.png') no-repeat;
  //background-position: -5px -100px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 5px;
}
.filterCurrents .filterArea.selected .icon.filter i{
  //background: url("../images/icon/filter-active.png") no-repeat;
}
.filterCurrents .sortArea.selected .icon.sort i{
  //background-position: -30px -100px;
}
.filterCurrents .viewArea{
  float: right;
  text-align: center;
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
}
.filterCurrents .text{
  font-size: 1.4rem;
  position: relative;
}
.filterCurrents a{
  color: #999;
  cursor: pointer;
  display: block;
}
.filterCurrents a:hover{
  color: #999;
}
.filterCurrents a.viewMode,
.filterCurrents a.sortMode,
.filterCurrents a.filterMode{
  display: inline-block;
  border: 1px solid #ddd;
  padding: 0 10px;
  box-sizing: border-box;
}
.filterCurrents a.viewMode:hover,
.filterCurrents a.sortMode:hover,
.filterCurrents a.filterMode:hover{
  text-decoration: none;
  background-color: #eee;
}
.filterCurrents a.viewMode.selected{
  color: #01B49A;
  border: 1px solid #01B49A;
  box-sizing: border-box;
}
.filterCurrent{
  width: auto;
  padding: 5px 30px 5px 15px;
  background-color: #ffc3a7;
  border: 1px solid #ffb28d;
  color: #666;
  display: inline-block;
  background-image: url("../images/icon/close.png");
  background-repeat: no-repeat;
  background-position: right 10px top 6px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  -webkit-border-radius: 2px 2px;
  -moz-border-radius: 2px 2px;
  -ms-border-radius: 2px 2px;
  -o-border-radius: 2px 2px;
  border-radius: 2px 2px;
  font-size: 1.2rem;
}
.filterCurrent:hover{
  background-color: #ffb28d;
}
.filterAll{
  margin-right: 20px;
  margin-bottom: 7px;
  position: relative;
}
.filterAll .filterSep{
  position: absolute;
  right: -14px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
.noticeBox,
.noticeBoxSmall,
.warningBox,
.warningBoxSmall{
  font-size: 1.4rem;
  background: #fdffe5;
  border: 1px dashed #ffcb79;
  line-height: 1.6em;
  padding: 10px 20px;
  position: relative;
  margin-bottom: 20px;
  color: #545454;
}
.warningBox,
.warningBoxSmall{
  color: red;
  border-color: red;
  background-color: #fff5f5;
}
.noticeBoxSmall,
.warningBoxSmall{
  font-size: 1.2rem;
  line-height: 1.4em;
  padding: 10px;
  margin: 10px 0 0;
}
.circle-number{
  display: inline-block;
  /*    background: #3553a5;*/
  /*    background: #14cba0;*/
  background: #01B49A;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0px 7px 0px 0px;
  text-align: center;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#lnwImageShow-close{
  border: 1px solid #898989;
  background: #fff url(/images/icons/lnwImageShowClose.png) no-repeat 0 0;
  background-size: 88px 44px;
  width: 44px;
  height: 44px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 3000;
  color: white;
  cursor: pointer;
}
#lnwImageShow-close:hover{
  background-position: -44px 0;
  border: 1px solid #9d9d9d;
}
.canScroll{
  display: none;
  font-size: 1.0rem;
  text-align: center;
  position: relative;
  color: #999;
}
.lnwpay_guarantee{
  margin: 10px 5px 0;
  display: inline-block;
}
.lnwpay_guarantee i{
  background: url(../images/lnwpay_shield_small.png) no-repeat;
  background-size: 21px 24px;
  width: 21px;
  height: 24px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 5px;
}
.mark_message{
  color: #999;
  max-width: 1000px;
  text-align: center;
  margin: 25px auto;
  font-size: 1.2rem;
}
.pagination_footer{
  margin: 20px 0 0;
}
.pagination_footer .show_page{
  font-size: 1.2rem;
  text-align: center;
}
.pagination{
  height: 35px;
  margin: 10px 0;
}
.pagination li a{
  float: left;
  padding: 5px 10px;
  margin: 0 0 10px 10px;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
}
.pagination li.active a{
  /*	background-color: #eef0f8;*/
  background-color: #f0f6f8;
  /*	border: 1px solid #3553a5;*/
  border: 1px solid #01B49A;
}
.social_share{

}
.social_share .imgShare{
  width: 40px;
}
.backtotop{
  position: fixed;
  right: 10px;
  bottom: 20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: rgba(0,0,0,0.3);
  color: white;
  display: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 1.2rem;
  /*	z-index: 5000;*/
  z-index: 1000;
}
.backtotop.high{
  bottom: 70px;
}
.backtotop:hover{
  color: white;
  background-color: rgba(0,0,0,0.4);
  text-decoration: none;
}
.pagePanel{
  position: fixed;
  right: 10px;
  bottom: 20px;
  text-align: right;
  /* width: 100%; */
  display: inline-block;
  z-index: 1000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagePanel.upBackToTop{
  bottom: 60px;
}
.pagePanel.high{
  bottom: 70px;
}
.pagePanel.high.upBackToTop{
  bottom: 110px;
}
.pagePanel a{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 5px;
  cursor: pointer;
  box-shadow: 0px 2px 4px rgba(202, 202, 202, 0.4);
  -webkit-box-shadow: 0px 2px 4px rgba(202, 202, 202, 0.4);
  -moz-box-shadow: 0px 2px 4px rgba(202, 202, 202, 0.4);
}
.pagePanel a i{
  font-size: 1.6rem;
}
.pagePanel .item{
  display: none;
  margin-bottom: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.pagePanel .chat_bg{
  background-color:#85cf2f;
}
.pagePanel .close{
  background-color: rgba(0,0,0,0.3);
  display: none;
}
.pagePanel .close:hover{
  background-color: rgba(0,0,0,0.4);
}
.pagePanel .imgShare{
  width: 35px;
}
.pagePanel .imgProduct{
  width: 40px;
}
.pagePanel .btnSocial{
  margin-bottom: 5px;
  line-height: 38px;
  position: relative;
}
.pagePanel .btnSocial .icon{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-color: white;
  vertical-align: middle;
}
.pagePanel .btnSocial .text{
  color: white!important;
  display: inline-block;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 50px;
  box-shadow: 2px 2px 3px rgba(0,0,0,.1);
  line-height: 20px;
}
.pagePanel .social-facebook{
  background-color: #0084FF;
}
.pagePanel .social-facebook .icon{
  -webkit-mask-image: url('../images/icon/social-svg/messenger.svg');
  mask-image: url('../images/icon/social-svg/messenger.svg');
}
.pagePanel .social-line{
  background-color: #00C300;
}
.pagePanel .social-line .icon{
  -webkit-mask-image: url('../images/icon/social-svg/line.svg');
  mask-image: url('../images/icon/social-svg/line.svg');
}
.pagePanel .social-mobile{
  background-color: #00a2ff;
}
.pagePanel .social-mobile .icon{
  background-image: url('../images/icon/telephone.png');
  background-repeat: no-repeat;
  background-color: transparent;
}
.adminPanel{
  position: fixed;
  right: 10px;
  top: 140px;
  text-align: right;
  /* width: 100%; */
  display: inline-block;
  z-index: 1000;
}
.adminPanel .item a{
  display: block;
  cursor: pointer;
  margin-bottom: 5px;
}
.adminPanel .item a:hover,
.adminPanel .item a:active{
  text-decoration: none;
}
.adminPanel .icon{
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.adminPanel .icon i{
  font-size: 1.6rem;
}
.adminPanel .text{
  display: none;
  vertical-align: middle;
  color: #ffffff;
  background: rgba(0, 0, 0, .5);
  padding: 5px 10px;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.front_cover{
  overflow-y: hidden;
  overflow-x: auto;
  line-height: 0;
}
.front_cover .container{
  padding: 0;
}
.front_cover img{
  max-height: 150px;
}
.shadowHilight{
  box-shadow: 3px 3px 4px 0 rgba(51,51,51,.3);
}
.select_box{
  display: inline-block;
  line-height: 26px;
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*---------------------------Xmas Light--------------------------*/
.lightrope_wrapper {
  position: relative;
  width: 100%;
  height: 0;
  z-index: 100;
}
.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  margin-top: -15px;
  margin-left: -1%;
  padding: 0;
  pointer-events: none;
  width: 102%;
  zoom:0.5;
}
.lightrope li{
  position: relative;
  animation-fill-mode: both;
  animation-iteration-count:infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width: 12px;
  height: 28px;
  border-radius: 50%;
  margin: 20px;
  display: inline-block;
  background: rgba(0,247,165,1);
  box-shadow: 0px 5px 24px 3px rgba(0,247,165,1);
  animation-name: flash-1-1;
  animation-duration: 2s;
}
.lightrope li:nth-child(2n+1) {
  background: rgba(0,255,255,1);
  box-shadow: 0px 5px 24px 3px rgba(0,255,255,0.5);
  animation-name: flash-1-2;
  animation-duration: 0.4s;
}
.lightrope li:nth-child(4n+2) {
  background: rgba(255,149,213,1);
  box-shadow: 0px 5px 24px 3px rgba(255,149,213,1);
  animation-name: flash-1-3;
  animation-duration: 1.1s;
}
.lightrope li:nth-child(odd) {
  animation-duration: 1.8s;
}
.lightrope li:nth-child(3n+1) {
  animation-duration: 1.4s;
}
.lightrope li::before {
  content: "";
  position: absolute;
  background: #777;
  width: 10px;
  height: 9px;
  border-radius: 3px;
  top: -5px;
  left: 1px;
}
.lightrope li::after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 53px;
  height: 18px;
  border-bottom: solid rgba(0,0,0,0.2) 1px;
  border-radius: 50%;
}
.lightrope li:last-child::after {
  content: none;
}
.lightrope li:first-child {
  margin-left: -40px;
}

.lightrope.lightrope_c1 li{
  background: rgba(0,247,165,1);
  box-shadow: 0px 5px 24px 3px rgba(0,247,165,1);
  animation-name: flash-1-1;
}
.lightrope.lightrope_c1 li:nth-child(2n+1) {
  background: rgba(0,255,255,1);
  box-shadow: 0px 5px 24px 3px rgba(0,255,255,0.5);
  animation-name: flash-1-2;
}
.lightrope.lightrope_c1 li:nth-child(4n+2) {
  background: rgba(247,0,148,1);
  box-shadow: 0px 5px 24px 3px rgba(247,0,148,1);
  animation-name: flash-1-3;
}
@keyframes flash-1-1 {
  0%, 100% { background: rgba(0,247,165,1);
    box-shadow: 0px 5px 24px 3px rgba(0,247,165,1);}
  50% { background: rgba(0,247,165,0.4);
    box-shadow: 0px 5px 24px 3px rgba(0,247,165,0.2);}
}
@keyframes flash-1-2 {
  0%, 100% { background: rgba(0,255,255,1);
    box-shadow: 0px 5px 24px 3px rgba(0,255,255,1);}
  50% { background: rgba(0,255,255,0.4);
    box-shadow: 0px 5px 24px 3px rgba(0,255,255,0.2);}
}
@keyframes flash-1-3 {
  0%, 100% { background: rgba(255,149,213,1);
    box-shadow: 0px 5px 24px 3px rgba(255,149,213,1);}
  50% { background: rgba(255,149,213,0.4);
    box-shadow: 0px 5px 24px 3px rgba(255,149,213,0.2);}
}

.lightrope.lightrope_c2 li{
  background: rgba(255,82,82,1);
  box-shadow: 0px 5px 24px 3px rgba(255,82,82,1);
  animation-name: flash-2-1;
}
.lightrope.lightrope_c2 li:nth-child(2n+1) {
  background: rgba(68,138,255,1);
  box-shadow: 0px 5px 24px 3px rgba(68,138,255,0.5);
  animation-name: flash-2-2;
}
.lightrope.lightrope_c2 li:nth-child(4n+2) {
  background: rgba(0,230,118,1);
  box-shadow: 0px 5px 24px 3px rgba(0,230,118,1);
  animation-name: flash-2-3;
}
.lightrope.lightrope_c2 li:nth-child(5n+3) {
  background: rgba(255,234,0,1);
  box-shadow: 0px 5px 24px 3px rgba(255,234,0,1);
  animation-name: flash-2-4;
}
@keyframes flash-2-1 {
  0%, 100% { background: rgba(255,82,82,1);
    box-shadow: 0px 5px 24px 3px rgba(255,82,82,1);}
  50% { background: rgba(255,82,82,0.4);
    box-shadow: 0px 5px 24px 3px rgba(255,82,82,0.2);}
}
@keyframes flash-2-2 {
  0%, 100% { background: rgba(68,138,255,1);
    box-shadow: 0px 5px 24px 3px rgba(68,138,255,1);}
  50% { background: rgba(68,138,255,0.4);
    box-shadow: 0px 5px 24px 3px rgba(68,138,255,0.2);}
}
@keyframes flash-2-3 {
  0%, 100% { background: rgba(0,230,118,1);
    box-shadow: 0px 5px 24px 3px rgba(0,230,118,1);}
  50% { background: rgba(0,230,118,0.4);
    box-shadow: 0px 5px 24px 3px rgba(0,230,118,0.2);}
}
@keyframes flash-2-4 {
  0%, 100% { background: rgba(255,234,0,1);
    box-shadow: 0px 5px 24px 3px rgba(255,234,0,1);}
  50% { background: rgba(255,234,0,0.4);
    box-shadow: 0px 5px 24px 3px rgba(255,234,0,0.2);}
}

.lightrope.lightrope_c3 li{
  background: rgba(255,247,153,1);
  box-shadow: 0px 5px 24px 3px rgba(255,223,124,1);
  animation-name: flash-3-1;
}
.lightrope.lightrope_c3 li:nth-child(2n+1) {
  background: rgba(255,247,153,1);
  box-shadow: 0px 5px 24px 3px rgba(255,223,124,0.5);
  animation-name: flash-3-2;
}
.lightrope.lightrope_c3 li:nth-child(4n+2) {
  background: rgba(255,247,153,1);
  box-shadow: 0px 5px 24px 3px rgba(255,223,124,1);
  animation-name: flash-3-3;
}
@keyframes flash-3-1 {
  0%, 100% { background: rgba(255,247,153,1);
    box-shadow: 0px 5px 24px 3px rgba(255,223,124,1);}
  50% { background: rgba(255,247,153,0.4);
    box-shadow: 0px 5px 24px 3px rgba(255,223,124,0.2);}
}
@keyframes flash-3-2 {
  0%, 100% { background: rgba(255,247,153,1);
    box-shadow: 0px 5px 24px 3px rgba(255,223,124,1);}
  50% { background: rgba(255,247,153,0.4);
    box-shadow: 0px 5px 24px 3px rgba(255,223,124,0.2);}
}
@keyframes flash-3-3 {
  0%, 100% { background: rgba(255,247,153,1);
    box-shadow: 0px 5px 24px 3px rgba(255,223,124,1);}
  50% { background: rgba(255,247,153,0.4);
    box-shadow: 0px 5px 24px 3px rgba(255,223,124,0.2);}
}
/*----------------------------------------------------*/

/******* adSlick ************/
.adsSlick{
  margin-bottom: 0 !important;
}
.adsSlick .slick-list{
  padding: 0 !important;
}
.adsLeftSlick{
  display: none !important;
  background-color: #fff;
}
.adsLeftSlick .top-arrow{
  margin: auto;
}
.adsLeftSlick .down-arrow{
  margin: auto;
}
.adsLeftSlick .item{
  height: 53px;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
  /*border-top: 1px solid #e5e5e5;*/
  border-bottom: 1px solid #e5e5e5;
  background: white;
}
.adsLeftSlick .item:first-of-type{
  border-top: 0;
}
.adsLeftSlick .item:nth-child(4){
  border-bottom: 0;
}
.adsLeftSlick .item.slick-current{
  background: #01B49A;
  color: white;
}
.adsLeftSlick .item.slick-current .detail{
  color: white;
}
.adsLeftSlick .item .title{
  font-size: 1.8rem;
}
.adsLeftSlick .item .detail{
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adsLeftSlick .item:focus{
  outline: none;
}
.adsRightSlick{
  max-height: 300px;
  overflow: hidden;
}
.adsRightSlick .bg a{
  width: auto;
  height: 296px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.adsRightSlick .bg.happymall a{
  background-image: url('../images/collection/happymall/banner.jpg');
}
.adsRightSlick .bg.ktc a{
  background-image: url('../images/special/promotion2559/ktc_cover2_1200.jpg');
  background-size: cover;
  background-color: #e8e8e8;
}
.adsRightSlick .bg.kingbhumibol a{
  background-image: url('../images/collection/kingbhumibol/king_banner_resized.jpg');
}
.adsRightSlick .bg.about1_bg a{
  background-image: url('../images/page/about/bg1.jpg');
  color: white;
  text-align: center;
  font-size: 3.0rem;
  padding-top: 130px;
  font-family: 'rsulight';
  box-sizing: border-box;
}
.adsRightSlick .bg.pink_is_all_around a{
  background-image: url('../images/banner/hilight/pink_is_all_around.jpg');
  background-position: left center;
}
.adsRightSlick .bg.summersale a{
  background-image: url('../images/special/summersale/banner_summersunshine.jpg');
  background-position: center center;
}
.adsRightSlick .bg.happytravel a{
  background-image: url('../images/special/happytravel/banner_happytravel.jpg');
  background-position: center center;
}
.adsRightSlick .bg.thanksweeks a{
  background-image: url('../images/special/thanksweeks/banner_promotion.jpg');
  background-position: center center;
}
.adsRightSlick .bg.allthai a{
  background-image: url('../images/special/allthai/home_promotion.jpg?r=2');
  background-position: center center;
}
.adsRightSlick .bg.megasale17 a{
  background-image: url('../images/special/megasale17/banner_promotion.jpg');
  background-position: center center;
}
.adsRightSlick .bg.giftformom2017 a{
  background-image: url('../images/special/giftformom2017/banner_promotion.jpg');
  background-position: center center;
}
.adsRightSlick .bg.smesgoonline17 a{
  background-image: url('../images/special/smesgoonline17/banner_promotion.jpg');
  background-position: center center;
}
.adsRightSlick .bg.happytravel a:hover{
  /*-webkit-animation: bgScrolldown 2000ms linear both;*/
  /*animation: bgScrolldown 2000ms linear both;*/
}
/*.adsRightSlick .bg.happytravel a{*/
/*background-image: url('../images/special/happytravel/home_happytravel.jpg');*/
/*background-position: top center;*/
/*-webkit-animation: bgScrolldown 10000ms linear both infinite;*/
/*animation: bgScrolldown 10000ms linear both infinite;*/
/*}*/
/*.adsRightSlick .bg.happytravel a:hover{*/
/*-webkit-animation-play-state: paused;*/
/*animation-play-state: paused;*/
/*}*/
@keyframes bgScrolldown {
  from {
    background-position: top center;
  }
  to {
    background-position: bottom center;
  }
  /*0%{*/
  /*background-position: top center;*/
  /*}*/
  /*50%{*/
  /*background-position: bottom center;*/
  /*}*/
  /*100%{*/
  /*background-position: top center;*/
  /*}*/
}
@-webkit-keyframes bgScrolldown {
  from {
    background-position: top center;
  }
  to {
    background-position: bottom center;
  }
}
.adsRightSlick .bg.lnwscb a{
  background-image: url('../images/special/megasale17/banner_scb.jpg');
  background-position: center center;
  background-color: #2c0556;
  background-size: contain;
}
.adsRightSlick .bg.lnwktc a{
  background-image: url('../images/special/summersale/banner_ktc.jpg');
  background-position: center center;
  background-color: #cf3571;
  background-size: contain;
}
.adsRightSlick .bg.lnwktc_withcode a{
  background-image: url('../images/special/summersale/banner_ktc.jpg');
  background-position: center center;
  background-color: #cf3571;
  background-size: contain;
}
.adsRightSlick .bg.lnwtrueyou a{
  background-image: url('../images/special/happytravel/banner_true.jpg');
  background-position: center center;
  background-color: #e1141b;
  background-size: contain;
}
.adsRightSlick .bg.lnwktcx5 a{
  background-image: url('../images/special/summersale/banner_ktc5.jpg');
  background-position: center center;
  background-color: #cf3571;
  background-size: contain;
}
.adsRightSlick .slick-prev{
  left: 5px;
  z-index: 1;
}
.adsRightSlick .slick-next{
  right: 25px;
  z-index: 1;
}
.adsRightSlick .slick-prev:before,
.adsRightSlick .slick-next:before{
  font-size: 4.0rem;
  color: #777;
}
.adsRightSlick .slick-dots{
  margin-bottom: 0;
  bottom: 0;
}


/******* vex Dialog *********/
.vex{
  z-index: 5000;
}
.vex.vex-theme-default .vex-dialog-button{
  letter-spacing: 0;
}
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary{
  background: #ff664e;
}

@media (min-width: 400px) {
  .front_cover img{
    max-height: 180px;
  }
  /*
	.gallery_container .image_zone .image_area{
		width: 170px;
		height: 170px;
	}
*/
}

@media (min-width: 550px) {
  .zeroState .zeroPic{
    background-size: auto;
  }
  .zeroState.nosearch .zeroPic{
    width: 350px;
    height: 350px;
    background-position:center -1630px;
  }
  .zeroState.cartWidget .zeroPic{
    width: 330px;
    height: 330px;
    background-position: center -1175px;
  }
  .zeroState.page404 .zeroPic{
    width: 350px;
    height: 350px;
    background-position:center -2000px;
  }
  .gallery_container .image_zone .image_block{
    //width: 33.333333%;
    width: 20%;
  }
  .front_cover img{
    max-height: 200px;
  }
  .adsRightSlick .bg.happytravel a{
    background-image: url('../images/special/happytravel/home_happytravel.jpg');
    background-size: cover;
  }
  .adsRightSlick .bg.thanksweeks a{
    background-image: url('../images/special/thanksweeks/home_promotion.jpg');
    background-size: cover;
  }
  .adsRightSlick .bg.allthai a{
    background-image: url('../images/special/allthai/home_promotion.jpg');
    background-size: cover;
  }
  .adsRightSlick .bg.megasale17 a{
    background-image: url('../images/special/megasale17/home_promotion.jpg');
    background-size: cover;
  }
  .adsRightSlick .bg.giftformom2017 a{
    background-image: url('../images/special/giftformom2017/home_promotion.jpg');
    background-size: cover;
  }
  .adsRightSlick .bg.smesgoonline17 a{
    background-image: url('../images/special/smesgoonline17/home_promotion.jpg');
    background-size: cover;
  }
}
@media (min-width: 750px) {
  .blueTag{
    font-size: 1.5rem;
  }
  .redTag{
    font-size: 1.5rem;
  }
  .yellowTag{
    font-size: 1.5rem;
  }
  .customTag{
    padding: 5px 10px;
    font-size: 1.4rem;
  }
  .show_page_section{
    text-align: right;
    padding-right: 20px;
    line-height: 30px;
  }
  .modal-open .bodyZone{
    position: relative;
  }
  .box-modal.coupon .box-overlay{
    height: 440px;
    position: fixed;
    max-width: 892px;
  }
  .box-modal.login .box-overlay,
  .box-modal.select .box-overlay{
    height: 550px;
    position: fixed;
    max-width: 750px;
  }
  .box-modal.login .box-overlay .boxHeader{
    display: none;
  }
  .box-modal.login .loginZone .loginBody{
    top: 50px;
  }
  .box-modal.join .box-overlay{
    height: 480px;
    position: fixed;
    max-width: 750px;
  }
  .box-modal.join.unjoin .box-overlay{
    max-width: 550px;
    height: 290px;
  }
  .box-modal.join .box-overlay .boxContent{
    padding: 20px;
  }
  .box-modal.sort{
    overflow: visible;
  }
  .box-modal.sort .box-overlay{
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: 150px;
    height: auto;
  }
  .box-modal.sort .box-overlay .boxHeader{
    display: none;
  }
  .box-modal.filter .box-overlay{
    position: fixed;
    max-width: 350px;
  }
  .box-modal.contact .box-overlay{
    height: 450px;
    position: fixed;
    max-width: 550px;
  }
  .box-modal.contact .formZone .formArea{
    width: 100%;
  }
  .box-overlay .boxContent .logo{
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .box-overlay .boxContent .promotion ol li{
    padding-left: 40px;
  }
  .searchTitle .title{
    font-size: 3.0rem;
    padding: 40px 0 20px;
  }
  .filterCurrents .filterArea{
    background: none;
    width: auto;
    padding-right: 20px;
  }
  .filterCurrents .sortArea{
    background: none;
    width: auto;
    border: 0;
  }
  .filterCurrents .statusArea{
    display: inline-block;
    position: relative;
    top: 3px;
    margin-top: 10px;
  }
  .filterCategory{
    background: none;
    border: 0;
  }
  .filterCategory .category_item{
    width: 19%;
    max-width: 200px;
  }
  .filterCategory .category_item.topic{
    display: inline-block;
    font-weight: bold;
  }
  .filterCategory .category_item:nth-of-type(n+7){
    display: inline-block;
  }
  .filterCategory .category_moredetail{
    display: none;
  }
  .box-overlay .searchZone{
    min-height: 100vh;
  }
  .gallery_container .image_zone .image_block{
    //width: 25%;
    width: 20%;
  }
  .front_cover{
    overflow: visible;
  }
  .front_cover img{
    max-height: none;
    max-width: 100%;
    height: auto;
  }
  .adsLeftSlick{
    display: block !important;
  }
  .adsRightSlick .bg.ktc a{
    background-size: contain;
  }
  .adsRightSlick .bg.summersale a{
    background-image: url('../images/special/summersale/home_promotion.jpg');
  }
  .adsRightSlick .bg.lnwktc a{
    background-image: url('../images/special/summersale/home_ktc.jpg');
  }
  .adsRightSlick .bg.lnwktc_withcode a{
    background-image: url('../images/special/summersale/home_ktc_withcode.jpg');
  }
  .adsRightSlick .bg.lnwtrueyou a{
    background-image: url('../images/special/happytravel/home_true.jpg');
  }
  .adsRightSlick .bg.lnwktcx5 a{
    background-image: url('../images/special/summersale/home_ktc5.jpg');
  }
  /*
	.gallery_container .image_zone .image_area{
		width: 160px;
		height: 160px;
	}
*/
}
@media (min-width: 1000px) {
  a:hover .category_icon{
    background-position: 0px 4px;
  }
  li.categorySecond a:hover .category_icon,
  li.categoryThird a:hover .category_icon{
    background-position: 0px 8px;
  }
  a:hover .category_icon_1 {
    /*fashion*/
    background-position: -45px -60px;
  }
  a:hover .category_icon_2 {
    /*cosmetic*/
    background-position: -45px -120px;
  }
  a:hover .category_icon_3 {
    /*toy*/
    background-position: -45px -180px;
  }
  a:hover .category_icon_5 {
    /*souvenir*/
    background-position: -45px -240px;
  }
  a:hover .category_icon_4 {
    background-position: -45px -300px;
  }
  a:hover .category_icon_6 {
    background-position: -45px -360px;
  }
  a:hover .category_icon_7 {
    background-position: -45px -420px;
  }
  a:hover .category_icon_8 {
    background-position: -45px -480px;
  }
  a:hover .category_icon_9 {
    background-position: -45px -540px;
  }
  a:hover .category_icon_10 {
    background-position: -45px -600px;
  }
  a:hover .category_icon_11 {
    background-position: -45px -660px;
  }
  a:hover .category_icon_31 {
    background-position: -45px -720px;
  }
  a:hover .category_icon_289 {
    background-position: -45px -780px;
  }
  a:hover .category_icon_393 {
    background-position: -45px -840px;
  }
  a:hover .category_icon_443 {
    background-position: -45px -900px;
  }
  a:hover .category_icon_418 {
    background-position: -45px -960px;
  }
  a:hover .category_icon_463 {
    background-position: -45px -1020px;
  }
  a:hover .category_icon_12 {
    background-position: -45px -1080px;
  }
  a:hover .category_icon_484 {
    background-position: -45px -1080px;
  }
  a:hover .category_icon_recent {
    background-position: -45px -1140px;
  }
  a:hover .category_icon_follow {
    background-position: -45px -1200px;
  }
  a:hover .category_icon_home {
    background-position: -45px -1260px;
  }
  a:hover .category_icon_home{
    background-position: -45px -1260px;
  }
  .product_nav ul{
    width: 100%;
  }
  .product_nav ul li{
    display: inline-block;
    padding: 0 10px;
    max-width: 150px;
  }
  .product_nav ul li:first-child::after{
    display: none;
  }
  .product_nav ul li.active{
    display: inline-block;
    border-bottom: 4px solid white;
  }
  .product_nav ul li a{
    width: auto;
  }
  .product_nav_list{
    display: inline-block;
  }
  .product_nav .memberZone .product_price{
    display: none;
  }
  .product_nav .memberZone .separate{
    display: none;
  }
  .product_nav #miniCart{
    right: 300px;
  }
  .product_nav #linkSearch{
    display: none;
  }
  .quantityButton .notice{
    top: 3px;
  }
  .filterCategory .category_filter{
    min-width: 0;
  }
  .filterCategory .category_item{
    max-width: none;
  }
  .filterCategory .category_item:hover{
    background: #ddd;
  }
  .filterCategory .category_item.topic:hover{
    background: transparent;
  }
  .quantityButton .remove i{
    font-size: 1.5em;
  }
  #lnwImageShow-close{
    background-size: 132px 66px;
    width: 66px;
    height: 66px;
    right: 20px;
  }
  #lnwImageShow-close:hover{
    background-position: -66px 0;
  }
  .canScroll{
    display: none;
  }
  .backtotop{
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
    //right: 20px;
    right: 80px;
  }
  .pagePanel{
    bottom: 20px;
    //right: 20px;
    right: 80px;
  }
  .pagePanel.upBackToTop{
    bottom: 70px;
  }
  .pagePanel a{
    width: 50px;
    height: 50px;
    line-height: 52px;
  }
  .pagePanel a i{
    font-size: 2.0rem;
  }
  .pagePanel .imgShare{
    width: 45px;
  }
  .pagePanel .imgProduct{
    width: 50px;
  }
  .pagePanel .btnSocial{
    line-height: 48px;
  }
  .pagePanel .btnSocial .icon{
    width: 25px;
    height: 25px;
  }
  .pagePanel .btnSocial .text{
    font-size: 14px;
    top: 10px;
    right: 60px;
    line-height: 20px;
  }
  .adminPanel{
    top: 180px;
    right: 20px;
  }
  .adminPanel .icon{
    width: 50px;
    height: 50px;
    line-height: 54px;
  }
  .adminPanel .icon i{
    font-size: 2.0rem;
  }
  .adminPanel .text{
    display: inline-block;
  }
  .pagination li a:hover{
    text-decoration: underline;
  }
  /*
	.category_icon{
		display: none;
	}
*/
}
@media (min-width: 1200px) {
  .product_nav #miniCart{
    right: 370px;
  }
  .gallery_container .image_zone .image_block{
    //width: 20%;
    width: 12.5%;
  }
  /*
	.gallery_container .image_zone .image_area{
		width: 150px;
		height: 150px;
	}
*/
}

/* menuArea
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menuArea{
  box-sizing: border-box;
}
.menuArea .menuAreaHeight{
  height: 50px;
  /*	background-color: #324266;*/
  /*	background-color: #3553a5;*/
  background: #ffffff url('../images/bg_header.png') repeat-x center -20px;
}
.menuArea .searchZone{
  position: relative;
  top: 0;
  /*
	box-shadow: 0px 2px 4px rgba(202, 202, 202, 0.4);
	-webkit-box-shadow: 0px 2px 4px rgba(202, 202, 202, 0.4);
	-moz-box-shadow: 0px 2px 4px rgba(202, 202, 202, 0.4);
*/
  z-index: 99;
  background: transparent;
}
.menuArea .searchZone .topMenu.fixed{
  position: fixed;
  z-index: 10000;
}
.menuArea .searchZone .logoLnwPay{
  position: absolute;
  top: 30px;
  left: 0;
  display: none;
}
.menuArea .searchZone .memberZone{
  position: absolute;
  top: 15px;
  right: 0;
}
.menuArea .searchZone .categoryBox{
  text-align: center;
}
.menuArea .searchZone a.categoryLink.selected{
  /*	color: #3553a5;*/
  color: #01B49A;
}
.menuArea .searchZone a.categoryLink.selected .icon{
  background-position: -25px -100px;
}
.menuArea .memberZone .search{
  padding-left: 5px;
}
.menuArea .searchZone .categoryBox a.categoryLink{
  color: #6c6c6c;
}
.menuArea .searchZone .arrow_down .icon{
  background-position: -75px -100px;
}
.menuArea .memberZone .cart .icon{
  background-position: -75px -150px;
}
.menuArea .topMenu.fixed .memberZone .cart .icon{
  background-position: -50px -150px;
}
.menuArea #miniCart .cartShow .text{
  color: #6c6c6c;
}
.menuArea .memberZone .category .icon{
  background-position: -75px -176px;
}
.menuArea .topMenu.fixed .memberZone .category .icon{
  background-position: -50px -176px;
}
.menuArea #linkCategory .category .text{
  color: #545454;
}
.menuArea .topMenu.fixed #linkCategory .category .text{
  color: white;
}
.menuArea .topMenu.fixed #linkSearch .search .text{
  color: white;
}
.menuArea .searchZone .search .icon{
  background-position: -75px -75px;
}

.menuArea .searchZone .topMenu.fixed .search .icon{
  background-position: -50px -75px;
}
#miniCoupon{
  position: absolute;
  top: -4px;
  right: 100px;
  width: auto;
  color: white;
}
#miniCoupon .coupon_card{
  width: 80px;
}
#miniCoupon .coupon_card .coupon_left{
  width: 20px;
}
#miniCoupon .coupon_card .coupon_right{
  width: 60px;
}
#miniCoupon .couponPreview{
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 2019;
  background-color: white;
  border: 1px solid #dcdcdc;
  width: 290px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#miniCoupon.hover .couponPreview{
  display: block;
}

#miniCoupon .couponPreview .title {
  /*color: #05c1ff;*/
  /*color: #ff6611;*/
  color: #1768a0;
  display: block;
  padding: 10px;
  font-weight: normal;
  text-align: left;
  font-weight: bold;
}
#miniCoupon .couponPreview .coupon_footer{
  /*border-top: 1px solid #fa6887;*/
  color: #545454;
  padding: 10px;
  font-size: 12px;
  text-align: left;
}


@media (min-width: 750px) {
  .menuArea .searchZone .logoLnwPay,
  .menuArea .searchZone .memberZone{
    display: inline-block;
  }
  .menuArea .menuAreaHeight{
    height: 80px;
  }
  .menuArea .searchZone .memberZone{
    top: 30px;
  }
  .menuArea .searchZone .search .icon{
    background-position: -50px -75px;
  }
  #miniCoupon{
    right: 60px;
  }
}

@media (min-width: 1000px) {
  #miniCoupon{
    right: 100px;
  }
}

/* menuArea - menuZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menuZone{
  height: 55px;
  box-sizing: border-box;
}
.menuZone .container{
  width: 100%;
  padding: 0;
  height: inherit;
}
.menuZone .container .row{
  height: inherit;
}
.menuZone .menuList{
  margin-bottom: 0;
  height: inherit;
}
.menuZone .menuList .icon{
  background: url('../images/icons/icon25px.png') no-repeat;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.menuZone .menuList .text{
  display: inline-block;
}
.menuZone .menuList li{
  margin-bottom: 0;
  cursor: pointer;
  height: inherit;
  line-height: 55px;
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
}
.menuZone .menuList li:hover{
  /*	background: rgba(229, 229, 229, 0.2);*/
  background: #f6f6f6;
}
.menuZone .menuList li.category{
  padding: 0;
  width: 140px;
}
.menuZone .menuList li.category .text{
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  padding-left: 5px;
  width: 70%;
}
.menuZone .menuList li.category .icon{
  background-position: 0 -100px;
  top: 1px;
  left: -3px;
}
.menuZone .menuList li.category.selected{
  /*	color: #3553a5;*/
  color: #01B49A;
}
.menuZone .menuList li.category.selected .icon{
  background-position: -25px -100px;
}
.menuZone .menuList li.search_text{
  padding: 0;
  width: 40%;
  width: calc(100% - 190px);
}
.menuZone .menuList li.search_text input{
  color: #545454;
  border: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.menuZone .menuList li.search_submit{
  padding: 0;
  width: 50px;
}
.menuZone .menuList li.search_submit button{
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
.menuZone .menuList li.search_submit .icon{
  background-position: -25px -75px;
}
.menuZone .menuList li.signin,
.menuZone .menuList li.signup,
.menuZone .menuList li.help{
  display: none;
}
.menuZone .menuList li.signin .icon{
  background-position: 0 0;
  top: -2px;
}
.menuZone .menuList li.signup .icon{
  background-position: 0 -25px;
  top: -2px;
}
.menuZone .menuList li.help .icon{
  background-position: 0 -50px;
  top: -2px;
}
@media (min-width: 1000px) {
  .menuZone .menuList li.search_text{
    width: calc(100% - 190px - 125px);
  }
  .menuZone .menuList li.signin,
  .menuZone .menuList li.signup,
  .menuZone .menuList li.help{
    width: 125px;
    display: inline-block;
    float: right;
    text-align: center;
  }
  .menuZone .menuList li.search_submit.bdRight{
    border-right: 0;
  }
}
/* menuArea - breadcrumbZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.breadcrumbZone{
  font-size: 1.2rem;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  /*	color: #859bd5;*/
  /*	background-color: #eef0f8;*/
  /*	background-color: #f6f6f6;*/
  background-color: #f0f6f8;
}
.breadcrumbZone .container{
  padding: 0;
  width: 100%;
}
.breadcrumbZone .bcList{
  overflow-x: overlay;
  white-space: nowrap;
  padding: 0 10px;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.breadcrumbZone .bcList li{
  display: inline;
}
.breadcrumbZone .bcList li a{
  /*	color: #859bd5;*/
  color: #333;
}
.breadcrumbZone .bcList li.arrow_right{
  font-size: 1.0rem;
  margin: 0 5px;
}
@media (min-width: 1000px) {
  .breadcrumbZone .bcList{
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 1200px) {
  .breadcrumbZone .bcList{
    padding: 0;
  }
}
/* menuArea - menuCartZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menuCartZone{
  /*	height: 70px;*/
  /*	box-shadow: 0 0 10px rgba(0,0,0,.3);*/
  height: 50px;
  position: relative;
}
.menuCartZone .container{
  max-width: 1000px;
}
.menuCartZone .logo{
  /*
	float: left;
	position: absolute;
*/
  position: relative;
  top: 18px;
  z-index: 1;
  text-align: left;
  width: 90px;
}
.menuCartZone .logo img{
  width: 100px;
}
.menuCartZone .login{
  position: absolute;
  top: 18px;
  right: 5px;
  font-size: 1.2rem;
  width: calc(100% - 120px);
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menuCartZone .status_step_container{
  position: relative;
  top: 10px;
  text-align: right;
}
.menuCartZone .status_step{
  width: 100%;
  /*	max-width: 32.33%;*/
  max-width: 20%;
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: top;
}
.menuCartZone .status_step .status_img_border{
  background: #eef0f8;
  /*	background: white;*/
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  padding: 10px;
  /*	margin-bottom: 5px;*/
  border: 3px solid #9d9d9d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.menuCartZone .status_step .status_img{
  background: url('../images/icons/icon30_cartstep.png') no-repeat;
  background-position: 0 0;
  background-size: 40px 60px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -7px;
  left: -6px;
}
.menuCartZone .status_step.cart_step .status_img{
  background-position: 0 0;
}
.menuCartZone .status_step.payment_step .status_img{
  background-position: 0 -20px;
}
.menuCartZone .status_step.complete_step .status_img{
  background-position: 0 -40px;
}
.menuCartZone .status_step .status_line{
  width: 100%;
  height: 3px;
  position: absolute;
  z-index: 1;
  left: -50%;
  top: 18px;
  background: #9d9d9d;
}
.menuCartZone .status_step .status_text{
  color: #9d9d9d;
  font-size: 1.2rem;
}
.menuCartZone .status_step.pastStep .status_img_border{
  /*	border-color: #3553a5;*/
  border-color: #01B49A;
  /*	background: #eef0f8;*/
  background: #f0f6f8;
}
.menuCartZone .status_step.cart_step.pastStep .status_img{
  background-position: -20px 0;
}
.menuCartZone .status_step.payment_step.pastStep .status_img{
  background-position: -20px -20px;
}
.menuCartZone .status_step.complete_step.pastStep .status_img{
  background-position: -20px -40px;
}
.menuCartZone .status_step.pastStep .status_line{
  /*	background: #3553a5;*/
  background: #01B49A;
}
.menuCartZone .status_step.pastStep .status_text{
  /*	color: #3553a5;*/
  color: #01B49A;
}
@media (min-width: 550px) {
  .menuCartZone .logo img{
    /*		width: 120px;*/
  }
  .menuCartZone .status_step{
    max-width: 135px;
  }
}
@media (min-width: 1000px) {
  .menuCartZone{
    height: 80px;
  }
  .menuCartZone .logo{
    top: 28px;
    width: 100%;
  }
  .menuCartZone .logo img{
    width: 140px;
  }
  .menuCartZone .login{
    position: relative;
    top: 2px;
    right: 0;
    margin: 0 0 0 auto;
    width: 50%;
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .menuCartZone .status_step_container{
    top: 15px;
  }
  .menuCartZone .status_step .status_img_border{
    width: 50px;
    height: 50px;
  }
  .menuCartZone .status_step .status_img{
    background-size: 60px 90px;
    width: 30px;
    height: 30px;
    top: -1px;
    left: -3px;
  }
  .menuCartZone .status_step.cart_step .status_img{
    background-position: 0 0;
  }
  .menuCartZone .status_step.payment_step .status_img{
    background-position: 0 -30px;
  }
  .menuCartZone .status_step.complete_step .status_img{
    background-position: 0 -60px;
  }
  .menuCartZone .status_step .status_line{
    top: 23px;
  }
  .menuCartZone .status_step.cart_step.pastStep .status_img{
    background-position: -30px 0;
  }
  .menuCartZone .status_step.payment_step.pastStep .status_img{
    background-position: -30px -30px;
  }
  .menuCartZone .status_step.complete_step.pastStep .status_img{
    background-position: -30px -60px;
  }
  .menuCartZone .status_step .status_text{
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {

}

/* menuArea - menuHelpZone & breadcrumbHelpZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menuHelpZone{
  height: 70px;
  position: relative;
  padding: 30px 0 10px;
}
.menuHelpZone .container{
  max-width: 1000px;
}
.menuHelpZone h1{
  font-size: 2.6rem;
  margin-bottom: 1rem;
}
.menuHelpZone h2{
  font-size: 2.0rem;
  margin-bottom: 1rem;
}
.breadcrumbHelpZone .breadcrumbZone .container{
  max-width: 1000px;
}
.breadcrumbHelpZone.seller .breadcrumbZone{
  background: #f6f6f6;
}
@media (min-width: 1000px) {
  .menuHelpZone h1{
    font-size: 3.4rem;
  }
  .menuHelpZone h2{
    font-size: 2.4rem;
  }
  .menuHelpZone{
    height: 90px;
  }
}

/* menuArea - menuHelpZone & breadcrumbAboutZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menuAboutZone{
  height: 80px;
  position: relative;
}
.menuAboutZone h1{
  font-size: 2.6rem;
  margin-bottom: 0;
  line-height: 80px;
}
.breadcrumbAboutZone .breadcrumbZone .container{
  max-width: 1000px;
}
@media (min-width: 1000px) {
  .menuAboutZone h1{
    font-size: 3.4rem;
    line-height: 100px;
  }
  .menuAboutZone{
    height: 100px;
  }
}

/* headerArea
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.headerArea{
  /*	background-image: url('../images/demo/header_bg.png');*/
  /*	background-image: url('../images/demo/shopping-matters.png');*/
  /*	background-image: url('../images/banner/1.png');*/
  /*
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
*/
  height: 0;
  padding-bottom: 5vmax;
  min-height: 120px;
  position: relative;
  text-align: center;
  z-index: 99;
}
.headerArea .headerBG_area{
  overflow: hidden;
  padding-bottom: inherit;
  min-height: inherit;
  position: relative;
}
.headerArea .headerBG{ /*Image Size 1200pxx600px*/
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 5vmax;
  min-height: 250px;
  z-index: -1;
  width: 100%;
  min-width: 750px;
  left: -25%;
}
.headerArea .logoLnwPay{
  position: absolute;
  top: 10px;
  left: 10px;
}
.headerArea .headerText{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 50%;
  color: white;
}
.headerArea .overlay_header{
  background-color: rgba(0,0,0, 0.3);
  width: 100%;
  min-height: 120px;
  padding-bottom: 5vmax;
  position: absolute;
  top: 0;
  z-index: -1;
}
.headerArea .headerText h1{
  font-size: 2.2rem;
  margin-bottom: 1rem;
  font-family: 'rsubold';
  letter-spacing: 0.1rem;
}
.headerArea .headerText h2{
  font-size: 1.4rem;
  line-height: 1.3;
  font-family: 'rsulight';
  letter-spacing: 0.05rem;
}
@media (min-width: 550px) {
  .headerArea,
  .headerArea .overlay_header{
    /*		min-height: 200px;	*/
    min-height: 150px;
  }
  .headerArea .headerText h1{
    font-size: 3.2rem;
  }
  .headerArea .headerText h2{
    font-size: 1.8rem;
  }
  .headerArea .headerBG{
    left: 0;
  }
}
@media (min-width: 750px) {
  .headerArea,
  .headerArea .overlay_header{
    /*		min-height: 250px;*/
    min-height: 200px;
  }
  .headerArea .headerText{
    /*		height: 50%;*/
    height: 70%;
  }
  .headerArea .headerText h1{
    font-size: 5.0rem;
  }
  .headerArea .headerText h2{
    font-size: 2.4rem;
  }
}
@media (min-width: 1000px) {
  .headerArea .headerText{
    height: 55%;
  }
}

/* contentArea
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contentArea{
  /*	background: #eef0f8;*/
  background: #f6f6f6;
  /*	padding-bottom: 40px;*/
  min-height: 770px;
  /*	min-height: 65vh;*/
}
.contentArea.bg_white{
  background: white;
}
.contentArea.bg_lightblue{
  background: #eef0f8;
}
.contentArea.bg_kingbhumibol{
  background: url('../images/collection/kingbhumibol/king_bg.png') center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.contentArea.bg_shophelpnation{
  /*	background: #e4ffee;*/
  background: #e4f3f0;
  /*
	background-image: url('../images/special/shophelpnation2559/bg_helpnation.png');
	background-repeat: repeat;
*/
}

/*** Summer Sale ***/
.contentArea.bg_summersale{
  background: #f1fcff;
}
.contentArea.bg_summersale .show_page_section{
  /*background-color: #fee21c;*/
  /*color: #000;*/
}
.cat_summersale .customHilightZone .hilightText{
  /*background-color: #57c5ea;*/
  /*background-color: transparent;*/
}
.cat_summersale .search_summersale .customHilightZone .hilightText{
  background-color: #f1fcff;
}
.cat_summersale .hilightText .title,
.cat_summersale .hilightText .recommend a{
  /*color: #feeb6f;*/
  color: #57c5ea;
}
.cat_summersale .bdTop3_primary{
  border-color: #57c5ea;
}
/*** End Summer Sale ***/

/*** Happy Travel ***/
.cat_happytravel .hilightText .title,
.cat_happytravel .hilightText .recommend a{
  /*color: #feeb6f;*/
  color: #b91d9a;
}
.cat_happytravel .bdTop3_primary{
  border-color: #b91d9a;
}
/*** End Happy Travel ***/

/*
.contentArea.bg_summersale a.btn_orange_primary,
.contentArea.bg_summersale .btn_orange_primary{
	background-color: #fee21c;
	color: #000;
}
.contentArea.bg_summersale a.btn_orange,
.contentArea.bg_summersale .btn_orange{
	color: #fee21c;
	border: 1px solid #fee21c;
}*/

.show_page_banner .four.columns{
  width: 32% !important;
  margin-left: 2% !important;
}
.show_page_banner .four.columns:first-of-type{
  margin-left: 0 !important;
}
.show_page_banner .bannerImage{
  position: relative;
  margin-bottom: 25px;
  cursor: pointer;
  overflow: hidden;
}
.show_page_banner .bannerImage a{
  display: block;
  line-height: 0;
}
.show_page_banner .bannerImage img{
  width: 100%;
}

.promotionBlock{
  display: block;
  position: relative;
  margin-bottom: 25px;
  clear: both;
}
.promotionBlock a{
  display: block;
  line-height: 0;
  opacity: 1;
}
.promotionBlock a:hover{
  opacity: 0.85;
}
.promotionBlock .slick-slide{
  height: auto;
}
.promotionBlock .proLeft{
  /*background-image: url('../images/special/thanksweeks/search_1.jpg');*/
  /*background-image: url('../images/special/allthai/search_1.jpg');*/
  /*background-image: url('../images/special/megasale17/search_1.jpg');*/
  background-image: url('../images/special/smesgoonline17/search_1.jpg?r=2');
  background-size: contain;
  height: 0;
  padding-bottom: 60%;
  width: 100%;
}
.promotionBlock.giftformom2017 .proLeft{
  background-image: url('../images/special/giftformom2017/search_1.jpg');
}
.promotionBlock.smesgoonline17 .proLeft{
  background-image: url('../images/special/smesgoonline17/search_1.jpg?r=2');
}
.promotionBlock .proRight .proBanner{
  background-size: contain;
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  display: inline-block;
}
.promotionBlock .proRight .proBanner.product1{
  background-image: url('../images/special/thanksweeks/search_2.jpg');
}
.promotionBlock .proRight .proBanner.product2{
  background-image: url('../images/special/thanksweeks/search_3.jpg');
}
.promotionBlock .proRight .proBanner.product3{
  background-image: url('../images/special/thanksweeks/search_4.jpg');
}
.promotionBlock .proRight .proBanner.product4{
  background-image: url('../images/special/thanksweeks/search_5.jpg');
}
.promotionBlock .proRightTop,
.promotionBlock .proRightBottom{
  width: 100%;
  line-height: 0;
}
.promotionBlock .proRightTop .slickBanner,
.promotionBlock .proRightBottom .slickBanner{
  width: 50%;
  display: inline-block !important;
  margin-bottom: 0;
}
.promotionBlock .proRightTop .slickBanner .proBanner,
.promotionBlock .proRightBottom .slickBanner .proBanner{
  padding-bottom: 100%;
}
.promotionBlock .proRightTop .slickBanner .slick-dots,
.promotionBlock .proRightBottom .slickBanner .slick-dots{
  bottom: 5px;
}
.promotionBlock .proRightTop .slickBanner .slick-dots li button:before,
.promotionBlock .proRightBottom .slickBanner .slick-dots li button:before{
  font-size: 10px;
}

/*Slick Main.html*/
.promotionBlock.mainPage{
  margin-bottom: 0;
}
.promotionBlock.mainPage .proLeft{
  display: inline-block;
  width: 50%;
  padding-bottom: 50%;
  float: left;
}
.promotionBlock.mainPage .proLeft.proLeft1{
  /*background-image: url(../images/special/smesgoonline17/banner_promotion2.jpg);*/

  background-image: url(../images/special/main/collection_129.jpg);
  border: 2px solid #fff;
  box-sizing: border-box;
  background-size: cover;
}
.promotionBlock.mainPage .proLeft.proLeft1.lnwsale1111{
  background-image: url(../images/special/lnwsale1711/banner_promotion.jpg);
  background-size: cover;
}
.promotionBlock.mainPage .proLeft.proLeft1.smesgoonline_osmep18{
  background-image: url(../images/special/smesgoonline18_osmep/home_promotion.png);
  background-size: cover;
}
.promotionBlock.mainPage .proLeft.proLeft1.lunatic_frost_orange{
  background-image: url(../images/special/main/sk2018_3.jpg);
  background-size: cover;
}
.promotionBlock.mainPage .proLeft.proLeft2{
  /*background-image: url(../images/special/smesgoonline17/search_2.jpg);*/
  /*background-image: url(../images/special/main/2017_09_28_search2.jpg);*/
  background-image: url(../images/special/ktc18/banner_promotion.jpg);
  border: 2px solid #fff;
  box-sizing: border-box;
  background-size: cover;
}
.promotionBlock.mainPage .proLeft.proLeft2.collection_133{
  background-image: url(../images/special/main/collection_133.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
}
.promotionBlock.mainPage .proLeft.proLeft2.search_ring{
  background-image: url(../images/special/main/sk2018_2.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
}
.promotionBlock.mainPage .proRightTop .slickBanner .slick-dots,
.promotionBlock.mainPage .proRightBottom .slickBanner .slick-dots{
  bottom: -20px;
}
.promotionBlock.mainPage .proRight a{
  border: 2px solid #fff;
  box-sizing: border-box;
}

.contentArea .bg_megasale{
  background-image: url('../images/special/megasale2559/top-gradient.png') , url('../images/special/megasale2559/clound-bg.png') , url('../images/special/megasale2559/partner-login-bg.jpg');
  background-position: center top,center bottom, center top;
  background-size: auto, auto, cover;
  background-repeat: repeat-x, repeat-x, no-repeat;
  background-attachment: fixed, fixed;
}
.contentArea .container.fullwidth{
  max-width: none;
  width: 100%;
  padding: 0;
}
.contentArea .container.fullwidth_mobile{
  max-width: none;
  width: 100%;
  padding: 0;
}
.contentArea .container.cover_summersale{
  background-image: url('../images/special/summersale/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_happytravel{
  background-image: url('../images/special/happytravel/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_thanksweeks{
  background-image: url('../images/special/thanksweeks/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_allthai{
  background-image: url('../images/special/allthai/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_megasale17{
  background-image: url('../images/special/megasale17/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_giftformom2017{
  background-image: url('../images/special/giftformom2017/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_smesgoonline17{
  background-image: url('../images/special/smesgoonline17/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_smesgoonline_osmep17{
  background-image: url('../images/special/smesgoonline17_osmep/cover_promotion2.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
  background-color: #fff;
}
.contentArea .container.cover_smesgoonline_rmutt17{
  background-image: url('../images/special/smesgoonline17_rmutt/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
  background-color: #fff;
}
.contentArea .container.cover_shophelpnation{
  background-image: url('../images/special/shophelpnation2560/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_lnwsale1711{
  background-image: url('../images/special/lnwsale1711/cover_promotion.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}
.contentArea .container.cover_happytravel .container_footer_text,
.contentArea .container.cover_summersale .container_footer_text,
.contentArea .container.cover_megasale17 .container_footer_text,
.contentArea .container.cover_lnwsale1711 .container_footer_text{
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  background-color: rgba(0,0,0,0.5);
  text-align: left;
  color: #fff;
  width: 100%;
}
.contentArea .container.text_smesgoonline_osmep17 .container_footer_text{
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  text-align: left;
  color: #fff;
  width: 100%;
  font-size: 13px;
  padding: 10px 0;
}
.contentArea .container.cover_summersale .container_footer_text.ktcx5{
  background-color: rgba(255,255,255,0.7);
}
.contentArea .container.cover_summersale .footer_text,
.contentArea .container.cover_megasale17 .footer_text{
  width: 480px;
}
@media (min-width: 750px){
  .contentArea{
    min-height: 100vh;
  }
  .contentArea .container.cover_happytravel,
  .contentArea .container.cover_summersale,
  .contentArea .container.cover_thanksweeks,
  .contentArea .container.cover_allthai,
  .contentArea .container.cover_megasale17,
  .contentArea .container.cover_giftformom2017,
  .contentArea .container.cover_smesgoonline17,
  .contentArea .container.cover_shophelpnation,
  .contentArea .container.cover_lnwsale1711{
    min-height: 250px;
  }
  .contentArea .container.cover_smesgoonline_osmep17,
  .contentArea .container.cover_smesgoonline_rmutt17{
    min-height: 250px;
  }
  .contentArea .container.cover_happytravel .container_footer_text,
  .contentArea .container.cover_summersale .container_footer_text,
  .contentArea .container.cover_megasale17 .container_footer_text,
  .contentArea .container.cover_lnwsale1711 .container_footer_text{
    text-align: right;
  }
  .contentArea .container.text_smesgoonline_osmep17 .container_footer_text{
    text-align: center;
  }
  .contentArea .container.cover_summersale .footer_text,
  .contentArea .container.cover_megasale17 .footer_text{
    width: 100%;
  }
  .promotionBlock .proRightTop,
  .promotionBlock .proRightBottom{
    width: 50%;
    display: inline-block;
  }
}
@media (min-width: 1000px){
  .contentArea .container.fullwidth_mobile{
    width: 90%;
    max-width: 1200px;
  }
  .contentArea .container.cover_happytravel,
  .contentArea .container.cover_summersale,
  .contentArea .container.cover_thanksweeks,
  .contentArea .container.cover_allthai,
  .contentArea .container.cover_megasale17,
  .contentArea .container.cover_giftformom2017,
  .contentArea .container.cover_smesgoonline17,
  .contentArea .container.cover_shophelpnation,
  .contentArea .container.cover_lnwsale1711{
    height: 350px;
  }
  .contentArea .container.cover_smesgoonline_osmep17,
  .contentArea .container.cover_smesgoonline_rmutt17{
    height: 350px;
  }
  .show_page_banner .bannerImage.light_cover a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
  }
  .show_page_banner .bannerImage.light_cover:hover a:after{
    opacity: 1;
    background: rgba(0,0,0,0.05);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .promotionBlock .proLeft{
    display: inline-block;
    width: 62.5%;
    padding-bottom: 37.5%;
  }
  .promotionBlock .proRight{
    display: inline-block;
    width: 37.5%;
  }
  .promotionBlock .proRightTop,
  .promotionBlock .proRightBottom{
    width: 100%;
    display: block;
  }

  /*Slick main.html*/
  .promotionBlock.mainPage .proLeft{
    width: 33.333333%;
    padding-bottom: 33.333333%;
  }
  .promotionBlock.mainPage .proRight{
    width: 33.333333%;
  }
}
@media (min-width: 1200px){
  .contentArea .container.cover_smesgoonline_osmep17,
  .contentArea .container.cover_smesgoonline_rmutt17{
    background-size: cover;
  }
}

/* footerArea
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footerArea{
  width: 100%;
  /*	background-color: #343433;*/
  background-color: #e1e1e1;
  padding-top: 40px;
  /*	padding-bottom: 20px;*/
  text-align: center;
}
.footerArea.bg_white{
  background: white;
}
.footerArea.bg_lightblue{
  background: #eef0f8;
}
.footerArea.minimal{
  padding: 20px 0;
}
.footerArea .footer-menu li{
  display: inline;
  /*	font-family:'district_prothin';*/
  padding: 0 15px 0;
  white-space: nowrap;
  line-height: 25px;
  border-right:1px solid white;
  font-size: 0.9em;
}
.footerArea .footer-menu li a{
  /*	color: white;*/
  color: #999;
}
.footerArea .footer-menu li.first{
  padding-left:0px;
}
.footerArea .footer-menu li.last{
  padding-right:0px;
  border: none;
}
.footerArea .footer-detail{
  font-size: 0.9em;
  /*	color: #afafaf;*/
  color: #999;
  /*	margin-top: 20px;*/
}
.footerArea .footer-detail a, .footerArea .footer-logo-text a {
  /*	color: gray !important;*/
  /*	color: #14cba0 !important;*/
  color: #01B49A !important;
}
.footerArea .brand_logo{
  text-align: center;
}
.footerArea .brand_logo img{
  height: 17px;
}
.footerArea .footer-logo-text{
  /*	color: #afafaf;*/
  color: #999;
  margin-top: 20px;
  font-size: 0.8em;
  margin-bottom: 2rem;
}
@media (min-width: 750px) {
  .footerArea .footer-detail{
    text-align: left;
  }
  .footerArea .brand_logo{
    text-align: right;
  }
}

/* pageZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pageZone{
  overflow: hidden;
}
.pageZone .container.fullwidth{
  max-width: none;
  width: 100%;
  padding: 0;
}
.pageZone .bg_megasale_gradient{
  background: #fe514a;
}
.pageZone .bg_happymall{
  background-image: url(../images/collection/happymall/banner.jpg);
  background-size: cover;
  background-position: center;
  min-height: 200px;
  max-height: 500px;
  padding-bottom: 25% !important;
}
.pageZone .bg_smes1baht{
  background-image: url(../images/special/smesgoonline18_osmep/cover.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 200px;
  max-height: 500px;
  padding-bottom: 25% !important;
}
.pageZone .supershop_bg{
  background-image: url(../images/page/about/supershop_hero_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
}
.pageZone .topten_bg{
  background-color: #2660b1;
}
.pageZone h1{
  font-size: 2.4rem;
  line-height: 1.6;
}
.pageZone h2{
  font-size: 1.6rem;
  line-height: 1.6;
}
.pageZone .button{
  line-height: 38px;
}
.pageZone .slideInLeft,
.pageZone .slideInRight,
.pageZone .slideInUp{
  animation-delay: 1000ms;
}
.pageZone .lnwpoint .left{
  float: right;
  width: 100%;
  margin-top: 20px;
}
.pageZone .lnwpoint .left img{
  width: 80%;
  max-width: 400px;
}
.pageZone .lnwpoint .right{
  float: right;
  width: 100%;
}
.pageZone .customHilightZone .hilightText{
  height: 40px;
}
.pageZone .customHilightZone .hilightText .viewAll{
  position: absolute;
  top: 20px;
  right: 5px;
  line-height: 1.6;
}
.pageZone .customHilightZone .productDescription .redTag{
  display: none;
}
.pageZone .headline{
  font-family: 'rsubold';
  margin-bottom: 20px;
  font-size: 2.9rem;
  line-height: 1.4;
  text-align: center;
}
.pageZone .headline.color_5b{
  color: #5b5b5b;
}
.pageZone .headline-text.color_90{
  color: #909090;
}
.pageZone .headline.intro{
  font-size: 3.2rem;
}
.pageZone .sub-headline{
  font-family: 'rsubold';
  margin-bottom: 20px;
  font-size: 2.0rem;
  line-height: 1.4;
  text-align: center;
  color: #3b3b3b;
}
.pageZone .hori-line{
  width: 80px;
  height: 3px;
  background-color: #8f8f8f;
  margin: 0 auto 30px;
}
.pageZone .headline-text{
  font-family: 'rsulight';
  /*	color: #818181;*/
  font-size: 1.8rem;
  line-height: 1.8;
}
.pageZone .headline-text.intro{
  font-size: 2.2rem;
}
.pageZone .sub-headline-text{
  font-family: 'rsulight';
  font-size: 1.6rem;
  line-height: 1.6;
}
.pageZone .headline-image{
  padding-top: 0;
}
.pageZone .sub-headline-image{
  text-align: center;
  max-width: 100px;
  height: 160px;
  margin: auto;
}
.pageZone .sub-headline-image .rank-image{
  margin-bottom: 5px;
  text-align: left;
}
.pageZone .sub-headline-image .rank-image img{
  margin-right: 4px;
}
.pageZone .sub-headline-image .topRank{
  margin-bottom: 10px;
}
.pageZone .field-ul-text{
  font-family: 'rsulight';
  color: #717171;
  font-size: 1.2rem;
  list-style: disc inside;
  margin-bottom: 25px;
}
.pageZone .field-text {
  font-family: 'rsulight';
  color: black;
  font-size: 1.4rem;
  padding: 0 20px;
}
.pageZone .quote-text{
  font-family: 'rsulight';
  color: #333;
  font-size: 1.3em;
  line-height: 1.8;
  position: relative;
  padding: 0px 0px 0px 0px;
}
.pageZone .quote-text:before {
  content: "";
  width: 60px;
  left: -80px;
  top: -20px;
  height: 60px;
  position: absolute;
  background: url(../images/demo/collection/open_quote.png) no-repeat;
  display: none;
}
.pageZone .quote-text:after {
  content: "";
  right: -60px;
  bottom: -10px;
  width: 60px;
  height: 60px;
  position: absolute;
  background: url(../images/demo/collection/close_quote.png) no-repeat;
  display: none;
}
.pageZone .suggestShop .four.columns{
  margin-bottom: 10px;
}
.pageZone .about1_bg{
  background-image: url(../images/page/about/bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: calc(100vh - 210px);
  position: relative;
  overflow: visible;
}
.pageZone .about1_bg .detailArea{
  padding-top: 22% !important;
}
.about1_bg_resized{
  background-image: url(../images/page/about/bg1_resized.jpg) !important;
}
.pageZone .about2_bg{
  background-image: url(../images/page/about/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  overflow: visible;
}
.pageZone .about2_bg .container{
  z-index: 2;
}
.pageZone .about2_bg .overlay{
  background-color: rgba(0,0,0, 0.5);
  width: 100%;
  min-height: 500px;
  padding-bottom: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.pageZone .happymall_footer_bg{
  /*    background-image: url(../images/page/about/bg2.jpg);*/
  background-image: url(../images/collection/happymall/happymore.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  position: relative;
  overflow: visible;
}
.pageZone .happymall_footer_bg .container{
  z-index: 2;
}
.pageZone .happymall_footer_bg .overlay{
  background-color: rgba(0,0,0, 0.5);
  width: 100%;
  min-height: 100%;
  padding-bottom: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.pageZone .columns.detailArea{
  padding: 30px 0 10px;
}
.pageZone .columns.bgArea{
  position: relative;
  padding: 20px 0 0 0;
}
.pageZone .columns .happy_coupon_bg{
  background-image: url(../images/demo/collection/imac_frame_with_bar.png);
  background-repeat: no-repeat;
  background-size: contain;
  /*    background-position-y: -100px;*/
  width: 100%;
  max-width: 75%;
  padding-bottom: 75%;
  position: relative;
  overflow: visible;
  margin: 40px auto 0;
}
.pageZone .columns .mobile_bg{
  background-image: url(../images/demo/collection/easy-pay-white-2016.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: visible;
  margin: 40px auto;
  left: 25%;
}
.pageZone .columns .imac_frame_bg{
  background-image: url(../images/demo/collection/imac_frame_with_bar.png);
  background-repeat: no-repeat;
  background-size: contain;
  /*    background-position-y: -100px;*/
  width: 100%;
  max-width: 75%;
  padding-bottom: 75%;
  position: relative;
  overflow: visible;
  margin: 40px auto 0;
}
.pageZone .columns .collection_bg{
  background-image: url(../images/page/about/collection.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 576px;
  max-height: 350px;
  position: relative;
  overflow: visible;
}
.pageZone .columns .imac_bg{
  background-image: url(../images/page/about/macbook.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  width: 320px;
}
.pageZone .columns .buy_review_bg{
  background-image: url(../images/page/about/lnwmall_web.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: visible;
  /*
	width: 100%;
	height: 646px;
*/
  width: 279px;
  height: 177px;
  margin: 80px auto;
}
.pageZone .columns .lnwpay_shield_bg{
  background-image: url(../images/page/about/lnwpay_shield.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  max-width: 75%;
  padding-bottom: 75%;
  position: relative;
  overflow: visible;
  margin: 40px auto 0;
  left: 20px;
  right: 0 !important;
}
.pageZone .columns .bank_bg{
  background-image: url(../images/page/about/bank.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 300px;
  position: relative;
  overflow: visible;
  margin: 60px auto 20px;
}
.pageZone .columns .buy_benefit_bg{
  background-image: url(../images/page/about/buy-benefit.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: visible;
  margin: 40px auto;
  left: 25%;
}
.pageZone .columns .coupon_benefit{
  background-image: url(../images/collection/happymall/coupon_benefit_inmobile.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  width: 100%;
  max-width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: visible;
  margin: 40px auto;
}
.pageZone .columns button,
.pageZone .columns .button{
  height: 50px;
  line-height: 50px;
  font-size: 1.8rem;
  padding: 0 40px;
}
.pageZone .container.shophelpnation{
  margin-top: 30px;
  border: 2px solid #e5e5e5;
  padding: 40px 40px 0;
}
.pageZone .sellerRow .sellerProfile{
  background-color: white;
}
.pageZone .sellerRow .sellerProfile .sellerContact .icon.website{
  display: none;
}
.pageZone .sellerRow .sellerProfile.new{
  border: 1px solid white;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  min-width: 0;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.pageZone .sellerRow .sellerProfile.new:hover{
  border: 1px solid #e5e5e5;
  background-color: #f6f6f6;
}
.pageZone .sellerRow .sellerProfile.new:hover a{
  text-decoration: none !important;
  color: #333;
}
.pageZone .sellerRow .sellerProfile.new .sellerImage img{
  height: 110px;
}
/*
.pageZone .sellerRow .sellerProfile.new:hover .name{
	color: #333;
}
.pageZone .sellerRow .sellerProfile.new:hover .levelText{
	color: #333;
}
*/
.pageZone .sellerQuote{

}
.pageZone .sellerQuote .quoteArea{
  padding: 40px 40px 0;
  min-height: 200px;
}
.pageZone .sellerQuote .shopArea{
  position: relative;
}
.pageZone .sellerQuote .shopArea .avatar{
  text-align: center;
  margin: auto;
  position: absolute;
  text-align: center;
  width: 150px;
  height: 150px;
  top: -75px;
  left: 0;
  right: 0;
}
.pageZone .sellerQuote .shopArea .avatar img{
  width: auto;
  height: auto;
  border: 8px solid #eef0f8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  background: white;
  box-sizing: border-box;
}
.pageZone .sellerQuote .shopArea .name{
  padding-top: 80px;
  text-align: center;
}
.pageZone .contact_marketing{
  border: 1px dashed white;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.pageZone.smes1bahtZone .sellerRow .sellerProfile .sellerDescription{
  width: 100%;
}
.pageZone.smes1bahtZone .sellerRow .sellerProfile .sellerDescription .name{
  font-weight: bold;
  color: #00659d;
}

@media (min-width: 400px) {
  .pageZone .columns .imac_bg {
    width: 360px;
    margin: auto;
  }
  .pageZone .columns .buy_review_bg {
    width: 279px;
    height: 177px;
    margin: 80px auto;
    background-position-y: 0;
  }
  .pageZone .sellerRow .sellerProfile.new .sellerImage img{
    height: 140px;
  }
}

@media (min-width: 750px) {
  .pageZone .hori-line{
    margin: 0 0 30px;
  }
  .pageZone .lnwpoint .left{
    width: 50%;
    margin: 0;
  }
  .pageZone .lnwpoint .right{
    width: 50%;
  }
  .pageZone .columns.detailArea{
    padding: 60px 0 40px;
  }
  .pageZone .columns.bgArea{
    padding: 0;
  }
  .pageZone .columns .coupon_benefit{
    left: 10%;
    right: 0 !important;
    margin: 60px auto 0;
  }
  .pageZone .headline{
    text-align: left;
  }
  .pageZone .headline-image{
    padding-top: 40px;
  }
  .pageZone .suggestShop .four.columns{
    margin-bottom: 0;
  }
  .pageZone .sellerRow .sellerProfile.new .sellerImage img{
    height: 200px;
  }
}

@media (min-width: 1000px) {
  .pageZone h1{
    font-size: 3.2rem;
    line-height: 1.2;
  }
  .pageZone h2{
    font-size: 1.8rem;
  }
  .pageZone .about1_bg .headline.intro{
    font-size: 6.0rem;
  }
  .pageZone .about1_bg .headline-text.intro{
    font-size: 3.2rem;
  }
  .pageZone .lnwpoint .left{
    width: 40%;
  }
  .pageZone .lnwpoint .right{
    width: 60%;
    margin-top: 20px;
  }
  .pageZone .customHilightZone .hilightText{
    height: 75px;
  }
  .pageZone .customHilightZone .first .customTag{
    padding: 10px 20px;
    font-size: 1.6rem;
  }
  .pageZone .customHilightZone .first .productDescription .redTag{
    display: inline-block;
    padding: 3px 10px;
  }
  .pageZone .customHilightZone .hilightText .viewAll{
    top: 45px;
  }
  .pageZone .headline{
    font-size: 4.2rem;
    line-height: 1.4;
  }
  .pageZone .sub-headline{
    font-size: 2.8rem;
    line-height: 1.4;
  }
  .pageZone .headline.intro{
    font-size: 4.8rem;
  }
  .pageZone .headline-text{
    font-size: 2.4rem;
    line-height: 1.8;
  }
  .pageZone .headline-text.intro{
    font-size: 3.0rem;
  }
  .pageZone .field-ul-text{
    font-size: 1.4rem;
  }
  .pageZone .quote-text{
    font-size: 1.6rem;
    line-height: 2.0;
    margin-top: 60px;
  }
  .pageZone .quote-text:before,
  .pageZone .quote-text:after{
    display: inline-block;
  }
  .pageZone .columns.detailArea{
    padding: 100px 0 80px;
  }
  .pageZone .columns.u-pull-right .default_bg{
    left: 80px;
    right: auto;
  }
  .pageZone .columns.u-pull-left .default_bg{
    left: auto;
    right: 80px;
  }
  .pageZone .columns .happy_coupon_bg{
    background-size: contain;
    /*    background-position-y: -100px;*/
    max-width: none;
    width: 1024px;
    height: 1024px;
    position: absolute;
    padding: 0;
    margin: 0;
  }
  .pageZone .columns .mobile_bg{
    max-width: none;
    width: 350px;
    height: 700px;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 40px;
  }
  .pageZone .columns .buy_benefit_bg{
    max-width: none;
    width: 350px;
    height: 700px;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 40px;
  }
  .pageZone .columns .collection_bg{
    max-height: none;
  }
  .pageZone .columns .lnwpay_shield_bg{
    top: 60px;
  }
  .pageZone .columns .bank_bg{
    width: 350px;
    height: 350px;
    top: 40px;
  }
  .pageZone .columns .bank_bg_image{
    position: relative;
    top: 40px;
  }
  .pageZone .columns .imac_bg{
    /*
		width: 750px;
		height: 550px;
*/
    top: 80px;
    left: 60px;
    position: absolute;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .pageZone .sellerRow .sellerProfile.new .sellerImage img{
    height: 230px;
  }
}
@media (min-width: 1400px) {
  .pageZone .columns .imac_bg{
    width: 100%;
  }
  .pageZone .columns .buy_review_bg{
    background-size: cover;
    width: 440px;
    height: 274px;
    top: 30px;
    left: 68px;
    margin: 0;
  }
}

/* gameZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.gameZone .leftPane{
  bottom: 0;
  width: 100%;
  position: fixed;
  z-index: 10;
  background-color: #fff;
}
.gameZone .leftPane .top{
  display: none;
  /*background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  margin: 0;
  /*padding-top: 10px;*/
  /*padding-bottom: 10px;*/
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 11;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.gameZone .leftPane .middle{
  height: 50px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}
.gameZone .toggleLeftPane{
  display: none;
  position: absolute;
  right: -50px;
  width: 50px;
  top: 0;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  background-color: #e5e5e5;
}
.gameZone .actionList{
  margin-bottom: 0;
}
.gameZone .actionItem{
  display: inline-block;
  height: 50px;
  width: 25%;
  float: left;
  margin-bottom: 0;
  padding: 0 10px;
  box-sizing: border-box;
  border-top: 2px solid #f6f6f6;
}
.gameZone .actionItem.active{
  border-top: 2px solid #01B49A;
}
.gameZone .actionItem .image{
  width: 100%;
  position: relative;
  top: 3px;
  max-width: 30px;
  margin: 0 auto;
}
.gameZone .actionItem .detail{
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 5px;
}
.gameZone .centerPane{
  display: block;
  box-sizing: border-box;
  transition: all .3s ease-out;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.gameZone .centerPane.full{
  padding-left: 50px;
}
.gameZone .headerGame{
  height: 50px;
  line-height: 50px;
  width: 100%;
  background-color: #4f4f4f;
  color: #fff;
}
.gameZone .menuGame{
  margin-bottom: 0;
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  box-sizing: border-box;
}
.gameZone .menuGame .item{
  display: inline-block;
  margin-bottom: 0;
  padding: 0 15px;
  box-sizing: border-box;
}

.gameZone .contentGame{
  min-height: calc(100vh - 200px);
}
.gameZone .contentGame .openBoxArea{
  padding: 20px 0;
  text-align: center;
  box-sizing: border-box;
}
.gameZone .contentGame .btn_openBox{
  margin-top: 5px;
  display: inline-block;
  width: 250px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  padding: 0 15px;
  font-size: 18px;
  box-sizing: border-box;
  background: linear-gradient(141deg, #36D1DC, #5B86E5);
}
.gameZone .contentGame .text_openBox{
  font-size: 18px;
}
.gameZone .contentGame .text_openBox .amount{
  font-size: 24px;
  font-weight: bold;
}

.angleToRight {
  -webkit-animation: angleToRight 300ms ease-out both;
  animation: angleToRight 300ms ease-out both;
}

.slideInLeftPane {
  /*visibility: visible !important;*/
  -webkit-animation: slideInLeftPane 300ms ease-out both;
  animation: slideInLeftPane 300ms ease-out both;
}

.slideOutLeftPane {
  /*visibility: visible !important;*/
  -webkit-animation: slideOutLeftPane 300ms ease-out both;
  animation: slideOutLeftPane 300ms ease-out both;
}

.bounceBoxUp {
  -webkit-animation: bounceBoxUp 1800ms linear infinite both;
  animation: bounceBoxUp 1800ms linear infinite both;
}

.shakeBox {
  -webkit-animation: shakeBox 1500ms ease-out both;
  animation: shakeBox 1500ms ease-out both;
}

@-webkit-keyframes angleToRight {
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes angleToRight {
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-webkit-keyframes slideInLeftPane {
  from {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeftPane {
  from {
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideOutLeftPane {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@keyframes slideOutLeftPane {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
  }
}

@-webkit-keyframes bounceBoxUp {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.312, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.312, 0, 1); }
  48.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.275, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.275, 0, 1); }
  50.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1); }
  53.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1); }
  55.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1); }
  58.35% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1); }
  62.35% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1); }
  72.25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); }
  76.25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1); }
  86.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.16% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes bounceBoxUp {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.34% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.312, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.312, 0, 1); }
  48.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.275, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.275, 0, 1); }
  50.95% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15.606, 0, 1); }
  53.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.111, 0, 1); }
  55.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -3.395, 0, 1); }
  58.35% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.013, 0, 1); }
  62.35% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.622, 0, 1); }
  72.25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); }
  76.25% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1); }
  86.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.16% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@-webkit-keyframes shakeBox {
  0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  55% { -webkit-transform: translate(-6px, 3px) rotate(0deg); }
  60% { -webkit-transform: translate(6px, 3px) rotate(-3deg); }
  65% { -webkit-transform: translate(-5px, -5px) rotate(5deg); }
  70% { -webkit-transform: translate(10px, 10px) rotate(0deg); }
  75% { -webkit-transform: translate(5px, -10px) rotate(-5deg); }
  80% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  85% { -webkit-transform: translate(-6px, 3px) rotate(0deg); }
  90% { -webkit-transform: translate(6px, 3px) rotate(-3deg); }
  95% { -webkit-transform: translate(-5px, -5px) rotate(5deg); }
  100% { -webkit-transform: translate(10px, 10px) rotate(0deg); }
}

@keyframes shakeBox {
  0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  55% { -webkit-transform: translate(-6px, 3px) rotate(0deg); }
  60% { -webkit-transform: translate(6px, 3px) rotate(-3deg); }
  65% { -webkit-transform: translate(-5px, -5px) rotate(5deg); }
  70% { -webkit-transform: translate(10px, 10px) rotate(0deg); }
  75% { -webkit-transform: translate(5px, -10px) rotate(-5deg); }
  80% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  85% { -webkit-transform: translate(-6px, 3px) rotate(0deg); }
  90% { -webkit-transform: translate(6px, 3px) rotate(-3deg); }
  95% { -webkit-transform: translate(-5px, -5px) rotate(5deg); }
  100% { -webkit-transform: translate(10px, 10px) rotate(0deg); }
}

@media (min-width: 400px) {

}
@media (min-width: 750px) {

}
@media (min-width: 1000px) {
  .gameZone .leftPane{
    width: 280px;
    left: 0px;
    top: 40px;
    max-width: none;
    height: 100%;
    box-shadow: 0 5px 20px -3px rgba(0, 0, 0, .15);
    padding-bottom: 0;
    transition: all .5s ease;
  }
  .gameZone .leftPane .top{
    display: block;
  }
  .gameZone .leftPane .middle{
    padding-top: 60px;
    height: 100%;
    /* max-height: calc(100vh - 70px); */
    /* padding-bottom: 50px; */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }
  .gameZone .toggleLeftPane{
    display: block;
  }
  .gameZone .actionItem{
    display: block;
    height: 120px;
    width: 100%;
    float: none;
    padding: 10px;
    border-top: 0;
    border-bottom: 2px solid #f6f6f6;
  }
  .gameZone .actionItem.active{
    border-top: 0;
  }
  .gameZone .actionItem .image{
    float: left;
    width: 100px;
    max-width: none;
    top: auto;
  }
  .gameZone .actionItem .detail{
    margin-left: 115px;
    bottom: auto;
    font-size: 14px;
  }
  .gameZone .centerPane{
    display: inline-block;
    padding-left: 330px;
    padding-top: 0;
    padding-bottom: 50px;
    padding-right: 20px;
  }
  .gameZone .headerGame{
    height: 60px;
    line-height: 60px;
  }
  .gameZone .menuGame .item{
    padding: 0 30px;
  }
  .gameZone .contentGame .openBoxArea{
    padding: 10% 0;
    max-width: 680px;
    margin: 0 auto;
  }
  .gameZone .contentGame .text_openBox{
    font-size: 24px;
  }
  .gameZone .contentGame .text_openBox .amount{
    font-size: 48px;
  }
  .gameZone .contentGame .btn_openBox{
    margin-top: 40px;
  }
  .gameZone .openBoxArea .boxImage{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }
  .gameZone .openBoxArea .boxContent{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }
}
@media (min-width: 1200px) {

}


/* memberZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.memberZone{
  /*	display: none;*/
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
}
.memberZone > div{
  float: left;
  min-width: 100px;
  margin-left: 10px;
}
.memberZone .text{
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
}
.memberZone .text a{
  color: white;
}
.memberZone .icon{
  background: url('../images/icons/icon25px.png') no-repeat;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.memberZone .signin .icon{
  background-position: -50px 0;
  top: -2px;
}
.memberZone .signup .icon{
  background-position: -50px -25px;
  top: -2px;
}
.memberZone .help .icon{
  background-position: -50px -50px;
  top: -2px;
}
.memberZone .cart .icon{
  background-position: -50px -150px;
  top: -1px;
}
.memberZone .category .icon{
  /*	background-position: -50px -125px;*/
  background-position: -50px -176px;
}
.memberZone .category{
  float: left;
  /*	padding-left: 15px;*/
}
.memberZone .search .icon{
  background-position: -75px -75px;
  top: -1px;
}
.memberZone .search{
  float: right;
  margin-right: 5px;
}
#linkCategory{
  width: 80px;
}
#linkCategory .category .text{
  display: inline-block;
  /*	display: none;*/
  color: white;
}
#linkSearch{
  width: 80px;
}
#linkSearch .search .text{
  display: inline-block;
  /*	color: white;*/
  color: #545454;
}
@media (min-width: 750px) {
  /*
        .memberZone{
            display: inline-block;
            position: absolute;
            top: 10px;
            right: 10px;
            color: white;
        }
    */
  #linkSearch{
    display: none;
  }
  #linkCategory{
    display: none;
  }
}

/* searchZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.searchZone{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
  box-sizing: border-box;
  padding: 0 5px;
  background: rgba(0, 0, 0, 0.3);
}
.searchZone .topMenu.fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  box-sizing: inherit;
  background: inherit;
  height: inherit;
  padding: inherit;
  background: rgba(0, 0, 0, 0.3);
}
.searchZone .container{
  /*	background: white;*/
  height: 100%;
  /*	width: 100%;*/
  padding: 0;
}
.searchZone .row{
  position: relative;
  z-index: 2;
  /*	margin: 0 10px;*/
}
.searchZone .logo{
  display: none;
}
.searchZone .categoryBox{
  /*	background: white;*/
  background: transparent;
  width: 20%;
  height: 40px;
  line-height: 38px;
  margin: 10px 0px;
  box-sizing: border-box;
  display: none;
}
.searchZone .categoryBox a{
  color: #545454;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchZone .categoryBox a.categoryLink{
  position: relative;
  z-index: 3;
  color: white;
  border-radius: 3px 3px 0 0;
}
.searchZone .categoryBox.hover a.categoryLink{
  color: #545454;
}
.searchZone .arrow_down.hover .icon{
  background-position: -75px -100px;
}
.searchZone .categoryBox a.categoryLink:hover{
  text-decoration: none;
}
.searchZone .categoryBox a.categoryLink .text{
  display: none;
}
.searchZone .categoryBox.hover a{
  background: #f6f6f6;
  text-decoration: none;
}

.searchZone .categoryBox.collapse{
  width: 0;
  border: 0;
}
.searchZone .formBox.expand{
  width: 100%;
}

.searchZone .formBox{
  width: 80%;
  /*	padding: 10px 0;*/
  padding: 5px 0;
  margin-left: 0;
  display: none;
}
.searchZone .formBox input{
  float: left;
  width: 80%;
  margin: 0;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.searchZone .formBox button{
  float: left;
  width: 20%;
  margin: 0;
  height: 40px;
  padding: 0;
}
.searchZone .icon{
  background: url('../images/icons/icon25px.png') no-repeat;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.searchZone .text{
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: 150px;
}
.searchZone .search .icon{
  background-position: -50px -75px;
}
.searchZone .arrow_down .icon{
  background-position: -75px -100px;
  top: 2px;
  left: -3px;
}
.searchZone .arrow_down a.categoryLink .icon{
  display: none;
}
.searchZone a.categoryLink .category.icon{
  display: inline-block;
  background-position: 0 -125px;
  top: 0;
  left: 0;
}
.searchZone .search .text{
  display: none;
}
.searchZone .overlay_frame{
  height: 100%;
  width: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  top: 0;
  left: 0;
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
/*
.searchZone .categoryBox.hover .overlay_frame:hover{
	opacity: 0;
	width: 0;
}
*/
.searchZone .categoryList{
  display: none;
  position: absolute;
  top: 50px;
  box-sizing: border-box;
  z-index: 2;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  overflow: hidden;
}
.searchZone .categoryList ul,
.searchZone .categoryList ul ul,
.searchZone .categoryList li{
  margin: 0;
  font-size: 1.4rem;
  background: inherit;
}
.searchZone .categoryList li{
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e5e5e5;
}
.searchZone .categoryList li a{
  display: block;
  text-align: left;
}
.searchZone .categoryList.hover li a{
  /*	color: #3553a5;*/
  color: #01B49A;
}
.searchZone .categoryList li a .icon.arrow_right{
  float: right;
  top: 19px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.searchZone .categoryList li a .icon.arrow_left{
  float: left;
  top: 18px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 0;
}
/*
.searchZone .categoryList li a .icon.search_right{
	float: right;
	top: 14px;
	background-position: -75px -75px;
}
*/
.searchZone .categoryList li a.category_back{
  text-align: left;
}
.searchZone .categoryList li a.category_search{
  position: absolute;
  top: 41px;
  right: 20px;
}
.searchZone .categoryList li.category_header{
  background: #e9e9e9;
  height: 40px;
  line-height: 40px;
  margin: 0 !important;
  padding: 0 10px;
}
.searchZone .categoryList li.category_header .category_icon{
  background-size: 60px 880px;
  width: 30px;
  height: 40px;
}
.searchZone .categoryList li.categorySecond,
.searchZone .categoryList li.categoryThird{
  padding: 0 10px;
}
li.category_header .category_icon.category_icon_1 {
  /*fashion*/
  background-position: 0px -40px;
}
li.category_header .category_icon.category_icon_2 {
  /*cosmetic*/
  background-position: 0px -80px;
}
li.category_header .category_icon.category_icon_3 {
  /*toy*/
  background-position: 0px -120px;
}
li.category_header .category_icon.category_icon_5 {
  /*souvenir*/
  background-position: 0px -160px;
}
li.category_header .category_icon.category_icon_4 {
  background-position: 0px -200px;
}
li.category_header .category_icon.category_icon_6 {
  background-position: 0px -240px;
}
li.category_header .category_icon.category_icon_7 {
  background-position: 0px -280px;
}
li.category_header .category_icon.category_icon_8 {
  background-position: 0px -320px;
}
li.category_header .category_icon.category_icon_9 {
  background-position: 0px -360px;
}
li.category_header .category_icon.category_icon_10 {
  background-position: 0px -400px;
}
li.category_header .category_icon.category_icon_11 {
  background-position: 0px -440px;
}
li.category_header .category_icon.category_icon_31 {
  background-position: 0px -480px;
}
li.category_header .category_icon.category_icon_289 {
  background-position: 0px -520px;
}
li.category_header .category_icon.category_icon_393 {
  background-position: 0px -560px;
}
li.category_header .category_icon.category_icon_443 {
  background-position: 0px -600px;
}
li.category_header .category_icon.category_icon_418 {
  background-position: 0px -640px;
}
li.category_header .category_icon.category_icon_463 {
  background-position: 0px -680px;
}
li.category_header .category_icon.category_icon_12 {
  background-position: 0px -720px;
}
li.category_header .category_icon.category_icon_484 {
  background-position: 0px -720px;
}
li.category_header .category_icon.category_icon_recent {
  background-position: 0px -760px;
}
li.category_header .category_icon.category_icon_follow {
  background-position: 0px -800px;
}
li.category_header .category_icon.category_icon_home {
  background-position: 0px -840px;
}
.searchZone .categoryList li .category_parent_title{
  float: left;
  text-align: left;
  width: calc(100% - 35px);
  overflow-x: overlay;
  overflow-y: hidden;
  white-space: nowrap;
  font-size: 1.2rem;
  text-align: center;
}
.searchZone .categoryList li .category_title{
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 60%;
}
.searchZone .categoryList li .category_count{
  float: right;
  font-size: 1.0rem;
  position: relative;
  top: 1px;
}
.searchZone .categoryList li .category_count.end{
  font-size: 1.4rem;
  right: 10px;
}
.searchZone .categoryList li .category_search_text{
  font-weight: bold;
}
.searchZone .categoryList .categoryList_second{
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
*/
  /*
	-webkit-transition: left 0.5s ease;
	-moz-transition: left 0.5s ease;
	-o-transition: left 0.5s ease;
	-ms-transition: left 0.5s ease;
	transition: left 0.5s ease;
*/
  padding: 0;
  box-sizing: border-box;
  visibility: hidden;
}
.searchZone .categoryList .categoryList_third{
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
*/
  /*
	-webkit-transition: left 0.5s ease;
	-moz-transition: left 0.5s ease;
	-o-transition: left 0.5s ease;
	-ms-transition: left 0.5s ease;
	transition: left 0.5s ease;
*/
  padding: 0;
  box-sizing: border-box;
  visibility: hidden;
}
.searchZone .categoryList .categoryList_third .category_count,
.searchZone .categoryList .categoryList_third .category_count{
  font-size: 1.4rem;
  padding-right: 10px;
}
.searchZone .categoryList .categoryList_first.open,
.searchZone .categoryList .categoryList_second.open,
.searchZone .categoryList .categoryList_third.open{
  /*	left: 0;*/
}
/*
.searchZone .categoryList .categoryList_first.slideInRight,
.searchZone .categoryList .categoryList_second.slideInRight,
.searchZone .categoryList .categoryList_third.slideInRight{
	visibility: visible;
	-webkit-animation-name: slideInRight 500ms linear both;
	animation-name: slideInRight 500ms linear both;
}
*/
.searchZone .categoryBox.hover .categoryList{
  display: block;
}
.searchZone .categoryBox.hover .overlay_frame{
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.searchZone .formBox .angucomplete-dropdown{
  width: 100%;
  margin-top: 40px;
  border: 1px solid #e5e5e5;
  border-top: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-y: auto;
  /*	max-height: 300px;*/
  background: #f6f6f6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.searchZone .formBox .angucomplete-image-holder{
  height: 40px;
}
.angucomplete-image.category_icon{
  margin-top: -10px;
  padding-top: 10px;
}
.searchZone .formBox .angucomplete-searching{
  text-align: center;
  padding: 10px 0;
}
.searchZone .formBox .angucomplete-row{
  min-height: 40px;
  line-height: 40px;
  text-align: left;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
}
.searchZone .formBox .angucomplete-title{
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchZone .formBox .angucomplete-image{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  height: 40px;
  width: 40px;
}
.searchZone .formBox .angucomplete-selected-row{
  background-color: #d7e2ff;
  color: black;
}
.searchZone .memberZone{
  top: 15px;
  width: 100%;
  /*	width: 20%;*/
  right: 0;
}
.searchZone .cart.hover .cartPreview{
  display: block !important;
}
.searchZone .selectize-control{
  display: none;
}
.searchZone .selectize-input{
  position: absolute;
  width: 25%;
  right: 15%;
  height: 36px;
  line-height: 36px;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  border-left: 1px solid #e5e5e5;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0 8px;
  margin: 2px 0;
  z-index: 0;
  text-align: left;
  font-size: 1.2rem;
  /*	color: #3553a5;*/
  /*	color: #14cba0;*/
  color: #01B49A;
}
.searchZone .selectize-input input{
  height: inherit;
  color: #545454;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchZone .selectize-dropdown [data-selectable],
.searchZone .selectize-dropdown .optgroup-header{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.searchZone .selectize-control.single .selectize-input:after{
  margin-top: -1px;
}
.searchZone .selectize-control.single .selectize-input.dropdown-active:after{
  margin-top: -1px;
}
.searchZone .selectize-dropdown{
  width: auto !important;
  min-width: 200px;
}
.searchZone .selectize-dropdown-content{
  max-height: none;
}
.searchZone .selectize-dropdown .active{
  /*	background-color: #d7e2ff;*/
  background-color: #8cdcc8;
  /*	background-color: #ddd;*/
  color: black;
}
.searchZone .selectize-input > *{
  float: left;
}
.searchZone .selectize-input [data-value="special:thmegasale16"],
.searchZone .selectize-dropdown [data-value="special:thmegasale16"]{
  color: #cc2127;
}


@media (min-width: 550px) {
  .searchZone .arrow_down a.categoryLink .icon{
    display: inline-block;
  }
  .searchZone a.categoryLink .category.icon{
    display: none;
  }
  .searchZone .categoryBox a.categoryLink .text{
    display: inline-block;
  }
}
@media (min-width: 750px) {
  .searchZone{
    height: 80px;
  }
  .searchZone .three.columns.noMGL{
    /*		width: 20%;*/
    /*		margin-left: 20%;*/
    width: auto;
  }
  .searchZone .nine.columns.noMGL{
    /*		width: 60%;*/
    width: 50%;
    margin-left: 10%;
  }
  .searchZone .categoryBox{
    display: inline-block;
    margin: 20px 0;
  }
  .searchZone .categoryBox a.categoryLink{
    padding: 0 10px 0 20px;
  }
  .searchZone .categoryBox.collapse{
    width: 0 !important;
    border: 0 !important;
  }
  .searchZone .arrow_down .icon{
    background-position: -50px -100px;
  }
  .searchZone .formBox{
    display: inline-block;
    padding: 20px 0;
  }
  .searchZone .formBox.expand input{
    width: 85% !important;
  }
  .searchZone .formBox input{
    /*		width: 52%;*/
    width: 85%;
  }
  .searchZone .formBox button{
    width: 15%;
  }
  .searchZone .categoryList{
    /*width: 60%;*/
    width: 80%;
    top: 59px;
    /*max-width: 450px;*/
    max-width: 300px;
    overflow: visible;
  }
  .searchZone .categoryList li{
    height: 35px;
    line-height: 35px;
    font-size: 1.3rem;
  }
  .searchZone .categoryList li.category_header{
    height: 35px;
    line-height: 35px;
    font-size: 1.3rem;
  }
  .searchZone .categoryList .category_icon{
    display: none;
  }
  .searchZone .categoryList li .category_title{
    width: 80%;
  }
  .searchZone .categoryList li .category_parent_title{
    width: 100%;
    overflow-x: auto;
  }
  .searchZone .categoryList li .category_search_text{
    font-size: 1.2rem;
  }
  .searchZone .categoryList li a.category_search{
    top: 36px;
  }
  .searchZone .categoryList li a .icon.arrow_right{
    top: 6px;
  }
  .searchZone .categoryList li a:hover .icon.arrow_right{
    background-position: -25px -100px;
    top: 5px;
  }
  .searchZone .categoryList li a .icon.arrow_left{
    top: 4px;
  }
  .searchZone .categoryList li a:hover .icon.arrow_left{
    background-position: -25px -100px;
    top: 5px;
  }
  .searchZone .categoryList .categoryHome{
    display: none;
  }
  .searchZone .memberZone{
    top: 30px;
    width: 30%;
  }
  /*
	.searchZone .categoryList li a:hover .icon.search_right{
		background-position: -25px -75px;
	}
	*/
}
@media (min-width: 1000px) {
  .searchZone .search .icon{
    display: none;
  }
  .searchZone .search .text{
    display: inline-block;
  }
  .searchZone .selectize-control{
    display: block;
  }
  .searchZone .categoryList{
    max-width: 300px;
    width: 100%;
  }
  .searchZone .categoryList ul{
    max-width: 300px;
  }
  .searchZone .categoryList .categoryList_second{
    left: 300px;
  }
  .searchZone .categoryList .categoryList_third{
    left: 300px;
  }
  .searchZone .categoryList li a.category_back{
    display: none;
  }
  .searchZone .categoryList li a .icon.arrow_right {
    display: none;
  }
  .searchZone .categoryList li a:hover .icon.arrow_right {
    display: inline-block;
  }
  .searchZone .categoryList li .category_parent{
    display: none;
  }
  /*//.searchZone .categoryList .slideInRight{*/
  /*//	-webkit-animation: slideInRight 0.1ms ease-out both;*/
  /*//	animation: slideInRight 0.1ms ease-out both;*/
  /*//}*/
  .searchZone .categoryList .category_icon{
    position: relative;
    top: -8px;
    height: 45px;
  }
  .searchZone .categoryList ul,
  .searchZone .categoryList ul ul,
  .searchZone .categoryList li{
    font-size: 1.3rem;
  }
  /*.searchZone .categoryList li{*/
  /*height: 45px;*/
  /*line-height: 45px;*/
  /*}*/
  /*.searchZone .categoryList li a .icon.arrow_right{*/
  /*top: 12px;*/
  /*}*/
  /*.searchZone .categoryList li a:hover .icon.arrow_right{*/
  /*background-position: -25px -100px;*/
  /*top: 11px;*/
  /*}*/
  /*.searchZone .categoryList li a .icon.arrow_left{*/
  /*top: 10px;*/
  /*}*/
  /*.searchZone .categoryList li a:hover .icon.arrow_left{*/
  /*background-position: -25px -100px;*/
  /*top: 11px;*/
  /*}*/
  .searchZone .categoryList li a:hover{
    /*		color: #3553a5;*/
    color: #01B49A;
  }
  .searchZone .categoryList li a:hover .category_title,
  .searchZone .categoryList li a:hover .category_back_title,
  .searchZone .categoryList li a:hover .category_search_text{
    text-decoration: underline;
  }
  .searchZone .categoryList li.category_header .category_icon{
    top: 0;
  }
}
@media (min-width: 1200px){
  .searchZone .logo{
    float: left;
    position: relative;
    top: 30px;
    display: inline-block;
  }
  .searchZone .three.columns.noMGL{
    /*		margin-left: 10%;*/
  }
  .searchZone .nine.columns.noMGL{
    width: 50%;
    margin-left: 5%;
  }
  .searchZone .memberZone{
    width: 20%;
  }
}

/* searchShowZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.searchShowZone{
  position: relative;
}
.searchShowZone .listFilter{
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  padding: 20px 10px;
}
.searchShowZone .listFilter .listFilter_title{
  margin-bottom: 5px;
  font-weight: bold;
}
.searchShowZone .listFilter .listFilter_more{
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}
.searchShowZone .listFilter .listFilter_more i{
  font-size: 8px;
  position: relative;
  top: -1px;
}
.searchShowZone .listFilter ul{
  margin-bottom: 0;
}
.searchShowZone .listFilter ul li{
  margin-bottom: 0;
}
.searchShowZone .listFilter ul li label{
  margin-bottom: 0;
  font-weight: normal;
}
.searchShowZone .listFilter ul li input{
  margin-bottom: 0;
}
.searchShowZone .listFilter ul li .choice{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.searchShowZone .listFilter ul li .name{
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: calc(100% - 20px);
}
.searchShowZone .filterColumn{
  bottom: 0;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 10;
  max-width: 280px;
  background-color: #f6f6f6;
  min-height: 100vh;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.searchShowZone .overlayZone{
  position: absolute;
  height: 100vh;
}
@media (min-width: 400px) {
  .searchShowZone .container{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 750px) {
  .searchShowZone .two.columns{
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .searchShowZone .filterColumn{
    position: relative;
    display: block;
    max-width: none;
    top: 0;
    padding-bottom: 0;
    min-height: 0;
    -webkit-animation: slideInMenuList 1ms ease-out both;
    animation: slideInMenuList 1ms ease-out both;
  }
  .searchShowZone .container{
    width: 90%;
    padding: 0;
  }
  .searchShowZone .two.columns{
    width: 13.3333333333%;
  }
}

/* popularZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.popularZone{
  background: white;
  height: 50px;
  line-height: 50px;
  text-align: center;
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.popularZone .container{
  padding: 0;
}
.popularZone .popularList{
  margin-bottom: 0;
  text-align: left;
}
.popularZone .popularList li{
  display: inline-block;
  /*	float: left;*/
  margin-bottom: 0;
}
.popularZone .popularList li.title{
  /*	width: 30%;*/
  padding: 0 15px;
}
.popularZone .popularList li.word{
  display: inline-block;
  /*
	width: 35%;
	font-size: 1.2rem;
	padding: 0 1%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
*/
  padding: 0 25px 0 0;
  box-sizing: border-box;
}
.popularZone .popularList li:nth-child(n+4){
  /*	display: none;*/
}
.popularZone .popularList li a{
  /*	color: #6c6c6c;*/
}
@media (min-width: 400px) {

}
@media (min-width: 550px) {
  /*
	.popularZone .popularList li.title{
		width: 10%;
	}
	.popularZone .popularList li.word{
		width: 30%;
	}
	.popularZone .popularList li:nth-child(n+4){
		display: inline-block;
	}
	.popularZone .popularList li:nth-child(n+5){
		display: none;
	}
*/
}
@media (min-width: 750px) {
  /*
	.popularZone .popularList li.word{
		width: 22.5%;
	}
	.popularZone .popularList li:nth-child(n+5){
		display: inline-block;
	}
	.popularZone .popularList li:nth-child(n+6){
		display: none;
	}
*/
}
@media (min-width: 1000px) {
  /*
	.popularZone .popularList li.word{
		width: 18%;
	}
	.popularZone .popularList li:nth-child(n+6){
		display: inline-block;
	}
	.popularZone .popularList li:nth-child(n+7){
		display: none;
	}
*/
}
@media (min-width: 1200px) {
  /*
	.popularZone .popularList li.word{
		width: 15%;
	}
	.popularZone .popularList li:nth-child(n+7){
		display: inline-block;
	}
	.popularZone .popularList li:nth-child(n+8){
		display: none;
	}
*/
}

/* selectZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.selectZone{

}
.selectZone .selectList{

}
.selectZone .selectList li{
  padding: 10px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
}
.selectZone .selectList.address li{
  padding: 20px;
}
.selectZone .selectList li.selected{
  background-color: #e4f3f0;
}
.selectZone .selectList .textbox input[type="text"]{
  width: 100%;
  margin-bottom: 0;
}
.selectZone .selectList .name > div{
  display: inline-block;
  vertical-align: middle;
}
.selectZone .selectList .name input[type="radio"]{
  width: 20px;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  top: 2px;
}
.selectZone .selectList .name .choice{
  width: calc(100% - 25px);
  text-align: left;
}
.selectZone .selectList .description{
  font-size: 1.2rem;
  color: #999;
  margin-top: 5px;
  /*	padding-left: 25px;*/
}
.selectZone .selectList .description .item > div{
  display: inline-block;
  vertical-align: top;
}
.selectZone .selectList .description .item .title{
  width: 110px;
  text-align: right;
}
.selectZone .selectList .description .item .content{
  width: calc(100% - 115px);
  text-align: left;
}
.selectZone .selectList .description .item .content.price{
  color: #545454;
  font-weight: bold;
}
.selectZone .selectList .description .logo_shipping{
  height: 25px;
}
.selectZone .selectList .description .logo_shipping i{
  height: 25px;
}

/* slideshowZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slideshowZone{

}
.slideshowZone .slideshowSlick{
  margin-bottom: 0;
}
.slideshowSlick .item{
  position: relative;
  background-image: url('../images/mh/slide1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 200px;
}
.slideshowSlick .item-1{
  background-image: url('../images/mh/slide1.jpg');
}
.slideshowSlick .item-2{
  background-image: url('../images/mh/slide2.jpg');
}
.slideshowSlick .item-mh-coupon200{
  background-image: url('../images/mh/promotion/2018_06_11_opening/coupon_200.jpg');
}
.slideshowSlick .item-mh-shipping200{
  background-image: url('../images/mh/promotion/2018_06_11_opening/shipping_200.jpg');
}
.slideshowSlick .item .cover_bg{
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
.slideshowSlick .item .cover_text{
  display: table;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 10;
  color: #ffffff;
  text-align: center;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}
.slideshowSlick .item .cover_text .title{
  font-size: 1.8rem;
  font-family: 'Sukhumvit Set', 'rsubold', Tahoma;
}
.slideshowSlick .item .cover_text .detail{
  font-size: 1.4rem;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: 'Sukhumvit Set', 'rsulight', Tahoma;
}
.slideshowSlick .slick-dots{
  bottom: 0;
}
.slideshowSlick .slick-dots li button:before{
  font-size: 16px;
  color: #ffffff;
}

@media (min-width: 750px) {
  .slideshowSlick .item{
    height: 300px;
  }
  .slideshowSlick .item .cover_text{
    padding: 0 40px;
  }
  .slideshowSlick .item .cover_text .title{
    font-size: 3.2rem;
  }
  .slideshowSlick .item .cover_text .detail{
    font-size: 2.0rem;
    max-width: 500px;
    margin: 20px auto 0;
  }
}
@media (min-width: 1200px) {
  .slideshowSlick .item{
    height: 450px;
  }
  .slideshowSlick .item .cover_text .title{
    font-size: 5.0rem;
  }
  .slideshowSlick .item .cover_text .detail{
    font-size: 2.4rem;
    max-width: 600px;
    margin: 30px auto 0;
  }
  .slideshowSlick .item.item-2 .cover_text .detail{
    max-width: 1000px;
  }
}

/* promotionZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.promotionZone .four.columns{
  width: calc(33.3333333333% - 3px);
  margin-left: 6px;
}
.promotionZone .eight.columns{
  width: calc(66.6666666667% - 3px);
}
@media (min-width: 750px) {
  .promotionZone .four.columns{
    width: calc(33.3333333333% - 10px);
    margin-left: 20px;
  }
  .promotionZone .eight.columns{
    width: calc(66.6666666667% - 10px);
  }
  .promotionZone .twelve.columns{
    padding-top: 15px;
  }
}

/* hilightZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hilightZone .three.columns{
  width: 48%;
  margin-left: 4%;
}
.hilightZone .three.columns:nth-of-type(2n+1){
  margin-left: 0;
  clear: both;
}
.hilightZone .twelve.columns{
  text-align: center;
}
.hilightZone .one-fifth.column{
  /*
	width: 18.4%;
	margin-left: 2%;
*/
  width: 18.8%;
  margin-left: 1.5%;
}
.hilightZone .one-fifth.column:first-of-type{
  margin-left: 0;
}
.hilightZone h1{
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 2.4rem;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hilightZone h2{
  text-align: center;
  font-size: 1.4rem;
}
.hilightZone .row .title{
  font-size: 1.8rem;
  text-align: left;
}
.hilightZone .productBox{
  /*	box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);*/
  border: 1px solid #e5e5e5;
}
.hilightZone .productImage{
  position: relative;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.hilightZone .productImage img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.hilightZone .productImage .product_tag{
  position: absolute;
  right: -1px;
  top: 7%;
}
.hilightZone .productImage .product_buy{
  display: none;
}
.hilightZone .productImage .product_action{
  display: none;
}
.hilightZone .productImage .product_panel{
  display: none;
}
.hilightZone .productImage .product_panel button{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-bottom: 5px;
  font-size: 1.5rem;
  padding: 0;
  text-transform: none;
}
.hilightZone .productImage .product_panel button i{
  position: relative;
}
.hilightZone .productDescription{
  background: white;
  max-width: 100%;
  padding: 4% 5% 0;
  position: relative;
  border-top: 1px solid #e5e5e5;
}
.hilightZone .productDescription .summaryreview .review_icon{
  width: 15px;
  height: 15px;
  background-size: 45px 15px;
  position: relative;
  top: -2px;
}
.hilightZone .productDescription .summaryreview.feedback_like .review_icon{
  background-position: 0 0;
}
.hilightZone .productDescription .code{
  font-size: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.hilightZone .productDescription .name{
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
	height: 4.0rem;
*/
}
.hilightZone .productDescription .lastsync{
  font-size: 12px;
  color: darkorange;
}
.hilightZone .productDescription .price{
  min-height: 25px;
}
.hilightZone .productDescription .price .discount{
  font-size: 1.4rem;
  font-weight: bold;
}
.hilightZone .productDescription .price .discount.unit{
  font-size: 1.2rem;
}
.hilightZone .productDescription .price .normal.hasDiscount{
  font-size: 1.2rem;
  text-decoration: line-through;
  display: none;
}
.hilightZone .productDescription .price .percent{
  display: inline-block;
  padding: 2px 0;
  float: right;
  font-size: 1.2rem;
  line-height: 1.4;
  position: relative;
  top: 2px;
}
.hilightZone .productDescription .price .percent_text{
  display: none;
}
.hilightZone .productDescription .buy_button{
  display: none;
}
.hilightZone .productLastestReview{
  padding: 10px 0;
  font-size: 1.2rem;
  min-height: 31px;
  border-top: 1px solid #f5f5f5;
  background-color: white;
}
.hilightZone .productLastestReview .user_avatar{
  width: 30px;
  height: 30px;
  float: left;
}
.hilightZone .productLastestReview .user_avatar img{
  width: inherit;
  height: inherit;
}
.hilightZone .productLastestReview .word{
  line-height: 1.3;
  display: -webkit-box;
  height: auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 35px;
}
.hilightZone .productLastestReview.feedbackInit{
  border: 0;
  min-height: 52px;
  padding: 0;
}
.hilightZone .productBuyButton{
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid #f6f6f6;
}
.hilightZone .productBuyButton button{
  padding: 0 10px;
  max-width: 150px;
  width: 100%;
  font-size: 1.2rem;
}
.hilightZone .productBuyButton .add2cart{
  display: none;
}
.hilightZone .productDescription .shop{
  padding: 10px 0;
  font-size: 1.2rem;
  min-height: 31px;
  border-top: 1px solid #f5f5f5;
  background-color: white;
}
.hilightZone .productDescription .shop .shop_avatar{
  width: 30px;
  height: 30px;
  float: left;
}
.hilightZone .productDescription .shop .shop_avatar img{
  width: inherit;
  height: inherit;
}
.hilightZone .productDescription .shop .shop_name{
  line-height: 30px;
  margin-left: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* comment for shop-box.html style
.hilightZone .sellerBox{
	background: white;
}
.hilightZone .sellerCover{
	position: relative;
	height: 0;
	padding-bottom: 30%;
	overflow: hidden;
}
.hilightZone .sellerCover img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -25%;
	margin: auto;
}
.hilightZone .sellerProfile{
	position: relative;
	height: 120px;
}
.hilightZone .sellerImage{
	float: left;
	position: absolute;
	top: -15px;
	left: 10px;
	width: 120px;
	height: 120px;
	background: white;
	box-sizing: border-box;
}
.hilightZone .sellerImage img{
	width: 90%;
	height: 90%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.hilightZone .sellerDescription{
	float: left;
	padding: 10px 10px 15px 140px;
	width: 100%;
	box-sizing: border-box;
}
.hilightZone .sellerDescription .name{
	font-size: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hilightZone .sellerDescription .rankArea{
	min-height: 38px;
}
*/
.hilightZone.hotCategory .container{
  /*	padding: 0;*/
}
.hilightZone .listCategory{
  position: relative;
}
.hilightZone .categoryBox{
  position: relative;
  text-align: center;
  line-height: 0;
  overflow: hidden;
  /*
	max-height: 250px;
	overflow-x: scroll;
	overflow-y: hidden;
	box-sizing: border-box;
*/
}
.hilightZone .categoryImage{
  position: relative;
  height: 250px;
  line-height: 0;
  overflow: hidden;
  max-width: 385px;
  margin: auto;
  /*	min-width: 1400px;*/
  border: 1px solid #e5e5e5;
}
.hilightZone .categoryImage .listBlock{
  /*
	float: left;
	width: 200px;
*/
  box-sizing: border-box;
  overflow: hidden;
}
.hilightZone .categoryImage img{
  /*
	width: 100%;
*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.hilightZone .categoryDescription{
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  text-align: center;
}
.hilightZone .categoryDescription .name{
  display: inline-block;
  padding: 3px 15px;
  line-height: 1.6;
  background: rgba(246, 246, 246, 0.95);
}
.hilightZone .categoryStatus{
  position: absolute;
  right: 0;
  top: 15px;
  text-align: center;
  margin: 0;
}
.hilightZone.sellerRow{
  background: white;
}
/*
.hilightZone.sellerRow .sellerProfile{
	display: block;
	text-align: left;
}
.hilightZone.sellerRow .sellerScore{
	display: none;
	float: left;
	width: 40%;
	text-align: center;
	padding: 15px 0;
	height: inherit;
	box-sizing: border-box;
}
.hilightZone.sellerRow .score_title{
	width: 80px;
}
.hilightZone.sellerRow .score_title .premiumicon{
	display: none;
}
*/
.hilightZone.relatedRow .container{
  padding: 0;
  width: 100%;
}
.hilightZone.relatedRow .title{
  padding-left: 10px;
}
.hilightZone .coverRelatedProductArea{
  overflow: auto;
  padding-left: 10px;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.hilightZone .coverRelatedProduct{
  height: auto;
  min-width: 750px;
}
.hilightZone .search_resultnum{
  font-size: 1.2rem;
  float: right;
}
.hilightZone .show_page_section:first-of-type{
  margin-top: 10px;
}
.hilightZone .show_page_section h1{
  font-size: 1.5rem;
  padding: 10px 10px 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
.hilightZone .collectionRow{
  padding: 0 10px;
  box-sizing: border-box;
}
.hilightZone .collectionRow .categoryImage{
  height: auto;
}
.hilightZone .collectionRow .categoryImage img{
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.hilightZone.hotCategoryLayout2 .collectionRow .categoryDescription .name{
  text-align: center;
  font-weight: bold;
}
.hilightZone .slick-dots{
  margin: 0;
  bottom: -15px;
}
.hilightZone .slick-dots li button:before{
  font-size: 0.9rem;
}
.hilightZone .slick-prev,
.hilightZone .slick-next{
  z-index: 1;
}
.hilightZone .slick-prev{
  left: -75px;
}
.hilightZone .slick-next{
  right: -30px;
}
.hilightZone .slick-prev:before,
.hilightZone .slick-next:before{
  color: #01B49A;
}
.hilightZone .collectionBanner{
  z-index: 98;
}
.hilightZone .collectionBanner a.cover{
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 15% center;
  height: 200px;
}
.hilightZone .collectionBanner .slick-list{
  overflow: visible;
  z-index: 100;
}
.hilightZone .collectionBanner .slick-dots{
  bottom: -25px;
}
.hilightZone .collectionBanner .showProduct{
  display: none;
}
.hilightZone.front_popup_rama9 .productBox{
  max-width: 300px;
  margin: auto;
  margin-top: 20px;
}
.hilightZone.front_popup_rama9 .productImage img{
  width: 100%;
}
.hilightZone.front_popup_rama9 .productDescription{
  text-align: center;
}
.four.columns.hilightZone.front_popup_rama9{
  display: none;
}
.hilightZone.collectionZone .four.columns{
  position: relative;
}
.hilightZone.collectionZone .categoryBox{
  max-height: none;
}
.hilightZone.collectionZone .categoryBox .categoryImage{
  padding-bottom: 109%;
  margin: auto;
  height: 0;
  max-height: none;
  max-width: none;
}
.row.list-view .columns.productCol_s{
  min-height: 0;
}
.hilightZone .list-view .three.columns{
  width: 100%;
  margin-left: 0 !important;
}
.hilightZone .list-view .three.columns.mini{
  width: 100%;
  margin-bottom: 0;
}
.hilightZone .list-view .three.columns.mini:last-of-type{
  margin-bottom: 20px;
}
.hilightZone .list-view .productBox{
  background-color: white;
  height: 0;
  padding-bottom: 40%;
  overflow: hidden;
  border-top: 0;
}
.hilightZone .list-view .three.columns:first-of-type .productBox{
  border-top: 1px solid #e5e5e5;
}
.hilightZone .list-view .productImage{
  padding-bottom: 40%;
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 40%;
  /*	border-right: 1px solid #e5e5e5;*/
  /*	box-sizing: border-box;*/
  /*	background-color: #e8e8e8;*/
  background-color: white;
}
.hilightZone .list-view .productImage img{
  padding: 10px;
  box-sizing: border-box;
}
.hilightZone .list-view .productImage .product_tag{
  display: none;
}
.hilightZone .list-view .productDescription{
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 60%;
  box-sizing: border-box;
  border: 0;
  padding: 10px;
}
.hilightZone .list-view .productBox:hover{
  border: 1px solid #e5e5e5;
  border-top: 0;
  box-shadow: none;
}
.hilightZone .list-view .three.columns:first-of-type .productBox:hover{
  border-top: 1px solid #e5e5e5;
}
.hilightZone .list-view .productBox:hover .productImage img.grow{
  backface-visibility: visible;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.hilightZone .list-view .productBox:hover .productDescription{
  position: relative;
  box-shadow: none;
}
.hilightZone .list-view .show_page_section{
  margin-top: 20px;
}
.hilightZone .video_iframe{
  width: 100%;
  height: 400px;
  max-width: 750px;
}

@media (min-width: 400px) {
  .hilightZone .productDescription .price .discount{
    font-size: 1.6rem;
  }
  .hilightZone .productDescription .price .percent{
    top: 4px;
  }
  .hilightZone.hotCategory .container{
    /*		width: 100%;*/
  }
}
@media (min-width: 550px) {
  .hilightZone .three.columns{
    width: 32%;
    margin-left: 2%;
  }
  .hilightZone .three.columns:nth-of-type(2n+1){
    margin-left: 2%;
    clear: none;
  }
  .hilightZone .three.columns:nth-of-type(3n+1){
    margin-left: 0;
    clear: both;
  }
  .hilightZone .one-third.column.listCategory{
    width: 48%;
    margin-left: 4%;
  }
  .hilightZone .collectionRow .one-third.column.listCategory{
    width: 96%;
    margin-left: 4%;
  }
  .hilightZone .one-third.column.listCategory:nth-of-type(2n+1){
    margin-left: 0;
  }
  .hilightZone .productDescription .name{
    font-size: 1.2rem;
  }
  .hilightZone .productDescription .price .discount{
    font-size: 1.4rem;
  }
  .hilightZone .productDescription .price .percent{
    top: 2px;
  }
  .hilightZone .collectionBanner a.cover{
    background-position: left center;
  }
  .hilightZone .list-view .productBox{
    padding-bottom: 30%;
  }
  .hilightZone .list-view .productImage{
    width: 30%;
    padding-bottom: 30%;
  }
  .hilightZone .list-view .productImage img{
    padding: 20px;
  }
  .hilightZone .list-view .productDescription{
    width: 70%;
    padding: 20px;
  }
}
@media (min-width: 750px) {
  .hilightZone .four.columns{
    width: 49%;
    margin-left: 2%;
  }
  .hilightZone .four.columns:nth-child(2n+1){
    margin-left: 0;
  }
  .hilightZone .two-thirds.column{
    width: 65%;
  }
  .hilightZone .one-third.column.listCategory{
    /*
		width: 100%;
		margin-left: 0;
*/
  }
  .hilightZone .categoryBox{
    max-height: 300px;
  }
  .hilightZone .categoryImage{
    /*
		height: 250px;
		min-width: 1750px;
*/
  }
  .hilightZone .categoryImage .listBlock{
    /*		width: 250px;*/
  }
  .hilightZone .productDescription .name{
    font-size: 1.4rem;
  }
  .hilightZone .productDescription .price .discount{
    font-size: 1.6rem;
  }
  .hilightZone .productDescription .price .percent{
    top: 4px;
  }
  .hilightZone .coverRelatedProduct{
    min-width: 1000px;
  }
  .hilightZone .show_page_section h1{
    position: absolute;
    left: 20px;
    padding: 0;
    line-height: 30px;
    width: 50%;
    text-align: left;
  }
  .hilightZone .collectionRow .categoryBox{
    max-height: none;
  }
  .hilightZone .collectionBanner .showProduct{
    display: block;
    position: absolute;
    top: 25%;
    left: 50%;
    width: 50%;
  }
  .hilightZone .collectionBanner .three.columns{
    width: 110px;
    margin-bottom: 0;
  }
  .hilightZone .collectionBanner .productDescription{
    display: none;
  }
  .hilightZone.front_popup_rama9 .productBox{
    max-width: none;
    margin-top: 0;
  }
  .hilightZone.front_popup_rama9 .productImage{
    padding-bottom: 92%;
  }
  .four.columns.hilightZone.front_popup_rama9{
    display: inline-block;
  }
}
@media (min-width: 1000px) {
  .hilightZone h1{
    font-size: 3.0rem;
    line-height: 1.8;
  }
  .hilightZone .three.columns{
    width: 23.5%;
    margin-left: 2%;
  }
  .hilightZone .three.columns:nth-of-type(2n+1),
  .hilightZone .three.columns:nth-of-type(3n+1){
    margin-left: 2%;
    clear: none;
  }
  .hilightZone .three.columns:nth-of-type(4n+1){
    margin-left: 0;
    clear: both;
  }
  .hilightZone .one-third.column.listCategory{
    width: 32%;
    margin-left: 2%;
  }
  .hilightZone .one-third.column.listCategory:nth-of-type(2n+1){
    margin-left: 2%;
  }
  .hilightZone .one-third.column.listCategory:nth-of-type(3n+1){
    margin-left: 0;
  }
  .hilightZone.hotCategory .container{
    /*		width: 90%;*/
  }
  .hilightZone .categoryBox{
    overflow: hidden;
    padding: 0;
    max-height: none;
  }
  .hilightZone .categoryImage{
    /*		padding-bottom: 25vmax;*/
    min-width: 0;
    height: 25vmax;
    max-height: 350px;
  }
  .hilightZone .categoryImage img{
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
  .hilightZone .categoryImage .listBlock img.grow{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .hilightZone .categoryImage .listBlock img.grow:hover{
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.05, 1.05);
    -moz-transform: translateZ(0) scale(1.05, 1.05);
    -ms-transform: translateZ(0) scale(1.05, 1.05);
    -o-transform: translateZ(0) scale(1.05, 1.05);
    transform: translateZ(0) scale(1.05, 1.05);
  }
  .hilightZone .categoryImage.dark_cover .listBlock:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
  }
  .hilightZone .categoryImage.dark_cover:hover .listBlock:after{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .hilightZone .categoryDescription .name{
    font-size: 1.8rem;
    padding: 10px 20px 5px;
  }
  .hilightZone.sellerRow .four.columns:nth-child(2n+1){
    clear: left;
  }
  /*
	.hilightZone .one-third.column.listCategory:nth-child(3n+1){
		margin-left: 0;
	}
	.hilightZone .one-third.column.listCategory .listBlock:first-child{
		width: 100%;
	}
	.hilightZone .listCategory .listBlock:first-child{
		width: 40%;
	}
	.hilightZone .listCategory .listBlock:not(:first-child){
		width: 20%;
	}
	.hilightZone .listCategory .listBlock:nth-of-type(n+2){
		display: none;
	}
*/
  .hilightZone.sellerRow .sellerDescription{
    width: 60%;
  }
  .hilightZone.sellerRow .sellerScore{
    display: block;
  }
  .hilightZone.relatedRow .container{
    width: 90%;
  }
  .hilightZone.relatedRow .title{
    padding-left: 0;
  }
  .hilightZone .coverRelatedProductArea{
    overflow-x: hidden;
    padding-left: 0;
  }
  .hilightZone .coverRelatedProduct{
    min-width: 0;
  }
  .hilightZone .productDescription .price .percent_text{
    display: inline-block;
  }
  .hilightZone .coverRelatedProductArea .productDescription .price .percent_text{
    display: none;
  }
  .hilightZone .collectionRow .categoryImage{
    max-height: none;
    height: auto;
  }
  .hilightZone .slick-prev{
    top: 47%;
    left: -40px;
  }
  .hilightZone .slick-next{
    top: 47%;
    right: -20px;
  }
  .hilightZone .slick-prev:before,
  .hilightZone .slick-next:before{
    font-size: 4rem;
  }
  .hilightZone .collectionBanner .showProduct{
    top: 20%;
  }
  .hilightZone .collectionBanner .three.columns{
    width: 130px;
  }
  .hilightZone.front_popup_rama9 .productImage{
    padding-bottom: 87%;
  }
  .hilightZone .list-view .productBox{
    padding-bottom: 20%;
  }
  .hilightZone .list-view .productImage{
    width: 20%;
    padding-bottom: 20%;
  }
  .hilightZone .list-view .productDescription{
    width: 80%;
  }
  .hilightZone .list-view .productDescription .name{
    overflow: visible;
    white-space: normal;
  }
  .hilightZone .list-view .productDescription .buy_button{
    display: inline-block;
    margin-top: 20px;
  }
  .hilightZone .list-view .productDescription .buy_button button{
    height: 28px;
    line-height: 24px;
    padding: 0 15px;
    font-size: 1.3rem;
  }
  .hilightZone .list-view .productInfo{
    width: 60%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .hilightZone .list-view .productLastestReview{
    width: 40%;
    float: right;
    padding: 0 20px;
    box-sizing: border-box;
    border-top: 0;
  }
  .hilightZone .list-view .productLastestReview .word{
    /*		overflow: visible;*/
    /*		white-space: normal;*/
    /*		display: block !important;*/
    word-break: break-word;
    -webkit-line-clamp: 9;
  }
}
@media (min-width: 1200px) {
  .hilightZone .three.columns.mini{
    width: 18.8%;
    margin-left: 1.5%;
  }
  .hilightZone .three.columns.mini:nth-of-type(2n+1),
  .hilightZone .three.columns.mini:nth-of-type(3n+1),
  .hilightZone .three.columns.mini:nth-of-type(4n+1){
    margin-left: 1.5%;
    clear: none;
  }
  .hilightZone .three.columns.mini:nth-of-type(5n+1){
    margin-left: 0;
    clear: both;
  }
  .hilightZone .four.columns{
    width: 32%;
    margin-left: 2%;
  }
  .hilightZone .four.columns:nth-child(2n+1){
    margin-left: 2%;
  }
  .hilightZone .four.columns:nth-child(3n+1){
    margin-left: 0;
    animation-delay: 0ms;
  }
  .hilightZone.sellerRow .four.columns:nth-child(2n+1){
    clear: none;
  }
  .hilightZone.sellerRow .four.columns:nth-child(3n+1){
    clear: left;
  }
  .hilightZone .four.columns:nth-child(3n+2){
    animation-delay: 100ms;
  }
  .hilightZone .four.columns:nth-child(3n+3){
    animation-delay: 200ms;
  }
  .hilightZone .two-thirds.column{
    width: 66%;
  }
  /*
	.hilightZone .one-third.column{
		width: 32%;
		margin-left: 2%;
	}
*/
  .hilightZone .categoryImage{
    /*		padding-bottom: 20vmax;*/
  }
  .hilightZone.sellerRow .score_title{
    width: 115px;
  }
  .hilightZone.sellerRow .score_title .premiumicon{
    display: inline-block;
  }
  .hilightZone .coverRelatedProduct{
    /*		min-width: 1200px;*/
  }
  .hilightZone .productImage .product_buy{
    height: 50px;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 6px 0;
    box-sizing: border-box;
    text-align: center;
  }
  .hilightZone .productImage .product_buy button{
    margin: 0 2px;
    padding: 0 3%;
    font-size: 1.4rem;
  }
  .hilightZone .productImage .product_action{
    /*height: 70px;*/
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding: 6px 0;
    box-sizing: border-box;
    text-align: center;
  }
  .hilightZone .productImage .product_action button{
    margin: 0 2px;
    padding: 0 10px;
    font-size: 1.4rem;
  }
  .hilightZone .productDescription .price .normal.hasDiscount{
    display: inline-block;
  }
  .hilightZone .productDescription .price .discount{
    font-size: 2.0rem;
  }
  .hilightZone .productDescription .price .discount.unit{
    font-size: 1.4rem;
  }
  .hilightZone .productDescription .price .percent{
    top: 8px;
  }
  .hilightZone .productBox{
    position: relative;
  }
  .hilightZone .productBox .productImage img.grow{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .hilightZone .productBox:hover{
    box-shadow: 0 3px 4px 0 rgba(51,51,51,.3);
    border: 0;
  }
  .hilightZone .productBox:hover .productImage img{
    /*		border: 1px solid #e8e8e8;*/
    border-bottom: 0;
    box-sizing: border-box;
  }
  .hilightZone .productBox:hover .productImage img.grow{
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.05, 1.05);
    -moz-transform: translateZ(0) scale(1.05, 1.05);
    -ms-transform: translateZ(0) scale(1.05, 1.05);
    -o-transform: translateZ(0) scale(1.05, 1.05);
    transform: translateZ(0) scale(1.05, 1.05);
  }
  .hilightZone .productBox:hover .product_buy{
    display: block;
    position: absolute;
    bottom: 0;
  }
  .hilightZone .productBox:hover .product_action{
    display: block;
    position: absolute;
    bottom: 0;
    color: white;
  }
  .hilightZone .productBox:hover .product_panel{
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .hilightZone .productBox:hover .productDescription{
    position: absolute;
    width: 100%;
    z-index: 1;
    /*		box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);*/
    box-shadow: 0 3px 4px 0 rgba(51,51,51,.3);
    box-sizing: border-box;
  }
  .hilightZone .productBox:hover .productDescription .name{
    overflow: visible;
    white-space: normal;
  }
  .hilightZone .productBox:hover .productLastestReview .word{
    overflow: visible;
    white-space: normal;
    display: block !important;
    word-break: break-word;
  }
  .hilightZone .coverRelatedProductArea{
    overflow: visible;
  }
  .hilightZone .collectionBanner a.cover{
    height: 320px;
  }
  .hilightZone .collectionBanner .showProduct{
    top: 15px;
  }
  .hilightZone .collectionBanner .three.columns{
    width: 175px;
  }
  .hilightZone .collectionBanner .productDescription{
    display: block;
  }
  .hilightZone .collectionBanner .productDescription .name{
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .hilightZone .collectionBanner .productDescription .price .discount{
    font-size: 1.6rem;
  }
  .hilightZone .collectionBanner .productDescription .price .percent{
    display: none;
  }
  .hilightZone.front_popup_rama9 .productImage{
    padding-bottom: 90%;
  }
  .hilightZone .list-view .productBox{
    padding-bottom: 15%;
  }
  .hilightZone .list-view .productImage{
    width: 15%;
    padding-bottom: 15%;
  }
  .hilightZone .list-view .productDescription{
    width: 85%;
  }
  .hilightZone .list-view .productBox:hover .productDescription{
    width: 85%;
  }
  .hilightZone .list-view .productBox:hover .productLastestReview .word{
    overflow: hidden;
    display: -webkit-box !important;
  }
}
@media (min-width: 1400px) {
  .hilightZone .slick-prev{
    left: -75px;
  }
  .hilightZone .collectionBanner .slick-prev,
  .hilightZone .collectionBanner .slick-next{
    top: 45%;
    z-index: 101;
  }
  .hilightZone .collectionBanner .slick-prev{
    left: 20px;
  }
  .hilightZone .slick-next{
    right: -30px;
  }
  .hilightZone .collectionBanner .slick-next{
    right: 70px;
  }
  .hilightZone .collectionBanner .slick-prev:before,
  .hilightZone .collectionBanner .slick-next:before{
    font-size: 7rem;
    color: white;
  }
  .hilightZone .slick-prev:before,
  .hilightZone .slick-next:before{
    font-size: 5rem;
  }
  .hilightZone.front_popup_rama9 .productBox{
    /*		margin-top: 20px;*/
  }
  .hilightZone.front_popup_rama9 .productImage{
    padding-bottom: 92%;
  }
  .hilightZone .productBuyButton .add2cart{
    display: inline-block;
    margin-right: 5px
  }
  .hilightZone .productBuyButton button{
    width: auto;
    min-width: 85px;
    max-width: 110px;
    height: 32px;
    line-height: 30px;
  }
}

/* customHilightZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.customHilightZone{
  position: relative;
  z-index: 1;
}
.customHilightZone .container{
  padding: 0;
}
.customHilightZone .twelve.columns{
  text-align: center;
}
.customHilightZone .three.columns{
  width: 50%;
}
.customHilightZone .six.columns{
  /*
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
*/
  order: 2;
  width: 100%;
}
.customHilightZone .six.columns .three.columns{
  width: 25%;
  height: auto;
}
.customHilightZone .category_icon{
  position: relative;
  top: -5px;
  height: 50px;
}
.customHilightZone .hilightBox{
  /*	position: relative;*/
}
.customHilightZone .hilightBox.imageOnly{
  /*
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
*/
  display: flex;
  flex-wrap: wrap;
  line-height: 0;
  clear: both;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.customHilightZone .hilightText{
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.customHilightZone .hilightText .title i{
  margin: 0 5px;
}
.customHilightZone .slick-slider{
  margin: 0;
}
.customHilightZone .slick-list{
  padding: 0 !important;
  overflow: hidden;
  z-index: 1;
}
.customHilightZone .slick-track{
  /*
	overflow-x: hidden;
	overflow-y: visible;
*/
}
.customHilightZone .slick-dots{
  margin: 0;
  bottom: -35px;
}
.customHilightZone .slick-dots li button:before{
  font-size: 0.9rem;
}
.customHilightZone .slick-prev,
.customHilightZone .slick-next{
  z-index: 1;
}
.customHilightZone .slick-prev{
  left: -75px;
}
.customHilightZone .slick-next{
  right: -45px;
}
.customHilightZone .slick-prev:before,
.customHilightZone .slick-next:before{
  font-size: 5rem;
  color: #cc2127;
}
.hilightBox.imageOnly .three.columns{
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.hilightBox.imageOnly .columns img{
  padding: 10% 15% 20%;
  box-sizing: border-box;
}
.hilightBox.imageOnly .columns .columns img{
  padding: 15%;
}
.hilightBox.imageOnly .rankArea{
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 5% 5%;
  box-sizing: border-box;
}
.hilightBox.imageOnly .superShop{
  display: none;
}
.hilightBox.imageOnly .topRank{
  display: none;
}
.hilightBox.imageOnly .editorChoice{
  display: none;
}
.hilightBox.imageOnly .levelRank{
  text-align: center;
}
.hilightBox.imageOnly .columns .columns .levelRank{
  display: none;
}
.hilightBox.imageOnly .three.columns .overlay{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
  box-sizing: border-box;
}
.hilightText .title{
  display: inline-block;
  vertical-align: middle;
  float: left;
  width: 65%;
  font-size: 2.0rem;
  line-height: 40px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hilightText .recommend{
  display: inline-block;
  vertical-align: middle;
  float: left;
  width: 35%;
  text-align: right;
  margin-top: 2px;
  font-size: 1.2rem;
  padding-right: 5px;
  box-sizing: border-box;
}
.hilightText .recommend a{
  display: none;
  margin-left: 25px;
}
.hilightText .recommend a:last-of-type{
  display: inline-block;
}
.hilightZone.hilightBox .three.columns{
  width: 33.3333%;
  margin-left: 0;
  clear: none;
}
.hilightZone.hilightBox .four.columns{
  width: 33.3333%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.hilightZone.hilightBox .bannerBox{
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.hilightZone.hilightBox .bannerBox .bannerImage{
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 155%;
}
.hilightZone.hilightBox .bannerBox .bannerImage img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}
.hilightZone.hilightBox .bannerBox .bannerDescription{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.hilightZone.hilightBox .bannerBox .bannerDescription a{
  display: block;

}
.hilightZone.hilightBox .bannerBox .bannerDescription .title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.1rem;
  padding: 0 10px;
  box-sizing: border-box;
}
.hilightZone.hilightBox .productBox{
  background: white;
  box-shadow: none;
  border: 1px solid #e5e5e5;
  border-right: 0;
  border-top: 0;
}
.hilightZone.hilightBox .productImage img{
  padding: 10%;
  box-sizing: border-box;
}
.hilightZone.hilightBox .productDescription{
  border-top: 0;
  padding: 0 5% 4%;
}
.hilightZone.hilightBox .productDescription .name{
  text-align: center;
}
.hilightZone.hilightBox .productDescription .price{
  text-align: center;
}
.hilightZone.hilightBox .productDescription .price .percent{
  display: none;
}
.hilightZone.hilightBox .productLastestReview{
  display: none;
}

/*hilightZone.hotCategoryLayout2*/
.hilightZone.hotCategoryLayout2{

}
.hilightZone.hotCategoryLayout2 a:hover{
  text-decoration: none;
}
.hilightZone.hotCategoryLayout2 .categoryDescription{
  position: relative;
  text-align: left;
  margin: 5px 0 20px;
}
.hilightZone.hotCategoryLayout2 .categoryDescription .name{
  font-family: 'Sukhumvit Set', Tahoma;
  width: 100%;
  padding-left: 0;
  background: transparent;
  font-weight: bold;
}
.hilightZone.hotCategoryLayout2 .button{
  height: 50px;
  line-height: 48px;
  font-size: 1.6rem;
}

@media (min-width: 400px) {
  .customHilightZone .container{
    width: 100%;
  }
  .hilightZone.hilightBox .bannerBox .bannerImage{
    padding-bottom: 145%;
  }
}

@media (min-width: 550px) {
  .customHilightZone .container{
    width: 100%;
  }
  .hilightZone.hilightBox .bannerBox .bannerImage{
    padding-bottom: 133%;
  }
}

@media (min-width: 750px) {
  .hilightZone.hilightBox .three.columns{
    width: 25%;
  }
  .hilightZone.hilightBox .first .redTag,
  .hilightZone.hilightBox .first .yellowTag{
    padding: 10px 20px;
    font-size: 1.6rem;
  }
  .hilightZone.hilightBox .first .productImage{
    padding-bottom: 95%;
  }
  .hilightZone.hilightBox .first .productBox{
    border: 0;
    position: relative;
  }
  .hilightZone.hilightBox .first .productLastestReview{
    display: none;
  }
  .hilightZone.hilightBox.slick-current .first .productLastestReview{
    display: block;
  }
  .hilightZone.hilightBox .productDescription .name{
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .hilightZone.hilightBox .four.columns{
    position: static;
    right: auto;
    bottom: auto;
  }
  .hilightZone.hilightBox .bannerBox .bannerImage{
    padding-bottom: 133%;
  }
  .hilightZone.hilightBox .bannerBox .bannerDescription{
    width: 80%;
    height: 50px;
    line-height: 50px;
  }
  .hilightZone.hilightBox .bannerBox .bannerDescription .title{
    font-size: 1.2rem;
  }
}

@media (min-width: 1000px) {
  .hilightText .title{
    width: 300px;
  }
  .hilightText .recommend{
    width: calc(100% - 315px);
    margin-left: 10px;
    font-size: 1.4rem;
  }
  .hilightText .recommend a{
    display: inline-block;
  }
  .hilightZone.hilightBox .first .productDescription{
    padding: 0 5%;
  }
  .hilightZone.hilightBox .first .productDescription .name{
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .hilightZone.hilightBox .first .productDescription .price .discount{
    font-size: 2.4rem;
  }
  .hilightZone.hilightBox .bannerBox .bannerImage{
    padding-bottom: 125%;
  }
  .hilightZone.hilightBox .bannerBox .bannerDescription .title{
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .customHilightZone .slick-list{
    overflow: visible;
  }
  .customHilightZone .slick-slide > div{
    visibility: hidden;
    opacity: 0;
    /*
		transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	   -webkit-transition: all .2s ease-in-out;
*/
  }
  .customHilightZone .slick-current > div{
    visibility: visible;
    opacity: 1;
    /*
		transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	   -webkit-transition: all .2s ease-in-out;
*/
  }
  .hilightZone.hilightBox .three.columns:nth-of-type(4n+1){
    clear: both;
  }
  .hilightZone.hilightBox .columns .productBox:hover{
    /*		box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);*/
    border: 0;
  }
  .hilightZone.hilightBox .columns .productBox:hover .productImage{
    box-shadow: 0 3px 4px 0 rgba(51,51,51,.3);
    z-index: 1;
  }
  .hilightZone.hilightBox .columns.first .productBox:hover .productImage,
  .hilightZone.hilightBox .columns.first .productBox:hover .productDescription{
    box-shadow: none;
  }
  .hilightZone.hilightBox .columns .productBox:hover .productImage img.grow{
    /*		border: 1px solid white;*/
    box-sizing: border-box;
  }
  .hilightZone.hilightBox .columns .productBox:hover .productDescription{
    /*		box-shadow: none;*/
    border: 0;
  }
  .hilightZone.hilightBox .columns .productBox:hover .productLastestReview{
    display: block;
  }
  .hilightBox.imageOnly .columns .columns img{
    padding: 10% 15% 20%;
  }
  .hilightBox.imageOnly .rankArea{
    padding: 0 15% 3%;
  }
  .hilightBox.imageOnly .superShop,
  .hilightBox.imageOnly .topRank,
  .hilightBox.imageOnly .editorChoice{
    display: inline-block;
  }
  .hilightBox.imageOnly .levelRank{
    text-align: left;
  }
  .hilightBox.imageOnly .columns .columns .rankArea{
    padding: 0 5% 4%;
  }
  .hilightBox.imageOnly .columns .columns .superShop,
  .hilightBox.imageOnly .columns .columns .topRank,
  .hilightBox.imageOnly .columns .columns .editorChoice{
    display: none;
  }
  .hilightBox.imageOnly .columns .columns .levelRank{
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .hilightBox.imageOnly .columns .columns .levelText{
    display: none;
  }

  .hilightBox.imageOnly .three.columns:hover .overlay{
    display: block;
  }
  .hilightBox.imageOnly .three.columns:hover .overlay a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 40%;
    box-sizing: border-box;
    line-height: 1.6;
  }
  .hilightBox.imageOnly .three.columns:hover .overlay .title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 1.8rem;
    margin-top: 5px;
  }
  .hilightBox.imageOnly .columns .three.columns:hover .overlay .title{
    margin-top: 0;
    font-size: 1.2rem;
  }
}

/* productDetailZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.productDetailZone{
  height: 100%;
}
.productDetailZone .slick-prev{
  left: 40px;
}
.productDetailZone .slick-prev:before,
.productDetailZone .slick-next:before{
  font-size: 40px;
}
.productDetailZone .slick-next{
  right: 60px;
}
.productDetailZone .coverImageArea{
  overflow-x: scroll;
}
.productDetailZone .coverImageArea img{
  cursor: zoom-in;
}
.productDetailZone .coverImage{
  height: 20vmax;
  /*	min-width: 100vmax;*/
  overflow: hidden;
}
.productDetailZone .coverImage .productImage{
  float: left;
  position: relative;
  width: 20vmax;
  height: 100%;
}
.productDetailZone .coverImage .productImage img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.productDetailZone .product_price{
  font-size: 3.0rem;
  line-height: 1em;
  padding-top: 20px;
  /*	height: 50px;*/
}
.productDetailZone .product_price .discount.unit{
  font-size: 2.0rem;
}
.productDetailZone .product_price .price_title{
  font-size: 1.4rem;
}
.productDetailZone .product_price .normal.hasDiscount{
  font-size: 1.6rem;
  text-decoration: line-through;
}
.productDetailZone .product_tag{
  display: inline-block;
  vertical-align: text-bottom;
}
.productDetailZone .contact{
  height: 40px;
}
.productDetailZone .contact a{
  width: 100%;
  display: block;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border: 0;
}
.productDetailZone .product_detail.chat{
  position: relative;
  padding-top: 0;
}
.productDetailZone .chat{
  position: absolute;
  padding: 10px 20px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.productDetailZone .chat .item{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.productDetailZone .chat .title{
  width: 80px;
}
.productDetailZone .chat .btnSocial{
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 50%;
  box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  margin-right: 5px;
}
.productDetailZone .chat .btnSocial .icon{
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  background-color: white;
}
.productDetailZone .chat .social-facebook{
  background-color: #0084FF;
}
.productDetailZone .chat .social-facebook .icon{
  -webkit-mask-image: url('../images/icon/social-svg/messenger.svg');
  mask-image: url('../images/icon/social-svg/messenger.svg');
}
.productDetailZone .chat .social-line{
  background-color: #00C300;
}
.productDetailZone .chat .social-line .icon{
  -webkit-mask-image: url('../images/icon/social-svg/line.svg');
  mask-image: url('../images/icon/social-svg/line.svg');
}
.productDetailZone .chat .social-mobile{
  background-color: #00a2ff;
}
.productDetailZone .chat .social-mobile .icon{
  background-image: url('../images/icon/telephone.png');
  background-repeat: no-repeat;
  background-color: transparent;
}
.productDetailZone .productDetailArea{
  min-height: 300px;
}
.productDetailArea .product_name{
  font-size: 1.8rem;
  line-height: 1.4em;
  margin: 0;
}
.productDetailArea .row .title{
  font-size: 1.8rem;
}
.productDetailArea .row .title_desc{
  font-size: 1.2rem;
}
.productDetailArea .row .detail{
  margin-top: 20px;
}
.productDetailArea .row .moreDetail{
  text-align: center;
}
.productDetailArea .row .moreDetail.hide{
  display: none;
}
.productDetailArea .contentRow .topic{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productDetailArea .contentRow .content{
  display: inline-block;
  width: 100%;
}
.productDetailArea .contentRow .content_column{
  width: 100%;
}
.productDetailArea .contentRow .content_column > div{
  float: left;
  margin-top: 5px;
}
.productDetailArea .contentRow .content_column .content_title{
  font-weight: bold;
  width: 80px;
}
.productDetailArea .contentRow .content_column .content_detail{
  padding: 0 10px;
  width: calc(100% - 80px);
  box-sizing: border-box;
}
.productDetailArea .detailRow .detail{
  overflow-x: auto;
}
.productDetailArea .detailRow pre,
.productDetailArea .detailRow blockquote,
.productDetailArea .detailRow dl,
.productDetailArea .detailRow figure,
.productDetailArea .detailRow table,
.productDetailArea .detailRow p,
.productDetailArea .detailRow ul,
.productDetailArea .detailRow ol,
.productDetailArea .detailRow form{
  margin-bottom: 1rem;
}
.productDetailArea .detailRow h1,
.productDetailArea .detailRow h2,
.productDetailArea .detailRow h3,
.productDetailArea .detailRow h4,
.productDetailArea .detailRow h5,
.productDetailArea .detailRow h6{
  font-size: 1.4rem;
  line-height: 1.6;
}
.productDetailArea .detailRow th,
.productDetailArea .detailRow td{
  padding: 0;
}
.productDetailArea .detailRow a{
  text-decoration: underline;
  color: inherit;
}
.productDetailArea .detailRow table{
  min-width: 700px;
}
.productDetailArea .detailRow img{
  max-width: 100%;
}
.detailRow .contentRow{
  margin-bottom: 20px;
}
.productDetailArea .feedbackList .feedbackBox:not(:first-of-type){
  margin-top: 0;
}
.titleRow .product_detail{
  padding: 20px 0 0;
  border: 0;
}
.titleRow .product_detail.quantity{
  padding: 0;
}
.titleRow .product_detail select{
  max-width: 100%;
  margin: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.titleRow .product_detail .subproduct_image{
  margin-top: 10px;
}
.titleRow .product_detail .item{
  margin-top: 10px;
}
.titleRow .product_detail .item .title{
  font-size: 1.4rem;
  width: 100px;
  display: inline-block;
  vertical-align: top;
}
.titleRow .product_detail .item .detail{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 110px);
  margin-top: 0;
}
.titleRow .product_detail .note{
  font-size: 1.1rem;
  margin-top: 10px;
  position: absolute;
}
.titleRow .product_detail.contact{
  padding-top: 10px;
}
.titleRow .product_detail.contact a{
  border: 1px solid #e5e5e5;
  background: white;
  max-width: 180px;
}
.paymentRow .contentRow{
  background: white;
  border: 1px solid #e5e5e5;
  padding: 10px;
  position: relative;
}
.paymentRow .contentRow .icon{
  background: url('../images/icons/icon25px.png') no-repeat;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  position: relative;
}
.paymentRow .contentRow .icon.arrow_down{
  float: right;
  top: 0;
  right: -5px;
  background-position: 0 -100px;
}
.paymentRow .contentRow .icon.arrow_right{
  float: right;
  top: 0;
  right: -5px;
  background-position: 0 -100px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.paymentRow .contentRow .content_image img{
  margin-right: 3px;
}
.paymentRow .contentRow .content_image img.kplus{
  height: 15px;
  position: relative;
  top: 3px;
}
.paymentRow .contentRow .topic_more{
  display: none;
}
.paymentRow .content img{
  height: 20px;
}
.paymentRow .content_slide{
  display: none;
  border-top: 1px solid #e5e5e5;
  padding: 10px 0;
  margin-top: 10px;
  -webkit-transform: translate3d(0, 0, 0);
}
.paymentRow .content_slide p{
  margin-top: 10px;
  margin-bottom: 0;
}
.paymentRow .content_slide p.mark_message{
  font-size: 1.2rem;
}
.paymentRow .content_slide .viewManual{
  text-align: left;
  margin-top: 20px;
}
.paymentRow .content_slide .viewManual a{
  padding: 0;
}
.paymentRow .content_slide .notice{
  color: red;
  font-size: 1.2rem;
}
.productDetailArea .shippingRow{

}
.shippingRow .content .ship_detail{
  font-size: 1.3rem;
}
.shippingRow .shipping_table{
  width: 100%;
}
.shippingRow .shipping_table th{
  display: none;
}
.shippingRow .shipping_table tr{
  width: 100%;
  border-bottom: 1px solid #ebebeb;
}
.shippingRow .shipping_table tbody tr:last-child{
  /*	border-bottom: 0;*/
}
.shippingRow .shipping_table tr td{
  width: 100%;
  display: block;
  box-sizing: border-box;
  border: 0;
}
.shippingRow .shipping_table tr td:first-child{
  font-weight: bold;
  padding: 10px 0 3px;
}
.shippingRow .shipping_table tr td:not(:first-child){
  padding: 3px 10px;
  font-size: 1.2rem;
}
.shippingRow .shipping_table tr td:last-child{
  padding-bottom: 10px;
}
.shippingRow .shipping_table tr td:before{
  /*	content: 'รูปแบบ';*/
  color: #999;
  font-size: 1.2rem;
  display: inline-block;
  width: 100px;
  /*	text-align: right;*/
}
.shippingRow .shipping_table tr td.channel:before{
  content: 'ช่องทางการจัดส่ง : ';
}
.shippingRow .shipping_table tr td.method:before{
  content: 'วิธีคำนวณราคา : ';
}
.shippingRow .shipping_table tr td.price:before{
  content: 'ราคาจัดส่ง : ';
}
.shippingRow .shipping_table tr td.time:before{
  content: 'ระยะเวลาจัดส่ง : ';
}
.shippingRow .shipping_table tr td.channel{
  padding: 4px 5px 2px !important;
}
.shippingRow .shipping_table tr td.channel i,
.selectList .description .logo_shipping i{
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 60px;
  height: 30px;
}
.shippingRow .shipping_table tr td.channel i.alphafast,
.selectList .description .logo_shipping i.alphafast{
  background-image: url('../images/icon/logistic/alphafast.png');
}
.shippingRow .shipping_table tr td.channel i.dhlecommerce,
.selectList .description .logo_shipping i.dhlecommerce{
  background-image: url('../images/icon/logistic/dhlecommerce.png');
}
.shippingRow .shipping_table tr td.channel i.grabexpress,
.selectList .description .logo_shipping i.grabexpress{
  background-image: url('../images/icon/logistic/grabexpress.png');
}
.shippingRow .shipping_table tr td.channel i.kerryexpress,
.selectList .description .logo_shipping i.kerryexpress{
  background-image: url('../images/icon/logistic/kerryexpress.png');
}
.shippingRow .shipping_table tr td.channel i.nimexpress,
.selectList .description .logo_shipping i.nimexpress{
  background-image: url('../images/icon/logistic/nimexpress.png');
}
.shippingRow .shipping_table tr td.channel i.skootar,
.selectList .description .logo_shipping i.skootar{
  background-image: url('../images/icon/logistic/skootar.png');
}
.shippingRow .shipping_table tr td.channel i.thailandpost,
.selectList .description .logo_shipping i.thailandpost{
  background-image: url('../images/icon/logistic/thailandpost.png');
}
.ratingRow .shopreview{
  max-width: 240px;
}
.ratingRow .feedbackPremium{
  margin-top: 20px;
}
.ratingRow .detail{
  padding: 0 0 40px;
  width: 260px;
  margin: 0 auto;
}
.ratingRow .filterContainer.container{
  padding: 0;
  width: 100%;
}
.productDetailArea .sellerRow{

}
.sellerRow .sellerProfile{
  width: 300px;
  margin: 0 auto;
  border-bottom-width: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.sellerRow .sellerProfile .sellerImage{
  line-height: 0;
  text-align: center;
}
.sellerRow .sellerProfile .sellerImage img{
  box-sizing: border-box;
  border-bottom: 1px solid #f6f6f6;
  height: 150px;
}
.sellerRow .sellerProfile .sellerDescription,
.sellerRow .sellerProfile .sellerScore,
.sellerRow .sellerProfile .sellerNote,
.sellerRow .sellerProfile .sellerContact{
  width: 260px;
  margin: 20px auto 0;
}
.sellerRow .sellerProfile .sellerScore,
.sellerRow .sellerProfile .sellerNote,
.sellerRow .sellerProfile .sellerContact{
  display: none;
}
.sellerRow .sellerProfile .sellerMore{
  text-align: center;
}
.sellerRow .sellerProfile .sellerDescription .name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sellerRow .sellerProfile .sellerDescription .categoryArea{

}
.sellerRow .sellerProfile .sellerDescription .categoryArea .categoryText{
  display: none;
}
.sellerRow .sellerProfile .sellerDescription .categoryArea .categoryName{
  display: block;
  width: 100%;
  height: 22px;
  position: relative;
  top: 2px;
  left: -5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sellerRow .sellerProfile .sellerDescription .category_icon{
  background-size: 60px 880px;
  width: 30px;
  height: 40px;
  position: relative;
  top: -10px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_1 {
  /*fashion*/
  background-position: 0px -40px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_2 {
  /*cosmetic*/
  background-position: 0px -80px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_3 {
  /*toy*/
  background-position: 0px -120px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_5 {
  /*souvenir*/
  background-position: 0px -160px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_4 {
  background-position: 0px -200px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_6 {
  background-position: 0px -240px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_7 {
  background-position: 0px -280px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_8 {
  background-position: 0px -320px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_9 {
  background-position: 0px -360px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_10 {
  background-position: 0px -400px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_11 {
  background-position: 0px -440px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_31 {
  background-position: 0px -480px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_289 {
  background-position: 0px -520px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_393 {
  background-position: 0px -560px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_443 {
  background-position: 0px -600px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_418 {
  background-position: 0px -640px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_463 {
  background-position: 0px -680px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_12 {
  background-position: 0px -720px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_484 {
  background-position: 0px -720px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_recent {
  background-position: 0px -760px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_follow {
  background-position: 0px -800px;
}
.sellerRow .sellerProfile .sellerDescription .category_icon.category_icon_home {
  background-position: 0px -840px;
}
.sellerRow .sellerProfile .sellerDescription .productArea{

}
.sellerRow .sellerProfile .sellerDescription .productArea .productListEx{
  display: inline-block;
}
.sellerRow .sellerProfile .sellerDescription .productArea .productExample{
  display: inline-block;
  width: 50%;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.sellerRow .sellerProfile .sellerDescription .productArea .productExample:nth-child(n+3){
  display: none;
}
.sellerRow .sellerProfile .sellerDescription .rankArea{
  /*	min-height: 38px;*/
  min-height: 40px;
}
.sellerRow .sellerProfile .sellerNote{
  font-size: 1.1rem;
}
.sellerRow .sellerProfile .seller_title{
  font-weight: bold;
  margin-bottom: 10px;
}
.sellerRow .sellerProfile .sellerContact .icon{
  background-image: url('../images/icons/seller_icon.png');
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sellerRow .sellerProfile .sellerContact .icon.website{
  background-position: 0 -90px;
}
.sellerRow .sellerProfile .sellerContact .icon.email{
  background-position: 0 -120px;
}
.sellerRow .sellerProfile .sellerContact .icon.telephone{
  background-position: 0 -150px;
}
.sellerRow .sellerProfile .sellerContact .icon span{
  margin-left: 30px;
  line-height: 30px;
  font-size: 1.2rem;
}
.productDetailZone .productSubmitArea{
  position: fixed;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  background-color: rgba(255,255,255,1);
  box-shadow: 0 0 20px rgba(0,0,0,.3);
  box-sizing: border-box;
  z-index: 1;
}
.productDetailZone .productSubmitArea .rightMenu{
  border-top: 1px solid #e5e5e5;
}
.productSubmitArea .sellerProfile{
  display: none;
  position: relative;
  height: 90px;
  box-sizing: border-box;
  padding: 10px 20px;
}
.productSubmitArea .sellerImage{
  float: left;
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: white;
  box-sizing: border-box;
}
.productSubmitArea .sellerImage img{
  width: 90%;
  height: 90%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.productSubmitArea .sellerDescription{
  float: left;
  padding: 0 0 0 80px;
  width: 100%;
  box-sizing: border-box;
}
.productSubmitArea .sellerDescription .name{
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.productSubmitArea .sellerDescription .rankArea{
  /*	min-height: 38px;*/
  min-height: 40px;
}
.productSubmitArea .sellerDescription .shopreview{
  display: none;
}
.productSubmitArea .otherInfo{
  display: inline-block;
  width: 120px;
  text-align: center;
  border-right: 1px solid #e5e5e5;
  float: left;
  box-sizing: border-box;
}
.productSubmitArea .product_price{
  display: none;
}
.productSubmitArea .product_price .hasDiscount{
  display: none;
}
.productSubmitArea .product_guarantee{
  display: none;
}
.productSubmitArea .product_detail{
  display: none;
}
.productSubmitArea .product_detail select{
  margin-bottom: 0;
  max-width: 100%;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: pointer;
}
.productSubmitArea .product_detail .item{
  margin-top: 5px;
}
.productSubmitArea .product_detail .item > span{
  display: inline-block;
  vertical-align: top;
}
.productSubmitArea .product_detail .item .title{
  width: 80px;
}
.productSubmitArea .product_detail .item .detail{
  width: 150px;
}
.productSubmitArea .product_detail .subproduct_image{
  margin-top: 10px;
  line-height: 0;
}
.productSubmitArea .product_detail .subproduct_image img{
  cursor: zoom-in;
}
.productSubmitArea .product_detail .note{
  font-size: 1.1rem;
  margin-top: 5px;
}
.productSubmitArea .product_detail.chat{
  display: none;
}
.productSubmitArea .gotoshop{
  padding: 10px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.productSubmitArea .gotoshop .product_price_summary{
  display: inline-block;
  float: left;
  width: 25%;
  padding: 6px 0;
  font-size: 1.6rem;
}
.productSubmitArea .gotoshop .product_price_summary .unit{
  font-size: 1.1rem;
}
.productSubmitArea .gotoshop .product_price_summary.hasDiscount{
  position: relative;
  top: -2px;
  padding: 0;
}
.productSubmitArea .gotoshop .product_price_summary.hasDiscount strike{
  display: block;
  line-height: 1;
}
.productSubmitArea .gotoshop .btn_orange_primary,
.productSubmitArea .gotoshop .btn_orange,
.productSubmitArea .gotoshop .btn_primary2{
  width: 35%;
  float: right;
  font-size: 1.4rem;
  padding: 0 7px;
  margin-right: 5px;
  max-width: 280px;
}
.productSubmitArea .gotoshop .couponShowAlert{
  display: none;
}
.productSubmitArea .product_tag{
  display: none;
}
.mobileHeightSupport{
  height: 60px;
}
@media (min-width: 400px) {
  .sellerRow .sellerProfile{
    width: 80%;
    min-width: 300px;
    max-width: 400px;
  }
  .sellerRow .sellerProfile .sellerDescription .productArea .productExample{
    width: 33.33%;
  }
  .sellerRow .sellerProfile .sellerDescription .productArea .productExample:nth-child(n+3){
    display: inline-block;
  }
  .sellerRow .sellerProfile .sellerDescription .productArea .productExample:nth-child(n+4){
    display: none;
  }
}
@media (min-width: 550px) {
  .ratingRow .totalLeftBox,
  .ratingRow .totalRightBox{
    float: left;
    width: 50%;
  }
  .ratingRow .totalRightBox .feedbackPremium{
    margin-top: 0;
  }
  .ratingRow .detail{
    width: 100%;
  }
  .ratingRow .shopreview{
    width: 240px;
    margin: 0 auto;
  }
  .productDetailArea .contentRow .topic{
    width: 140px;
    margin-right: 10px;
  }
  .productDetailArea .contentRow .content{
    width: calc(100% - 155px);
  }
  .productDetailArea .contentRow .content_column > div{
    margin-top: 0;
  }
  .productDetailArea .contentRow .content_column:nth-child(n+3) > div{
    margin-top: 5px;
  }
  .productDetailArea .contentRow .content_column{
    float: left;
    width: 50%;
  }
  .productDetailArea .detailRow .detail{
    overflow-x: auto;
  }
  .paymentRow .contentRow{
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    padding: 5px 0;
  }
  .paymentRow .contentRow .content_slide{
    cursor: auto;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .paymentRow .contentRow .icon.arrow_down{
    position: absolute;
    top: 3px;
    right: 0;
  }
  .paymentRow .contentRow .content_image{
    padding-right: 30px;
  }
}
@media (min-width: 750px) {
  .productDetailZone .productDetailArea .eight.columns{
    width: 100%;
  }
  .ratingRow .totalLeftBox{
    width: 25%;
  }
  .ratingRow .totalRightBox{
    width: 73%;
    margin-left: 2%;
    margin-top: 5px;
  }
  .ratingRow .shopreview{
    width: 100%
  }
  .feedbackPremium .shopPremiumBlock,
  .feedbackPremium .productPremiumBlock{
    float: left;
    width: 50%;
  }
  .productDetailZone .productSubmitArea.four.columns{
    width: 100%;
    margin-left: 0;
  }
  .productDetailArea .detailRow table{
    min-width: 0;
  }
  .shippingRow .shipping_table thead tr{
    border: 0;
  }
  .shippingRow .shipping_table tr{
    width: 50%;
    display: inline-block;
  }
  .sellerRow .sellerProfile .sellerScore,
  .sellerRow .sellerProfile .sellerNote,
  .sellerRow .sellerProfile .sellerContact{
    display: block;
  }
  .sellerRow .sellerProfile .sellerMore{
    display: none;
  }
  .sellerRow .sellerProfile .sellerImage img{
    height: 250px;
  }
  .productDetailArea .sellerRow .sellerProfile{
    width: 100%;
    max-width: none;
    position: relative;
    height: 200px;
  }
  .productDetailArea .sellerRow .sellerProfile.pdBottom20{
    padding-bottom: 0;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerImage{
    width: 200px;
    height: 200px;
    float: left;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerImage img{
    border: 0;
    height: auto;
  }
  .productDetailArea .sellerRow .sellerProfile .rightArea{
    width: calc(100% - 200px);
    float: left;
    padding: 0 2%;
    box-sizing: border-box;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerDescription{
    float: left;
    width: 50%;
    margin-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerDescription .name{
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerDescription .rankArea{
    margin-top: 22px;
    min-height: 43px;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerScore{
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-top: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerNote{
    position: absolute;
    bottom: 45px;
    box-sizing: border-box;
    width: inherit;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerContact{
    float: left;
    width: calc(100% - 200px);
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    box-sizing: border-box;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerContact .shopInfo{
    padding-left: 2%;
    padding-top: 6px;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerContact .icon{
    display: inline-block;
  }
  .productDetailArea .sellerRow .sellerProfile .seller_title{
    display: none;
  }
  .productDetailArea .sellerRow .sellerProfile .shopPremiumBlock{
    text-align: center;
  }
  .productDetailArea .sellerRow .sellerProfile .shopPremiumBlock .premiumicon{
    display: none;
  }
  .productDetailArea .sellerRow .sellerProfile .shopPremiumBlock .score_title{
    width: 80px;
  }
}
@media (min-width: 1000px) {
  .productDetailZone .slick-prev:before,
  .productDetailZone .slick-next:before{
    font-size: 60px;
  }
  .productDetailZone .slick-prev,
  .productDetailZone .slick-next{
    z-index: 1;
    top: 45%;
  }
  .productDetailZone .slick-prev{
    left: 20px;
  }
  .productDetailArea .product_name{
    font-size: 2.4rem;
  }
  .ratingRow .totalLeftBox{
    width: 50%;
  }
  .ratingRow .totalRightBox{
    width: 50%;
    margin-left: 0;
  }
  .feedbackPremium .shopPremiumBlock,
  .feedbackPremium .productPremiumBlock{
    width: 100%;
  }
  .productDetailZone .product_price .noticeBox{
    top: -10px;
    margin-bottom: 0;
  }
  .productDetailZone .productDetailArea .eight.columns{
    width: calc(98% - 280px);
  }
  .productDetailZone .productDetailArea .ratingRow .eight.columns{
    width: 65.3333333333%;
    margin-top: 10px;
  }
  .productDetailZone .coverImageArea{
    overflow-x: hidden;
  }
  .productDetailZone .productSubmitArea{
    position: relative;
    top: -90px;
    right: 0;
    left: auto;
    width: inherit;
    height: auto;
    box-shadow: none;
  }
  .productDetailZone .productSubmitArea.four.columns{
    width: 280px;
    margin-left: 2%;
    position: relative;
  }
  .productDetailZone .productSubmitArea .rightMenu{
    border: 1px solid #e5e5e5;
  }
  .productDetailZone .productSubmitArea .rightMenu.fixed{
    position: fixed;
    top: 0;
    width: inherit;
    /*		background-color: inherit;*/
    background-color: rgba(255,255,255,0.9);
    box-sizing: inherit;
  }
  .productSubmitArea .rightMenu.fixed .sellerProfile,
  .productSubmitArea .rightMenu.fixed_bottom .sellerProfile{
    height: 40px;
  }
  .productSubmitArea .rightMenu.fixed .sellerImage,
  .productSubmitArea .rightMenu.fixed_bottom .sellerImage{
    width: 30px;
    height: 30px;
  }
  .productSubmitArea .rightMenu.fixed .sellerDescription,
  .productSubmitArea .rightMenu.fixed_bottom .sellerDescription{
    padding: 0 0 0 40px;
  }
  .productSubmitArea .rightMenu.fixed .sellerDescription .name,
  .productSubmitArea .rightMenu.fixed_bottom .sellerDescription .name{
    width: 90%;
  }
  .productSubmitArea .rightMenu.fixed .superShop,
  .productSubmitArea .rightMenu.fixed_bottom .superShop{
    position: absolute;
    top: 5px;
    right: 20px;
  }
  .productSubmitArea .rightMenu.fixed .superShop s,
  .productSubmitArea .rightMenu.fixed_bottom .superShop s{
    width: 20px;
    height: 30px;
  }
  .productSubmitArea .rightMenu.fixed .sellerDescription .rankArea,
  .productSubmitArea .rightMenu.fixed_bottom .sellerDescription .rankArea{
    min-height: 0;
  }
  .productSubmitArea .rightMenu.fixed .topRank,
  .productSubmitArea .rightMenu.fixed_bottom .topRank,
  .productSubmitArea .rightMenu.fixed .editorChoice,
  .productSubmitArea .rightMenu.fixed_bottom .editorChoice,
  .productSubmitArea .rightMenu.fixed .levelRank,
  .productSubmitArea .rightMenu.fixed_bottom .levelRank{
    display: none;
  }
  .productDetailZone .productSubmitArea .rightMenu.fixed_bottom{
    position: absolute;
    width: inherit;
    background-color: inherit;
    box-sizing: inherit;
  }
  .productSubmitArea .sellerProfile{
    display: block;
  }
  .productSubmitArea .otherInfo{
    /*		border-top: 1px solid #e5e5e5;*/
    padding: 10px 20px;
    float: none;
    display: block;
    text-align: left;
    border-right: 0;
    width: auto;
  }
  .productDetailArea .product_price,
  .productDetailArea .product_detail{
    display: none;
  }
  .productSubmitArea .product_price{
    display: block;
    font-size: 3.0rem;
  }
  .productSubmitArea .product_price .hasDiscount{
    display: inline-block;
  }
  .productSubmitArea .product_price .discount{
    color: #333;
  }
  .productSubmitArea .product_price .discount.color_red{
    /*color: #ff4040;*/
    color: #de2335;
  }
  .productSubmitArea .product_price .discount.unit{
    font-size: 2.0rem;
  }
  .productSubmitArea .product_detail{
    display: block;
    padding: 10px 0;
  }
  .productSubmitArea .product_detail.quantity{
    padding: 10px 0 0;
  }
  .productSubmitArea .product_detail.social_share{
    position: absolute;
    bottom: -80px;
  }
  .productSubmitArea .product_detail.social_share .imgShare{
    width: 30px;
  }
  .productSubmitArea .product_detail.contact{
    display: none;
  }
  .productSubmitArea .product_tag{
    display: inline-block;
    vertical-align: text-bottom;
  }
  .productSubmitArea .gotoshop{
    padding: 10px 20px;
    width: auto;
    display: block;
  }
  .productSubmitArea .gotoshop .product_price_summary{
    display: none;
  }
  .productSubmitArea .gotoshop .btn_orange_primary,
  .productSubmitArea .gotoshop .btn_orange,
  .productSubmitArea .gotoshop .btn_primary2{
    width: 100%;
    float: none;
    height: 60px;
    line-height: 60px;
    font-size: 1.8rem;
  }
  .productSubmitArea .gotoshop .couponShowAlert{
    display: block;
  }
  .mobileHeightSupport{
    height: 0;
  }
  .paymentRow .contentRow .topic_more{
    position: absolute;
    right: 25px;
    font-size: 1.2rem;
  }
  .paymentRow .contentRow:hover .topic_more{
    display: inline-block;
  }
  .paymentRow .contentRow .content_image{
    padding-right: 80px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon{
    background-position: 0 8px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_1 {
    /*fashion*/
    background-position: 0px -40px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_2 {
    /*cosmetic*/
    background-position: 0px -80px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_3 {
    /*toy*/
    background-position: 0px -120px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_5 {
    /*souvenir*/
    background-position: 0px -160px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_4 {
    background-position: 0px -200px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_6 {
    background-position: 0px -240px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_7 {
    background-position: 0px -280px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_8 {
    background-position: 0px -320px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_9 {
    background-position: 0px -360px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_10 {
    background-position: 0px -400px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_11 {
    background-position: 0px -440px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_31 {
    background-position: 0px -480px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_289 {
    background-position: 0px -520px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_393 {
    background-position: 0px -560px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_443 {
    background-position: 0px -600px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_418 {
    background-position: 0px -640px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_463 {
    background-position: 0px -680px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_12 {
    background-position: 0px -720px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_484 {
    background-position: 0px -720px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_recent {
    background-position: 0px -760px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_follow {
    background-position: 0px -800px;
  }
  .sellerRow .sellerProfile a:hover .sellerDescription .category_icon.category_icon_home {
    background-position: 0px -840px;
  }
}
@media (min-width: 1200px) {
  .ratingRow .totalLeftBox{
    width: 25%;
  }
  .ratingRow .totalRightBox{
    width: 70%;
    margin-left: 5%;
    margin-top: 5px;
  }
  .feedbackPremium .shopPremiumBlock,
  .feedbackPremium .productPremiumBlock{
    float: left;
    width: 50%;
  }
  .productDetailZone .productDetailArea .eight.columns{
    width: calc(96% - 320px);
  }
  .productDetailZone .productSubmitArea.four.columns{
    width: 320px;
    margin-left: 4%;
  }
  .productSubmitArea .product_detail .item .detail{
    width: 190px;
  }
  .productSubmitArea .product_detail.social_share .imgShare{
    width: 40px;
  }
  .shippingRow .shipping_table thead tr{
    border-bottom: 1px solid #ebebeb;
  }
  .shippingRow .shipping_table th{
    display: inline-block;
    width: 20%;
    float: left;
    box-sizing: border-box;
    padding: 12px 0;
    border: 0;
    text-align: center;
  }
  .shippingRow .shipping_table th:first-child{
    text-align: left;
  }
  .shippingRow .shipping_table th.type,
  .shippingRow .shipping_table tr td.type{
    /*		width: 25%;*/
  }
  .shippingRow .shipping_table th.method,
  .shippingRow .shipping_table tr td.method{
    width: 30%;
  }
  .shippingRow .shipping_table th.price,
  .shippingRow .shipping_table tr td.price{
    width: 10%;
  }
  .shippingRow .shipping_table th.time,
  .shippingRow .shipping_table tr td.time{
    /*		width: 15%;*/
  }
  .shippingRow .shipping_table tr{
    width: 100%;
  }
  .shippingRow .shipping_table tr td:before{
    display: none;
  }
  .shippingRow .shipping_table tr td{
    width: 20%;
    display: inline-block;
    float: left;
    padding: 10px 5px !important;
    text-align: center;
  }
  .shippingRow .shipping_table tr td:first-child{
    font-weight: normal;
    font-size: 1.2rem;
    text-align: left;
    padding-left: 0 !important;
  }
  .sellerRow .sellerProfile{
    width: 90%;
  }
  .productDetailArea .sellerRow .sellerProfile .rightArea{
    padding: 0 4%;
  }
  .productDetailArea .sellerRow .sellerProfile .sellerContact .shopInfo{
    padding-left: 4%;
  }
  .sellerRow .sellerProfile .sellerDescription .categoryArea .categoryText{
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    font-size: 1.3rem;
  }
  .sellerRow .sellerProfile .sellerDescription .categoryArea .categoryName{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 65px);
  }
  .sellerRow .sellerProfile .sellerDescription .productArea .productExample{
    width: 25%;
  }
  .sellerRow .sellerProfile .sellerDescription .productArea .productExample:nth-child(n+4){
    display: inline-block;
  }
}

/* sellerDetailZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sellerDetailZone .overlay_header{
  /*background-color: rgba(0,0,0, 0.25);*/
  background: linear-gradient(141deg,#83a4d4,#b6fbff);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.sellerDetailZone .coverImageArea{
  max-height: 170px;
}
.sellerDetailZone .coverImageArea .cover_text{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: white;
  z-index: 2;
  padding: 0 5%;
  height: 60%;
}
.sellerDetailZone .coverImageArea .cover_text h1{
  font-size: 2.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
.sellerDetailZone .coverImageArea .cover_text h2{
  font-size: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 1rem;
}
.sellerDetailZone .coverImageArea .bg_banner{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #f6f6f6;
}
.sellerDetailZone .coverImageArea .bg{
  background-size: contain;
}
.sellerDetailZone .sellerDetailArea{

}
.sellerDetailArea.productDetailArea .sellerRow .sellerProfile{
  max-width: none;
}
.sellerDetailArea .sellerRow.four.columns{
  width: 100%;
  position: relative;
  z-index: 1;
  top: -50px;
}
.sellerDetailArea .sellerRow .leftMenu{
  border-bottom: 1px solid #e5e5e5;
}
.sellerDetailArea .sellerRow .leftMenu.fixed{
  position: fixed;
  top: 20px;
  width: inherit;
  /*		background-color: inherit;*/
  background-color: rgba(255,255,255,0.9);
  box-sizing: inherit;
}
.sellerDetailArea .sellerRow .leftMenu.fixed .sellerImage img{
  width: 50%;
}
.sellerDetailArea .sellerRow .leftMenu.fixed_bottom{
  position: absolute;
  width: inherit;
  background-color: inherit;
  box-sizing: inherit;
}
.sellerDetailArea .sellerRow .sellerProfile{
  min-width: 0;
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
}
.sellerDetailArea .sellerRow .sellerProfile.bdAll{
  border: 0;
}
.sellerDetailArea .sellerRow .sellerImage{
  width: 50%;
  margin: 0 auto;
  max-width: 150px;
}
.sellerDetailArea .sellerRow .sellerImage img{
  width: 100%;
  height: auto;
}
.sellerDetailArea .sellerRow .sellerDescription,
.sellerDetailArea .sellerRow .sellerScore,
.sellerDetailArea .sellerRow .sellerNote,
.sellerDetailArea .sellerRow .sellerContact{
  max-width: 230px;
}
.sellerDetailArea .searchRow{
  position: relative;
  background: none;
  padding: 0;
  height: auto;
}
.sellerDetailArea .searchRow .formBox{
  display: inline-block;
  width: 100%;
  padding: 0;
}
.searchRow .shopInput{
  float: left;
  width: 80%;
  max-width: 300px;
  margin-bottom: 0;
}
.searchRow .shopInput input{
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.searchRow .shopInput input[type="text"]:focus{
  outline: 0;
  border: 0;
}
.searchRow .search{
  float: left;
  margin-bottom: 0;
  max-width: 60px;
  border: 0;
}
.searchRow .cancelSearch{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0 auto;
  width: 200px;
  text-align: center;
  z-index: 90000;
  background: rgba(153,153,153,0.85);
  border: 1px solid #999;
  cursor: pointer;
}
.searchRow .cancelSearch a{
  color: white;
  padding: 5px 10px;
  display: block;
}
.sellerDetailArea .categoryRow{

}
.categoryRow .filterCategory{
  margin-top: 20px;
}
.sellerDetailArea .productRow{

}
.sellerRow .ratingRow{
  background-color: white;
}
.sellerDetailArea h4{
  text-align: center;
  margin-bottom: 0.5rem;
}
.sellerDetailArea .row .moreDetail{
  text-align: center;
  margin-top: 40px;
}

/* blogZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.blogZone{
  padding: 20px 0;
}
.blogZone.adminZone .container{
  position: static;
}
.blogZone .loadingArea{
  text-align: center;
  box-sizing: border-box;
}
.blogZone .blogCover img{
  width: 100%;
}
.blogZone .blogTitle{
  font-family: "Kanit";
  font-weight: bold;
}
.blogZone .blogTitle .title{
  padding-bottom: 20px;
  border-bottom: 5px solid #333333;
  margin-bottom: 5px;
}
.blogZone .blogTitle .date{
  margin-bottom: 5px;
}
.blogZone .blogContent{
  margin-top: 20px;
  margin-bottom: 20px;
}
.blogZone .blogContent p{
  margin-bottom: 10px;
}
.blogZone .blogContent ul,
.blogZone .mediumContent ul{
  list-style: disc;
  padding-left: 10px;
}
.blogZone .blogContent ul li,
.blogZone .mediumContent ul li{
  margin-bottom: 10px;
}
.blogZone .blogContent ol,
.blogZone .mediumContent ol{
  list-style: decimal;
  padding-left: 10px;
}
.blogZone .blogContent ol li,
.blogZone .mediumContent ol li{
  margin-bottom: 10px;
}
.blogZone .blogContent img{
  max-width: 100%;
  height: auto;
  outline: 0;
}
.blogZone .blogContent blockquote,
.blogZone .mediumContent blockquote{
  padding: 15px 15px 15px 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-left: 8px solid #01B49A;
  color: #999;
  border-radius: 0;
}
.blogZone .blogShare{
  margin-bottom: 20px;
}
.blogZone .blogShare .item{
  margin: 0 5px 5px 0;
}
.blogZone .blogShare .imgShare{
  width: 35px;
}
.blogZone .blogTag{
  padding: 20px 0;
  border-top: 1px solid #333333;
}
.blogZone .blogTag .title{
  margin-right: 5px;
  font-weight: bold;
}
.blogZone .blogTag a{
  margin: 0 5px 10px;
}
.blogZone .blogRelated{
  padding: 40px 0;
}
.blogZone .blogRelated .three.columns{
  width: 48%;
  margin-left: 4%;
  margin-bottom: 20px;
}
.blogZone .blogRelated .three.columns:nth-child(odd){
  margin-left: 0;
  clear: both;
}
.blogZone .blogRelatedTitle{
  text-align: center;
}
.blogZone .blogBoxList{
}
.blogZone .blogBoxList .blogBox{
  cursor: default;
}
.blogZone .blogBox{
  cursor: pointer;
}
.blogZone .blogBox .image{
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
  position: relative;
}
.blogZone .blogBox .image a{
  display: block;
  height: 0;
  padding-bottom: 50%;
}
.blogZone .blogBox .image img{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.blogZone .blogBox .title{
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}
.blogZone .blogBox .detail{
  maring-top: 5px;
  font-size: 13px;
}
.blogZone .blogBox .date{
  font-size: 12px;
  margin-top: 5px;
}
.blogZone .blogBox .tag{
  font-size: 12px;
  margin-top: 5px;
}
.blogZone .blogBox .tag a{
  margin: 0 5px 5px 0;
}
.blogZone .blogBox .readmore{
  margin-top: 10px;
}
.blogZone .blogBox .readmore a{
  height: 30px;
  line-height: 26px;
  padding: 0 20px;
  font-size: 14px;
  margin-bottom: 0;
}
.blogZone .blogList{
  padding-bottom: 10px;
}
.blogZone .blogListTitle{
  margin-bottom: 10px;
}
.blogZone .blogList-title{
  padding-bottom: 10px;
  border-bottom: 5px solid #333333;
  margin-bottom: 0;
}
.blogZone .blogListRow{
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.blogZone .blogListRow .image{
  display: block;
  width: 100%;
}
.blogZone .blogListRow .content{
  display: block;
  width: 100%;
}
.blogZone .blogListRow .content .title{
  font-size: 15px;
  font-weight: bold;
}
.blogZone .blogListRow .content .detail{
  margin-top: 5px;
  font-size: 13px;
}
.blogZone .blogListRow .content .date{
  margin-top: 5px;
  font-size: 12px;
}
.blogZone .blogListRow .content .view{
  margin-top: 5px;
  font-size: 12px;
}
.blogZone .blogListRow .content .tag{
  margin-top: 5px;
}
.blogZone .blogListRow .content .tag a{
  margin-top: 5px;
  font-size: 13px;
}
.blogZone .blogListRow .content .readmore{
  margin-top: 10px;
}
.blogZone .blogListRow .content .readmore a{
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
}
.blogZone .blogSmallListTitle{
  margin-bottom: 10px;
}
.blogZone .blogSmallList-title{
  padding-bottom: 10px;
  border-bottom: 2px solid #333333;
  margin-bottom: 0;
}
.blogZone .blogSmallListRow{
  padding: 10px 0;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}
.blogZone .blogSmallListRow .image{
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 0;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.blogZone .blogSmallListRow .image a{
  display: block;
  height: 0;
  padding-bottom: 80px;
}
.blogZone .blogSmallListRow .image img{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.blogZone .blogSmallListRow .image .circle{
  background: rgba(0, 0, 0, 0.3);
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}
.blogZone .blogSmallListRow .content{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 135px);
  margin-left: 10px;
}
.blogZone .blogSmallListRow .content .title{
  font-size: 13px;
}
.blogZone .blogSmallListRow .content .date{
  margin-top: 5px;
  font-size: 12px;
}
.blogZone .blogSmallListRow .content .view{
  margin-top: 5px;
  font-size: 12px;
}
.blogZone .four.columns{
  margin-bottom: 40px;
}

@media (min-width: 750px) {
  .blogZone .four.columns{
    margin-bottom: 60px;
  }
  .blogZone .four.columns:nth-child(3n + 1){
    margin-left: 0;
    clear: left;
  }
}

@media (min-width: 1000px) {
  .blogZone h2{
    font-size: 2.8rem;
  }
  .blogZone h3{
    font-size: 2.2rem;
  }
  .blogZone .blogContent{
    font-size: 1.6rem;
  }
  .blogZone .blogContent ul,
  .blogZone .mediumContent ul{
    padding-left: 20px;
  }
  .blogZone .blogContent ol,
  .blogZone .mediumContent ol{
    padding-left: 20px;
  }
  .blogZone .blogContent blockquote,
  .blogZone .mediumContent blockquote{
    padding: 30px 30px 30px 45px;
    font-size: 1.8rem;
  }
  .blogZone .blogShare .imgShare{
    width: 45px;
  }
  .blogZone .blogRelated{
    padding: 60px 0;
  }
  .blogZone .blogRelated .three.columns{
    width: 22%;
  }
  .blogZone .blogRelated .three.columns:nth-child(odd){
    margin-left: 4%;
    clear: none;
  }
  .blogZone .blogRelated .three.columns:first-child{
    margin-left: 0;
  }
  .blogZone .blogList{
    padding-bottom: 40px;
  }
  .blogZone .blogListRow .image{
    display: inline-block;
    vertical-align: top;
    width: 300px;
  }
  .blogZone .blogListRow .content{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 325px);
    margin-left: 20px;
  }
}

/* adminZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.adminZone{

}
.adminZone .adminBox{

}
.adminBox{
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
}
.adminBox.noBg{
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
}
.adminBox input{
  width: 100%;
}
/*//.adminBox input[required],*/
/*//.adminBox.noBg input[required]{*/
/*//	margin-bottom: 5px;*/
/*//}*/
.adminBox input.ng-invalid,
.adminBox.noBg input.ng-invalid{
  margin-bottom: 5px;
}
/*//.adminBox input.error,*/
/*//.adminBox.noBg input.error{*/
/*//	margin-bottom: 5px;*/
/*//	border: 0;*/
/*//	outline: #de2335 auto 2px;*/
/*//	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075), 0 0 8px rgba(222,35,53,.6);*/
/*//	box-shadow: inset 0 1px 1px rgba(255,255,255,.075), 0 0 8px rgba(222,35,53,.6);*/
/*//}*/
.adminBox.noBg input{
  margin-bottom: 0;
  width: 100%;
}
.adminBox .noteValidate{
  font-size: 12px;
  margin-bottom: 5px;
}
.adminBox .adminTitle{
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
}
.adminBox .adminContent{
  padding: 20px 10px;
  box-sizing: border-box;
}
.adminBox.mediumContent .adminContent{
  padding: 0;
}
.adminBox.mediumContent .medium-editor-insert-plugin{
  min-height: 300px;
  display: block;
  padding: 10px 10px 45px 10px;
}
.adminBox.mediumContent .medium-editor-insert-plugin.medium-editor-placeholder:after{
  padding: 10px;
  color: #c2c2c2;
  font-size: 1.2rem;
  font-style: normal;
}
.adminBox.mediumContent .medium-editor-insert-plugin p{
  padding: 0;
}
.adminBox.mediumContent .medium-editor-insert-plugin .medium-insert-buttons{
  padding-top: 30px;
}
.adminBox.mediumContent .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show{
  font-size: 24px;
  margin: 0;
  padding: 0;
  color: #545454;
  width: 32px;
  height: 32px;
  line-height: 28px;
  border: 1px solid #545454;
}
.adminBox.mediumContent .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons{
  margin: 0;
}
.adminBox.mediumContent .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons li{
  margin: 0;
}
.adminBox.mediumContent .medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-addons button{
  width: 32px;
  height: 32px;
  line-height: 28px;
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #545454;
  border: 1px solid #545454;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.adminBox.mediumContent .medium-editor-insert-plugin .rowContent{
  padding: 0 0 0 50px;
}
.adminBox .adminContent label{
  color: #aaa;
  font-weight: normal;
  margin-bottom: 0.2rem;
}
.adminBox .adminContent .contentRow.halfColumn{
  margin-bottom: 10px;
}
.adminBox .adminContent .contentRow.halfColumn input,
.adminBox .adminContent .contentRow.halfColumn select{
  margin-bottom: 0;
}
.adminBox .adminContent .contentRow.halfColumn label{
  display: inline-block;
  vertical-align: middle;
  width: 80px;
}
.adminBox .adminContent .contentRow.halfColumn .content{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90px);
  margin-left: 5px;
}
.adminBox .adminContent .contentRow.coverColumn{
  max-width: 400px;
}

.adminZone .footerRow{
  text-align: center;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
  margin: 20px 0;
}
.adminZone .footerRow button,
.adminZone .footerRow .button{
  margin-bottom: 0;
}
.adminZone .footerRow button:first-child,
.adminZone .footerRow .button:first-child{
  margin-right: 5px;
}
.adminZone .footerRow .btn_cancel{
  border-width: 2px;
  padding: 0 30px;
}
.adminZone .footerRow .btn_submit{
  padding: 0 50px;
}

@media (min-width: 1000px) {
  .adminBox .adminTitle{
    padding: 10px 20px;
  }
  .adminBox .adminContent{
    padding: 20px;
  }
  .adminBox.mediumContent .adminContent{
    padding: 0;
  }
  .adminBox.mediumContent .medium-editor-insert-plugin{
    min-height: 500px;
  }
}

/********* Coupon from LnwShop (max-width) ***********/
.couponRow .coupon_show{
  background-color: rgba(250,250,250,1);
  /*	border: 1px solid #ccc;*/
  width: 100%;
  margin: auto;
  /*	padding: 50px 0px 50px 0px;*/
  box-sizing: border-box;
  position: relative;
}
.couponRow .coupon_widget {
  width: 100%;
  height: auto;
  margin: auto;
  background: white;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
}
.couponRow .coupon_footer {
  background-color: #f2f2f2;
  padding: 20px 0px;
  line-height: 1.5em;
}
.couponRow .coupon_footer .logo{
  float: none;
  top: 0;
  margin-top: 10px;
  margin: 10px auto 0;
  display: block;
  text-align: center;
  position: relative;
  right: 0;
}
.couponRow .coupon_footer .logo img{
  height: 40px;
}
.couponRow .coupon_moredetail{
  display: none;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.couponRow .coupon_conditiondetail{
  display: block;
}
.couponRow .coupon_shadow_bg,
.couponRow .coupon_shadow_bgt,
.couponRow .coupon_shadow{
  border-bottom: 4px solid rgba(0,0,0,0.04);
  /*width: 480px;*/
  width: 360px;
  /*height: 220px;*/
  height: 160px;
  /*margin: 60px auto 20px auto;*/
  margin: 45px auto 20px auto;
}
.couponRow .coupon_footer ul{
  /*max-width: 480px;*/
  max-width: 360px;
  width: 100%;
  margin: auto;
  color: #888;
}
.couponRow .coupon_footer ul li {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 0;
}
.couponRow .coupon_shadow_bg{
  transform: rotate(1deg) scale(1.000) skew(0deg) translate(0px);
  -webkit-transform: rotate(1deg) scale(1.000) skew(0deg) translate(0px);
  -moz-transform: rotate(1deg) scale(1.000) skew(0deg) translate(0px);
  -o-transform: rotate(1deg) scale(1.000) skew(0deg) translate(0px);
  -ms-transform: rotate(1deg) scale(1.000) skew(0deg) translate(0px);
  top: -8px;
  left: 10px;
}
.couponRow .coupon_shadow_bgt{
  transform: rotate(359deg) scale(1.000) skew(0deg) translate(0px);
  -webkit-transform: rotate(359deg) scale(1.000) skew(0deg) translate(0px);
  -moz-transform: rotate(359deg) scale(1.000) skew(0deg) translate(0px);
  -o-transform: rotate(359deg) scale(1.000) skew(0deg) translate(0px);
  -ms-transform: rotate(359deg) scale(1.000) skew(0deg) translate(0px);
  left: 5px;
}

.couponRow .coupon_preview{
  /*--
	background: #ffffff url("../_images/icons/coupon_cart.png") no-repeat;
	background-position: 353px -6px;
	--*/
  background-color: #fa6887;
  /*color: #fa6887;*/
  color: #05c1ff;
  width: 100%;
  height: 100%;
  box-shadow:		 inset 0 0 3px rgba(0,0,0,0.5);
}
.couponRow .coupon_left{
  float: left;
  /*width: 150px;*/
  width: 90px;
  height: 100%;
  position:relative;
  color: rgba(0,0,0,0.4);
}
.couponRow .coupon_right{
  float: right;
  background-color: white;
  background-origin: padding-box;
  box-sizing: border-box;
  /*width: 316px;*/
  width: 266px;
  /*height: 206px;*/
  height: 156px;
  /*margin: 7px;*/
  margin: 2px 2px 2px 0;
  position: relative;
}

.couponRow .coupon_left .shop_name{
  position: absolute;
  /*top: 210px;*/
  top: 150px;
  left: 10px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 16px;
  /*width: 200px;*/
  width: 140px;
  letter-spacing: -1px;
  -webkit-transform-origin:0% 0%;
  transform-origin:0% 0%;
  transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -webkit-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -moz-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -o-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -ms-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
}
.couponRow .coupon_left .shop_url{
  position: absolute;
  /*top: 210px;*/
  top: 150px;
  left: 30px;
  /*width:180px;*/
  width: 140px;
  text-align: left;
  font-size: 12px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  word-wrap: break-word;
  word-break: break-word;
  -webkit-transform-origin:0% 0%;
  transform-origin:0% 0%;

  transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -webkit-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -moz-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -o-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
  -ms-transform: rotate(-90deg) scale(1.000) skew(0deg) translate(0px);
}

.couponRow .coupon_right .name_preview {
  position:absolute;
  /*font-family: 'RSU';*/
  /*font-size: 22px;*/
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /*top:10px;*/
  top: 14px;
  width: 100%;
  padding: 0px 10px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.couponRow .coupon_right .genre_preview {
  position:absolute;
  width: 100%;
  /*	font-family: 'RSU';*/
  /*font-size: 20px;*/
  font-size: 14px;
  text-align: center;
  /*top: 40px;*/
  top: 45px;
  color: #333;
}
.couponRow .coupon_right .code_preview_ct {
  position:absolute;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  height:22px;
  line-height:22px;
  font-size: 13px;
  bottom:10px;
  margin: 0px auto;
}
.couponRow .coupon_right .code_preview {
  display: inline-block;
  min-width:150px;
  background-color: #f1f1f1;
  padding: 0px 5px;
}
.couponRow .coupon_right .code_preview b{
  text-transform: uppercase;
}
.couponRow .coupon_right .code_preview span {
  color: #666;
}
.couponRow .coupon_right .genre_price {
  position:absolute;
  text-align: center;
  letter-spacing:-3px;
  font-family: Helvetica;
  /*font-size: 110px;*/
  font-size: 73px;
  font-weight: bold;
  /*height: 110px;*/
  /*line-height: 110px;*/
  line-height: 73px;
  color: #4a4a4a;
  /*top: 58px;*/
  top: 63px;
  /*bottom: 30px;*/
  width: 100%;
  text-align: center;
}
.couponRow .coupon_right .genre_unit {
  /*font-size: 60px;*/
  font-size: 30px;
  padding-left: 4px;
  font-weight: normal;
}
.couponRow .coupon_right .genre_condition{
  position:absolute;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  line-height:12px;
  font-size: 12px;
  bottom: 5px;
  margin: 0px auto;
  color: #999;
}

.couponRow .coupon_right .exp_preview {
  position: absolute;
  font-size: 13px;
  bottom:25px;
  left:20px;
  text-align: center;
}

.couponRow .coupon_card.coupon_condition {
  background: white;
}
.couponRow .sellerCouponLeft{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 400px);
}
.couponRow .sellerCouponRight{
  display: inline-block;
  vertical-align: top;
  width: 400px;
  font-size: 12px;
}
.couponRow .sellerCouponRight .coupon_footer{
  padding: 28px 10px 24px;
  box-sizing: border-box;
}

.coupon_button {
  /*background-color: #05c1ff;*/
  /*background-color: #ff6161;*/
  background-color: #1768a0;
  /*box-shadow: 0px 4px 0px #00a7de;*/
  /*box-shadow: 0px 4px 0px #ff6161;*/
  box-shadow: 0px 4px 0px #0f507d;
  border-radius: 50px 50px;
  width: 180px;
  height: 50px;
  margin: 20px auto 30px auto;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 50px;
  cursor: pointer;
}
.coupon_button:hover {
  opacity: 0.9;
}
.coupon_button.disabled{
  background-color: #e1e1e1;
  box-shadow: 0px 4px 0px #ccc;
}
.coupon_button.disabled .text{
  color: #555;
}
.coupon_button.login{
  background-color: #85cf30;
  box-shadow: 0px 4px 0px #7dc32d;
}
.coupon_note{
  background: lightyellow;
  color: #545454;
  font-size: 12px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}
.coupon_style {
  width: 75px;
  height: 50px;
  margin: 5px 10px 10px 0px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: inline-block;
  padding: 3px;
  border: 1px solid #eee;
  cursor: pointer;
  background-clip: content-box;
}
.coupon_style:hover {
  border: 1px solid #999;
}
.coupon_style.selected {
  border: 2px solid #000;
}
.coupon_style .style_main{
  float: left;
  width: 45px;
  height: inherit;
}
.coupon_style .style_sub{
  float: left;
  width: 30px;
  height: inherit;
  box-shadow: none !important;
}
.coupon_style.C1,
.coupon_preview.C1{
  background-color: #fa6887;
  /*	color: #fa6887;*/
  color: #05c1ff;
}
.coupon_style.C1 .style_sub,
.coupon_button.C1{
  background-color: #05c1ff;
  box-shadow: 0px 4px 0px #00a7de;
}
.coupon_style.C2,
.coupon_preview.C2{
  background-color: #3692f1;
  /*	color: #3692f1;*/
  color: #0675e8;
}
.coupon_style.C2 .style_sub,
.coupon_button.C2{
  background-color: #0675e8;
  box-shadow: 0px 4px 0px #0061c6;
}
.coupon_style.C3,
.coupon_preview.C3{
  background-color: #75ced1;
  /*	color: #75ced1;*/
  color: #ff6161;
}
.coupon_style.C3 .style_sub,
.coupon_button.C3{
  background-color: #ff6161;
  box-shadow: 0px 4px 0px #dd3939;
}
.coupon_style.C4,
.coupon_preview.C4{
  background-color: #94948a;
  /*	color: #94948a;*/
  color: #585853;
}
.coupon_style.C4 .style_sub,
.coupon_button.C4{
  background-color: #585853;
  box-shadow: 0px 4px 0px #252521;
}
.coupon_style.C5,
.coupon_preview.C5{
  background-color: #ffd1d1;
  /*	color: #ffd1d1;*/
  color: #ffa1a1;
}
.coupon_style.C5 .style_sub,
.coupon_button.C5{
  background-color: #ffa1a1;
  box-shadow: 0px 4px 0px #ca5c5c;
}
.coupon_style.C6,
.coupon_preview.C6{
  /*	background-color: #acdee2;*/
  background-color: #bfeaed;
  /*	color: #acdee2;*/
  color: #d2c2b0;
}
.coupon_style.C6 .style_sub,
.coupon_button.C6{
  background-color: #d2c2b0;
  box-shadow: 0px 4px 0px #8d8174;
}
.coupon_style.C7,
.coupon_preview.C7{
  /*	background-color: #e6d585;*/
  background-color: #ffeb8c;
  /*	color: #e6d585;*/
  color: #ffcd63;
}
.coupon_style.C7 .style_sub,
.coupon_button.C7{
  background-color: #ffcd63;
  box-shadow: 0px 4px 0px #e2a116;
}
.actionPopup {
  display: none;
  position: absolute;
  width: 250px;
  height: auto;
  right: 35px;
  background: white;
  color: black;
  top: 0px;
  border: 1px solid #eee;
  z-index: 100;
  -webkit-animation: fadeIn 0.3s;
  animation: fadeIn 0.3s;
  cursor: default;
}
.actionPopup.showPopup{
  display: block;
}
.actionPopupContent{
  padding: 5px 10px;
}
.actionLoading i{
  max-width: 100%;
  padding: 20px 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.actionPopupHeader {
  color: #38bdeb;
  line-height: 40px;
  font-size: 14px;
  padding: 0px 15px;
  display: block;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.actionClose {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url('../images/icon/close.png');
  background-position: center center;
  background-repeat: no-repeat;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.actionClose:hover {
  background-color: #eee;
  border-radius: 2px;
}
.actionPopup .actionPopupButton{
  margin: 5%;
  padding: 0% 5%;
  width: 80%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  background: #38bdeb;
  color: white !important;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  border: 0 none;
  box-sizing: content-box;
}
.actionPopup .actionPopupButton:hover {
  background: #00abe7;
  color:white;
}

.couponArea .actionPopupHeader{
  min-width: 380px;
}
.couponArea .actionPopupContent .actionLoading{
  min-width: 380px;
}
.couponArea .usecouponArea{
  /*float: left;*/
  float: right;
  /*width: 480px;*/
  /*padding: 20px 5px;*/
  box-sizing: border-box;
}
.couponArea .choose_coupon{
  /*padding-bottom: 9px;*/
  /*-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;*/
  text-align: right;
}
.couponArea input{
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
.couponArea .b-coupon{
  vertical-align: middle;
  border: 1px solid #e1e1e1;
  padding: 4px 8px;
  background-color: #f6f5f7;
  font-weight: normal;
  line-height: 18px;
  box-sizing: border-box;
  height: 28px;
  min-width: 50px;
  cursor: pointer;
  font-size: 14px;
  color: #545454;
  margin-bottom: 0;
}
.couponArea .b-coupon:hover{
  border: 1px solid #666;
  background-color: white;
}
.couponArea .b-coupon:active{
  border: 1px solid #e1e1e1;
  background-color: #ebebeb;
}
.couponArea .code_coupon{
  display: inline-block;
  position: relative;
}
.couponArea .couponcodebox{
  font-size: 14px;
  padding: 4px 58px 4px 8px;
  width: 180px;
  text-align: right;
  line-height: 18px;
  border: 1px solid #e1e1e1;
  height: 28px;
  box-sizing: border-box;
  border-radius: 0;
  margin-bottom: 0;
}
.couponArea .code_coupon .b-coupon{
  right: 0px;
  position: absolute;
}
.couponArea .actionPopupContent{
  padding: 0;
  max-height: 141px;
  overflow-x: hidden;
  overflow-y: auto;
}
.couponArea .actionPopup{
  top: auto;
  /*right: auto;*/
  right: 10px;
  margin-top: 10px;
  width: auto;
  text-align: left;
}
.couponArea .actionPopup .couponList{
  display: block;
  cursor: pointer;
  height: 70px;
  border-bottom: 1px solid #f6f6f6;
  margin-bottom: 0;
}
.couponArea .actionPopup .couponList.checked{
  background-color: #c9e4e9;
}
.couponArea .actionPopup .couponList:hover{
  background-color: #eff7f9;
}
.couponArea .actionPopup .couponList .type{
  float: left;
  width: 110px;
  box-sizing: border-box;
  padding: 20px 0 20px 20px;
}
.couponArea .actionPopup .couponList .detail,
.couponArea .couponDetail .detail{
  float: left;
  width: auto;
  box-sizing: border-box;
  padding: 15px 0 15px 20px;
  line-height: 1.5;
  max-width: 175px;
  min-width: 160px;
}
.couponArea .actionPopup .couponList .expire{
  float: left;
  width: 100px;
  box-sizing: border-box;
  padding: 15px 0 15px 20px;
  line-height: 1.5;
}
.couponArea .actionPopup .couponList .name,
.couponArea .couponDetail .name{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.couponArea .actionPopup .couponList .note,
.couponArea .couponDetail .note{
  font-size: .8em;
  color: #999;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.couponArea .couponDetail{
  display: inline-block;
  vertical-align: middle;
}
.couponArea .used_coupon{
  /*display: none;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;*/
  text-align: right;
}
.couponArea .used_coupon .couponDetail .detail{
  padding: 0 5px;
  max-width: 300px;
  min-width: 0;
}
.couponArea .used_coupon .coupon_card{
  margin-top: 4px;
}
.couponArea .couponCancel{
  float: left;
  margin-left: 5px;
}
.coupon_card{
  display: inline-block;
  vertical-align: middle;
  background-color: #ff6161;
  /*background-color: #fa6887;*/
  /*background-color: #26d0a8;*/
  /*color: #fa6887;*/
  color: #333;
  /*color: #1768a0;*/
  width: 60px;
  height: 30px;
  box-shadow:		 inset 0 0 3px rgba(0,0,0,0.5);
  margin-left: 10px;
}
.coupon_card .coupon_left{
  float: left;
  width: 15px;
  position: relative;
  color: rgba(0,0,0,0.4);
}
.coupon_card .coupon_right{
  float: right;
  background-color: white;
  box-sizing: border-box;
  width: 41px;
  height: 26px;
  margin: 2px;
  position: relative;
}
.coupon_card .coupon_right .genre_price{
  position: absolute;
  font-family: Helvetica;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  /*color: #4a4a4a;*/
  color: #1768a0;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.coupon_card .coupon_right .genre_unit{
  font-size: 9px;
  font-weight: normal;
}
.coupon_smesgoonline{
  width: 400px;
  margin: 23px auto 0;
}
#miniCoupon .coupon_smesgoonline{
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 0;
}
#miniCoupon .coupon_button{
  margin: 5px auto 20px;
}
.couponShowAlert{
  color: #ff664e;
  /*color: #01B49A;*/
  padding: 5px 15px;
  text-align: center;
  box-sizing: border-box;
  background: #ffece9;
  border: 1px dashed transparent;
  display: block;
  margin-bottom: 1rem;
}
.couponShowAlert:hover{
  text-decoration: none;
  color: #ff664e;
  background: #ffece9;
  border: 1px solid #ff664e;
}
.couponShowAlert.noBorder{
  border: 1px solid transparent;
}
.couponShowAlert.noBorder a{
  color: #ff664e;
  text-decoration: underline;
}
.couponShowAlert .text{
  font-size: 13px;
  line-height: 18px;
}
.couponShowAlert .subtext{
  font-size: 11px;
  color: #ff664e;
  line-height: 10px;
  opacity: 0.7;
  text-align: center;
}
@media screen and (max-width:1200px) {
  .couponRow .sellerCouponLeft{
    display: block;
    width: 100%;
  }
  .couponRow .sellerCouponRight{
    display: block;
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .couponRow{
    margin-top: 0;
  }
  .couponRow .coupon_shadow_bg,
  .couponRow .coupon_shadow_bgt,
  .couponRow .coupon_shadow{
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    border-bottom: 0;
  }
  .couponRow .coupon_left{
    width: 20%;
  }
  .couponRow .coupon_right{
    width: 74%;
  }
  .couponRow .coupon_moredetail{
    display: block;
  }
  .couponRow .coupon_conditiondetail{
    display: none;
  }
  .couponRow .sellerCouponRight .coupon_footer{
    padding: 14px 10px 10px;
  }
}
@media screen and (max-width:480px) {
  .couponRow .coupon_right .name_preview{
    font-size: 18px;
  }
  .couponRow .coupon_right .genre_preview{
    font-size: 16px;
  }
  .couponRow .coupon_right .genre_price{
    font-size: 80px;
  }
  .couponRow .coupon_footer ul{
    max-width: 300px;
    -webkit-padding-start: 0;
  }
  .couponArea .couponDetail{
    width: calc(100% - 75px);
  }
  .couponArea .usecouponArea{
    padding: 0;
    width: 100%;
  }
  .couponArea .couponcodebox{
    width: 100%;
  }
  .couponArea .used_coupon{
    padding: 0;
    text-align: left;
  }
  .couponArea .used_coupon .coupon_card{
    vertical-align: top;
  }
  .couponArea .used_coupon .couponDetail .detail{
    max-width: 100%;
  }
  .couponArea .code_coupon{
    margin-top: 10px;
    text-align: center;
  }
  .couponArea .b-coupon.chooseButton{
    width: 100%;
  }
  .couponArea .actionPopup{
    left: 0;
    right: 0;
  }
  .couponArea .actionPopup .couponList{
    height: 100px;
  }
  .couponArea .actionPopup .couponList .type{
    padding: 20px 0 0 20px;
  }
  .couponArea .actionPopup .couponList .detail{
    width: calc(100% - 120px);
    padding: 15px 0 0 10px;
  }
  .couponArea .actionPopup .couponList .expire{
    display: block;
    width: 100%;
    padding: 0 0 0 120px;
  }
  .couponArea .actionPopup .couponList .name,
  .couponArea .actionPopup .couponList .note{
    display: inline-block;
  }
  .couponArea .actionPopupHeader{
    min-width: 0;
  }
  .couponArea .actionPopupContent .actionLoading{
    width: 100%;
  }
  .coupon_smesgoonline{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
/********* End Coupon from LnwShop (max-width) ***********/

@media (min-width: 750px) {
  .sellerDetailZone .coverImageArea{
    /*max-height: 250px;*/
    max-height: 200px;
  }
  .sellerDetailArea.productDetailArea .sellerRow .sellerProfile{
    background: white;
  }
  .sellerDetailArea .sellerRow.four.columns{
    top: -50px;
  }
  .sellerDetailArea .sellerRow.eight.columns{
    width: 100%;
    margin-left: 0;
  }
  .sellerDetailZone .coverImageArea .cover_text{
    height: 40%;
  }
  .sellerDetailZone .coverImageArea .cover_text h1{
    font-size: 4.0rem;
    margin-bottom: 0;
  }
  .sellerDetailZone .coverImageArea .cover_text h2{
    font-size: 2.4rem;
  }
  .sellerDetailArea .sellerRow .leftMenu{
    border-bottom: 0;
  }
  .sellerDetailArea .sellerRow .sellerDescription,
  .sellerDetailArea .sellerRow .sellerScore,
  .sellerDetailArea .sellerRow .sellerNote,
  .sellerDetailArea .sellerRow .sellerContact{
    max-width: none;
  }
  .sellerDetailArea .sellerRow .sellerImage{
    max-width: none;
  }
  .searchRow .search .icon{
    display: inline-block;
  }
  .searchRow .search .text{
    display: none;
  }
  .searchRow .cancelSearch{
    left: 300px;
    bottom: 20px;
  }
}
@media (min-width: 750px) and (max-width: 999px) {
  /*
  //.sellerDetailArea .sellerRow .sellerProfile{
  //  width: 100%;
  //  max-width: none;
  //  position: relative;
  //  height: 200px;
  //  background: white;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile.pdBottom20{
  //  padding-bottom: 0;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerImage{
  //  width: 200px;
  //  height: 200px;
  //  float: left;
  //  border-right: 1px solid #e5e5e5;
  //  box-sizing: border-box;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerImage img{
  //  border: 0;
  //  height: auto;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .rightArea{
  //  width: calc(100% - 200px);
  //  float: left;
  //  padding: 0 2%;
  //  box-sizing: border-box;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerDescription{
  //  float: left;
  //  width: 50%;
  //  margin-top: 10px;
  //  padding-bottom: 5px;
  //  border-bottom: 1px solid #e5e5e5;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerDescription .name{
  //  position: absolute;
  //  overflow: hidden;
  //  text-overflow: ellipsis;
  //  white-space: nowrap;
  //  width: 60%;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerDescription .rankArea{
  //  margin-top: 22px;
  //  min-height: 43px;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerScore{
  //  float: left;
  //  width: 50%;
  //  box-sizing: border-box;
  //  margin-top: 30px;
  //  border-bottom: 1px solid #e5e5e5;
  //  padding-bottom: 8px;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerNote{
  //  position: absolute;
  //  bottom: 45px;
  //  box-sizing: border-box;
  //  width: inherit;
  //  padding-top: 5px;
  //  padding-bottom: 5px;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerContact{
  //  float: left;
  //  width: calc(100% - 200px);
  //  overflow-x: overlay;
  //  white-space: nowrap;
  //  margin-top: 30px;
  //  border-top: 1px solid #e5e5e5;
  //  background-color: #f5f5f5;
  //  box-sizing: border-box;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerContact .shopInfo{
  //  padding-left: 2%;
  //  padding-top: 6px;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .sellerContact .icon{
  //  display: inline-block;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .seller_title{
  //  display: none;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .shopPremiumBlock{
  //  text-align: center;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .shopPremiumBlock .premiumicon{
  //  display: none;
  //}
  //.sellerDetailArea .sellerRow .sellerProfile .shopPremiumBlock .score_title{
  //  width: 80px;
  //}
  */
}
@media (min-width: 1000px) {
  /*
	.sellerDetailZone .coverImageArea{
		max-height: 300px;
	}
*/
  .sellerDetailZone .coverImageArea .cover_text{
    height: 60%;
  }
  .sellerDetailZone .coverImageArea .bg_banner{
    background-size: contain;
  }
  .sellerDetailArea .sellerRow.four.columns{
    width: 260px;
    top: -80px;
  }
  .sellerDetailArea .sellerRow.eight.columns{
    width: calc(96% - 260px);
    margin-left: 4%;
  }
  .sellerDetailArea .sellerRow .sellerProfile{
    background: white;
  }
  .sellerDetailArea .sellerRow .sellerProfile.bdAll{
    border: 1px solid #e5e5e5;
    border-bottom-width: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  .sellerDetailArea .sellerRow .sellerDescription,
  .sellerDetailArea .sellerRow .sellerScore,
  .sellerDetailArea .sellerRow .sellerNote,
  .sellerDetailArea .sellerRow .sellerContact{
    max-width: 230px;
  }
  .sellerDetailArea .sellerRow .sellerImage{
    width: 258px;
    max-width: none;
  }
  .sellerDetailArea .sellerRow .price .percent_text{
    display: none;
  }
  .sellerDetailArea .searchRow{
    margin-top: 20px;
  }
  .searchRow .cancelSearch a:hover{
    color: white;
    text-decoration: underline;
  }
}

@media (min-width: 1200px){
  .sellerDetailArea .sellerRow.four.columns{
    top: -110px;
  }
  .sellerDetailArea .row .columns.productCol_s{
    margin-bottom: 0;
  }
}

@media (min-width: 1400px){
  .sellerDetailArea .clearable.x{
    background-position: right 8px center;
  }
}



/* CheckoutBodyZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.checkoutZone{

}
.checkoutZone .contentArea{
  min-height: 0;
}
.checkoutZone .checkoutArea{

}
.checkoutZone v-accordion{
  max-width: 1000px;
  margin: 0 auto;
}
.checkoutZone .vAccordion--default v-pane-header{
  padding: 15px 0 15px 10px;
  margin: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  opacity: 0.35;
  /*
	transition: none;
	-webkit-transition: none;
*/
}
.checkoutZone .vAccordion--default v-pane-header:hover,
.checkoutZone .vAccordion--default v-pane-header:focus{
  /*	color: #3553a5;*/
  color: #01B49A;
  /*	font-weight: bold;*/
}
.checkoutZone .vAccordion--default v-pane-header::after,
.checkoutZone .vAccordion--default v-pane-header::before{
  /*	background-color: #3553a5;*/
  background-color: #01B49A;
  display: none;
  /*
	transition: none;
	-webkit-transition: none;
*/
}
.checkoutZone .vAccordion--default v-pane.is-expanded > v-pane-header{
  padding: 15px 10px;
  /*	border-bottom-color: #3553a5;*/
  border-bottom-color: #01B49A;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  cursor: default;
}
.checkoutZone .vAccordion--default v-pane.is-expanded > v-pane-content{
  /*	border-bottom: 2px solid #D8D8D8;*/
  /*	border-bottom: 2px solid #3553a5;*/
  border-bottom: 2px solid #01B49A;
  /*	background: #f7f8fb;*/
  /*	background: #fbfcff;*/
}
.checkoutZone .vAccordion--default v-pane.passStep > v-pane-header{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  border: 0;
}
.checkoutZone .vAccordion--default v-pane.passStep > v-pane-content{
  border: 0 !important;
}
.checkoutZone .vAccordion--default v-pane-content{
  transition: none !important;
  -webkit-transition: none !important;
}
.checkoutZone .vAccordion--default v-pane-content > div{
  padding-bottom: 0;
  /*
	transition: none;
	-webkit-transition: none;
*/
}

/* sub accordion*/
.checkoutZone .vAccordion--default v-accordion{
  padding-left: 0;
}
.checkoutZone .vAccordion--default v-accordion v-pane-header{
  border-bottom: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.checkoutZone .vAccordion--default v-accordion v-pane.is-expanded > v-pane-content{
  border-bottom: 0;
}
.checkoutZone .vAccordion--default v-accordion v-pane-header::after, .checkoutZone .vAccordion--default v-accordion v-pane-header::before{
  display: none;
}
.checkoutZone .vAccordion--default v-accordion .contentZone{
  padding: 0 55px 0;
}
.checkoutZone .vAccordion--default v-accordion .selectArea.is-expanded{
  background: #f0f0f0;
}

/* selectize control */
.checkoutZone .selectize-control{
  line-height: 0;
  margin-bottom: 1.5rem;
}
.checkoutZone .selectize-input{
  padding: 0 5px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.checkoutZone .selectize-input > *{
  padding: 8px 0;
}
.checkoutZone .selectize-control.single .selectize-input input{
  position: relative !important;
  padding: 8px 5px;
}
.checkoutZone .selectize-input input{
  padding: 8px 5px;
}
.checkoutZone .selectize-dropdown{
  position: relative;
  top: 0px !important;
}
.checkoutZone .selectize-dropdown .active{
  /*	background-color: #d7e2ff;*/
  background-color: #8cdcc8;
  color: black;
}
.checkoutZone.checkoutPage .checkoutArea .checkoutFooter{
  position: relative;
  box-shadow: none;
  padding: 0;
  margin: 0;
  height: auto;
}
.checkoutZone.checkoutPage .checkoutArea .checkoutBack{
  /*	top: 30px;*/
  position: relative;
  margin: 20px auto 0;
  max-width: 100px;
  padding-bottom: 40px;
}
.checkoutZone.checkoutPage .checkoutArea .checkoutContinue{
  top: 22px;
  text-align: center;
  position: relative;
  right: auto;
}
.checkoutZone.checkoutPage .checkoutArea .checkoutContinue button{
  min-width: 180px;
  width: 100%;
}
.checkoutArea .container{
  max-width: 900px;
}
.checkoutArea h1{
  font-size: 2.0rem;
  margin: 0;
}
.checkoutArea h2{
  font-size: 1.7rem;
  margin: 0 0 10px;
}
.checkoutArea h6{
  font-size: 1.2rem;
  margin: 10px 0 0 0;
}
.checkoutArea h6.description{
  padding: 0 20px 0 0;
}
.checkoutArea .info{
  padding: 0 0 10px 0;
}
.checkoutArea .info > div{
  display: inline-block;
  vertical-align: middle;
}
.checkoutArea .info .topic{
  text-align: left;
  width: 130px;
  font-size: 1.3rem;
}
.checkoutArea .info .content{
  text-align: right;
  width: calc(100% - 135px);
}
.checkoutArea .info .topic.w100p,
.checkoutArea .info .content.w100p{
  width: 100%;
  text-align: center;
}

.checkoutArea .info .buy_one{
  max-width: 100%;
  padding: 0 15px;
  margin: 0;
  /*	height: 30px;*/
  font-size: 1.3rem;
}
.checkoutArea .info.shipping,
.checkoutArea .info.preparing{
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  padding: 5px 0 15px;
}
.checkoutArea .info.shipping{
  margin-bottom: 0;
}
.checkoutPage .checkoutArea .info.shipping{
  margin-bottom: 10px;
}
.checkoutArea .info.shipping .topic{
  width: 70px;
}
.checkoutArea .info.shipping .content{
  width: calc(100% - 75px);
}
.checkoutArea .info.notetoshop .topic.one{
  width: 100%;
}
.checkoutArea .info.buy .content{
  vertical-align: top;
}
.checkoutArea .lnwpointArea{
  background: #fffff1;
  padding: 20px 0;
}
.checkoutArea .lnwpointArea .container{
  width: 100%;
  padding: 0 5px;
}
.checkoutArea .lnwpointArea h2{
  font-size: 1.2rem;
}
.checkoutArea .lnwpointArea a{
  cursor: pointer;
}
.checkoutArea .lnwpointArea a.link-cancel,
.checkoutArea .lnwpointArea a.link-coupon-cancel{
  color: #999;
}
.checkoutArea .lnwpointArea .usepointArea,
.checkoutArea .lnwpointArea .lnwpointCancel,
.checkoutArea .lnwpointArea .couponCancel,
.checkoutArea .lnwpointArea .couponSubmit{
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.checkoutArea .lnwpointArea .usepointbox{
  font-size: 1.4rem;
  /*    padding: 4px 58px 4px 8px;*/
  padding: 4px 8px;
  width: 80px;
  text-align: right;
  line-height: 18px;
  border: 1px solid #e1e1e1;
  height: 28px;
  box-sizing: border-box;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin: 0;
}
.checkoutArea .lnwpointArea .usepointbox.coupon{
  width: 100px;
}
.checkoutArea .lnwpointArea .b-usepointedit,
.checkoutArea .lnwpointArea .b-usepoint{
  vertical-align: middle;
  border: 1px solid #e1e1e1;
  padding: 4px 8px;
  background-color: #f6f5f7;
  font-weight: bold;
  line-height: 18px;
  right: 0;
  position: absolute;
  box-sizing: border-box;
  height: 28px;
  min-width: 50px;
  color: #545454;
}
.checkoutArea .lnwpointArea .moreinfo{
  font-size: 1.1rem;
  /*	display: block;*/
  margin: 5px 0 10px;
  color: #545454;
}
.checkoutArea .lnwpointArea .info{
  padding: 10px 0 0;
}
.checkoutArea .lnwpointArea .meaning{
  display: none;
}
.checkoutArea .lnwCoinicon{
  background-image: url(../images/icon/lnwpoints_coin16.png);
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  display: inline-block;
}
.checkoutArea .previewArea .data{
  margin-bottom: 10px;
}
.checkoutArea .previewArea .data .title{
  display: inline-block;
  vertical-align: top;
  width: 75px;
  font-size: 1.2rem;
  text-align: right;
}
.checkoutArea .previewArea .data .text{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 95px);
  margin-left: 5px;
}
.checkoutArea .previewArea .data.buyer{
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  margin: 0;
}
#addrAccordion,
#receiptAccordion{
  /*	margin-bottom: 40px;*/
}
#addrAccordion .addressPane,
#receiptAccordion .addressPane{
  /*	overflow: visible;*/
}
#addrAccordion .addressPane.is-expanded .addressHeader,
#receiptAccordion .addressPane.is-expanded .addressHeader,
#onlinechoiceArea .selectArea.is-expanded .headerZone{
  /*	background-color: #c9e4e9;*/
  /*	background-color: #d7e2ff;*/
  background-color: #8cdcc8;
  /*	border-bottom: 1px solid #a8d1d9;*/
  /*	border-bottom: 1px solid #d7e2ff;*/
  border-bottom: 1px solid #8cdcc8;
  /*	font-weight: bold;*/
}
#addrAccordion .addressPane.is-expanded .addressContent,
#receiptAccordion .addressPane.is-expanded .addressContent,
#onlinechoiceArea .selectArea.is-expanded .contentZone{
  /*	background-color: #eff7f9;*/
  /*	background-color: #eff3ff;*/
  background-color: #e4f3f0;
}
#addrAccordion .addressPane[disabled],
#receiptAccordion .addressPane[disabled]{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  opacity: 0.35;
  display: none;
}
#addrAccordion .addressHeader,
#receiptAccordion .addressHeader{
  padding: 20px 10px;
  border-bottom: 1px solid #e5e5e5;
}
#addrAccordion .addressHeader .circle,
#receiptAccordion .addressHeader .circle{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 2px;
  width: 20px;
  text-align: center;
}
#addrAccordion .addressHeader .name,
#receiptAccordion .addressHeader .name{
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 95px);
  color: #545454;
}
#addrAccordion .addressHeader.selected .name,
#receiptAccordion .addressHeader.selected .name{
  /*	font-weight: bold;*/
}
#addrAccordion .addressHeader .control,
#receiptAccordion .addressHeader .control{
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  width: 65px;
  font-weight: normal;
}
#addrAccordion .addressHeader input[type="radio"],
#receiptAccordion .addressHeader input[type="radio"]{
  margin: 0;
}
#addrAccordion .addressHeader .control .edit,
#addrAccordion .addressHeader .control .remove,
#receiptAccordion .addressHeader .control .edit,
#receiptAccordion .addressHeader .control .remove{
  float: right;
  margin-right: 5px;
  cursor: pointer;
}
#addrAccordion .addressContent,
#receiptAccordion .addressContent{
  /*	overflow: visible;*/
}
#addrAccordion .addressContent .previewArea,
#receiptAccordion .addressContent .previewArea{
  padding: 20px 0;
}


.checkoutHeader{
  padding: 20px 0 0 0;
  margin: 0;
  position: relative;
}
.checkoutBody{
  border: 1px solid #e5e5e5;
}
.cartTitle{
  height: inherit;
  line-height: 50px;
  background: #e5e5e5;
  padding: 0 10px;
  box-sizing: border-box;
}
.cartTitle .text{
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-size: 1.2rem;
  width: 80px;
}
.cartTitle .sellerProfile{
  display: inline-block;
  vertical-align: middle;
  border: 0;
  width: calc(100% - 85px);
}
.cartTitle .sellerImage{
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.cartTitle .sellerDescription{
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: calc(100% - 45px);
  padding-left: 5px;
}
.cartTitle .sellerDescription .name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cartTitle .sellerDescription .rankArea,
.cartTitle .sellerDescription .shopreview{
  display: none;
}
.cartProductList{
  margin: 0;
}
.cartProductList li:last-child{
  border-bottom: 0;
}
.cartProduct{
  margin: 10px 10px 0 10px;
  padding: 0 0 10px 0;
  position: relative;
}
.cartProduct .image{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 100px;
}
.cartProduct .image img{
  width: inherit;
  height: inherit;
}
.cartProduct .image .product_tag{
  position: absolute;
  right: -1px;
  top: 7%;
}
.cartProduct .image .product_tag .redTag{
  padding: 2px 10px;
  font-size: 1.2rem;
}
.cartProduct .detail{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 110px);
  margin-left: 5px;
}
.cartProduct .detail .name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cartProduct .detail .name .subproduct{
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cartProduct .detail .price{
  text-align: right;
}
.cartProduct .detail .quantity{
  font-size: 1.2rem;
  position: relative;
  top: 1px;
}
.cartProduct .detail .price .hasDiscount{
  font-size: 1.2rem;
  text-decoration: line-through;
  float: left;
  position: relative;
  top: 3px;
}
.cartProduct .other{
  padding: 10px 5px 0;
  font-size: 1.2rem;
}
.cartProduct .other .note{
  line-height: 3.0rem;
}
.cartProduct .other .note a{
  color: #6c6c6c;
}
.cartProduct .other .note form{
  margin: 0;
}
.cartProduct .other .note .add,
.cartProduct .other .note .edit{
  cursor: pointer;
}
.cartProduct .other .note .edit{
  margin-left: 5px;
  color: #999;
}
.cartProduct .other .note strong{
  text-decoration: underline;
}
.cartProduct .other .note .pdetail{
  width: 50%;
  border: 1px solid #868686;
  padding: 0 5px;
  box-sizing: border-box;
  height: 30px;
  font-size: 12px;
  border-radius: 0;
  color: #868686;
  margin: 0;
}
.cartProduct .other .note .btn-submit,
.cartProduct .other .note .btn-reset{
  height: 30px;
  background-color: #ddd;
  padding: 0 10px;
  color: #868686;
  line-height: 30px;
  margin: 0;
  font-size: 12px;
  border: 0 none;
  margin-left: 5px;
  cursor: pointer;
}
.cartProduct .other .note .btn-reset{
  background: none;
}
.cartDelivery{
  padding: 20px 30px;
  display: block;
  border-top: 5px solid #dfdfdf;
  background: #f6f6f6;
}
.cartTotal{
  padding: 10px;
  position: relative;
}
.cartTotal .info{
  padding: 0 0 10px 0;
}
.cartTotal .info select{
  margin: 0;
  max-width: 100%;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.cartTotal .info textarea{
  margin: 0;
  max-width: 100%;
}
.cartTotal .info .sdetail{
  width: 100%;
  max-width: 300px;
  color: #545454;
}
.cartTotal .lnwpointArea{
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.cartSummary{
  padding: 20px 0;
}
.cartSummary .info .content{
  /*	font-weight: bold;*/
}
.cartSummary .success_icon{
  position: absolute;
  top: 0;
  right: 5%;
  width: 30px;
  height: 30px;
  display: none;
}
.cartSummary .left{
  margin: 10px 0 5px;
  width: 100%;
}
.cartSummary .right{
  width: 100%;
}
.cartSummary .product{
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin: 0px 5px 5px 0px;
}
.cartSummary .product .quantity{
  background-color: white;
  border-radius: 50% 0 0;
  bottom: 0;
  color: #464646;
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  padding: 0 2px 0px 4px;
  position: absolute;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  right: 0;
}
.cartSummary a.button{
  width: 100%;
  line-height: 36px;
}

.checkoutFooter{
  position: fixed;
  bottom: 0;
  left: 0;
  /*	z-index: 1000;*/
  z-index: 98;
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 20px rgba(0,0,0,.3);
  width: 100%;
  box-sizing: border-box;
  height: 60px;
  padding: 0 10px;
}
.checkoutBack{
  position: absolute;
  left: 0;
  top: 20px;
  cursor: pointer;
}
.cartBack .icon{
  background: transparent url(../images/icon/cartback.png) no-repeat center center;
  width: 24px;
  height: 24px;
  float:left;
}
.cartBack .text{
  line-height: 24px;
  margin-left: 28px;
  font-weight: bold;
  display: block;
  font-size: 1.3rem;
}
.cartBack.noIcon .text{
  margin-left: 0;
}
.checkoutContinue{
  position: absolute;
  right: 0;
  top: 12px;
}
.cartContinue{
  margin-bottom: 0;
}
.cartClear{
  margin-bottom: 0;
  position: absolute;
  top: 25px;
  right: 0;
}
.cartEdit{
  margin-bottom: 0;
  position: absolute;
  border: 1px solid #aaa;
  padding: 2px 4px;
  font-size: 1.2rem;
  top: 21px;
  right: 5%;
  cursor: pointer;
  display: none;
}
a.cartEdit:hover{
  color: #999;
  background: rgba(153,153,153,0.1);
  text-decoration: none;
}
.checkoutArea.first_step .checkoutBody,
.checkoutArea.third_step .checkoutBody{
  border: 0;
  /*	border-top: 2px solid #3553a5;*/
}
.checkoutArea.disabled{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  opacity: 0.45;
}
.checkoutArea.passStep h6.description,
.checkoutArea.passStep .addressArea,
.checkoutArea.passStep .checkoutBody.readonly,
.checkoutArea.passStep .lnwpointArea,
.checkoutArea.passStep .checkoutFooter,
.checkoutArea.passStep v-pane-header::after,
.checkoutArea.passStep v-pane-header::before{
  display: none;
}
.checkoutArea.passStep .success_icon,
.checkoutArea.passStep .cartEdit{
  display: block;
}
.formZone{
  padding: 20px 0 10px;
  margin: 0;
}
.formZone .formArea{
  width: 280px;
  margin: 0 auto;
}
.formZone .title{
  font-size: 1.2rem;
  color: #999;
}
.formZone .content input{
  width: 200px;
  max-width: 100%;
}
.formZone .content input[type="radio"]{
  width: 20px;
  margin-bottom: 0;
}
.formZone .content textarea{
  width: 100%;
  max-width: 280px;
}
.formZone .content select{
  width: 200px;
  max-width: 100%;
}
.formZone .content .note{
  font-size: 1.2rem;
}
.formZone .content.short input{
  width: 100px;
}
.formZone .receiver_info{
  font-weight: bold;
  padding: 0 0 10px;
}
.formZone .buyer_info{
  font-weight: bold;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 10px;
}
.formZone .formBlock .noticeBox{
  margin: 0;
  text-align: center;
  font-size: 1.2rem;
}
.formZone .formBlock .content.choice label{
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
}
.formZone.admin .formArea{
  width: 100%;
}
.formZone.admin .formBlock{
  max-width: none;
  margin: 0 10px;
}
.formZone.admin .selectize-dropdown .active{
  background-color: #8cdcc8;
  color: black;
}
.formZone.admin .button{
  line-height: 38px;
  padding: 0 15px;
}
.formZone.admin .content{
  margin-bottom: 5px;
}
.formZone.admin .breadcrumbZone{
  background: none;
  height: auto;
  line-height: 1.6;
}
.formZone.admin .breadcrumbZone .bcList{
  white-space: normal;
}
.formZone.admin .data .left{
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  font-size: 1.2rem;
  text-align: right;
}
.formZone.admin .data .left.mgBottom{
  margin-bottom: 1.5rem;
}
.formZone.admin .data .right{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90px);
  margin-left: 5px;
  font-size: 1.2rem;
}
.formZone.admin .data .note{
  font-size: 1.1rem;
  margin-bottom: 10px;
  display: block;
}
.formZone.admin .data .image_block{
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.formZone.admin .data .image_block img{
  cursor: zoom-in;
}
.formZone .tax_receiver_choice{
  display: block;
  width: 280px;
  margin: auto;
}
.formZone .tax_receiver_choice label{
  cursor: pointer;
  display: inline-block;
}

/*checkoutBody readonly*/
.checkoutArea .checkoutBody.readonly .info.preparing{
  display: none;
}
.checkoutBody.readonly{
  /*	border-top: 2px solid #3553a5;*/
  /*	background: white;*/
}
.checkoutBody.readonly .cartProduct .image{
  width: 50px;
  height: 50px;
}
.checkoutBody.readonly .cartProduct .image img{
  width: inherit;
  height: inherit;
}
.checkoutBody.readonly .cartProduct .image .product_tag{
  display: none;
}
.checkoutBody.readonly .cartProduct .detail{
  width: calc(100% - 60px);
}
.checkoutBody.readonly .cartProduct .detail .price{
  float: right;
  text-align: right;
}
.checkoutBody.readonly .cartProduct .detail .price .hasDiscount{
  top: 2px;
  right: 10px;
}
.checkoutBody.readonly .cartProduct .other{
  padding-top: 0;
}
.checkoutBody.readonly .cartProduct .other .note{
  line-height: 1.6;
}
.checkoutBody.readonly .cartProduct .other .promotion{
  display: none;
}
.checkoutBody.readonly .cartTotal .info.buy{
  /*	background: #fffff1;*/
}
.checkoutSpecial{
  max-width: 1000px;
  margin: auto;
}
.checkoutArea .checkoutContinue .input_checkbox{
  cursor: pointer;
  font-size: 1.3rem;
  max-width: 320px;
  margin: 0 auto 15px;
  border: 1px solid #e5e5e5;
  background: #eee;
  padding: 15px 10px 0;
}

@media (min-width: 400px) {
  .checkoutArea .info .topic{
    width: 200px;
  }
  .checkoutArea .info .content{
    width: calc(100% - 205px);
  }
}

@media (min-width: 750px) {
  .checkoutZone.checkoutPage .checkoutArea .checkoutContinue button{
    min-width: 344px;
    max-width: 344px;
    height: 50px;
    font-size: 1.6rem;
  }
  .checkoutArea .lnwpointArea .moreinfo{
    display: inline-block;
    margin-left: 10px;
  }
  #addrAccordion .addressHeader .circle,
  #receiptAccordion .addressHeader .circle{
    top: -1px;
  }
  .formZone .formArea{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  }
  .formZone .formArea.w100{
    width: 100%;
  }
  .formZone.admin .formArea{
    width: 50%;
  }
  .formZone .formArea.left{
    /*		border-right: 1px solid #c9e4e9;*/
    border-right: 1px solid #e5e5e5;
  }
  .formZone .formBlock{
    max-width: 340px;
    margin: 0 auto;
  }
  .formZone .formArea.w100 .formBlock{
    max-width: none;
    margin: 0 0 0 15px;
  }
  .formZone .title{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 110px;
    margin-bottom: 1.5rem;
  }
  .formZone.admin .selectize-dropdown .title{
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    color: black;
  }
  .formZone .title.vtop{
    vertical-align: top;
  }
  .formZone .title.vtop.top10{
    position: relative;
    top: 10px;
  }
  .formZone .content{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 135px);
    margin-left: 20px;
  }
  .formZone .receiver_info{
    text-align: center;
    padding: 0 0 10px;
  }
  .formZone .buyer_info{
    border: 0;
    padding: 0 0 10px;
    text-align: center;
  }
  .formZone .tax_receiver_choice{
    margin: 0 0 0 150px;
  }
  .cartSummary a.button{
    width: auto;
    margin-left: 10px;
  }
}

@media (min-width: 1000px) {
  .checkoutZone .contentArea{
    min-height: 770px;
  }
  .checkoutZone .vAccordion--default v-pane-header{
    padding: 15px 10px;
  }
  .checkoutArea .lnwpay_guarantee{
    position: absolute;
    top: 40px;
    right: 0;
  }
  .checkoutArea .lnwpointArea{
    padding: 5px 2px;
  }
  .checkoutArea .lnwpointArea h2,
  .checkoutArea .lnwpointArea .container > div{
    width: 50%;
    display: inline-block;
  }
  .checkoutArea .lnwpointArea .container{
    padding: 0 5px 0 20px;
  }
  .checkoutArea .lnwpointArea .container.coupon{
    margin: 10px 0;
  }
  .checkoutArea .lnwpointArea .meaning{
    display: inline-block;
  }
  .checkoutZone .vAccordion--default v-pane-content{
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease !important;
  }
  .cartProduct:first-child{
    padding: 0 0 35px 0;
  }
  .cartProduct:first-child .image:before{
    content: "สินค้า";
    display: block;
    text-align: center;
    color: #999;
    margin-bottom: 5px;
  }
  .cartProduct:first-child .image .product_tag{
    margin-top: 27px;
  }
  .cartProduct .detail{
    width: calc(100% - 115px);
  }
  .cartProduct .detail .name{
    width: calc(100% - 200px - 200px);
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
  }
  .cartProduct:first-child .detail .name:before{
    content: "รายละเอียด";
    display: block;
    text-align: left;
    color: #999;
    margin-bottom: 5px;
  }
  .cartProduct .detail .price{
    width: 200px;
    float: left;
    text-align: center;
    /*
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
*/
    display: flex;
    flex-flow: column-reverse nowrap;
  }
  .cartProduct .detail .price .hasDiscount{
    text-align: center;
    float: none;
    top: 0;
  }
  .cartProduct:first-child .detail .price:before{
    content: "ราคาต่อชิ้น";
    display: block;
    text-align: center;
    color: #999;
    margin-bottom: 5px;
    /*
		-webkit-box-ordinal-group: 1;
  		-moz-box-ordinal-group: 1;
  		-ms-flex-order: 1;
		-webkit-order: 1;
*/
    order: 1;
  }
  .cartProduct:first-child .detail .quantity:before{
    content: "จำนวน";
    display: block;
    text-align: left;
    color: #999;
    margin-bottom: 5px;
  }
  .cartProduct .detail .quantityButton{
    width: 200px;
    float: left;
    margin: 0;
  }
  .cartProduct:first-child .detail .quantityButton:before{
    content: "จำนวน";
    display: block;
    text-align: left;
    color: #999;
    padding-left: 45px;
    box-sizing: border-box;
    margin-bottom: 5px;
  }
  .checkoutArea .info .topic{
    text-align: right;
    width: calc(100% - 135px);
  }
  .checkoutArea .info.notetoshop .topic{
    position: absolute;
    /*		top: 150px;*/
    bottom: 15px;
    left: 10px;
    text-align: left;
  }
  .checkoutArea .info.notetoshop .topic.one{
    /*		top: 150px;*/
    bottom: 15px;
  }
  .checkoutPage .checkoutArea .info.notetoshop .topic,
  .checkoutPage .checkoutArea .info.notetoshop .topic.one{
    /*		top: 65px;*/
    bottom: 15px;
  }
  .checkoutArea .info .content{
    width: 130px;
  }
  .cartProduct .other{
    position: absolute;
    bottom: 8px;
    left: 120px;
  }
  .checkoutBody.readonly .cartProduct .other{
    left: 70px;
  }
  .checkoutBody.readonly .cartProduct .detail .quantity{
    float: right;
    top: 0;
    font-size: 1.4rem;
    text-align: center;
  }
  .checkoutBody.readonly .cartProduct .detail .price .hasDiscount{
    display: none;
  }
  .checkoutBody.readonly .cartProduct:first-child .detail .price:before{
    text-align: right;
  }
  .cartTotal .info .sdetail{
    width: 30%;
  }
  .cartTotal .info.notetoshop{
    padding: 0;
    text-align: right;
  }
  .cartSummary .success_icon{
    right: 0;
    width: 45px;
    height: 45px;
  }
  .cartSummary .left{
    float: left;
    margin-top: 20px;
    width: calc(100% - 320px);
  }
  .cartSummary .right{
    float: left;
    margin-top: 20px;
    width: 320px;
  }
  #addrAccordion .addressHeader .circle,
  #receiptAccordion .addressHeader .circle{
    width: 50px;
  }
  #addrAccordion .addressHeader .name,
  #receiptAccordion .addressHeader .name{
    width: calc(100% - 140px);
  }
  #addrAccordion .addressHeader .control,
  #receiptAccordion .addressHeader .control{
    width: 80px;
  }
  #addrAccordion .addressHeader .control .edit,
  #receiptAccordion .addressHeader .control .edit{
    margin-right: 10px;
  }
  #addrAccordion .addressHeader .control .edit:hover,
  #addrAccordion .addressHeader .control .remove:hover,
  #receiptAccordion .addressHeader .control .edit:hover,
  #receiptAccordion .addressHeader .control .remove:hover{
    text-decoration: underline;
  }
  .formZone .formBlock{
    max-width: 420px;
  }
  a.cartBack:hover{
    color: #868686;
    text-decoration: underline;
  }
  a.cartClear:hover{
    color: #868686;
    text-decoration: underline;
  }
}

/* loginZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.loginZone{

}
.loginZone .loginBody{
  padding: 0 5%;
  box-sizing: border-box;
  position: relative;
}
.loginZone .loginBlock{
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.loginBlock .login-lnw a:hover,
.loginBlock .register-lnw a:hover{
  text-decoration: none;
}
.loginBlock .login-fb{
  margin-top: 20px;
}
.loginBlock .b-gotologin,
.loginBlock .b-gotoregister{
  width: 100%;
  line-height: 40px;
  color: white;
  font-size: 1.6rem;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-align: center;
  margin-top: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  max-width: 350px;
  cursor: pointer;
}
.loginBlock .b-gotologin{
  background-color: #85cf30;
  border: 1px solid #7dc32d;
}
.loginBlock .b-gotologin:hover{
  background-color: #7dc32d;
}
.loginBlock .b-gotologinfb{
  margin-top: 10px;
}
.loginBlock .b-gotologinfb iframe{
  max-width: 100%;
}
.loginBlock .b-gotoregister{
  background-color: #777;
  border: 1px solid #666;
}
.loginBlock .b-gotoregister:hover{
  background-color: #666;
}
.loginBlock .benefits{
  margin-bottom: 10px;
}
.loginBlock .register-lnw .benefits{
  display: none;
}
.loginBlock .benefits li{
  list-style: inside square;
  color: #999;
  font-size: 1.2rem;
  margin: 5px 0;
}
.loginBlock .subtext{
  font-size: 1.2rem;
}
.loginBlock .question_mark{
  float: none;
}
.loginBlock .guest-lnw .img{
  width: 70px;
  display: inline-block;
  vertical-align: top;
}
.loginBlock .guest-lnw .detail{
  width: calc(100% - 85px);
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}
.loginBlock .guest-lnw .detail a{
  line-height: 35px;
  background-color: #eee;
  border: 1px solid #ddd;
  width: 100%;
  color: #aaa;
  padding-bottom: 0;
  display: block;
  text-align: center;
  max-width: 250px;
  cursor: pointer;
}
@media (min-width: 750px) {
  .loginZone .loginBlock.half{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
    height: 280px;
  }
  .loginZone .loginBlock.half:first-child{
    border-right: 1px solid #e5e5e5;
  }
  .loginBlock .register-lnw .benefits{
    display: block;
  }
  .loginBlock .guest-lnw{
    max-width: 360px;
    margin: auto;
  }
  .loginBlock .guest-lnw .img{
    width: 95px;
  }
  .loginBlock .guest-lnw .detail{
    width: calc(100% - 110px);
  }
  .loginBlock .login-fb{
    padding-top: 40px;
    margin-top: 50px;
    border-top: 1px solid #e5e5e5;
  }
  .loginBlock .b-gotologin,
  .loginBlock .b-gotologinfb{
    margin-top: 20px;
  }
}

/* sortZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sortZone{
  position: relative;
}
.sortZone ul{
  margin: 0;
}
.sortZone ul li{
  height: 50px;
  line-height: 50px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.sortZone ul li a{
  padding-left: 25px;
  display: block;
}
.sortZone ul li a:hover{
  text-decoration: none;
}
.sortZone ul li.selected i{
  /*	background: url(../images/icon/success_icon.png) no-repeat;*/
  /*	background-size: 20px 20px;*/
  font-size: 2.2rem;
  width: 20px;
  height: 20px;
  position: relative;
  right: 20px;
  /*    top: 20px;*/
  float: right;
  /*	color: #3553a5;*/
  color: #01B49A;
  display: inline-block;
}
.sortZone ul li i{
  display: none;
}

@media (min-width: 750px) {
  .sortZone{
    top: 0;
  }
  .sortZone ul li{
    height: 40px;
    line-height: 40px;
  }
  .sortZone ul li.selected i{
    /*		top: 10px;*/
  }
}

@media (min-width: 1000px) {
  .sortZone ul li a:hover{
    background: #eee;
  }
}

/* filterZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filterZone{
  position: relative;
  height: 100%;
  min-height: 1000px;
}
.filterZone .level1{
  z-index: 2;
}
.filterZone .level2{
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  visibility: hidden;
}
.filterZone .boxHeader .level2{
  background: white;
  padding: 0 10px;
}
.filterZone .filterBlock{

}
.filterBlock .title{
  margin: 20px 0 3px;
  font-size: 1.2rem;
  padding: 0 10px 0 25px;
  box-sizing: border-box;
}
.filterBlock .content{
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.filterBlock .content a{
  display: block;
  height: 50px;
  background: white;
  padding: 14px 10px 14px 25px;
  box-sizing: border-box;
  color: #999;
  border-top: 1px solid #e5e5e5;
}
.filterBlock .content a.selected{
  /*	color: #3553a5;*/
  color: #01B49A;
  /*	background: #eff3ff;*/
}
.filterBlock .content a:hover,
.filterBlock .content a:focus{
  text-decoration: none;
}
.filterBlock .content .left{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 30px);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterBlock .content .right{
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  text-align: center;
}
.filterBlock .content .right i{
  background: url('../images/icons/icon25px.png') no-repeat;
  background-position: -75px -100px;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.filterBlock .content .list{
  padding: 0 10px;
}
.filterBlock .content .list .topic{
  display: inline-block;
  vertical-align: middle;
  color: #999;
  width: 70px;
  text-align: center;
}
.filterBlock .content .list input[type=number]{
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
  width: calc(100% - 100px);
  max-width: 200px;
}
.filterBlock.buttonList{
  display: block;
  text-align: center;
}
.filterBlock.buttonList button{
  margin: 0 5px;
  font-size: 1.4rem;
}
.filterBlock.selectList .content a{
  background: #f6f6f6;
}
.filterBlock.selectList .content .right{
  display: none;
}
.filterBlock.selectList .content a.selected .right{
  display: inline-block;
  font-size: 2.2rem;
  line-height: 0;
  position: relative;
  right: 5px;
}

@media (min-width: 750px) {
  .filterZone{
    min-height: 100vh;
  }
}

/* feedbackZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.feedbackZone{

}
.feedbackZone .feedbackList{

}
.feedbackList .feedbackBox{
  box-sizing: border-box;
}
.feedbackList .feedbackBox:not(:first-of-type){
  margin-top: 40px;
}
.feedbackBox .feedbackHeader{
  position: relative;
  padding: 10px 20px 10px 10px;
}
.feedbackBox .feedbackContent{
  padding: 0 10px;
  margin-top: 10px;
  position: relative;
}
.feedbackBox.fullexpand .listProductExample.canView{
  display: none;
}
.feedbackBox.fullexpand .listProductFull{
  display: block;
}
.feedbackHeader > div{
  display: inline-block;
  vertical-align: middle;
}
.feedbackHeader .user_avatar{
  width: 60px;
  height: 60px;
  vertical-align: middle;
}
.feedbackHeader .user_avatar img{
  width: inherit;
  height: inherit;
  max-width: 100%;
}
.feedbackHeader .product_avatar{
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
}
.feedbackHeader .product_avatar img{
  width: inherit;
  height: inherit;
  max-width: 100%;
}
.feedbackHeader .account{
  margin-left: 5px;
  width: calc(100% - 145px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feedbackHeader .account > span{
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.feedbackHeader .account .note{
  font-size: 1.2rem;
}
.feedbackHeader .product_detail{
  margin-left: 5px;
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
}
.feedbackHeader .product_detail > span{
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.feedbackHeader .product_detail .name{
  /*
	white-space: normal;
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
	height: auto;
*/
}
.feedbackHeader .summaryreview{
  float: right;
  margin-top: 5px;
}
.feedbackHeader .summaryreview .review_icon{
  width: 40px;
  height: 40px;
  background-image: url(../images/icons/review_icon.png);
  background-size: 120px 40px;
}
.feedbackHeader .summaryreview .review_text{
  font-size: 1.2rem;
  margin: 0;
  display: block;
  text-align: center;
  /*	display: none;*/
}
.feedbackHeader .summaryreview.feedback_like .review_icon{
  background-position: 0 0;
}
.feedbackHeader .summaryreview.feedback_normal .review_icon{
  background-position: -40px 0;
}
.feedbackHeader .summaryreview.feedback_dislike .review_icon{
  background-position: -80px 0;
}
.feedbackHeader .score_heart.star{
  top: -2px;
}
.feedbackContent .commentArea{
  margin-bottom: 10px;
  word-break: break-word;
}
.feedbackContent .threewords{
  padding-bottom: 10px;
  text-align: center;
}
.feedbackContent .quotes_icon{
  background: url('../images/feedback/quotes_feedback.png') no-repeat;
  background-position: 0 0;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  vertical-align: baseline;
  display: inline-block;
}
.feedbackContent .quotes_icon.reverse{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 0;
}
.feedbackContent .quotes_word{
  max-width: calc(100% - 60px);
  font-size: 2.4rem;
  font-family: 'rsu';
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.feedbackContent .threewords.feedback_like .quotes_icon{
  background-position: 0 0;
}
.feedbackContent .threewords.feedback_normal .quotes_icon{
  background-position: 0 -15px;
}
.feedbackContent .threewords.feedback_dislike .quotes_icon{
  background-position: 0 -30px;
}
.feedbackContent .no_comment{
  font-style: italic;
}
.feedbackContent .review_date{
  font-size: 1.2rem;
  margin: 5px 0 20px;
}
.listProductExample{
  height: 49px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #f5f5f5;
  background-color: #f5f5f5;
}
.listProductExample.canView{
  cursor: pointer;
}
.listProductExample.canView:hover .seeText{
  text-decoration: underline;
}
.listProductExample > div{
  display: inline-block;
  vertical-align: middle;
}
.listProductExample .gallery_container .image_zone .image_area{
  width: 35px;
  height: 35px;
  margin: 7px 7px 7px 0;
  box-sizing: border-box;
  float: left;
}
.listProductExample .gallery_container .image_zone .image_area img{
  cursor: pointer;
}
.listProductExample .seeProduct{
  display: none;
}
.listProductExample .seeExample{
  width: calc(100% - 105px);
  height: inherit;
  overflow: hidden;
}
.listProductExample .seeText{
  font-size: 1.2rem;
  width: 100px;
  text-align: center;
}
.listProductFull{
  width: 100%;
  padding: 10px 0 0;
}
.listProductFull .summaryreview .review_icon{
  width: 30px;
  height: 30px;
  background-size: 90px 30px;
}
.listProductFull .summaryreview.feedback_like .review_icon{
  background-position: 0 0;
}
.listProductFull .summaryreview.feedback_normal .review_icon{
  background-position: -30px 0;
}
.listProductFull .summaryreview.feedback_dislike .review_icon{
  background-position: -60px 0;
}

@media (min-width: 550px){
  .feedbackBox .feedbackHeader,
  .feedbackBox .feedbackContent{
    display: inline-block;
    vertical-align: top;
  }
  .feedbackBox .feedbackHeader{
    width: 100px;
    padding: 10px 20px;
  }
  .feedbackBox .feedbackContent{
    width: calc(100% - 170px);
    padding: 0;
    margin-top: 65px;
    margin-left: 15px;
  }
  .feedbackHeader .user_avatar{
    width: 100px;
    height: 100px;
    max-width: 100%;
  }
  .feedbackHeader .product_avatar{
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .feedbackHeader .account{
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .feedbackHeader .product_detail{
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .feedbackHeader .summaryreview{
    position: absolute;
    top: 0;
    left: 155px;
    width: 100%;
    margin-top: 10px;
  }
  .feedbackHeader .summaryreview .review_text{
    display: inline-block;
    font-size: 1.4rem;
  }
  .feedbackHeader.reviewShop .summaryreview .review_text{
    display: inline-block;
  }
  .feedbackHeader.reviewShop .summaryreview .review_text.premium{
    display: none;
  }
  .feedbackBox .feedbackPremium .shopPremiumBlock,
  .feedbackBox .feedbackPremium .productPremiumBlock{
    max-width: 280px;
  }
  .feedbackContent .threewords{
    position: absolute;
    top: -50px;
    left: 50px;
    width: calc(100% - 50px);
    text-align: left;
  }
  .listProductExample{
    padding: 0;
  }
  .listProductExample .seeProduct{
    display: inline-block;
    font-size: 1.2rem;
    width: 100px;
    padding: 0 20px 0 10px;
    text-align: center;
  }
  .listProductExample .seeExample{
    display: inline-block;
    width: calc(100% - 260px);
    margin-left: 20px;
  }
}

/* myorderZone
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.myorderZone{

}
.myorderZone .four.columns{
  display: none;
}
.myorderZone .eight.columns{
  width: 100%;
  margin-left: 0;
}
.myorderArea .orderArea{

}
@media (min-width: 750px){
  .myorderZone .eight.columns{
    width: 100%;
  }
}
@media (min-width: 1000px){
  .myorderZone .four.columns{
    display: block;
    width: 250px;
  }
  .myorderZone .eight.columns{
    width: calc(100% - 280px);
    margin-left: 30px;
  }
}

/* helpZone
-------------------------------------------------- */
.helpZone{

}
.helpZone h1{
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
.helpZone h2{
  font-size: 2.2rem;
  margin-bottom: 1rem;
}
.helpZone h3{
  font-size: 2.0rem;
  margin-bottom: 0;
}
.helpZone li h3{
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.helpZone h4{
  font-size: 1.5rem;
  margin-bottom: 0;
}
.helpDetailArea .container{
  max-width: 1000px;
}
.helpDetailArea .header .left{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 170px;
}
.helpDetailArea .header .right{
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: calc(100% - 170px);
}
.helpDetailArea .policy ol,
.helpDetailArea .policy ul{
  padding-left: 20px;
}
.helpDetailArea .policy ol ol{
  padding-left: 0;
}
.helpDetailArea .buyer_help_menu{

}
.helpDetailArea .description{
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
.buyer_help_menu .menu-item{
  background: url('/images/icons/lnwmall_status.png') no-repeat top left;
  display: inline-block;
  width: 53px;
  height: 85px;
  font-family:'rsulight';
  padding: 0 12px 0 12px;
  border-top: none;
  border-bottom: none;
  font-size: 1.3rem;
  text-align: center;
  color: #545454;
  line-height: 1.2;
}
.buyer_help_menu #starting {
  background-position: -53px -35px;
}
.buyer_help_menu #joining {
  background-position: -49px -141px;
}
.buyer_help_menu #ordering {
  background-position: -48px -269px;
}
.buyer_help_menu #payment {
  background-position: -49px -396px;
}
.buyer_help_menu #shipping {
  background-position: -49px -510px;
}
.buyer_help_menu #checking {
  background-position: -47px -640px;
}
.buyer_help_menu #feedback {
  background-position: -47px -755px;
}
.buyer_help_menu #refund {
  background-position: -47px -875px;
}
.seller_help_menu .menu-item{
  background: url('/images/icons/lnwmall_seller_status.png') no-repeat top left;
  display: inline-block;
  width: 53px;
  height: 85px;
  font-family:'rsulight';
  padding: 0 12px 0 12px;
  border-top: none;
  border-bottom: none;
  font-size: 1.3rem;
  text-align: center;
  color: #545454;
  line-height: 1.2;
}
.seller_help_menu #path_starting {
  background-position: -53px -35px;
}
.seller_help_menu #path_registration {
  background-position: -49px -141px;
}
.seller_help_menu #path_how2use {
  background-position: -48px -269px;
}
.seller_help_menu #path_shipping {
  background-position: -49px -396px;
}
.seller_help_menu #path_payment {
  background-position: -49px -510px;
}
.seller_help_menu #path_benefit {
  background-position: -47px -640px;
}
.seller_help_menu #path_withdraw {
  background-position: -47px -755px;
}
.seller_help_menu #path_dispute {
  background-position: -47px -875px;
}
.helpDetailArea .questionsList .question{
  list-style-image:url('/images/icon/list_arrow.png');
  margin-bottom: 0;
  list-style-position: inside;
  padding: 10px 0 0;
}
.helpDetailArea .questionsList .question .title{
  cursor: pointer;
  display: inline-block;
}
.helpDetailArea .questionsList .question.show{
  list-style-image:url('/images/icon/list_arrow_down.png');
  margin-bottom: 20px;
}
.helpDetailArea .questionsList .question .clickformore{
  font-size: 1.2rem;
  line-height: 20px;
  display: none;
  background-color: #f4f4f4;
  padding: 0px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 10px;
}
.helpDetailArea .questionsList .question.show ul{
  list-style: disc;
  padding: 0 25px 15px 45px;
  list-style: disc;
  margin: 15px 0 0 0;
  font-size: 100%;
}
.helpDetailArea .questionsList .question ol{
  list-style: decimal;
  padding: 0 25px 10px 45px;
  margin: 15px 0 0 0;
  font-size: 100%;
}
.helpDetailArea .questionsList .question.show li{
  margin: 10px;
  line-height: 24px;
}
.helpDetailArea .questionsList .question.show li ol{
  padding-bottom: 0;
}
.helpDetailArea .questionsList .question.show .answer li{
  margin: 0px;
  margin-bottom: 15px;
  line-height: 24px;
}
.helpDetailArea .questionsList .question.show .answer .bullet li{
  margin-bottom: 5px;
}
.helpDetailArea .questionsList .question.show li li{
  margin: 5px;
}
.helpDetailArea .questionsList .question .answer{
  display: none;
  font-size: 1.31rem;
  font-weight: normal;
  color: #545454;
  margin-top: 5px;
  border-top: 1px solid #e5e5e5;
  background-color: #f6f6f6;
}
.helpDetailArea .questionsList .question .answer p{
  color: #545454;
  white-space: pre-line;
  padding: 15px 20px 15px 30px;
  margin-bottom: 0;
}
.helpDetailArea .questionsList .question .answer .notice{
  font-size: 1.2rem;
}
.helpDetailArea .questionsList .question.show .answer{
  display: block;
}
.helpDetailArea .contactBox{
  background-color: #f6f6f6;
}
.helpDetailArea .formZone .formArea{
  margin: 0 0 0 20px;
}
.helpDetailArea .formZone .formBlock{
  margin: 0;
}
.helpDetailArea .formZone .mgBottom{
  margin-bottom: 1.5rem;
}
.helpDetailArea .formZone .title{
  width: 75px;
}
.helpDetailArea .formZone .content{
  width: calc(100% - 90px);
  margin-left: 0;
}
.helpDetailArea .formZone .content select{
  font-size: 1.2rem;
}
.helpDetailArea .contactInfo{
  margin: 0 0 20px;
}
.helpDetailArea .contactInfo .contact{
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
.helpDetailArea .contactInfo .contact:first-child{
  border-top: none;
}
.helpDetailArea .contactInfo .contact .title{
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}
.helpDetailArea .contactInfo .contact .info{
  display: inline-block;
  vertical-align: middle;
  width: 75%;
  font-size: 1.2rem;
  line-height: 22px;
}
.helpDetailArea .policyInfo a.button{
  height: 65px;
  line-height: 30px;
  width: 100%;
  padding: 0 10px;
}
.helpDetailArea .policyInfo a.button .engText{
  font-size: 1.8rem;
  line-height: 26px;
}
.buyer_help_menu li.selected{
  color: #01B49A;
}
.buyer_help_menu #starting.selected {
  background-position: -53px -1035px;
}
.buyer_help_menu #joining.selected {
  background-position: -49px -1141px;
}
.buyer_help_menu #ordering.selected {
  background-position: -48px -1269px;
}
.buyer_help_menu #payment.selected {
  background-position: -49px -1396px;
}
.buyer_help_menu #shipping.selected {
  background-position: -49px -1510px;
}
.buyer_help_menu #checking.selected {
  background-position: -47px -1640px;
}
.buyer_help_menu #feedback.selected {
  background-position: -47px -1755px;
}
.buyer_help_menu #refund.selected {
  background-position: -47px -1875px;
}
.seller_help_menu li.selected{
  color: #ff664e;
}
.seller_help_menu #path_starting.selected {
  background-position: -53px -1035px;
}
.seller_help_menu #path_registration.selected {
  background-position: -49px -1141px;
}
.seller_help_menu #path_how2use.selected {
  background-position: -48px -1269px;
}
.seller_help_menu #path_shipping.selected {
  background-position: -49px -1396px;
}
.seller_help_menu #path_payment.selected {
  background-position: -49px -1510px;
}
.seller_help_menu #path_benefit.selected {
  background-position: -47px -1640px;
}
.seller_help_menu #path_withdraw.selected {
  background-position: -47px -1755px;
}
.seller_help_menu #path_dispute.selected {
  background-position: -47px -1875px;
}

@media (min-width: 750px){
  .helpDetailArea .eight.columns{
    width: 100%;
  }
  .helpDetailArea .four.columns{
    width: 100%;
    margin-left: 0;
  }
}

@media (min-width: 1000px){
  .helpZone h1{
    font-size: 3.6rem;
  }
  .helpZone h2{
    font-size: 2.8rem;
  }
  .helpZone h3{
    font-size: 2.2rem;
  }
  .buyer_help_menu li:hover{
    color: #01B49A;
  }
  .buyer_help_menu #starting:hover {
    background-position: -53px -1035px;
  }
  .buyer_help_menu #joining:hover {
    background-position: -49px -1141px;
  }
  .buyer_help_menu #ordering:hover {
    background-position: -48px -1269px;
  }
  .buyer_help_menu #payment:hover {
    background-position: -49px -1396px;
  }
  .buyer_help_menu #shipping:hover {
    background-position: -49px -1510px;
  }
  .buyer_help_menu #checking:hover {
    background-position: -47px -1640px;
  }
  .buyer_help_menu #feedback:hover {
    background-position: -47px -1755px;
  }
  .buyer_help_menu #refund:hover {
    background-position: -47px -1875px;
  }
  .seller_help_menu li:hover{
    color: #ff664e;
  }
  .seller_help_menu #path_starting:hover {
    background-position: -53px -1035px;
  }
  .seller_help_menu #path_registration:hover {
    background-position: -49px -1141px;
  }
  .seller_help_menu #path_how2use:hover {
    background-position: -48px -1269px;
  }
  .seller_help_menu #path_shipping:hover {
    background-position: -49px -1396px;
  }
  .seller_help_menu #path_payment:hover {
    background-position: -49px -1510px;
  }
  .seller_help_menu #path_benefit:hover {
    background-position: -47px -1640px;
  }
  .seller_help_menu #path_withdraw:hover {
    background-position: -47px -1755px;
  }
  .seller_help_menu #path_dispute:hover {
    background-position: -47px -1875px;
  }
  .helpDetailArea .eight.columns{
    width: 65.3333333333%;
  }
  .helpDetailArea .four.columns{
    width: 30.6666666667%;
    margin-left: 4%;
  }
  .helpDetailArea .questionsList .question:hover{
    list-style-image:url('/images/icon/list_arrow_down.png');
  }
  .helpDetailArea .questionsList .question.show:hover{
    background-color: transparent;
  }
  .helpDetailArea .questionsList .question:hover .clickformore{
    display: inline-block;
  }
  .helpDetailArea .questionsList .question.show:hover .clickformore{
    display: none;
  }
  .helpDetailArea .questionsList .question.show .answer a.clickformore:hover{
    display: inline-block;
    color: #F60;
    text-decoration: underline;
  }
  .helpDetailArea .formZone .formArea{
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 1200px){
  .helpDetailArea .contactInfo .contact .info{
    min-width: 250px;
  }
}

/* helpZone (Other Mall)
-------------------------------------------------- */
.helpcenterZone{
  background-color: #f6f6f6;
}
.helpcenterZone h1{
  font-size: 18px;
  line-height: 50px;
  margin-bottom: 0;
  padding-left: 20px;
  box-sizing: border-box;
}
.helpcenterZone h1.leftPane_h1{
  padding: 0;
}
.helpcenterZone h1.leftPane_h1 a{
  color: #545454;
}
.helpcenterZone .leftPane{
  bottom: 0;
  width: 100%;
  position: absolute;
  top: 40px;
  z-index: 10;
  max-width: 280px;
  background-color: #f6f6f6;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.helpcenterZone .leftPane .top{
  /*background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  margin: 0;
  /*padding-top: 10px;*/
  /*padding-bottom: 10px;*/
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 11;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  background: inherit;
}
.helpcenterZone .leftPane .middle{
  max-height: calc(100vh - 90px);
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  padding-bottom: 90px;
}

.helpcenterZone .menuIcon{
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  text-align: center;
}
.helpcenterZone .menuIcon img{
  position: relative;
  top: 8px;
}
.helpcenterZone .menuList{
  margin-bottom: 0;
  padding: 10px 0;
  box-sizing: border-box;
}
.helpcenterZone .menuList .mainLink{
  font-size: 16px;
  color: #545454;
  display: block;
}
.helpcenterZone .menuList .backLink{
  border-top: 1px solid #e0e0e0;
  width: 100%;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.helpcenterZone .menuList li{
  padding: 10px 10px 10px 20px;
  box-sizing: border-box;
  margin-bottom: 0;
  cursor: pointer;
}
.helpcenterZone .menuList li a.active{
  color: #ff7900;
}
.helpcenterZone .menuList ul{
  margin: 0;
}
.helpcenterZone .menuList ul li{
  padding: 5px 10px 5px 20px;
}

.helpcenterZone .centerPane{
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  padding-bottom: 60px;
}
.helpcenterZone .centerPane.fixed{
  position: fixed;
}
.helpcenterZone h1.centerPane_h1{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 55px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.helpcenterZone .centerPane .top{
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #eeeeee;
  color: #333333;
}
.helpcenterZone .centerPane .middle{
  padding: 0;
  box-sizing: border-box;
}

.overlayZone{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 9;
  visibility: hidden;
  opacity: 0;
}
.overlayZone.open{
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}

@media (min-width: 1000px) {
  .helpcenterZone h1 {
    font-size: 24px;
    line-height: 60px;
  }
  .helpcenterZone .leftPane {
    display: block;
    position: absolute;
    width: 280px;
    left: 0px;
    top: 40px;
    max-width: none;
    /*box-shadow: 0 5px 20px -3px rgba(0, 0, 0, .15);*/
    border-right: 1px solid #e5e5e5;
    padding-bottom: 0;
    -webkit-animation: slideInMenuList 1ms ease-out both;
    animation: slideInMenuList 1ms ease-out both;
  }
  .helpcenterZone .leftPane .top {
    position: absolute;
    height: 60px;
    line-height: 60px;
  }
  .helpcenterZone .leftPane .middle {
    padding-top: 60px;
    height: 100%;
    max-height: calc(100vh - 40px);
    /* padding-bottom: 50px; */
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding-bottom: 20px;
  }
  .helpcenterZone .menuIcon {
    display: none;
  }
  .helpcenterZone .centerPane {
    padding-left: 280px;
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden;
  }
  .helpcenterZone .centerPane.fixed {
    position: relative;
  }
  .helpcenterZone h1.centerPane_h1 {
    display: block;
    width: 100%;
    padding-left: 60px;
  }
  .helpcenterZone .centerPane .top {
    height: 60px;
    line-height: 60px;
  }
  .helpcenterZone .centerPane .middle {
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: overlay;
    min-height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
  }

  .overlayZone {
    display: none !important;
  }
}

/* questionArea
-------------------------------------------------- */
.questionArea iframe{
  width: 100%;
  min-height: 100vh;
}
.questionArea .faqsContent{
  padding: 20px 0;
  max-width: 800px;
  margin: auto;
}
.faqsContent .faqsTitle{
  position: relative;
  text-align: left;
  font-size: 1.8rem;
  padding: 15px;
  color: #545454;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.faqsContent .faqsTitle:after{
  font-family: 'FontAwesome';
  content: "\f078";
  display: inline-block;
  float: right;
  font-size: 1.3rem;
  position: relative;
  top: 5px;
}
.faqsContent .faqsGroup.open .faqsTitle{
  background: #545454;
  color: #fff;
}
.faqsContent .faqsGroup.open .faqsTitle:after{
  color: #fff;
  content: "\f077";
}
.faqsContent .faqsGroup:first-child .faqsTitle{
  border-top: 1px solid #e5e5e5;
}
.faqsContent .faqsQuestion{
  display: none;
  padding: 15px;
}
.faqsContent .faqsGroup.open .faqsQuestion{
  border-bottom: 1px solid #e5e5e5;
}
.faqsContent .faqsQuestion .question{
  color: #ff7900;
  padding-bottom: 10px;
}
.faqsContent .faqsQuestion .title{
  display: inline-block;
  vertical-align: top;
  width: 20px;
}
.faqsContent .faqsQuestion .content{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 30px);
  margin-left: 5px;
}

@media (min-width: 1000px) {
  .questionArea .faqsContent{
    padding: 40px 0;
  }
  .faqsContent .faqsTitle{
    padding: 20px 30px;
    font-size: 2.4rem;
  }
  .faqsContent .faqsTitle:after{
    font-size: 1.8rem;
  }
  .faqsContent .faqsQuestion{
    font-size: 1.6rem;
    padding: 20px 30px;
  }
}

/*** Animation ***/
.animation-slideInMenuList {
  /*visibility: visible !important;*/
  -webkit-animation: slideInMenuList 300ms ease-out both;
  animation: slideInMenuList 300ms ease-out both;
}
.animation-slideOutMenuList {
  /*visibility: visible !important;*/
  -webkit-animation: slideOutMenuList 300ms ease-out both;
  animation: slideOutMenuList 300ms ease-out both;
}
@-webkit-keyframes slideInMenuList {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInMenuList {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOutMenuList {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutMenuList {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    /*visibility: hidden;*/
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/*** end Animation ***/

/* myorder : Responsive: max-width form project Lnwpay
-------------------------------------------------- */
.myorderArea .noticetext {
  font-size: 1.2rem;
}
.myorderArea .orderFilter {
  margin: 0px auto 18px;
  background-color: #f8f8f8;
  border: 1px solid #d1d1d1;
  box-sizing: border-box;
  padding: 15px 25px 15px 25px;
  line-height: 26px;
}

.myorderArea .orderFilter .txt {
  float: left;
  color: #404040;
  font-weight: bold;
}

.myorderArea .orderFilter .txt i {
  font-style: normal;
}

.myorderArea .orderFilter .slt {
  float: right;
}

.myorderArea .orderFilter .slt select {
  height: 26px;
  border: 1px solid #d6d6d6;
  margin: 0px auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.myorderArea .orderArea {
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  padding: 25px 25px 20px 25px;
  margin-bottom: 20px;
  border-top: 2px solid #3452a5;
  overflow: hidden;
  background: white;
  position: relative;
}

.myorderArea .orderArea.isDispute {
  border: 1px solid rgba(255, 0, 0, 0.2) !important;
  background-color: rgba(255, 0, 0, 0.05) !important;
  box-sizing: border-box;
  padding: 25px 25px 20px 25px;
  margin-bottom: 20px;
  border-top: 2px solid red !important;
}

.myorderArea .orderArea.isDispute {
  position: relative;
  z-index: 1;
}

.myorderArea .orderArea .lockArea {
  position: absolute;
  text-align: center;
  /*	width: 200px;*/
  width: 250px;
  padding: 20px;
  box-sizing: border-box;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 9;
  color: white;
  background-color: rgba(20, 20, 20, 0.9);
}

.myorderArea .orderArea .lockArea .lockAreaMiddleOuter {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.myorderArea .orderArea .lockArea .lockAreaMiddleInner {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.myorderArea .orderArea .lockArea span {
  font-size: 12px;
  line-height: 20px;
}

.myorderArea .orderArea .rightArea {
  float: right;
  /*	width: 150px;*/
  width: 200px;
}

.myorderArea .orderArea .leftArea {
  margin-right: 230px;
}

.myorderArea .orderArea .leftArea .style_head {
  line-height: 24px;
}

.myorderArea .orderArea .leftArea .style_sid,
.myorderArea .orderArea .leftArea .style_oid {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
}

.myorderArea .orderArea .leftArea .style_link {
  /*	text-decoration: underline;*/
  font-size: 12px;
  /*	color: #3553a5;*/
  color: #01B49A;
}

.myorderArea .orderArea .leftArea .style_link.viewAllOrder {
  display: inline-block;
}

.myorderArea .orderArea .leftArea .style_time {
  line-height: 18px;
  font-size: 12px;
  color: #404040;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.myorderArea .orderArea.orderheaderArea .leftArea .style_time {
  padding-bottom: 0px;
  padding-top: 20px;
  border-bottom: 0px;
  border-top: 1px solid #eee;
}

.myorderArea .orderArea .leftArea .style_shop {
  height: 50px;
}

.myorderArea .orderArea .leftArea .style_shop .avatar {
  width: 50px;
  height: 50px;
  float: left;
  background-color: #eeeeee;
}

.myorderArea .orderArea .leftArea .style_shop .avatar img {
  width: 50px;
  height: 50px;
  display: block;
}

.myorderArea .orderArea .leftArea .style_shop .detail {
  margin-left: 15px;
  display: inline-block;
  width: calc(100% - 80px);
}

.myorderArea .orderArea .leftArea .style_shop .detail .name {
  font-size: 12px;
  color: #404040;
  font-weight: bold;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.myorderArea .orderArea .leftArea .style_shop .detail .domain {
  color: #666;
  font-size: 13px;
  display: inline-block;
}
.myorderArea .orderArea .leftArea .style_shop .detail .badge {
  background-color: #44cef3;
  color: #ffffff;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  font-size: 10px;
  padding-left: 10px;
  display: inline-block;
}

.myorderArea .orderArea .leftArea .style_shop .detail .badge .tail {
  float: right;
  width: 10px;
  height: 20px;
  border-right: 10px solid #ffffff;
  border-top: 10px solid #44cef3;
  border-bottom: 10px solid #44cef3;
  height: 0px;
  width: 10px;
}

.myorderArea .orderArea .leftArea .style_price {
  font-size: 14px;
  color: #404040;
  font-weight: bold;
  line-height: 30px;
  padding-top: 24px;
  padding-bottom: 10px;
}

.myorderArea .orderArea .leftArea .style_price .style_price_detail {
  font-weight: normal;
  font-size: 13px;
  color: #666;
}

.myorderArea .orderArea .leftArea .style_product {}

.style_product .productBox {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 64px;
  height: 64px;
  margin: 0px 7px 7px 0px;
}

.style_product .productBox a {
  display: block;
}

.style_product .productBox .img {
  width: 100%;
}

.style_product .productBox .quantity {
  background-color: white;
  border-radius: 50% 0 0;
  bottom: 0;
  color: #464646;
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
  padding: 0 2px 0px 4px;
  position: absolute;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  right: 0;
}

.myorderArea .orderArea .rightArea .style_lastestinform,
.myorderArea .orderArea .rightArea .style_acceptpayment,
.myorderArea .orderArea .rightArea .style_deadlineship,
.myorderArea .orderArea .rightArea .style_lastestreview,
.myorderArea .orderArea .rightArea .style_track,
.myorderArea .orderArea .rightArea .style_ship,
.myorderArea .orderArea .rightArea .style_cancelled {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 16px;
  margin: 0px;
  padding-top: 10px;
}

.myorderArea .orderArea .rightArea .style_note {
  color: #ff0000;
  font-size: 12px;
  line-height: 16px;
  margin: 0 8px;
}

.myorderArea .orderArea .rightArea .style_track a {
  font-size: 12px;
  /*	color: #3553a5;*/
  color: #01B49A;
}

.myorderArea .orderArea .rightArea .style_ship {
  padding-top: 8px;
}

.myorderArea .orderArea .rightArea .style_action {
  padding-top: 20px;
  /*	text-align: center;*/
}

.myorderArea .orderArea .rightArea .style_dispute {
  padding-top: 15px;
  /*	text-align: center;*/
}

.myorderArea .orderArea .rightArea .style_status {
  min-height: 40px;
}

.myorderArea .orderArea .rightArea .style_status .status_img {
  float: left;
  width: auto;
}

.myorderArea .orderArea .rightArea .style_status .status_txt {
  margin-left: 42px;
  font-size: 18px;
}

.myorderArea .orderArea .rightArea .style_status.status-wait_payment .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-expired .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-buyer_cancelled .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-wait_send .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-send .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-wait_receive .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-wait_order_confirm .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-completed .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-seller_cancelled .status_txt,
.myorderArea .orderArea .rightArea .style_status.status-refund .status_txt {
  line-height: 42px;
}

.myorderArea .status_step_container{
  text-align: center;
}

.myorderArea .style_status_step {
  width: 100%;
  margin-bottom: 20px;
  max-width: 135px;
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: top;
}

.myorderArea .style_status_step.style_status_step_fade {
  opacity: 0.2;
  filter: alpha(opacity: 20);
}

.myorderArea .style_status_step.style_status_selected {
  font-weight: bold;
}

.myorderArea .style_status_step.style_status_selected .status_img_border .status_img {
  -webkit-filter: grayscale(1) brightness(100);
  filter: grayscale(1) brightness(100);
}

.myorderArea .style_status_minor {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}

.myorderArea .style_status_step .status_img_border {
  background: white;
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 5px;
  border: 3px solid #666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.myorderArea .style_status_selected .status_img_border {
  background: #666;
}

.myorderArea .style_status_step .status_line {
  width: 135px;
  height: 3px;
  position: absolute;
  z-index: 1;
  left: -70px;
  top: 23px;
  background: #666;
}

.myorderArea .style_status_step .status_img {
  width: 25px;
  height: auto;
}

.myorderArea .style_status_step.status-wait_payment .status_img_border {
  border: 3px solid #6eb367;
}

.myorderArea .style_status_selected.status-wait_payment .status_img_border {
  background-color: #6eb367;
}

.myorderArea .style_status_step.status-wait_payment_verify .status_line {
  background: #ff854a;
  background: -webkit-linear-gradient(left, #6eb367, #ff854a);
  background: -o-linear-gradient(left, #6eb367, #ff854a);
  background: -moz-linear-gradient(left, #6eb367, #ff854a);
  background: linear-gradient(to right, #6eb367, #ff854a);
}

.myorderArea .style_status_step.status-wait_payment_verify .status_img_border {
  border: 3px solid #ff854a;
}

.myorderArea .style_status_selected.status-wait_payment_verify .status_img_border {
  background-color: #ff854a;
}

.myorderArea .style_status_step.status-wait_send .status_line {
  background: #ffb22c;
  background: -webkit-linear-gradient(left, #ff854a, #ffb22c);
  background: -o-linear-gradient(left, #ff854a, #ffb22c);
  background: -moz-linear-gradient(left, #ff854a, #ffb22c);
  background: linear-gradient(to right, #ff854a, #ffb22c);
}

.myorderArea .style_status_step.status-wait_send .status_img_border {
  border: 3px solid #ffb22c;
}

.myorderArea .style_status_selected.status-wait_send .status_img_border {
  background-color: #ffb22c;
}

.myorderArea .style_status_step.status-wait_confirm .status_line {
  background: #00bef5;
  background: -webkit-linear-gradient(left, #ffb22c, #00bef5);
  background: -o-linear-gradient(left, #ffb22c, #00bef5);
  background: -moz-linear-gradient(left, #ffb22c, #00bef5);
  background: linear-gradient(to right, #ffb22c, #00bef5);
}

.myorderArea .style_status_step.status-wait_confirm .status_img_border {
  border: 3px solid #00bef5;
}

.myorderArea .style_status_selected.status-wait_confirm .status_img_border {
  background-color: #00bef5;
}

.myorderArea .style_status_step.status-completed .status_line {
  background: #2859bc;
  background: -webkit-linear-gradient(left, #00bef5, #2859bc);
  background: -o-linear-gradient(left, #00bef5, #2859bc);
  background: -moz-linear-gradient(left, #00bef5, #2859bc);
  background: linear-gradient(to right, #00bef5, #2859bc);
}

.myorderArea .style_status_step.status-expired .status_line {
  background: #666;
  background: -webkit-linear-gradient(left, #6eb367, #666);
  background: -o-linear-gradient(left, #6eb367, #666);
  background: -moz-linear-gradient(left, #6eb367, #666);
  background: linear-gradient(to right, #6eb367, #666);
}

.myorderArea .style_status_step.status-completed .status_img_border {
  border: 3px solid #2859bc;
}

.myorderArea .style_status_selected.status-completed .status_img_border {
  background-color: #2859bc;
}

.myorderArea .style_status_step.status-expired .status_img_border {
  border: 3px solid #666;
}

.myorderArea .style_status_selected.status-expired .status_img_border {
  background-color: #666;
}

.style_status.status-wait_payment .status_txt {
  color: #6eb367;
}

.style_status.status-wait_send .status_txt {
  color: #ffb22c;
}

.style_status.status-wait_receive .status_txt {
  color: #00bff3;
}

.style_status.status-completed .status_txt {
  color: #2859bc;
}

.style_status.status-wait_payment_verify .status_txt {
  color: #ff854a;
}

.style_status.status-wait_confirm .status_txt {
  color: #00bef5;
}

#status_step .has_issue .style_status_step_fade {
  display: none;
}

@media screen and (max-width: 767px) {
  .order_detail_page.container {
    position: static;
  }
  #status_step {
    position: static;
    min-height: 120px;
  }
  .status_step_container {
    max-width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    position: absolute;
    width: 700px;
    left: 0px;
  }
  #status_step .clear {
    height: 200px;
  }
}

.myorderArea .orderArea .rightArea .style_payment,
.myorderArea .orderArea .rightArea .style_confirm {
  padding-top: 10px;
  /*	text-align: center;*/
}

.myorderArea .orderArea .rightArea .style_inform {
  padding-top: 10px;
  font-size: 14px;
  color: #464646;
  width: 135px;
  /*	margin: 0 auto;*/
  line-height: 20px;
}

.myorderArea .orderArea .rightArea .style_inform .style_link {
  font-weight: bold;
  /*	color: #3553a5;*/
  color: #01B49A;
  cursor: pointer;
}

.myorderArea .orderArea .rightArea .style_inform .style_link:hover {
  text-decoration: underline;
}

.myorderArea .orderArea .rightArea .style_viewinform {
  padding: 15px 0;
  font-size: 12px;
  color: #464646;
  width: 135px;
  margin: 0 auto;
}

.myorderArea .orderArea .rightArea .style_viewinform .style_link {
  font-weight: bold;
  /*	color: #3553a5;*/
  color: #01B49A;
  cursor: pointer;
}

.myorderArea .orderArea .rightArea .style_viewinform .style_link:hover {
  text-decoration: underline;
}

.myorderArea .orderArea .rightArea .style_cancel {
  padding-top: 15px;
  /*	text-align:center;*/
}

.myorderArea .orderArea .rightArea .style_cancel .style_link {
  font-weight: bold;
  color: #777777;
  cursor: pointer;
  text-decoration: underline;
  text-align: center;
  font-size: 13px;
}

.myorderArea .orderArea .rightArea .style_action .style_link {
  font-weight: bold;
  /*	color: #3553a5;*/
  color: #01B49A;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
  font-size: 13px;
}

.myorderArea .orderArea .rightArea .style_viewreview {
  padding-top: 10px;
  text-align: left;
}

.myorderArea .orderArea .rightArea .style_viewreview a {
  font-size: 14px;
  /*	color: #3553a5;*/
  color: #01B49A;
}

.myorderArea .orderArea .rightArea .btn_primary,
.myorderArea .orderArea .rightArea .btn_gray {
  font-size: 1.2rem;
  font-weight: bold;
  width: 150px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}

@keyframes bluePulse {
  from {
    /*		background-color: #3553a5;*/
    background-color: #01B49A;
  }
  50% {
    /*		background-color: #3e61c0;*/
    background-color: #2bdab1;
    -webkit-box-shadow: 0 0 10px #2bdab1;
  }
  to {
    /*		background-color: #3553a5;*/
    background-color: #01B49A;
  }
}

.myorderArea .orderArea .rightArea .premiumbf {
  /*	background-color: #3553a5;*/
  background-color: #01B49A;
}

.myorderArea .orderArea .rightArea .btn_primary.premiumbf {
  height: 50px;
  line-height: 50px;
  box-shadow: none;
  border: none;
  background: none;
  animation-name: bluePulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  font-size: 12px;
}

.myorderArea .orderArea .rightArea .btn_primary.premiumbf:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 5px;
  transform: scale( 1.05, 1.16);
  position: absolute;
  left: 0;
  z-index: -1;
}

.myorderArea .orderArea .rightArea .btn_primary.premiumbf:after {
  content: '';
  background: transparent url('/images/icon/icon_heart_16.png') no-repeat bottom right;
  display: inline-block;
  position: relative;
  top: 2px;
  width: 14px;
  height: 13px;
  background-size: 11px 11px;
}

@media only screen and (max-width: 959px) {
  .myorderArea .orderArea .leftArea .style_shop .detail .name {
    line-height: 16px;
  }
  .myorderArea .orderArea .leftArea .style_link.viewAllOrder {
    display: block;
    line-height: 20px;
  }
  .myorderArea .orderArea .leftArea .style_link.viewOrderDetail {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .myorderArea .orderArea {
    /*
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
*/
    display: flex;
    flex-flow: row wrap;
  }
  .myorderArea .orderArea .rightArea,
  .myorderArea .orderArea .leftArea {
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .myorderArea .orderArea .rightArea {
    /*border-bottom: 1px solid #d2d2d2;
        padding-bottom: 10px;
		margin-bottom: 10px;*/
    /*
		-webkit-box-ordinal-group: 2;
  		-moz-box-ordinal-group: 2;
  		-ms-flex-order: 2;
		-webkit-order: 2;
*/
    order: 2;
    float: none;
  }
  .myorderArea .orderArea .leftArea {
    /*
		-webkit-box-ordinal-group: 1;
  		-moz-box-ordinal-group: 1;
  		-ms-flex-order: 1;
		-webkit-order: 1;
*/
    order: 1;
    /*		border-bottom: 1px solid #d2d2d2;*/
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .myorderArea .orderArea .rightArea .style_cancel {
    padding: 10px 0 10px 0;
  }
  .myorderArea .orderArea .leftArea .style_time {
    height: auto;
  }
  .myorderArea .orderArea .leftArea .style_price {
    padding-top: 0;
  }
  .myorderArea .orderArea .rightArea .style_viewreview {
    padding-top: 10px;
    /*		text-align: center;*/
  }
  .myorderArea .orderArea .rightArea .style_action {
    padding-top: 15px;
  }
  .myorderArea .orderArea .rightArea .style_status.status-seller_cancelled .status_txt,
  .myorderArea .orderArea .rightArea .style_status.status-wait_payment_verify .status_txt,
  .myorderArea .orderArea .rightArea .style_status.status-wait_confirm .status_txt {
    line-height: 42px;
  }
  .myorderArea .orderArea.isDispute {
    position: static;
    z-index: 1;
  }
  .myorderArea .orderArea.isDispute .rightArea {
    position: relative;
    z-index: 1;
    min-height: 280px;
  }
  .myorderArea .orderArea .lockArea {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    top: 0px;
    right: 0px;
    height: 100%;
    z-index: 9;
    color: white;
    background-color: rgba(20, 20, 20, 0.9);
  }
}

.reviewInvite {
  color: #5f5042;
  text-align: center;
}
.reviewBannerSmall {
  background: url('/images/feedback/banner_review_small.png');
  background-repeat: no-repeat;
  background-position: 25px center;
  height: 55px;
}
.reviewBannerBig {
  background-color: #3553a5;
  height: 85px;
  color: #fff;
  margin-top: 50px;
}

.reviewBannerBig .bannerImage {
  margin-top: -37px;
  line-height: 0;
  float: left;
  position: relative;
  z-index: 1;
}

.reviewBannerBig.smallWidth .bannerImage {
  width: 200px;
}

.reviewBannerBig .bannerText {
  float: left;
  margin-top: 15px;
}

.reviewBannerBig .bigText {
  font-family: rsubold;
  font-size: 18px;
  line-height: 28px;
}

.reviewBannerBig .smallText {
  font-family: rsulight;
  font-size: 14px;
  line-height: 22px;
}

.reviewBannerBig .bannerMore {
  margin: 35px 20px 0 0;
  float: right;
}

.reviewBannerBig .whiteBox {
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 15px;
  text-decoration: none;
}

.reviewBannerBig .whiteBox:hover {
  text-decoration: underline;
  background-color: #4565bc;
}

@media only screen and (max-width: 959px) {
  #provider-container-counter_payment .headerZone {
    /*		padding: 30px 0;*/
  }
  .reviewBannerBig.smallWidth {
    height: 230px;
  }
  .reviewBannerBig.smallWidth .bannerImage {
    text-align: center;
    width: 100% !important;
  }
  .reviewBannerBig.smallWidth .bannerImage img {
    border-bottom: 1px solid gainsboro;
  }
  .reviewBannerBig.smallWidth .bannerText {
    text-align: center;
    width: 100%;
  }
  .reviewBannerBig.smallWidth .bigText {
    font-size: 16px;
  }
  .reviewBannerBig.smallWidth .smallText {
    font-size: 12px;
  }
  .reviewBannerBig.smallWidth .bannerMore {
    margin: 25px 0 0 0;
    text-align: center;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .reviewBannerSmall {
    background-position: center;
  }
  .reviewBannerBig {
    height: 230px;
  }
  .reviewBannerBig .bannerImage {
    text-align: center;
    width: 100% !important;
  }
  .reviewBannerBig .bannerImage img {
    border-bottom: 1px solid gainsboro;
  }
  .reviewBannerBig .bannerText {
    text-align: center;
    width: 100%;
  }
  .reviewBannerBig .bigText {
    font-size: 16px;
  }
  .reviewBannerBig .smallText {
    font-size: 12px;
  }
  .reviewBannerBig .bannerMore {
    margin: 25px 0 0 0;
    text-align: center;
    width: 100%;
  }
}

/* myorder-info : Responsive: max-width from project Lnwpay
------------------------------------------------- */
/* -------------------- Order Detail Page Style -------------------- */

.orderDetailArea .headtext {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  padding-bottom: 10px;
  /*	border-bottom: 1px solid #d7dde9;*/
}

.orderDetailArea .subtext {
  font-size: 14px;
  font-weight: bold;
  /*	margin-top: 40px;*/
}

.orderDetailArea p {
  margin-top: 10px;
}

.orderDetailArea .s_text {
  line-height: 20px;
  font-size: 13px;
}

.orderDetailArea .orderheaderArea {
  border: 1px solid #d7dde9;
  background-color: #f7f9fa;
}

.orderDetailArea .orderheaderArea.isDispute .rightArea {
  /*
	float: right;
	width: 250px;
	text-align: right;
    line-height: 18px;
	*/
  min-height: 230px;
}

.orderDetailArea .orderheaderArea .rightArea .style_inform {
  /*padding-top: 10px;
	font-size:12px;
	color: #464646;
	width: 155px;
	margin: 0 auto;
    line-height: 16px;
	*/
}

.orderDetailArea .orderheaderArea .rightArea .style_inform .style_link {
  font-weight: bold;
  /*	color: #3553a5;*/
  color: #01B49A;
  cursor: pointer;
}

.orderDetailArea .orderheaderArea .rightArea .style_inform .style_link:hover {
  text-decoration: underline;
}

.orderDetailArea .orderheaderArea .rightArea .status_img {
  display: inline-block;
}

.orderDetailArea .orderheaderArea .rightArea .status_txt {
  /*
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 40px;
	*/
}

.orderDetailArea .orderheaderArea .rightArea .style_dispute {
  /*	margin-top: 10px;*/
}

.orderDetailArea .orderheaderArea .leftArea {
  /*
	margin-right: 160px;
    margin-top: 15px;
	*/
}

.orderDetailArea .orderheaderArea .leftArea .style_head {
  font-size: 16px;
  color: #444444;
  font-weight: bold;
}

.orderDetailArea .orderheaderArea .leftArea .style_shead {
  float: left;
  padding-right: 20px;
  font-weight: normal;
}

.orderDetailArea .orderheaderArea .leftArea .style_ohead {
  font-weight: normal;
}

.orderDetailArea .orderheaderArea .leftArea .style_head .style_sid,
.orderDetailArea .orderheaderArea .leftArea .style_head .style_oid {
  font-size: 28px;
  line-height: 50px;
}

.orderDetailArea .orderheaderArea .leftArea .style_time {
  margin-top: 10px;
  font-size: 12px;
}

.orderDetailArea .ordershippingArea .ordershippingDetail {
  border: 1px solid #d7dde9;
  box-sizing: border-box;
  padding: 30px 0 10px 0;
}

.orderDetailArea .orderpaymentArea .orderpaymentDetail {
  border: 1px solid #d7dde9;
  box-sizing: border-box;
  padding: 30px 0 10px 0;
}

.orderDetailArea .ordershippingArea .rightArea,
.orderDetailArea .orderpaymentArea .rightArea,
.orderDetailArea .orderlistArea .rightArea {
  width: 35%;
  display: inline-block;
  text-align: left;
}

.orderDetailArea .ordershippingArea .leftArea,
.orderDetailArea .orderpaymentArea .leftArea,
.orderDetailArea .orderlistArea .leftArea {
  width: 60%;
  display: inline-block;
  margin-left: 25px;
  vertical-align: top;
  text-align: left;
}

.orderpaymentDetail .choiceArea {
  padding: 20px 0 10px;
}

.orderpaymentDetail .choiceArea .selectbox {
  border: 0px none;
  cursor: default;
}

.orderDetailArea .orderlistArea .domain {
  margin-top: 3px;
}

.orderDetailArea .ordershippingArea .rightArea .style_track a {
  /*	color: #3553a5;*/
  color: #01B49A;
  font-size: 14px;
  line-height: 36px;
}

.orderDetailArea .orderpaymentArea .leftArea .style_channelpay {
  margin-top: 10px;
  vertical-align: middle;
}

.orderDetailArea .orderpaymentArea .leftArea .style_channelpay img {
  vertical-align: middle;
}

.orderDetailArea .orderpaymentArea .leftArea .style_channelpay .nameChannel {
  vertical-align: middle;
}

.orderDetailArea .productTable {
  width: 100%;
  font-size: 14px;
  border: 1px solid #d7dde9;
  border-top: 2px solid #3452a5;
  background: white;
}

.orderDetailArea .productTable td {
  vertical-align: middle;
  text-align: center;
}

.orderDetailArea .productTable thead,
.orderDetailArea .productTable tfoot tr.totalTR {
  background-color: #e9e9e9;
  font-weight: bold;
}

.orderDetailArea .productTable thead td {
  font-weight: bold;
  padding: 15px 0;
}

.orderDetailArea .productTable thead td.nameTD .shopname {
  width: 340px;
  line-height: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px 0 0;
}

.orderDetailArea .productTable thead td.nameTD .badge {
  background-color: #6ec457;
  color: #ffffff;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  font-size: 11px;
  padding-left: 10px;
  display: inline-block;
  margin-top: 5px;
}

.orderDetailArea .productTable thead td.nameTD .badge .tail {
  float: right;
  width: 10px;
  height: 22px;
  border-right: 10px solid #e9e9e9;
  border-top: 10px solid #6ec457;
  border-bottom: 10px solid #6ec457;
  height: 0px;
  width: 10px;
}

.orderDetailArea .productTable .imageTD {
  width: 70px;
}

.orderDetailArea .productTable .nameTD {
  width: auto;
  text-align: left;
}

.orderDetailArea .productTable .priceTD {
  width: 100px;
}

.orderDetailArea .productTable .quantityTD {
  width: 50px;
}

.orderDetailArea .productTable .amountTD {
  width: 100px;
}

.orderDetailArea .productTable .controlTD {
  width: 20px;
}

.orderDetailArea .productTable .leftTD,
.orderDetailArea .productTable .rightTD {
  padding: 0px;
  width: 0px;
}

.orderDetailArea .productTable tbody .amountTD,
.orderDetailArea .productTable tbody .priceTD,
.orderDetailArea .productTable .textTD,
.orderDetailArea .productTable .valueTD {
  text-align: right;
}

.orderDetailArea .productTable .detailTD {
  text-align: left;
  font-size: 12px;
}

.orderDetailArea .productTable .amountTD {
  padding: 10px 5px;
}

.orderDetailArea .productTable tbody td {
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
}

.orderDetailArea .productTable .productsTR td,
.orderDetailArea .productTable .discountTR td,
.orderDetailArea .productTable .shippingTR td,
.orderDetailArea .productTable .pointTR td,
.orderDetailArea .productTable .detailTR td {
  padding: 10px 5px;
}

.orderDetailArea .productTable .totalTR td {
  padding: 20px 5px;
}

.orderDetailArea .productTable .nameTD,
.orderDetailArea .productTable .priceTD,
.orderDetailArea .productTable .quantityTD,
.orderDetailArea .productTable .amountTD {
  border-left: none;
}

@media only screen and (max-width: 959px) {
  .orderDetailArea .headtext {
    margin-top: 30px;
  }
  .orderDetailArea .subtext {
    margin-top: 20px;
  }
  .orderDetailArea p {
    margin: 5px 0 0 0;
  }
  .orderDetailArea .s_text {
    font-size: 13px;
  }
  .orderDetailArea .orderheaderArea {
    height: 100%;
    padding: 10px 10px 30px 10px;
    border-bottom: 1px solid #d9d9d9;
  }
  .orderDetailArea .ordershippingArea .rightArea,
  .orderDetailArea .orderpaymentArea .rightArea,
  .orderDetailArea .orderlistArea .rightArea {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .orderDetailArea .ordershippingArea .leftArea,
  .orderDetailArea .orderpaymentArea .leftArea,
  .orderDetailArea .orderlistArea .leftArea {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .orderDetailArea .ordershippingArea .ordershippingDetail,
  .orderDetailArea .orderpaymentArea .orderpaymentDetail {
    padding: 0 10px 20px 10px;
    min-height: 0;
  }
  .orderDetailArea .productTable thead td.nameTD .shopname {
    width: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .orderDetailArea .orderheaderArea .rightArea {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .orderDetailArea .orderheaderArea.isDispute .rightArea {
    min-height: 280px;
  }
  .orderDetailArea .orderheaderArea .leftArea {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .orderDetailArea .productTable {
    display: block;
    width: 100%;
  }
  .orderDetailArea .productTable thead td {
    text-align: center;
    padding: 15px 0;
  }
  .orderDetailArea .productTable thead td.nameTD {
    width: 70%;
  }
  .orderDetailArea .productTable thead td.nameTD .shopname {
    width: 340px;
  }
  .orderDetailArea .productTable thead td.priceTD,
  .orderDetailArea .productTable thead td.quantityTD,
  .orderDetailArea .productTable thead td.amountTD {
    display: none;
  }
  .orderDetailArea .productTable td {
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  .orderDetailArea .productTable tr {
    border-bottom: 1px solid #cccccc;
  }
  .orderDetailArea .productTable tbody td {
    display: inline-block;
    border: 0;
  }
  .orderDetailArea .productTable tbody td.imageTD {
    text-align: center;
    width: 70px;
  }
  .orderDetailArea .productTable tbody td.nameTD {
    width: 70%;
  }
  .orderDetailArea .productTable tbody td.priceTD {
    text-align: center;
    width: 33%;
    float: left;
    padding-top: 0;
  }
  .orderDetailArea .productTable tbody td.quantityTD {
    text-align: center;
    width: 25%;
    float: left;
    padding-top: 0;
  }
  .orderDetailArea .productTable tbody td.amountTD {
    text-align: center;
    width: 33%;
    float: right;
    padding-top: 0;
  }
  .orderDetailArea .productTable tbody td:before {
    display: inline-block;
    position: relative;
    top: 0;
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
  }
  .orderDetailArea .productTable tbody td:nth-of-type(4):before {
    content: "ราคา/หน่วย:";
  }
  .orderDetailArea .productTable tbody td:nth-of-type(5):before {
    content: "จำนวน:";
  }
  .orderDetailArea .productTable tbody td:nth-of-type(6):before {
    content: "ราคารวม:";
  }
  .orderDetailArea .productTable tfoot td.textTD {
    float: left;
    padding-left: 10px;
  }
  .orderDetailArea .productTable tfoot td.valueTD {
    float: right;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .orderDetailArea .productTable thead td.nameTD .shopname {
    width: 220px;
  }
}

/* Checkout Payment : Responsive: max-width from project Lnwpay
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.choiceArea .headArea {
  background-color: #d9d9d9;
  height: 40px;
}
.choiceArea .selectArea {
  border-bottom: 1px solid #d9d9d9;
  /*	padding: 0 10px;*/
}
.choiceArea .selectArea.selected {
  background-color: #f0f0f0;
}
.choiceArea .selectArea .style_choice {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  text-align: center;
  line-height: 0;
}
.choiceArea .selectArea .style_choice input{
  margin-bottom: 0;
}
.choiceArea .selectArea .style_choicetext {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  color: #545454;
}
.choiceArea .selectArea .style_description {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 260px);
}
.choiceArea .selectArea .style_description > div {
  white-space: nowrap;
  overflow: auto;
}
.choiceArea .selectArea .style_description > div::-webkit-scrollbar{
  display: none;
}
.choiceArea .selectArea.is-expanded .style_description > div{
  white-space: normal;
  overflow: visible;
}
.choiceArea .selectArea .style_description img.provider-logo{
  height: 20px;
  width: auto;
  position: relative;
  top: 2px;
  margin-right: 5px;
  margin-bottom: 0 !important;
}
.choiceArea .selectArea .style_description img.provider-logo.kplus{
  height: 14px;
  position: relative;
  top: 2px;
}
.choiceArea .headerZone {
  padding: 30px 0;
  cursor: pointer;
}
#provider-container-counter_payment .headerZone {
  /*	padding: 8px 0;*/
}
.choiceArea .contentZone {
  padding: 0 50px 10px;
}
.choiceArea .contentZone .info {
  font-size: 12px;
  line-height: 18px;
  color: #999;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 0 10px;
}
.choiceArea .contentZone .selectinfo {
  font-size: 12px;
  line-height: 18px;
  /*	color: #3553a5;*/
  color: #01B49A;
  margin-bottom: 16px;
}
.choiceArea .contentZone .selectinfo a {
  text-decoration: underline;
}
.choiceArea .contentZone .selectinfo .paysbuy_allcash_channel {
  padding: 0;
  margin: 0;
  list-style: disc;
  padding-left: 5px;
}
.choiceArea .contentZone .selectinfo .paysbuy_allcash_channel li {
  padding: 0;
  margin: 0;
  padding-left: 5px;
  display: inline-block;
}
.choiceArea .contentZone .submitinfo_text {
  display: none;
}
.choiceArea .contentZone .submitinfo .btn_primary{
  display: inline-block;
  padding: 9px 30px;
}
.choiceArea .selectArea .style_content {
  padding: 20px 10px;
}
.choiceArea .selectArea .style_content .row .title {
  font-size: 13px;
}
.choiceArea .selectArea .style_content .inputRow form{
  margin-bottom: 0;
}
.choiceArea .selectArea .style_content .input_mobile {
  display: inline-block;
  vertical-align: middle;
  max-width: 180px;
  box-sizing: border-box;
  font-size: 13px;
  padding: 10px;
}
.choiceArea .selectArea .style_content .input_mobile::-webkit-inner-spin-button,
.choiceArea .selectArea .style_content .input_mobile::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.choiceArea .selectArea .style_content .input_mobile.text-valid{
  border: 1px solid green;
}
.choiceArea .selectArea .style_content .input_mobile.text-invalid{
  border: 1px solid #d23131;
}
.choiceArea .selectArea .style_content .input_validate_icon{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  left: 3px;
}
.choiceArea .selectArea .style_content .input_validate_icon img{
  display: inline-block;
  width: 30px;
}
.choiceArea .row {
  display: block;
  margin-bottom: 10px;
}
.choiceArea .row .column {
  display: inline-block;
  vertical-align: middle;
  width: 250px;
  margin: 0;
}
.choiceArea .row input {
  margin-top: 5px;
}
.choiceArea .selectbox {
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #b0b0b0;
  margin-right: 10px;
  line-height: 36px;
  min-width: 180px;
  cursor: pointer;
}
.choiceArea .selectbox .icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  background: url('../images/payment/onlinepayment.png');
  /*	background: url('../_images/onlinepayment/onlinepayment.png');*/
  background-position: 0 0;
  width: 20px;
  height: 20px;
}
.choiceArea .selectbox.bbl .icon {
  background-position: 0 0;
}
.choiceArea .selectbox.kbank .icon {
  background-position: 0 -20px;
}
.choiceArea .selectbox .text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 13px;
  font-family: rsubold;
  color: #878787;
}
.choiceArea .selectbox:hover {
  background-color: white;
}
.choiceArea .selectbox.selected {
  box-sizing: border-box;
  /*	background-color: #d4dff5;*/
  /*	border: 3px solid #2e66df;*/
  background-color: #e4f3f0;
  border: 3px solid #01B49A;
}
.choiceArea .selectbox.selected .text {
  /*	color: #2e66df;*/
  color: #01B49A;
}
.choiceArea .selectArea.active {
  background-color: #f0f0f0;
}
.choiceArea .selectArea.active .provider-logo {
  /*	cursor: pointer;*/
}
.choiceArea .selectArea.active .headerZone {
  cursor: default;
}
.choiceArea .selectArea .style_description {
  color: #989898;
}
.choiceArea .contentZone .selectbox {
  padding: 2px;
  margin-bottom: 10px;
  height: 43px;
  /*	background: #f6f6f6;*/
  background: white;
}
.choiceArea .contentZone .selectbox.selectrow {
  width: 320px;
  display: block;
  max-width: 100%;
}
.choiceArea .contentZone .selectbox.selectrow input{
  margin-left: 10px;
}
.choiceArea .contentZone .selectbox.selectrow .install_period{
  width: 30%;
  display: inline-block;
}
.choiceArea .contentZone .selectbox.selectrow .install_interest{
  width: 10%;
  display: inline-block;
}
.choiceArea .contentZone .installment_title{
  font-size: 12px;
  width: 320px;
  max-width: 100%;
  display: block;
  margin-bottom: 10px;
  /*	color: #3553a5;*/
  color: #01B49A;
}
.choiceArea .contentZone .installment_title > div{
  display: inline-block;
}
.choiceArea .contentZone .installment_title .install_interest{
  margin-left: 10px;
}
.choiceArea .contentZone .installment_title .install_each_month{
  float: right;
}
.choiceArea .contentZone .selectbox.selectrow .install_each_month{
  width: 40%;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: 10px;
}
.choiceArea .contentZone .selectbox.selected {
  padding: 0;
}
.choiceArea .selectbox .icon {
  background-position: 20px 20px;
}
.choiceArea .selectbox.modernpay_bbl .icon ,
.choiceArea .selectbox.chillpay_bbl .icon {
  background-position: 0 0;
}
.choiceArea .selectbox.modernpay_kbank .icon ,
.choiceArea .selectbox.chillpay_kbank .icon {
  background-position: 0 -20px;
}
.choiceArea .selectbox.modernpay_bay .icon ,
.choiceArea .selectbox.chillpay_bay .icon {
  background-position: 0 -40px;
}
.choiceArea .selectbox.modernpay_ktb .icon ,
.choiceArea .selectbox.chillpay_ktb .icon {
  background-position: 0 -60px;
}
.choiceArea .selectbox.modernpay_scb .icon ,
.choiceArea .selectbox.chillpay_scb .icon {
  background-position: 0 -80px;
}
.choiceArea .selectbox .icon {
  background-position: 0 0;
}
.choiceArea .selectbox.kbank .icon {
  background-position: 0 -20px;
}
.choiceArea .selectbox.bay .icon {
  background-position: 0 -40px;
}
.choiceArea .selectbox.ktb .icon {
  background-position: 0 -60px;
}
.choiceArea .selectbox.scb .icon {
  background-position: 0 -80px;
}
.choiceArea .selectbox.payatall .icon {
  background-position: 0 -300px;
}
.choiceArea .selectbox.payatall .icon2 {
  background-position: 0 -180px;
  margin-left: 0px;
}
.choiceArea .selectbox.mpay_station .icon {
  background-position: 0 -440px;
}
.choiceArea .selectbox.mpay_wallet .icon {
  background-position: 0 -420px;
}
.choiceArea .selectbox.airpay .icon {
  background-position: 0 -160px;
}
.choiceArea .selectbox.paysbuy_allcash .icon {
  background-position: 0 -320px;
}
.choiceArea .selectbox.paysbuy .icon {
  background-position: 0 -140px;
}
.choiceArea .selectbox.paypal .icon {
  background-position: 0 -120px;
}
.choiceArea .selectbox.linepay .icon {
  background-position: 0 -200px;
}
.choiceArea .selectbox.airpay_app .icon {
  background-position: 0 -160px;
}
.choiceArea .selectbox.visa .icon {
  background-position: 0 -220px;
}
.choiceArea .selectbox.mastercard .icon {
  background-position: 0 -240px;
}
.choiceArea .selectbox.jcb .icon {
  background-position: 0 -260px;
}
.choiceArea .selectbox.aeon .icon {
  background-position: 0 -280px;
}
.choiceArea .selectbox.kbank_smartpay .icon {
  background-position: 0 -340px;
}
.choiceArea .selectbox.installment_kbank .icon {
  background: url('../images/payment/installment/installment_kbank.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.choiceArea .selectbox.bualuang_besmart .icon {
  background-position: 0 -360px;
}

.choiceArea .selectbox.installment_bay .icon {
  background: url('../images/payment/installment/installment_bay.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.choiceArea .selectbox.krungsri_smartplan .icon {
  background-position: 0 -380px;
}
.choiceArea .selectbox.installment_ktb .icon {
  background: url('../images/payment/installment/installment_ktb.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.choiceArea .selectbox.ktc_flexi .icon {
  background-position: 0 -400px;
}
.choiceArea .selectbox.kplus .icon {
  background-position: 0 -460px;
}

.choiceArea .viewManual{
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}
.choiceArea .viewManual a{
  background-color: #bbb;
  color: white;
  font-size: 11px;
  /*	font-weight: bold;*/
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  cursor: pointer;
  text-decoration: none;
}
.choiceArea .is-expanded .viewManual{
  display: inline-block;
}
.choicebankArea {
  margin-bottom: 20px;
}
.choicebankArea .headArea {
  background-color: #d9d9d9;
  height: 40px;
  display: none;
}
.choicebankArea .bankArea {
  height: 58px;
  line-height: 58px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
}
.choicebankArea .bankArea.checked {
  /*border-color: #3553a5;*/
  background-color: #f0f0f0;
}
.choicebankArea .bankArea .style_choice {
  float: left;
  width: 45px;
  text-align: center;
}
.choicebankArea .bankArea .style_img {
  float: left;
  width: 35px;
  text-align: center;
  height: 58px;
  line-height: 70px;
}
.choicebankArea .bankArea .style_bank.bank_kbank {
  color: #00a145;
}
.choicebankArea .bankArea .style_bank.bank_bbl {
  color: #101082;
}
.choicebankArea .bankArea .style_bank.bank_scb {
  color: #58007B;
}
.choicebankArea .bankArea .style_bank.bank_ktb {
  color: #00A4E4;
}
.choicebankArea .bankArea .style_bank.bank_bay {
  color: #ffc421;
}
.choicebankArea .bankArea .style_bank {
  float: left;
  width: 100px;
  text-align: left;
  padding: 0 5px;
  box-sizing: border-box;
}
.choicebankArea .bankArea .style_number {
  float: left;
  width: 110px;
  text-align: left;
  padding: 0 5px;
  box-sizing: border-box;
  color: #5b5b5b;
}
.choicebankArea .bankArea .style_name {
  float: left;
  text-align: left;
  padding: 0 5px;
  box-sizing: border-box;
  color: #989898;
  font-weight: normal;
}
.choicebankArea .bankArea .style_type {
  float: right;
  width: 87px;
  text-align: left;
  padding: 0 5px;
  box-sizing: border-box;
  color: #5b5b5b;
}
.choicebankArea .bankArea .style_branch {
  float: right;
  width: 125px;
  text-align: left;
  padding: 0 5px;
  box-sizing: border-box;
  color: #989898;
}
img.provider-logo {
  margin-right: 16px;
}
.btn_orange_primary.proceed-payment {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 30px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 200px;
}
.secure_form {
  min-width: 260px;
  width: 50%;
  padding: 20px 20px 0px 20px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 0px 0px 20px 0px;
  position: relative;
  float: left;
  z-index: 9;
}
.secure_form_choose {
  width: auto;
  min-width: 50%;
}
.secure_form_choose .pin_container {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}
.secure_certify {
  font-size: 11px;
  position: absolute;
  padding: 0px 10px;
  top: -10px;
  right: 20px;
  background-color: #f0f0f0;
  vertical-align: middle;
  line-height: 20px;
  color: green;
}
.secure_certify img {
  vertical-align: top;
  width: 16px;
  height: 16px;
}
.secure_note {
  line-height: 20px;
  width: 50%;
  min-width: 260px;
  padding-right: 10px;
  box-sizing: border-box;
  margin: 0px 0px 20px 0px;
}
.secure_note b {
  color: #3553a5
}
.credit_step2 {
  display: none;
  width: 50%;
  min-width: 280px;
  position: relative;
  z-index: 1;
}
.pin_container {
  position: relative;
  display: none;
  float: right;
  width: 50%;
  box-sizing: border-box;
  padding: 0px 20px 0px 20px;
  color: #3553a5;
  margin: 0px auto;
  text-align: center;
}
.credit_step2 .pin_container {
  width: 100%;
  margin-top: 30px;
}
.pin_notice_box {
  width: 100%;
  height: auto;
  position: absolute;
  box-sizing: border-box;
  background-color: #fff3fa;
  border: 1px dashed #ffcfe9;
  display: none;
  text-align: left;
  padding: 15px 20px 5px 20px;
  font-size: 13px;
  line-height: 20px;
}
.pin_notice_box .pin_faq {
  color: #3553a5;
  margin-top: 5px;
  margin-bottom: 10px;
}
.pin_check {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
}
#choose_credit_list {
  margin-bottom: 15px;
}
#credit_card_form_summary {
  display: none;
  line-height: 30px;
  color: #999;
  margin-bottom: 20px;
}
#credit_card_form_summary .card_summary {
  display: inline-block;
}
#credit_card_form_summary .card_edit {
  display: inline-block;
  float: right;
  text-decoration: underline;
  color: #333;
  cursor: pointer;
}
.lnwNumpad_zone {
  width: 260px;
  display: none;
}
.lnwNumpad_zone .pin_form {}
.lnwNumpad_zone .pin_form ul {
  padding: 0px;
  margin: 0px;
}
.lnwNumpad_zone .pin_form ul li {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: 7px;
  color: #3553a5;
  border: 1px solid #3553a5;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.lnwNumpad_zone .pin_form ul li:hover {
  background-color: #3553a5;
  color: white;
}
.lnwNumpad_zone .pin_form ul li:active {
  border: 1px solid #3553a5;
  background-color: #bfd0ff;
}

.lnwNumpad_zone .pin_form .number {
  font-size: 18px;
  cursor: pointer;
}
.lnwNumpad_zone .pin_form .star {
  visibility: hidden;
}
.lnwNumpad_zone .pin_form .delete {
  border-color: transparent;
  font-size: 14px;
  cursor: pointer;
}
.lnwNumpad_zone .pin_form .delete:hover {
  border-color: #3553a5;
}
.lnwNumpad_zone .pin_title {
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 22px;
}
.lnwNumpad_zone .pin_length ul {
  padding: 0px;
  margin: 5px auto 0px auto;
}
.lnwNumpad_zone .pin_length ul li {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin: 7px;
  border: 1px solid #3553a5;
  text-align: center;
  line-height: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.lnwNumpad_zone .pin_length ul li.pin_active {
  background: #3553a5;
}

/*
.pin_form {
}
.pin_form ul {
	padding: 0px;
	margin: 0px;
}
.pin_form ul li {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin:7px;
	border: 1px solid #3553a5;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}
.pin_form ul li:hover {
	background-color: #3553a5;
	cursor: pointer;
	color: white;
}
.pin_form ul li:active {
	border: 1px solid #3553a5;
	background-color: #bfd0ff;
	cursor: pointer;
}
.pin_form ul li.pin_form_simbol {
	visibility: hidden;
}
.pin_form ul li.pin_form_del {
	border: 1px solid rgba(0,0,0,0);
	font-size: 14px;
}
.pin_form ul li.pin_form_del:hover {
	border: 1px solid #3553a5;
}
.pin_title {
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 22px;
}
.pin_title ul {
	padding: 0px;
	margin: 5px auto 0px auto;
}

.pin_title ul li {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin:7px;
	border: 1px solid #3553a5;
	text-align: center;
	line-height: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.pin_title ul li.pin_active {
	background: #3553a5;
}
*/
.remember_check {
  display: none;
}
.pin_notice {
  display: inline-block;
  margin: 10px 0px;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  text-decoration: underline;
  cursor: pointer;
}
.reset_pin_notice {
  max-width: 320px;
  text-align: left;
  line-height: 20px;
  display: block;
  padding-bottom: 20px;
  float: right;
  width: 50%;
  position: relative;
}
.notice_gotolnwpay{
  display: block;
  margin: 10px 0 0;
  font-size: 1.2rem;
}

@media screen and (min-width: 960px) {
  .credit_step2 .pin_container {
    position: absolute;
    left: 100%;
    top: 0px;
    margin-top: 0px;
  }
  .notice_gotolnwpay{
    display: inline-block;
    margin: 0 0 0 10px;
  }
}

@media screen and (max-width: 959px) {
  .btn_orange_primary.proceed-payment {
    width: 100%;
  }
  .credit_step2 {
    float: left;
    z-index: 9;
  }
  .choiceArea .selectArea .style_description {
    /*		width: 100%;*/
    padding: 0;
    box-sizing: border-box;
    margin-left: 0px;
    width: calc(100% - 230px);
  }
  .choiceArea .selectArea.is-expanded .style_description{
    margin-top: 5px;
    width: 100%;
  }
  .choiceArea .selectArea .style_description img.provider-logo {
    /*		padding-top: 15px;*/
  }
  .error-zone .mobileHide {
    display: none !important;
  }
  .choiceArea .selectArea .style_choice {
    width: 20px;
  }
  .choiceArea .contentZone {
    padding: 0px 20px;
  }
  .choicebankArea .bankArea {
    display: block;
    width: 100%;
    height: 86px;
    padding: 10px 0;
  }
  .choicebankArea .bankArea .style_choice {
    width: 10%;
    line-height: 86px;
  }
  .choicebankArea .bankArea .style_img {
    display: block;
  }
  .choicebankArea .bankArea .style_bank {
    display: block;
  }
  .choicebankArea .bankArea .style_number {
    display: block;
    width: 50%;
  }
  .choicebankArea .bankArea .style_name {
    display: block;
    line-height: 15px;
    width: 40%;
  }
  .choicebankArea .bankArea .style_type {
    display: block;
    line-height: 15px;
    width: 20%;
  }
  .choicebankArea .bankArea .style_branch {
    display: block;
    line-height: 15px;
    width: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .choiceArea .selectArea .style_description {
    /*		width: 100%;*/
    /*		margin-left: 20px;*/
  }
  .choiceArea .contentZone {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 479px) {
  .choiceArea .selectArea {
    /*		padding: 0px 10px;*/
    padding: 0px;
  }
  .choiceArea .selectArea .style_description {
    /*		padding-top: 10px;*/
  }
  .choiceArea .selectArea .style_description img.provider-logo{
    /*		padding-top: 5px;*/
    /*		height: 22px;*/
    /*		width: auto;*/
  }
  img.provider-logo{
    /*		margin-right: 10px;*/
    margin-right: 5px;
  }
  .choiceArea .headerZone {
    padding: 15px 0px;
  }
  .choicebankArea .bankArea {
    height: 60px;
    padding: 10px 0px;
    line-height: 20px;
  }
  .choicebankArea .bankArea .style_img {
    width: auto;
    height: auto;
    line-height: normal;
    float: left;
    margin-right: 10px;
  }
  .choicebankArea .bankArea .style_img img {
    width: 60px;
    margin-top: 0px;
  }
  .choicebankArea .bankArea .style_bank {
    width: auto;
  }
  .choicebankArea .bankArea .style_choice {
    width: 10%;
    line-height: 60px;
  }
  .choicebankArea .bankArea .style_number {
    float: right;
    padding-right: 10px;
    display: block;
    text-align: left;
    width: auto;
  }
  .choicebankArea .bankArea .style_name {
    width: auto;
    display: block;
    width: 200px;
    color: #999;
    line-height: 20px;
  }
  .choicebankArea .bankArea .style_type {
    display: block;
    float: left;
    width: auto;
    color: #999;
    font-weight: bold;
  }
  .choicebankArea .bankArea .style_branch {
    float: left;
    width: auto;
    color: #999;
    display: block;
    font-weight: normal;
  }
  .choiceArea .contentZone .installment_title{
    font-size: 11px !important;
  }
}

/* Menu-Member : Responsive: max-width
-------------------------------------------------- */
.img_avatar {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
.display_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 1.3rem;
}
#member-box .symbol{
  font-size: 1.0rem;
}
#member-box .symbol.category{
  display: inline;
  float: right;
  vertical-align: middle;
  margin: 8px 3px 0 0;
  padding: 0px;
}
#member-box .symbol.arrow_down{
  display: inline;
  float: right;
  vertical-align: middle;
  margin: 8px 3px 0 0;
  padding: 0;
}
#menu_bar {
  position: absolute;
  z-index: 9999;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

#menu_bar.mini_bar {
  background-color: transparent;
}

#menu_bar.mini_bar #menu-box {
  display: none;
}

#menu_bar.mini_bar #mini-menu-box {
  display: block;
}

#menu_bar .row {
  margin: 0px auto;
  padding: 10px 0px;
  min-height: 69px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

#logo-box {
  height: 28px;
  text-align: left;
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

#lnwpayHome {
  display: block;
  padding-left: 16px;
  position: absolute;
  left: 0px;
  top: 20px;
  text-align: left;
}

#lnwpay-logo {
  float: left;
}

#menu-box {
  float: none;
  height: auto;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  padding-top: 10px;
}

#menu-box.showMenuBox {
  display: block !important;
  position: absolute;
  width: 100%;
  z-index: 999;
  background: #3553a5;
  margin-top: 58px;
  text-align: center;
}

#menu-box.showMenuBox #lnwpayHome img {
  margin-top: 10px;
}

#menu-box #menu {
  display: inline-block;
}
#menu-box #menu .menu-item {
  display: inline-block;
  font-family: 'rsulight';
  padding: 0 15px 0;
  border-top: none;
  border-bottom: none;
  font-size: 1.2em;
  position: relative;
}
#menu-box .menu-submenu .menu-item.menu-border {
  color: #FFF;
  min-height: 36px;
  padding-top: 10px !important;
  box-sizing: border-box;
  background: #4565bc url(../_images/buy/button-arrow.png) no-repeat;
  background-size: 30px auto;
  background-position: right -5px top 12px;
  padding-right: 30px !important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
#menu-box .menu-submenu .menu-item {
  display: inline-block;
  font-family: 'rsulight';
  padding: 0 15px 0;
  border-top: none;
  border-bottom: none;
  font-size: 1em;
  position: relative;
}
#menu-box .menu-submenu a:hover {
  text-decoration: none;
}
#menu-box #menu > a:first-child .menu-item{
  padding: 0px;
}
#menu-box #menu .menu-item {
  margin-bottom: 0px;
}

#menu-box #menu a {
  text-decoration: none;
  line-height: 28px;
  color: white;
}

#menu-box #menu a:hover {
  text-decoration: none;
  color: #eee;
}

#menu-box #menu a.menu-active {
  font-weight: bold;
}

#member-box{
  float: right;
  position: relative;
  top: -7px;
  display: none;
}

#member-box .blue_button .display_name {
  vertical-align: middle;
  margin: 6px 0 0 0;
  width: 65px;
  text-align: center;
}

#member-box .img_avatar {
  display: inline-block;
  float: left;
  width: 22px;
  height: 22px;
  margin: 5px 0 5px 3px;
}

#member-box #my-lnwpay-button .blue_button {
  color: white;
  border: 2px solid white;
  background: none;
  min-width: 120px;
  width: auto;
  margin-left: 10px;
  padding: 0px 5px 5px 5px;
  box-sizing: border-box;
  cursor: pointer;
}

#member-box #my-lnwpay-button .blue_button #menu-member.showmenu{
  cursor: default;
}

#member-box #my-lnwpay-button .blue_button:hover {
  background-color: rgba(255,255,255,0.05);
}

#mini-menu-box {
  display: none;
  background: url('../_images/header/menu_list_circle2.png');
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  z-index: 9999;
  font-size: 12px;
  line-height: 60px;
  margin-top: 5px;
  left: 20px;
}

#mini-menu-box.icon-close {
  background: url('../images/icon/icon-close.png') center center no-repeat;
}

#member-box .icon-close {
  background: url('../images/icon/icon-close.png') center center no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.menu-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -27px;
  left: 0px;
  height: 69px;
}
/*
.menu-item:hover .menu-mask {
	background: rgba(0,0,0,0.38);
}
*/
.menu-submenu {
  display: none;
  position: absolute;
  z-index: 9999;
  background: rgba(50,50,50,0.7);
  width: 100%;
  left: 0px;
  top: 69px;
  text-align: center;
  line-height: 50px;
}
.menu-submenu ul {
  margin: 0px;
  padding: 10px 0px;
}
.mini_bar #menu-box.showMenuBox {
  min-height: 49px;
}
.mini_bar .menu-submenu {
  top: 59px;
}
.mini_bar #lnwpayHome  {
  top: 10px;
}
.menu-submenu a:hover li {
  color: rgba(255,255,255,0.8);
}
.menu-submenu, .menu-submenu li {
  margin: 0px;
  padding: 0px;
  color: white;
}
#my-lnwpay-button #menu-member .buyer-user {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

#menu-member .buyer-user {
  bottom: auto;
  position: absolute;
  z-index: 99;
  /*
	top: -39px;
	right: 0px;
*/
  top: 5px;
  right: -10px;
  left: auto;
}

#menu-member .area-top,
#menu-member .area-middle {
  display: block;
}

#menu-member .area-header {
  display: block;
}

#menu-member .area-show {
  display: block;
}
#menu-member {
  position: relative;
  z-index: 999999999;
}

#menu-member.showmenu {
  display: block;
  top: -35px;
  border-top: 0;
}

.buyer-user {
  background-color: white;
  top: 0px;
  left: 0px;
  position: relative;
  width: 250px;
  min-height: 500px;
  z-index: 1;
  margin-top: 0;
}

.buyer-user .area-top {
  border: 1px solid #ccc;
  /*	border-top: 2px solid #3453a6  ;*/
  padding: 20px;
}

.buyer-user .area-header {
  border: 1px solid #ccc;
  border-top: 2px solid #3453a6;
  border-bottom: 0px;
  height: 40px;
  background: #ddd;
  display: none;
}

.buyer-user .area-middle {
  padding: 10px 20px;
  background: white;
  border: 1px solid #ccc;
  border-bottom-color: #eee;
  border-top: 0px;
  -webkit-box-shadow: 0px 5px 0px rgba(200, 200, 200, 0.50);
  -moz-box-shadow: 0px 5px 0px rgba(200, 200, 200, 0.50);
  box-shadow: 0px 5px 0px rgba(200, 200, 200, 0.50);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.buyer-user .area-top .avatar {
  float: left;
  margin: 0px auto;
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 99999999;
  -moz-border-radius: 50% 50%;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
}

.buyer-user .area-top .profile {
  padding: 0px;
  height: auto;
  float: left;
  width: 150px;
  line-height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  padding-left: 10px;
}

.buyer-user .area-top .profile .name {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  line-height: 22px;
  margin-top: 2px;
  color: #545454;
}

.buyer-user .area-top .profile .ribbon {
  background: #e76aa8;
  display: inline-block;
  font-size: 11px;
  padding: 3px 10px;
  line-height: 11px;
  color: white;
  text-align: center;
}

.buyer-user .area-top .detail {
  padding-top: 20px;
  font-size: 0.9em;
  line-height: 20px;
}

.buyer-user .area-middle {
  line-height: 24px;
}

.buyer-user .area-middle .noti_alert {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: #d41751;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  margin-top: 5px;
  text-align: center;
  float: right;
  font-weight: bold;
}

.buyer-user .area-middle .noti_number {
  font-size: 11px;
  line-height: 0;
}

.buyer-user .area-middle .headtext {
  font-weight: bold;
  font-size: 14px;
  /*	display: inline-block;*/
  display: block;
  margin-bottom: 5px;
  color: #666;
}

.buyer-user .area-middle .total_lnwpoint {
  min-height: 30px;
  font-size: 12px;
  color: #545454;
}

.buyer-user .area-top a,
.buyer-user .area-middle a {
  color: #3553a5;
}

.buyer-user .area-middle a.listWarning {
  color: red;
  position: absolute;
  width: 100%;
  left: 0px;
  padding: 5px 20px;
  box-sizing: border-box;
  background-color: rgba(255, 0, 0, 0.05);
}

.buyer-user .area-middle .more_info {
  font-size: 11px;
}

.buyer-user .area-middle .more_info.basic {
  color: #aaa;
}

.buyer-user .area-middle .more_info.premium {
  color: #e75fa9;
}

@media screen and (min-width: 750px) {
  #mini-menu-box {
    background: url('../_images/header/menu_list_circle3.png');
    color: white;
  }
  #mini-menu-box.icon-close {
    background: url('../_images/header/icon-close-white.png') center center no-repeat;
  }
  #menu-box.showMenuBox {
    position: relative;
  }
  #menu-box.showMenuBox #lnwpayHome img {
    margin-top: 0px;
  }
  #menu-member .buyer-user {
    min-height: inherit;
    width: 500px;
    border: 1px solid #ccc;
  }
  #menu-member .buyer-user .area-left,
  #menu-member .buyer-user .area-right {
    width: 50%;
    position: relative;
    float: left;
    border-bottom: 0px;
    border-top-color: #eee;
    box-sizing: border-box;
  }
  #menu-member .buyer-user .area-right {
    border-left: 1px solid #eee;
  }
  #menu-member .buyer-user .area-top {
    border: 0px;
    background: #eee;
    padding: 10px 20px;
  }
  #menu-member .buyer-user .area-left .area-middle,
  #menu-member .buyer-user .area-right .area-middle {
    border-width: 0px;
    border-bottom: 1px solid #f5f5f5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

@media only screen and (max-width: 749px) {
  #lb.showMenuBox{
    z-index: 1 !important;
  }
  #member-box{
    /*
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10000;
*/
  }
  #member-box .menu-header{
    /*		display: none;*/
  }
  #member-box #my-lnwpay-button .blue_button{
    /*
		padding: 0;
		margin: 0;
		border: 0;
*/
  }
  .menu-submenu, .mini_bar .menu-submenu {
    position: relative;
    top: 0px;
  }
  #menu-member.showmenu {
    position: fixed;
    z-index: 2020000003;
    top: 0;
    left: 0px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    border-top: 1px solid #e5e5e5;
  }
  #menu-member .buyer-user {
    width: 100%;
    position: static;
    text-align: center;
  }
  #menu-member .buyer-user .area-top {
    border: 0px;
    background: #eee;
    padding: 15px 20px;
    position: relative;
  }
  #menu-member .buyer-user .area-middle a.listWarning {
    position: relative;
    width: 100%;
  }
  .buyer-zone .buyer-user {
    display: none;
  }
  .menu-mask {
    display: none;
  }
  #menu-box .menu-submenu .menu-item.menu-border {
    padding-right: 0px !important;
    background-position: right center;
  }
  .buyer-user .area-top {
    padding: 10px 20px;
  }
  .buyer-user .area-middle {
    border: 0;
    padding: 0 0 0 0;
    line-height: 24px;
  }
  .buyer-user .area-middle .more_info {
    float: left;
    position: relative;
    display: none;
  }
  .buyer-user .area-middle .more_info.basic {
    margin: 27px 0 0 -90px;
  }
  .buyer-user .area-middle .more_info.premium {
    margin: 27px 0px 0 -114px;
  }
  .buyer-user .area-top .avatar {
    float: none;
    margin: 0px auto;
    width: 100px;
    height: 100px;
  }
  .buyer-user .area-top .profile {
    float: none;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    height: 64px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .buyer-user .area-top .profile .ribbon {
    margin: 0px auto;
  }
  .buyer-user .area-top .profile .name {
    font-weight: bold;
  }
  .buyer-user .area-top .detail {
    padding-top: 10px;
    font-size: 0.9em;
  }
  .buyer-user .area-middle {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .buyer-user .area-middle a {
    margin: 0;
    padding: 0;
    line-height: 50px;
    /*		width: 100%;*/
    display: inline-block;
    color: #3553a5;
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    float: left;
    width: 50%;
    box-sizing: border-box;
  }
  .buyer-user .area-middle a.listWarning {
    width: 50%;
  }
  .buyer-user .area-top a:hover,
  .buyer-user .area-middle a:hover {
    text-decoration: none;
  }
  .buyer-user .area-middle .headtext {
    display: inline-block;
    width: 100%;
    padding: 10px 0 10px 0;
    background-color: rgba(250, 250, 250, 0.95);
    /*		border-bottom: 1px solid #E2E2E2;*/
    margin-bottom: 0px;
  }
  .buyer-user .area-middle .noti_alert {
    position: relative;
    float: left;
    margin: 3px 0 0 -19px;
  }
  .buyer-user .area-left .area-middle .noti_alert {
    float: right;
  }
  .buyer-user .area-middle .total_lnwpoint {
    padding-top: 5px;
    min-height: 0;
    float: left;
    width: 50%;
    border-right: 1px solid #f5f5f5;
    box-sizing: border-box;
  }
  .buyer-user .area-middle a.lnwpoints_help {
    float: left;
    width: 100%;
    line-height: 21px;
    border-right: 0;
  }
}

/*
–––––––––––––––––––––––––––––––––––––––––––––––––– */