/* @import url(http://fonts.googleapis.com/css?family=Telex); */
/* Reset ======================================================= */
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
  border: none;
  outline: none;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html, body { width:100%; height:100%; }



/* @font-face {
    font-family: 'rsuregular';
    src: url('../fonts/rsu-regular/rsu_regular-webfont.eot');
    src: url('../fonts/rsu-regular/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu-regular/rsu_regular-webfont.woff') format('woff'),
         url('../fonts/rsu-regular/rsu_regular-webfont.ttf') format('truetype'),
         url('../fonts/rsu-regular/rsu_regular-webfont.svg#rsuregular') format('svg');
    font-weight: normal;
    font-style: normal;
} */

body { display:table; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-size:14px; color:#666; line-height: 1.5; background:#fff; overflow-x: hidden;margin-top:; }


/* body {margin-top: -51px; } */



a { color:#666; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:hover { color:#eb2123; } a:hover, a:active { outline: none; }

h1, h2, h3, h4, h5, h6
{
  padding:15px 0 10px 0;
  line-height:1.2;
  font-family:'rsuregular', Arial, Helvetica, sans-serif;
  font-weight: normal;
  /* text-transform:uppercase; */
}

p { padding:15px 0; }

s.sim{color:red;text-decoration: line-through;}

::selection { color:#fff; background:#eb2123; }
::-moz-selection { color:#fff; background:#eb2123;}

input[type=button] { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

section {
  float: left;
  width: 100%;
  background: #fff;
  /*border:1px solid #eee;*/
}
table.pr-gr.texterie{
  font-size:15px ;
  width: 100%;
}
.font-15{
  font-size:15px ;
}
tr.centrie,td.centrie  {
    text-align: center;
}
td.rightie{
   text-align: right;
}
td.font-15.rightie {
    width: 10%;
}

/* Sale page ======================================================= */

.bg-ava{
  background-repeat: no-repeat;
  background-size: cover;
  /* เคยเปลี่ยนเป็น auto */
  position: relative;
  min-height: 9.9em;
  margin: 6px 0;
}

.avatar-contact{
  background: #ff000026;
}

.padding-sale{
  padding: 6px;
  font-size:18px;
}

.padding-con{
  padding: 0 6px;
  font-size:17px;
}

img.ava-sale{
  width:20% !important;
  float: left!important;
  padding: 0 1.0%;
}

.avatar-sale{
  padding:5px 0 5px 0;
  /* border: 1px solid red!important; */
  border-left: 5px solid red;
  margin: 5px 0;
  /* background: #ff000026; */
}

.avatar-con{
  padding:5px 0 5px 0;
  margin: 5px 0;
  /* background: #ff000026; */
}
.div-p{
  padding: 15px 0;
}

img.icon-sale{
  width: 17px !important;
}

.rights{
  float: right;
  clear: both;
}

.col-80 {
  width: 80% !important;
  float: left;
}

.col-7 {
  width: 7.9999% ;
  float: left;
}

.col-20 {
  width: 20% !important;
  float: left;
}
.col-20-1 {
  width: 20% !important;
  float: left;
}
.col-20-2 {
  width: 20% !important;
  float: left;
}
.col-30 {
  width: 29.33333% !important;
  float: left;
}

.bu-red {
    background: #eb2123 center;
    font-size: 17px;
    height: 30px;
    width: 100%;
    border-radius: 25px;
    /* border: none; */
    color: white;
    padding: 8px 0 0 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 16px; */
    margin: 5px 0;
    cursor: pointer;
}

.bu-gray {
    background: #a9a9a9 center;
    font-size: 17px;
    height: 30px;
    width: 100%;
    border-radius: 25px;
    /* border: none; */
    color: white;
    padding: 8px 0 0 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 16px; */
    margin: 5px 0;
    cursor: pointer;
}

.bu-red:hover {background: #a11517 ;color: white;}
.bu-gray:hover {background: #878282;color: white;}
.marin-35{margin: 35px 0}

small.text-small {
		display: block;
    margin-top: 3px;
    font-size: 13px;
		color: #666;
    font-weight: bold;
}
h4.text-h4, .text-h4 {
		font-size: 17px;
    padding: 0 0 3px 0;
    line-height: 1.0;
		display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
p.text-p {
		font-size: 15px;
    line-height: 1.1;
		padding: 0;
		color: #666;
		font-weight: bold;
}
button.button-sub {
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #666;
		font-size: 20px;
}
button.button-sub:hover {
    background: #eb2123;
}
a.butcon {
    display: block;
    width: 196px;
    height: 50px;
		font-size: 20px;
    text-align: center;
    line-height: 50px;
    background: #ddd;
		margin: 5px 0 0 0
	}
a.butcon:hover {
		color: #fff;
    background: #eb2123;
}

.col-5{width: 5%}
.col-26{width: 25%}
.col-70{width: 70%}

.margin-10-0{margin: 10px 0!important}

.border-solid{
	  border-bottom: 1px solid #f0f0f0;
}
.pay_tranfer {
  margin: 0 25%;
}

.con_pay_tranfer {
  background-color: #ffffff;
  padding: 5px 20px 15px 20px;
  border: 1px solid lightgrey;
  border-radius: 3px;
}

span.price {
  float: right;
  color: grey;
}

.but_pay_tran:hover,.but_pay_no:hover,.pay_tran:hover {
  color: white;
}

.but_pay_tran,.but_pay_no,.pay_tran{
      color: white;
      padding: 12px;
      margin: 10px 0;
      /* border: none; */
      /* width: 100%; */
      border-radius: 3px;
      border: 1px solid #eb2123;
      text-align: center;
      cursor: pointer;
}
.but_pay_tran{
      background-color: #eb2123;
}
.pay_no{
  color: #eb2123;
}
.font-bank{
  font-size: 27px;
  font-weight: 600;
}
.name_bank{
  padding: 0 5px 5px 25px;
margin-top: -15px;
}
.text-Privacy{
  font-size: 17px;
}

/* Style the tab */
.tab {overflow: hidden;border: 1px solid #ccc;background-color: #f1f1f1;}

/* Style the buttons inside the tab */
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font-weight: normal;width: 25%;font-size: 20px;color: #666;}

/* Change background color of buttons on hover */
.tab button:hover {background-color: #b7b7b7;color: white;}

/* Create an active/current tablink class */
.tab button.active {background-color: #eb2123;color: white;}

/* Style the tab content */
.tabcontent {display: none;padding: 1%;border: 1px solid #ccc;border-top: none;}

/* Style the close button */
.topright {float: right;cursor: pointer;font-size: 28px;}

.topright:hover {color: red;}

.material-icons {vertical-align:bottom;}
h3.text-head-tap{font-size: 20px}
p.text-des-tap {font-size: 17px;}

.con-ship{padding: 5px;}
.post-mes {
    height: 3px;
    width: 100%;
    background-position-x: -30px;
    background-size: 116px 3px;
    background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
}
span.sp-pay {
    padding: 15px 15px 15px 15px;
}

table.list-pro{
    border-bottom: 1px dashed #f0f0f0;
		width: 100%;
}
td.ta-ch-ou {padding: 5px}
table.table-shiping {width: 100%;}

.w3-third {
    width: 33.33333%;
    float: left;
}
.w3-quarter{
    width: 24.9999975%;
    float: left;
}
.w3-row:before,  .w3-row:after {
    content: "";
    display: table;
    clear: both;
}
*, *:before, *:after {
    /* box-sizing: inherit; */
}
.marin-bottom-25{
    margin-bottom: 25px;
}
.head-font {
    /* background: #f1f1f1; */
    text-align: center;
    font-size: large;
    font-weight: 600;
    /* border-bottom: 5px solid red; */
    /* border: 1px solid #cfcfcf; */
}
.text-center {
    text-align: center;
}
.ntn-text:nth-child(even){
    background-color:#f1f1f1;
}
.input-copy {
    width: 55px;
    text-align: center;
    background: none;
    color: #666;
}
.size-19{
   font-size: 19px !important
}
.col-blue{background-color: #337ab7;}
.col-green{background-color: #289700;}
.col-red{background-color: #f10000;}
.col-qr{background-color: #123666;}

.copy-button {
    color: #fff;
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: top;
    -ms-touch-action: manipulation;
    cursor: pointer;
    padding: 2px 10px 2px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

img.QR-code-icon {
    width: 15px;
}

a.copy-button:hover {
    color: white;
}

button.copy-button {
    color: #fff;

    /* border-color: #2e6da4; */
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    cursor: pointer;
    padding: 2px 10px 2px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}


.w3-quarter {
 width: 24.99999%;
}
.w3-quarter {
 float: left;
}

.w3-container:before{
  content: "";
  display: table;
  clear: both;
}
p.menu-header-pro {
  font-size: 14px !important;
}

.center{
  text-align: center;
}
.cate {
  display: table;
  width: 100%;
  height: 80px;
  padding: 40px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.w3-quarter-box{
  float: left;
  position: relative;
  width: 24%;
  text-align: center;
  border-right: 1px solid #eee;
}
.w3-five-box{
float: left;
position: relative;
width: 19%;
text-align: center;
border-right: 1px solid #eee;
}
.w3-quarter-box:last-child,.w3-five-box:last-child {
  border-right: none;
}
.w3-quarter-text {
  font-size: 17px;
  padding: 0 5px 0;
}
.icon-cate{
width: 90px ;
}

.XLp7cA {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.KuRANa {
    flex-direction: column-reverse;
}
._3plgYm {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    font-weight: 400;
    /* line-height: .8125rem; */
    color: #ee4d2d;
    text-transform: uppercase;
    font-size: 17px;
}
._1YhAOv {
    width: 36px;
    height: 32px;
}
._3ymATw {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 4px 2px 3px;
    /* font-weight: 700; */
    background-color: rgba(255,212,36,.9);
}

._3BdfRf {
    color: #fff;
}
._3ymATw:after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
}

u.select_sub {
    border-bottom: 1px solid #d70a0a;
    padding: 0 0 5px 0;
}

.Privacy-home {
  padding: 20px;
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #2a2a2ade;
  text-align: center;
  z-index: 9
}

img.img-bpr-disable {
    width: 220px;
    display: inline-block;
    margin-left: 10px;
    padding: 10px;
    font-family: 'rsuregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #666;
    font-size: 18px;
    background: #fff;
    border: 1px solid #ddd;
  }

.span-red{color: red;display: contents!important;}

/* progress */
.progress {
    height: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-striped, .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

p.text-progress {
    font-size: 15px;
    padding-top: 0px !important;
    color: #959595;
    /* padding-bottom: 20px !important; */
    margin-bottom: 20px;
}
span.span-per {
    font-size: 23px;
    display: contents !important;
    color: #337ab7;
    font-weight: 600;
}

@media only screen and (max-width: 2561px) {

  span.pad-top{padding-top: 1%;}
  img.ava-sale{
    width: 10.4% !important;
  }
  span.img-media{
    margin-right: 80px;
  }
  img.img-circle.middle-line.ml-10.mr-10{
    width: 50%
  }
}

@media only screen and (max-width: 1441px) {
  img.ava-sale{
    width: 12.4% !important;
  }
  .Privacy-home{
    width: auto !important;
  }
  span.img-media{
    margin-right: 0px;
  }
  table.kpv {
    width: 82%!important;
  }
}

/* @media only screen and (max-width: 1440px) {
  table.kpv {
    width: 82%;
  }
} */

@media only screen and (max-width: 1024px) {
  .acc-zone .listshop{
    text-align: initial!important;
  }
  .progress {
      margin: 0%!important;
  }
  p.span-int,p.text-progress {
    text-align: initial;
  }
  .padding-sale{
    padding: 2.3px;
  }
  .padding-con {
    line-height: 0.9;
  }
  .bg-ava{
    min-height: 8em;
  }
  .tab button{
    font-size: 16px;
    display: inline-grid;
  }
  .material-icons{
    font-size: 18px!important;
  }
  p.text-des-tap {
    font-size: 13px;
  }
  h3.text-head-tap {
    font-size: 17px;
  }
  .col-7 {
    width: 10% ;
  }
  .col-25 {
    padding-right:90px!important;
  }
  table.kpv {
    width: 84% !important;
  }
}

@media only screen and (max-width: 768px) {
  .padding-sale,{
    padding: 0px;
    font-size: 18.5px;
  }
  img.ava-sale{
    width:18.5% !important;
  }
  .col-80{
    width: 70%!important;
  }
  .col-20{
    width: 30%!important;
  }
  .name_bank {
      margin-top: -1px!important;
  }
  .pay_tranfer {
    margin: 0 !important;
  }
  h4, .product-detail h4 {
    font-size: 19px !important;
  }
  .col-7 {
    width: 15%;
  }
  table.kpv {
    width: 98% !important;
  }
  p.break-word{
    width: 83%!important;
  }
  img.qr-code-promt {
    width: 60%!important;
  }
  /* .control.respx{padding-left: 42%!important} */


}

@media screen and (max-width: 640px), (max-width: 736px){
.short-support .list li:nth-child(1) {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
  .short-support .list li {
    width: 49%;
  }

}



@media screen and (max-width: 669px){
  button.button-sub,a.butcon {
  	font-size: 15px!important
  }
  .w3-quarter-text {font-size: 11px!important;}.icon-cate{width: 40px!important}.cate{padding: 20px 0!important}

  h4.text-h4 {font-size: 13px;}
  /* .cart-zone .listshop ul.listitem .quantity {} */
  h3, .acc-zone .listshop ul.listcheckout h3, .product-detail-des h3 {
      font-size: 18px;
  }

}



@media only screen and (max-width: 425px) {


  .w3-display-topmiddle {
      left: 65% !important;
  }

  p.sim-text {
    font-size: 12px!important;
    padding: 1px 0 1px!important;
}

  input[type="text-qr"] {
    width: 150%!important;
    padding: 0px 0 10px 0!important;
    font-size: 12px!important;
  }

  .hidden {
    display: none;
  }

  img.img-circle.middle-line.ml-10.mr-10{
    width: 80%!important;
  }

  span.pad-top{
    padding-top: 2%;
  }

  .font-bank {font-size: 23px!important;}

  span.span-fi {
    float: inherit;
  }
  /* img#blah,img.img-bpr-disable{
    width: 40%!important;
  } */
  .padding-sale,.padding-con{
    padding: 0px;
    font-size: 18px;
    margin: 0 0 0 35%;
    line-height: inherit;
  }
  img.ava-sale{
    width:20% !important;
    padding: 0 1.5%;
  }
  .col-80 {
    width: 100%!important;
  }
  .col-20 {
    width: 100%!important;
    margin-top: -10px;
  }
  .avatar-con{
    border-left: 5px solid red;
  }
  .bg-ava{
    min-height: 15.5em;
  }
  input[type="file-disable"] {
    /* width: 94% !important; */
    margin-left: 0px!important;
  }
  .size-img-one{
    margin-top: 30px !important;
  }
  .size-17 {
    font-size: 13px !important;
  }
  button.copy-button{
    padding: 1px 4px 2px!important;
    font-size: 12px!important;
  }
  .text-Privacy {
    font-size: 13px !important;
  }
  .acc-zone .listshop ul.listcheckout li.shipping span.img-media {
      text-align: center;
  }
  img.img-bpr-disable {
      width:90%!important;
  }
  .col-7 {
    width: 30%;
  }
  table.kpv {
    width: 90% !important;
  }
  .acc-zone .listshop ul.listcheckout li.shipping input[type="text"]{
    width: 90% !important;
  }
.control.respx{padding-left: 42%!important}

}
@media only screen and (max-width: 425px) {
  p.break-word{
    width: 95%!important;
  }
}


@media only screen and (max-width: 320px) {

  .img-qr {
    width: 30%!important;
  }
  img.ava-sale{
    width:25% !important;
    padding: 0 2.2%;
  }
  .padding-sale{
    font-size:17px;
  }
  .bg-ava{
    min-height: 15em;
  }
  h4.text-h4{
    width: 200px;
  }
}

/* Container ======================================================= */

#landing { display:table; width:100%; height:100%; text-align:center; background:#fff; }
#landing .warp { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; }
#landing .warp h1 { position:absolute; width:100%; font-size:24px; color:#333; text-transform:uppercase; background:#eee; z-index:999; }
#landing .genlogo { display:table; width:100%; height:100%; vertical-align:middle; text-align:center; }
#landing .genlogo li { display:table-cell; position:relative; width:33.3333%; padding:0 20px; vertical-align:middle; background:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
#landing .genlogo li:first-child { background:#fff; }
#landing .genlogo li:last-child { background:#eb2123; }
#landing .genlogo li img { max-width:100%; }
#landing .genlogo li:hover { width:40%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }

.enter { position: absolute; width:100%; margin:0 auto; left: 0; bottom:100px; right: 0; text-align:center; z-index:99; }
.enter .but { display:inline-block; position:relative; background:#fff; border:1px solid #eb2123; -webkit-border-radius: 6px; -moz-border-radius:6px; border-radius: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.enter .but a { display:block; padding:8px 15px 5px 15px; font-size:26px; color:#333; text-transform:uppercase; }
.enter .but a:hover { color:#ed1c24; }
.enter .but:hover {  }
.arrow { position:absolute; width:18px; height:17px; top:10px; right:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.enter .but:hover .arrow { right:0; }
/*---------*/

#container { margin:0 auto;
  width:100%;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#container .warpper { margin:0 auto; width:1400px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} /*320 - 40*/

.header { margin:0 auto; position:fixed; width:1400px; background:#fff; border-bottom:1px solid #eb2123; z-index:9;padding: 15px 0 0 0;}
.logo { float:left; width:160px; height:48px;
  padding:11px 0;
}
.logo h1 a { display:inline-block; width:160px; height:48px; background: url(../images/logo.png) no-repeat 0 1px; text-indent: -99999px; }

.logo-kkstore { float:left; width:160px; height:48px; padding:11px 0; }
.logo-kkstore h1 a { display:inline-block; width:285px; height:48px; background: url(../images/logo-kkstore.png) no-repeat 0 1px; text-indent: -99999px; }

.acc-lang { float:right; height:36px; padding:17px 0; }
.acc-lang li { float:left; position:relative; }
.acc-lang li a { display:block; height:36px; margin-right:15px; padding-left:45px; line-height:36px; font-size:18px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.acc-lang li a.home { background: url(../images/icon-home.png) no-repeat left center; }
.acc-lang li a.member { background: url(../images/icon-member.png) no-repeat left center; }
.acc-lang li a.sinup { background: url(../images/Sinup.png) no-repeat left center; }

.acc-lang li a.on { background: url(../images/icon-member-on.png) no-repeat left center;  }
.acc-lang li a.logout { background: url(../images/icon-logout.png) no-repeat left center;  }
.acc-lang li a.cart { background: url(../images/icon-cart.png) no-repeat left center; }
.acc-lang li a.kkstore { background: url(../images/icon-kkstore.png) no-repeat left center; }
.acc-lang li a.repay { background: url(../images/icon-repay.png) no-repeat left center; }
.acc-lang li span { position:absolute; width:20px; height:20px; text-align:center; color:#fff; font-size:11px; font-weight:bold; line-height:20px; top:-5px; left:20px; background:#eb2123; -webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px; }
.acc-lang li a.search { width:40px; }
.acc-lang li .list { height:36px; padding-left:45px; line-height:36px; font-size:18px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; cursor:pointer; background: url(../images/icon-listgroup.png) no-repeat left center; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.acc-lang li .list:hover { color:#eb2123; background-position: left -3px; }
.acc-lang li a.member:hover,.acc-lang li a.cart:hover, .acc-lang li a.home:hover, .acc-lang li a.repay:hover,.acc-lang li a.kkstore:hover { background-position: left -3px; }


span.list-span{
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  padding: 2px;
  margin-top: 7px;
  margin-left: 177px;
  /* top: -4px; */
  /* left: 56%; */
  background: #eb2123;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}
input[type="file-disable"] {
    display: inline-block;
    /* width: 220px; */
    width: 300px;
    margin-left: 10px;
    padding: 10px;
    font-family: 'rsuregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #666;
    background: #fff;
    border: 1px solid #ddd;
}

/* Search ======================================================= */
.show-search { position:absolute; margin:18px 100px 0 0; height:36px; line-height:36px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; right:0; z-index:55555;}
.show-search a { display:block; height:36px; padding-left:45px; background: url(../images/icon-search.png) left center no-repeat; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }
.show-search a:hover { background-position: left -3px; color:#eb2123 }

.active { background-position: center -60px;}

.toggle { position:absolute; margin:0 0 0 0; padding:0; width:100%; background:rgba(255, 255, 255, 0.9); border-bottom:1px solid #db2123; border-top:1px solid #eb2123; overflow:hidden; clear:both; z-index:9999; top:70px; }
.toggle .warpsearch { float:left; padding:20px; }
.toggle .box { float:left; width:100%; }
.toggle .box input[type="text"] { float:left; width:1230px; padding:5px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:20px; background:rgba(255, 255, 255, 0); }
.toggle .box input[type="submit"],.toggle .box input[type="button00000000"] { display:block; width:120px; height:40px; padding:4px 20px; text-align:center; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; text-transform:uppercase; color:#fff; background:#eb2123; border:1px solid #eb2123; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.2s ease; transition: all 0.3s ease; border:1px solid #eb2123; }
.toggle .box input[type="submit"]:hover,.toggle .box input[type="button"]:hover { color:#eb2123; background:#fff; border:1px solid #eb2123; }
.toggle .maxh { height:400px; }

.box-slide { position:fixed; width:232px; background:#f8f8f8; z-index:33; }
.box-slider-show { right:0; top:72px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.box-slider-hide { right:-232px; top:150px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.box-slider-warpper { position:relative; width:232px; }
.box-show-slide { position:absolute; background:#eb2123; top:0px; left:-40px; }
.show-box-slide { display:block; width:40px; height:40px; text-indent:-9999px; cursor:pointer; background: url(../images/ani-but.png);
	-webkit-animation: play 3s steps(3) infinite;
       -moz-animation: play 3s steps(6) infinite;
        -ms-animation: play 3s steps(6) infinite;
         -o-animation: play 2s steps(6) infinite;
            animation: play 2s steps(6) infinite; }
.box-close-slide { position:absolute;  width:40px; height:40px; text-indent:-99999px; top:0px; left:-40px; background:#eb2132; }
.close-box-slide { display:block; width:40px; height:40px; text-indent:-99999px; cursor:pointer; background: url(../images/icon-close.png) no-repeat center center; }
.close-box-slide:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg); }
.box-slide-fb { float:left; width:100%; }
.box-slide-fb iframe { margin-bottom:-8px; }
.box-slide-line { float:left; width:100%; border-bottom:1px solid #ccc; }
.box-slide-line p { height:32px; padding:8px 0; font-size:20px; background:url(../images/icon-line.png) no-repeat 10px center; }
.box-slide-line p span { padding:5px 0 0 55px; }
.box-slide-track { float:left; width:100%; }
.box-slide-track a { display:block; }
.box-slide-track p { height:32px; padding:10px; text-indent:-99999px; background:url(../images/icon-ems.png) no-repeat 10px center; }
.box-slide-track a:hover { background:#ececec  }

.box-ads { position:fixed; width:246px; height:213px; right:0; bottom:0; background:url(../images/ads-58.png) no-repeat; }
.box-ads-close { position:absolute; width:20px; height:20px; text-align:center; background:#fff; right:0; border:1px solid #ff0000; cursor:pointer; }
/* Navi ======================================================= */
.nav { float:left; width:100%; padding:10px 0; }
ul.navi { float:left; }
ul.navi li { float:left; padding:0 15px;}
ul.navi li a { display:block; height:24px; font-size:18px; }
ul.navi li:first-child { padding-left:0; }

/* Banner ======================================================= */
.banner { float:left; width:100%; margin-top:90px; }
.banner img { width:100%; }
#owl-demo .item img{  display: block; width: 100%; height: auto; }

/* Product ======================================================= */
.product-list { float:left; width:100%; padding:20px 0; }
.product-list ul { margin-left:-40px; }
.product-list-load { margin-left:-40px; }
.product-list li {
  /* border-bottom: 1px solid #eb2123 !important; */
  display:inline-block; position:relative;
  width:200px;
  margin:0 -4px 30px 40px;
  text-align:center; vertical-align:top;
  /* -webkit-transition: all 0.3s ease; */
  /* -moz-transition: all 0.3s ease; */
  /* -o-transition: all 0.3s ease; */
  transition: all 0.3s ease;
  border-bottom:1px solid #fff;
  overflow:hidden;
  }

.product-list li:hover { background:#f5f5f500;  }

.product-list li h3 {
  padding:15px 5px 5px;
  font-size:15px;
  line-height:22px;
  background:#fff;
  /* text-overflow: ellipsis; */
  text-align: left;
  overflow: hidden;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }
.product-list li h6 { padding: 0 5px; font-size:15px; background:#fff; color:#8d8d8d; text-align: left; }
.product-list li img { width:100%; }

.product-list li .link { background: white; position:absolute; width:100%; text-align:center; bottom:-47px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.product-list li:hover .link { bottom:-2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.product-list li .link a { display:inline-block; width:200px; height:40px; color:#fff; text-align:center;  }
.product-list li .link a span { display:table-cell; width:196px; height:40px; font-size:20px; line-height:44px; vertical-align:middle; text-align:center; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 200px center; overflow:hidden; border:2px solid #eb2123; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.product-list li .link a:hover span { text-indent:-45px; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 95px center; }

.product-list li .noitem { position:absolute; width:100%; text-align:center; bottom:-47px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.product-list li:hover .noitem {background: white; bottom:-2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.product-list li .noitem a { display:inline-block; width:200px; height:40px; color:#fff; text-align:center;  }
.product-list li .noitem a span { display:table-cell; width:196px; height:40px; font-size:20px; line-height:44px; vertical-align:middle; text-align:center; background:#666; overflow:hidden; border:2px solid #666; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.product-list li .new { position:absolute; width:53px; height:60px; text-indent:-9999px; background:url(../images/icon-new.png) no-repeat; top:0; left:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.product-list li:hover .new { left:-55px; top:30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.product-list li .sale { position:absolute; width:53px; height:60px; text-indent:-9999px; background:url(../images/icon-sale-ok.png) no-repeat; top:0; left:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.product-list li:hover .sale { left:0px; top:-60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }


.topmar { margin-top:101px; }

.product-groups { float:left; width:100%; margin:101px 0 20px 0;  text-align:center; color:#666; font-size:20px; }
.product-groups h3 { padding-bottom:5px; }
.product-groups li { display:inline-block; margin-right:6px; }
.product-groups li:last-child { margin-right:0; }
.product-groups li:last-child small { display:none; }
.product-groups li a { display:inline-block; font-size:18px; }
.product-groups li a.current { color:#eb2123; }
.product-groups small,small.line-line { display:inline-block; content:""; width:10px; height:1px; margin-left:10px; vertical-align:middle; background:#ccc; }

.product-detail { float:left; width:100%; margin-top:71px; padding:20px 0; color:#666; font-size:20px; }

#wrap-product { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; }
#inner-product { position: relative; width: 100%; margin-top:100px; overflow: hidden; }
#carousel .box { margin:0 auto; width: 1400px; text-align:center; }
#carousel .box .group a { color:#999; }
#carousel .box .group a:hover { color:#eb2123; }
#carousel .box small.subgroup a { padding:0 10px; color:#999; vertical-align:middle; font-size:18px; }
#carousel .box small.subgroup a:hover { color:#eb2123; }
#carousel .box small.subgroup:before,#carousel .box small.subgroup:after { display:inline-block; content:""; width:10px; height:1px; vertical-align:middle; background:#ccc; }
#carousel .box .name { padding-bottom:10px; }
#prev, #next { display: block; position: absolute; width: 28px; height: 48px; margin-top: -40px; top: 50%; z-index: 2; }
#prev { position: fixed;left: 10px; /*50%*/ background: url( ../images/ui-prev.png ) no-repeat 0px 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.5;}
#prev:hover { background: url( ../images/ui-prev.png ) no-repeat -28px 0; }
#next { position: fixed;right: 10px;/*50%*/ background: url( ../images/ui-next.png ) no-repeat -28px 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.5;}
#next:hover { background: url( ../images/ui-next.png ) no-repeat 0 0; }

.product-detail-pic { float:left; position:relative; width:100%; overflow:hidden; }
.product-detail-pic img { display: inline-block; width: 50%;  }


.product-detail-code { float: left; width:100%; padding-top: 30px; }
.product-detail-code ul { }
.product-detail-code ul li { float: left; width: 25%;  }
.product-detail-code small { padding-right: 3px; font-size: 18px; }

.product-descrition { float: left; width: 100%; }
.product-descrition h3 {
    padding-top: 20px;
    border-bottom: 1px solid #eee;
}
.product-descrition p { padding-bottom: 0; }

.box-left-product { float: left; width: 50%;text-align: -webkit-center; }

.left-code { left:0; }
.right-code { right:0; }

.des-top { top:900px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.des-down { top:0px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.product-detail-code .warpcode { display:table-cell; height:100%; vertical-align:middle; }
.product-detail-code .box-co { display:table; width:100px; height:100px; margin:5px 0; text-align:center; }
.product-detail-code .box-co span { display:table-cell; width:100px; height:100px; vertical-align:middle;  border:1px solid #ddd; background:#fff; -webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;  }
.product-detail-code .box-co h4 { display:table-cell; width:100px; height:100px; vertical-align: middle; }
.product-detail-code .box-co p { padding:0; line-height:10px; }
.product-detail-code .box-co a { display:block; width:100px; height:100px; border:1px solid rgba(221,221,221,1); background:#fff; cursor:pointer; -webkit-border-radius: 90px;-moz-border-radius: 90px;border-radius: 90px;  }
.product-detail-code .box-co a:hover { border:1px solid rgba(233,33,35,1); }
.product-detail-code .box-co small { white-space:nowrap; }

.product-detail-des { float: right; width:50%; text-align:left; background:rgba(255,255,255,0.9); z-index:2; }
.product-detail-des p { font-size:18px; }
.product-detail-des h3 { padding-top:20px; border-bottom:1px solid #eee; }
.product-detail-des .close-des { position:absolute; width:30px; height:30px; margin-left: auto; margin-right:auto; text-indent:-99999px; left:0; right:0; bottom:0; cursor:pointer; background:url(../images/but-close.png) no-repeat center center; }
.product-detail-des .close-des:hover {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg); }
.contentHolder { position:relative;margin:0 auto; padding:0; width: 650px; height: 500px; overflow: hidden; }

.product-detail-con { float:left; width:100%; margin:20px 0 0 0; text-align:center; vertical-align:top; }
.product-detail-con h4 { margin-bottom:20px; font-size:30px; font-family:'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }
.product-detail-con .quantity { display:inline-block; width:150px; margin-right:6px; border:1px solid #ddd; vertical-align:top; }
.product-detail-con .quantity input[type="text"] { float:left; width:50px; height:50px; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; text-align:center; }
.product-detail-con .buttonquantity { float:left; width:50px; height:50px; font-family: Arial, Helvetica, sans-serif; font-size:20px; text-align:center; line-height:50px; background:#ddd; cursor:pointer; webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.product-detail-con .buttonquantity:hover { color:#fff; background:#eb2132; }
.product-detail-con .addtocart { display:inline-block; width:250px; border:1px solid #ccc; }
.product-detail-con .noitem { display:inline-block; width:196px; height:50px; color:#fff; font-size:20px; line-height:52px; background:#666; text-align:center; }
.product-detail-con .noitem a { color:#fff; }

.product-detail-con .link { display:inline-block; vertical-align:top; }
.product-detail-con .link a { display:block; width:100%; height:50px; color:#fff; text-align:center;  }
.product-detail-con .link a span {
  display:table-cell;
  width:170px;
  height:48px;
  font-size:20px;
  line-height:44px;
  vertical-align:middle;
  text-align:center;
  background:#eb2123
  /* url(../images/icon-mini-cart.png) */
  no-repeat 200px center;
  overflow:hidden;
  border:2px solid #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
/* .product-detail-con .link a:hover span { text-indent:-45px; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 95px center; } */

 .product-detail-con .link a:hover span {background: #a5181a;}

.product-detail-con .link button[type="submit"] { display:block; width:200px; height:52px; color:#fff; text-align:center;  }
.product-detail-con .link button[type="submit"] span { display:table-cell; width:196px; height:52px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; line-height:44px; vertical-align:middle; text-align:center; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 200px center; overflow:hidden; border:2px solid #eb2123; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.product-detail-con .link button[type="submit"]:hover span { text-indent:-45px; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 95px center; }

/*.ani-titleline { -webkit-animation: ani-titleline 1s ease-in-out ; -moz-animation: ani-titleline 1s ease-in-out ; -o-animation: ani-titleline 1s ease-in-out ; animation: ani-titleline 1s ease-in-out ; }
@-webkit-keyframes ani-titleline { 0% { -webkit-transform: translateX(-2000px);} 80% { -webkit-transform: translateX(20px);} 100% { -webkit-transform:translateX(0);}}
@-moz-keyframes ani-titleline { 0% { -moz-transform: translateX(-2000px);} 80% { -moz-transform: translateX(20px);} 100% { -moz-transform:translateX(0);}}
@-o-keyframes ani-titleline { 0% { -o-transform: translateX(-2000px);} 80% { -o-transform: translateX(20px);} 100% { -o-transform:translateX(0);}}
@keyframes ani-titleline { 0% { transform: translateX(-2000px);} 80% { transform: translateX(20px);} 100% { transform:translateX(0);}}*/

.img-product { position: relative; width: 100%; }
.wishlist { position: absolute; width: 40px; height: 40px; background: #fff; border-radius: 50%; left: 0; right: 0; top: 0; margin-left: auto; margin-right: auto; z-index: 2; }
.wishlist a { display: block; width: 100%; height: 100%; background: url(../images/icon-wishlist.png) no-repeat 0 0; }
.wishlist a.current { background-position: 0 -40px; }

/* Member ======================================================= */
.member-zone { float:left; width:100%; margin-top:101px; padding:20px 0; color:#666; font-size:20px; text-align:center; }
.member-zone h2 { font-size:30px; }
.member-zone h2.pb { padding-bottom:0; }
.member-zone small.totalitem strong { display:inline-block; margin-bottom:20px; padding:0 10px; font-size:20px; color:#eb2123; font-weight:normal; }
.member-zone small.totalitem:before,.member-zone small.totalitem:after { display:inline-block; content:""; width:10px; height:1px; vertical-align:middle; background:#ccc; }
.member-zone .box-table { display:table; width:100%; min-height:600px; text-align: center; }
.member-zone .box-cell { display:table-cell; width:100%; vertical-align:middle; }
.member-zone .box-cell h2 { padding-bottom:20px; font-size:30px; }

.member-zone .box-cell input[type="text"],.member-zone .box-cell input[type="password"],select.select-but { display:inline-block; width:300px; margin-left:10px; padding:10px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; }
select[type="text"] { display:inline-block; width:320px; margin-left:10px; padding:10px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; }
.member-zone .box-cell input[type="text"]:focus, .member-zone .box-cell input[type="password"]:focus ,.member-zone .box-cell input[type="file-disable"]:focus { border:1px solid #eb2123 !important; -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5);-moz-box-shadow:    0px 0px 5px rgba(255, 0, 0, 0.5);box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.member-zone .box-cell input[type="file-disable"] { display:inline-block; width:300px; margin-left:10px; padding:10px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; }
.member-zone .box-cell input[type=submit],.member-zone .box-cell input[type=botton] { width:280px; margin-top:15px; padding:15px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#fff; font-size:20px; background:#666; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.member-zone .box-cell input[type=submit]:hover, .member-zone .box-cell input[type=botton]:hover { background:#eb2123; }
.member-zone .box-cell input[type=radio].css-radio { display:none; }
.member-zone .box-cell input[type=radio].css-radio + label.css-label2 { display:inline-block; padding-left:30px; height:25px; line-height:25px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }
.member-zone .box-cell input[type=radio].css-radio:checked + label.css-label2 { background-position:0 -40px; }
.member-zone .box-cell .css-label2 { margin:0 15px 0 0; font-weight:normal; width:auto; background:url(../images/radio-off-on.png) no-repeat; }
.member-zone .box-cell span { display:inline-block; text-align:right; }
.member-zone .box-cell .forg { font-size:18px; }
.member-zone .logi { margin:0 auto; width:724px; padding:10px 0; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; }
.member-zone .logi p { padding:10px 0; }
.member-zone .logi .radi { display:inline-block; width:322px; margin-left: 10px; font-weight:normal; font-size:18px; text-align:left; }
.member-zone .linkfor { margin:0 auto; width:724px; margin-top:20px; text-align:left; font-size:18px; }
.member-zone .linkfor span { float:right; }
.member-zone .linkfor a { color:#eb2123; }
.member-zone .linkfor a:hover { color:#666; }
.member-zone .linkfor .mark { padding:0; font-size:16px; color:#999; }

/* Cart ======================================================= */
.cart-zone { float:left; width:100%; margin-top:80px; padding:0; color:#666; font-size:20px; /* text-align:center; */  }
.cart-zone h2 { font-size:30px; }
.cart-zone small.totalitem span { padding:0 10px; font-size:20px; color:#eb2123; }
.cart-zone small.totalitem:before,.cart-zone small.totalitem:after { display:inline-block; content:""; width:10px; height:1px; vertical-align:middle; background:#ccc; }
.cart-zone .listshop { float:left; width:100%; margin:20px 0; text-align:left; }
.cart-zone .listshop ul.listitem { float:left; width:100%; border-top:1px dashed #f0f0f0; }
.cart-zone .listshop ul.listitem li { float:left; width:100%; padding:3px 0; border-bottom:1px dashed #f0f0f0; }
.cart-zone .listshop ul.listitem li h4 { display:block; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.cart-zone .listshop ul.listitem li small { display:block; margin-top:20px; font-size:18px; color:#666; font-weight: bold; }
.cart-zone .listshop ul.listitem li p { padding:0; color:#666; font-weight: bold;}
.cart-zone .listshop ul.listitem li img { float:left; margin-right:20px; }
.cart-zone .listshop ul.listitem .pic-name { float:left; width:800px; }
.cart-zone .listshop ul.listitem .plus-delete { float:right; margin:45px 0 0 0; }


.cart-zone .listshop ul.listitem .quantity { display:inline-block; width:120px; margin-right:6px; border:1px solid #ddd; vertical-align:top; }
.cart-zone .listshop ul.listitem .quantity input[type="text"] { float:left; width:40px; height:40px; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; text-align:center; }
.cart-zone .listshop ul.listitem .buttonquantity,.cart-zone .listshop ul.listitem .buttonquantity-branch { float:left; width:40px; height:40px; font-family: Arial, Helvetica, sans-serif; font-size:20px; text-align:center; line-height:40px; background:#ddd; cursor:pointer; webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.cart-zone .listshop ul.listitem .buttonquantity:hover { color:#fff; background:#eb2132; }
.cart-zone .listshop ul.listitem .buttonquantity:hover a { color:#fff; }


.cart-zone .listshop ul.listitem .quantity-promotion,img.img-bpr-disable { display:inline-block; width:40px; margin-right:6px; border:1px solid #ddd; vertical-align:top; }
.cart-zone .listshop ul.listitem .quantity-promotion input[type="text"] { float:left; width:40px; height:40px; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; text-align:center; }

.cart-zone .listshop ul.listitem .plus-delete .delete { display:inline-block; position:relative; width:30px; height:30px; margin-top:6px; }
.cart-zone .listshop ul.listitem .plus-delete .delete a { position:absolute; width:30px; height:30px; margin-left: auto; margin-right:auto; text-indent:-99999px; right:0; bottom:0; cursor:pointer; background:url(../images/but-close-g.png) no-repeat center center; }
.cart-zone .listshop ul.listitem .plus-delete .delete a:hover {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg); }

.cart-zone .listshop .box-sub2 { display:table; width:100%; }
.cart-zone .listshop .box-sub2 input[type="text"] {
    display: inline-block;
    width: 300px;
    padding: 10px;
    font-family: 'rsuregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #666;
    font-size: 18px;
    background: #fff;
    border: 1px solid #ddd;
}
input#code_discount {
    width: 50px;
}
input.buttonquantity {display: inline-block;width: 196px;height: 47px;padding: 0;font-family: 'rsuregular', Arial, Helvetica, sans-serif;
    font-weight: normal;font-size: 20px;line-height: 44px;text-align: center;color: #666;background: #ddd;
    overflow: hidden;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;transition: all 0.3s ease;}
input.buttonquantity:hover { color:#fff; background:#eb2123 ; }

.manage{text-align: center;}

.color-pink-cam { float:left; width:100%; margin-top:10px; font-size:18px !important; color:#d12561 !important;  }

.cart-zone .listshop ul.sub-cam { display:table-cell; width:65%; color:#d12561; border-bottom:1px solid #ddd; }
.cart-zone .listshop ul.sub-cam p { display:block; width:100%; }

.cart-zone .listshop ul.sub-total { display:table-cell; width:35%; text-align:right; border-bottom:1px solid #ddd; }
/*.cart-zone .listshop ul.sub-total { float:left; width:100%; text-align:right; border-bottom:1px solid #ddd; }*/
.cart-zone .listshop ul.sub-total span { padding-left:20px; font-size:34px; color:#eb2123; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }

.cart-zone .listshop ul.check-out { float:left; width:100%; margin:20px 0 0 0; }
.cart-zone .listshop ul.check-out li { text-align:center; vertical-align:top; }
.cart-zone .listshop ul.check-out li.right { float:right; }
.cart-zone .listshop ul.check-out a.butcon { float:left; display:block; width:196px; height:50px; text-align:center; line-height:50px; background:#ddd; margin:0 0 0 5px ; }
.cart-zone .listshop ul.check-out a.butcon:hover { color:#fff; background:#eb2123; }
.cart-zone .listshop ul.check-out a.topay { display:inline-block; width:200px; height:50px; text-align:center; line-height:50px; color:#fff; background:#666; }
.cart-zone .listshop ul.check-out a.topay:hover { color:#fff; background:#eb2123; }
.cart-zone .listshop ul.check-out a.tocon { display:inline-block; width:200px; height:50px; text-align:center; line-height:50px; color:#fff; background:#666; }
.cart-zone .listshop ul.check-out a.tocon:hover { color:#fff; background:#eb2123; }

.cart-zone .listshop ul.check-out li.right input[type="submit"] { display:inline-block; width:196px; height:50px; padding:0; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; line-height:44px; text-align:center; color:#666; background:#ddd; overflow:hidden; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.cart-zone .listshop ul.check-out li.right input[type="submit"]:hover { color:#fff; background:#eb2123 ; }

.cart-zone .listshop ul.check-out input[type=submit], .cart-zone .listshop ul.check-out input[type=botton] { width:280px; padding:15px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#fff; font-size:20px; background:#666; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.cart-zone .listshop ul.check-out input[type=submit]:hover, .cart-zone .listshop ul.check-out input[type=botton]:hover { background:#eb2123; }

.cart-zone .listshop ul.listcheckout { float:left; }
.cart-zone .listshop ul.listcheckout li { float:left; padding:3px 0; }
.cart-zone .listshop ul.listcheckout h3 { margin-bottom:20px; border-bottom:1px solid #ddd; }

.cart-zone .listshop ul.listcheckout li.listpro { float:left; width:400px; margin:0 40px 20px 0; }
.cart-zone .listshop ul.listcheckout ul.pic-name { float:left; width:100%; }
.cart-zone .listshop ul.listcheckout ul.pic-name li { width:100%; border-bottom:1px dashed #f0f0f0; }
.cart-zone .listshop ul.listcheckout ul.pic-name h4 { display:block; font-size:18px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.cart-zone .listshop ul.listcheckout ul.pic-name small { display:block; margin-top:20px; font-size:16px; color:#999; }
.cart-zone .listshop ul.listcheckout ul.pic-name p { padding:0; color:#999; font-size:16px; }
.cart-zone .listshop ul.listcheckout ul.pic-name img { float:left; margin-right:20px; }

.cart-zone .listshop ul.listcheckout li.shipping { float:left; width:560px;  margin:0 40px 20px 0; }
.cart-zone .listshop ul.listcheckout li.shipping p { padding:10px 0 0 0; }
.cart-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"] { display:inline-block; width:300px; margin-left:10px; padding:10px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; }
.cart-zone .listshop ul.listcheckout li.shipping select { display:inline-block; width:322px; margin-left:4px; padding:10px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; }
.cart-zone .listshop ul.listcheckout li.shipping input[type="text"]:focus, .listshop ul.listcheckout li.shipping input[type="password"]:focus, .cart-zone .listshop ul.listcheckout li.shipping select:focus { border:1px solid #eb2123 !important; -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5);-moz-box-shadow:    0px 0px 5px rgba(255, 0, 0, 0.5);box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.cart-zone .listshop ul.listcheckout li.shipping input[type=submit], .listshop ul.listcheckout li.shipping input[type=botton] {display:inline-block; width:200px; height:48px; font-size:18px; line-height:50px; background:#ddd; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.cart-zone .listshop ul.listcheckout li.shipping input[type=submit]:hover, .listshop ul.listcheckout li.shipping input[type=botton]:hover { color:#fff; background:#eb2123; }
.cart-zone .listshop ul.listcheckout li.shipping span { display:inline-block; width:200px; text-align:right; }

.cart-zone .listshop ul.listcheckout li.shipping .butup { width:100%; margin-top:20px; text-align:center; }

.cart-zone .listshop ul.listcheckout li.payment { float:left; width:360px; margin:0 0 20px 0; }
.cart-zone .listshop ul.listcheckout li.payment p { padding:15px 0 0 0; }
.cart-zone .listshop ul.listcheckout li.payment input[type=radio].css-radio { display:none; }
.cart-zone .listshop ul.listcheckout li.payment input[type=radio].css-radio + label.css-label2 { display:inline-block; padding-left:30px; height:25px; line-height:25px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }
.cart-zone .listshop ul.listcheckout li.payment input[type=radio].css-radio:checked + label.css-label2 { background-position:0 -40px; }
.cart-zone .listshop ul.listcheckout li.payment .css-label2 { margin:0 15px 0 0; font-weight:normal; width:auto; background:url(../images/radio-off-on.png) no-repeat; }

.cart-zone .listshop ul.listcheckout .butlink { width:100%; margin-top:20px; text-align:center; }
.cart-zone .listshop ul.listcheckout a.butlink { display:inline-block; width:200px; height:50px; font-size:18px; line-height:50px; background:#ddd; }
.cart-zone .listshop ul.listcheckout a.butlink:hover { color:#fff; background:#eb2123; }

.cart-zone .listshop ul.sub-total-grand { float:left; width:100%; text-align:right; border-bottom:1px solid #ddd; }
.cart-zone .listshop ul.sub-total-grand p { padding:0; border-top:1px dashed #f0f0f0; }
.cart-zone .listshop ul.sub-total-grand span.ser { padding-left:20px; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }
.cart-zone .listshop ul.sub-total-grand span.ser input[type="text"] { width:100px; padding-right: 10px; font-size: 20px; text-align: right; font-family: 'Telex' Arial, Helvetica, sans-serif; color:#666; font-weight:normal; }
.cart-zone .listshop ul.sub-total-grand span.vat { padding-left:20px; color:#eb2123; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }
.cart-zone .listshop ul.sub-total-grand span.vat input[type="text"] { width:100px; padding-right: 10px; font-size: 20px; text-align: right; font-family: 'Telex' Arial, Helvetica, sans-serif; color:#eb2123; font-weight:normal; }
.cart-zone .listshop ul.sub-total-grand span.grand { padding-left:20px; font-size:34px; color:#eb2123; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }
.cart-zone .listshop ul.sub-total-grand span.grand input[type="text"] { width:200px; font-size: 34px; text-align: right; font-family: 'Telex' Arial, Helvetica, sans-serif; color:#eb2123; font-weight:normal; }

.cart-zone .thank  { float:left; width:100%; margin:20px 0; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0;  }
.cart-zone .box-table { display:table; width:100%; min-height:600px; }
.cart-zone .box-cell { display:table-cell; width:100%; vertical-align:middle; }
.cart-zone .box-cell h2 { padding-bottom:20px; font-size:30px; text-align: center; }
.cart-zone .wording { margin:0 auto; /*width:724px;*/ padding:10px 0; text-align:left; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; }
.cart-zone .wording p { padding:10px 0; }
.cart-zone .wording span { color:#eb2123; }
.cart-zone .box-cell a.butlink { display:inline-block; width:200px; height:50px; margin-top:20px; font-size:18px; line-height:50px; background:#ddd; }
.cart-zone .box-cell a.butlink:hover { color:#fff; background:#eb2123; }

.cart-zone .red { color:#eb2123; }

h4.Pleaseremem {text-align: center;}

.myordery {text-align: center;margin-bottom: 1.5%!important;}

.tab-content-store { width:100%; padding-top:10px; }

.resp-tabs-list li { position: relative; }
.resp-tabs-list li span { position: absolute;     width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    top: -10px;
    right: 6px;
    background: #eb2123;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px; }

.inner { width:100%; }
.tabs-store { width: 100%; height: 40px; border-bottom: 1px solid #eee; }
.tabs-store li { float: left; position: relative; height: 40px; margin: 0px 2px 0px 0; padding: 0; }
.tabs-store li a { display: block; height:40px; padding: 0 20px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-size:18px; line-height: 40px; border:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #eee; }
.tabs-store li a:hover { color:#d70a0a;}
.tabs-store li.active a, .tabs li.active a:hover { border:1px solid #eee; border-top:1px solid #d70a0a; border-bottom:1px solid #fff; }
.tabs-store li.active:after { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: -1px; left: 0; z-index: 2; }

.tab_container { overflow: hidden; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; }
.tab_content { margin:10px 20px ; font-size:14px; /* 20 - border */ }
.tab_content h2 { position:relative; font-size:18px; }
.tab_content h2:after { content:''; position:absolute; width:18px; height:1px; background:#d70a0a; left:0; bottom:0; }
.tab_content img { max-width:100%; }


.resp-tabs-list {
  margin: 0px;
  padding: 0px;
}
.resp-tabs-list li {
  display: inline-block; position: relative;
 border:1px solid #fff;
  padding: 10px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left; font-size:20px;
}
.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 10px;
  text-align: left;
  float: left;
  width: 100%;
}
.resp-tab-content p:first-child { margin:0; }

.resp-tab-active { position: relative;
  border-left: 1px solid #ddd !important;
  border-top:1px solid #f54336 !important;
  border-right: 1px solid #ddd !important;
  padding: 10px 15px !important;
}
.resp-tab-active:before { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; left: 0; bottom: -2px; }

.resp-tab-active {
  border-bottom: none;
  background-color: #fff;
}

.resp-content-active,
.resp-accordion-active { display: block; }

.resp-tab-content { border: 1px solid #ddd; }

h2.resp-accordion {
  border: 1px solid #ddd;
  border-top: 0px solid #d70a0a;
  margin: 0px;
  padding: 10px 15px;
  font-size:16px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #ddd !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #eee !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #eee;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ccc;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #777;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #eee !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #eee; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #eee !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #eee !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/


/* ช่อง input หมายเลขการสั่งซื้อ */
input#searchdocno {
    display: inline-block;
    width: 200px;
    margin-left: 10px;
    padding: 10px;
    font-family: 'rsuregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #666;
    font-size: 18px;
    background: #fff;
    border: 1px solid #ddd;
}
/* ปุ่มค้นหา หมายเลขการสั่งซื้อ */
/* input.butsearch {
    padding: 10px;
    width: 80px;
    font-family: 'rsuregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 20px;
    background: #666;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
} */

h4.user-order{margin-top: 10px;}

hr.line-red{border-bottom: 1px solid #eb2123;margin-bottom: 30px;margin-top: 30px;}

img.picmember{padding-right:1%;}

span.sp-width{
    vertical-align: middle!important;
    width: auto!important;
}

button.new-but {
    display: inline-block;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    background: #ddd;
    margin-left: 10px;
    padding: 0 4.3px;
}

button.new-but:hover {
    color: #fff;
    cursor: pointer;
    background: #eb2123;
}

img.qr-promt {
    width: 20px;
    vertical-align: sub;
    padding: 0 5px;
}

img.qr-code-promt {
    width: 20%;
}

.text-red {
    color: #eb2123;
}
.text-gray {
    color: gray;
}
.font15 {
    font-size: 15px;
}
.padding-top15{
    padding-top: 10px;
}
.font600 {
    font-weight: 600;
}
.bg-promt {
    background: #0e3d67;
}
.text-wgite {
    color: white;
}
.qr-code-promt-logo {
  width: 10%;
  padding-top: 5px;
}
.bg-button-event{
  background: #eb2123c7 !important;
}
.bg-button-event:hover{
  background: #eb2123!important;
  /* opacity: 1.5; */
}

/* Account ======================================================= */
.acc-zone { float:left; width:100%; margin-top:101px; padding:0; color:#666; font-size:20px; text-align:center;  }
.acc-zone h2 { font-size:30px; }
.acc-zone small.totalitem span { padding:0 10px; font-size:20px; color:#eb2123; }
.acc-zone small.totalitem:before,.acc-zone small.totalitem:after { display:inline-block; content:""; width:10px; height:1px; vertical-align:middle; background:#ccc; }
.acc-zone .listshop { float:left; width:100%; margin:20px 0; text-align:left; }
.acc-zone .listshop ul.listitem { float:left; border-top:1px solid #f0f0f0; }
.acc-zone .listshop ul.listitem li { float:left; width:100%; padding:3px 0; border-bottom:1px dashed #f0f0f0; }
.acc-zone .listshop ul.listitem li h4 { display:block; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.acc-zone .listshop ul.listitem li small { display:block; margin-top:20px; font-size:18px; color:#999; }
.acc-zone .listshop ul.listitem li p { padding:0; color:#999; }
.acc-zone .listshop ul.listitem li img { float:left; margin-right:20px; }
.acc-zone .listshop ul.listitem .pic-name { float:left; width:800px; }
.acc-zone .listshop ul.listitem .plus-delete { float:right; margin:45px 0 0 0; }

.acc-zone .listshop ul.listitem .quantity { display:inline-block; width:120px; margin-right:6px; border:1px solid #ddd; vertical-align:top; }
.acc-zone .listshop ul.listitem .quantity input[type="text"] { float:left; width:40px; height:40px; font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; text-align:center; }
.acc-zone .listshop ul.listitem .buttonquantity { float:left; width:40px; height:40px; font-family: Arial, Helvetica, sans-serif; font-size:20px; text-align:center; line-height:40px; background:#ddd; cursor:pointer; webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.acc-zone .listshop ul.listitem .buttonquantity:hover { color:#fff; background:#eb2132; }

.acc-zone .listshop ul.listitem .plus-delete .delete { display:inline-block; position:relative; width:30px; height:30px; margin-top:6px; }
.acc-zone .listshop ul.listitem .plus-delete .delete a { position:absolute; width:30px; height:30px; margin-left: auto; margin-right:auto; text-indent:-99999px; right:0; bottom:0; cursor:pointer; background:url(../images/but-close-g.png) no-repeat center center; }
.acc-zone .listshop ul.listitem .plus-delete .delete a:hover {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg); }

.acc-zone .listshop ul.sub-total { float:left; width:100%; text-align:right; border-bottom:1px solid #ddd; }
.acc-zone .listshop ul.sub-total span { padding-left:20px; font-size:34px; color:#eb2123; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }

.acc-zone .listshop ul.check-out { float:left; width:100%; margin:20px 0 0 0; border-top:1px solid #ddd; }
.acc-zone .listshop ul.check-out li { text-align:center; }
.acc-zone .listshop ul.check-out a.butcon { float:left; display:block; width:196px; height:50px; text-align:center; line-height:50px; background:#ddd; }
.acc-zone .listshop ul.check-out a.butcon:hover { color:#fff; background:#eb2123; }
.acc-zone .listshop ul.check-out a.topay { float:right; display:block; width:200px; height:50px; text-align:center; line-height:50px; color:#fff; background:#666; }
.acc-zone .listshop ul.check-out a.topay:hover { color:#fff; background:#eb2123; }
.acc-zone .listshop ul.check-out a.tocon { display:inline-block; width:200px; height:50px; text-align:center; line-height:50px; color:#fff; background:#666; }
.acc-zone .listshop ul.check-out a.tocon:hover { color:#fff; background:#eb2123; }

.acc-zone .listshop ul.listcheckout { float:left; }
.acc-zone .listshop ul.listcheckout li { float:left; padding:3px 0; }
.acc-zone .listshop ul.listcheckout h3 { margin-bottom:20px; border-bottom:1px solid #ddd; }

.acc-zone .listshop ul.listcheckout li.listpro { float:left; width:400px; margin:0 40px 20px 0; }
.acc-zone .listshop ul.listcheckout ul.pic-name { float:left; width:100%; }
.acc-zone .listshop ul.listcheckout ul.pic-name li { width:100%; border-bottom:1px dashed #f0f0f0; }
.acc-zone .listshop ul.listcheckout ul.pic-name h4 { display:block; font-size:18px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.acc-zone .listshop ul.listcheckout ul.pic-name small { display:block; margin-top:20px; font-size:16px; color:#999; }
.acc-zone .listshop ul.listcheckout ul.pic-name p { padding:0; color:#999; font-size:16px; }
.acc-zone .listshop ul.listcheckout ul.pic-name img { float:left; margin-right:20px; }

.acc-zone .listshop ul.listcheckout li.shipping { float:left; width:560px;  margin:0 40px 20px 0; }
.acc-zone .listshop ul.listcheckout li.shipping p { padding:10px 0 0 0; }
.acc-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"], textarea#add_4, u.divshow_pv{ display:inline-block; width:300px; margin-left:10px; padding:10px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; }
.acc-zone .listshop ul.listcheckout li.shipping select { display:inline-block; width:322px; margin-left:10px; padding:10px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:18px; background:#fff; border:1px solid #ddd; }
.acc-zone .listshop ul.listcheckout li.shipping input[type="text"]:focus, .listshop ul.listcheckout li.shipping input[type="password"]:focus, .acc-zone .listshop ul.listcheckout li.shipping select:focus { border:1px solid #eb2123 !important; -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5);-moz-box-shadow:    0px 0px 5px rgba(255, 0, 0, 0.5);box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.acc-zone .listshop ul.listcheckout li.shipping input[type=submit], .listshop ul.listcheckout li.shipping input[type=botton] {display:inline-block; width:200px; height:48px; font-size:18px; line-height:50px; background:#ddd; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.acc-zone .listshop ul.listcheckout li.shipping input[type=submit]:hover, .listshop ul.listcheckout li.shipping input[type=botton]:hover { color:#fff; background:#eb2123; }
.acc-zone .listshop ul.listcheckout li.shipping input[type=radio].css-radio { display:none; }
.acc-zone .listshop ul.listcheckout li.shipping input[type=radio].css-radio + label.css-label2 { display:inline-block; padding-left:30px; height:25px; line-height:25px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }
.acc-zone .listshop ul.listcheckout li.shipping input[type=radio].css-radio:checked + label.css-label2 { background-position:0 -40px; }
.acc-zone .listshop ul.listcheckout li.shipping .css-label2 { margin:0 15px 0 0; font-weight:normal; width:auto; background:url(../images/radio-off-on.png) no-repeat; }

.acc-zone .listshop ul.listcheckout li.shipping span { display:inline-block; width:200px; text-align:right; }

.acc-zone .listshop ul.listcheckout li.shipping .butup { width:100%; margin-top:20px; text-align:center; }
.acc-zone .listshop ul.listcheckout li.shipping .radi { display:inline-block; width:322px; margin-left: 10px; font-weight:normal; font-size:18px; text-align:left; }

.acc-zone .listshop ul.listcheckout li.ordershort { float:left; width:200px; margin:0 0 20px 0; }
.acc-zone .listshop ul.listcheckout li.ordershort p { padding:0px 0 0 0; text-align: center;}
.acc-zone .listshop ul.listcheckout li.ordershort input[type=radio].css-radio { display:none; }
.acc-zone .listshop ul.listcheckout li.ordershort input[type=radio].css-radio + label.css-label2 { display:inline-block; padding-left:30px; height:25px; line-height:25px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }
.acc-zone .listshop ul.listcheckout li.ordershort input[type=radio].css-radio:checked + label.css-label2 { background-position:0 -40px; }
.acc-zone .listshop ul.listcheckout li.ordershort .css-label2 { margin:0 15px 0 0; font-weight:normal; width:auto; background:url(../images/radio-off-on.png) no-repeat; }

.acc-zone .listshop ul.listcheckout .butlink,input[type="file"] { width:100%; margin-top:10px; text-align:center; }
.acc-zone .listshop ul.listcheckout a.butlink { display:inline-block; width:200px; height:50px; font-size:18px; line-height:50px; background:#ddd; }
img.img-bpr,input[type="file"]{width:200px;}
.acc-zone .listshop ul.listcheckout a.butlink:hover { color:#fff; background:#eb2123; }

.acc-zone .listshop ul.sub-total-grand { float:left; width:100%; text-align:right; border-bottom:1px solid #ddd; }
.acc-zone .listshop ul.sub-total-grand p { padding:0; border-top:1px dashed #f0f0f0; }
.acc-zone .listshop ul.sub-total-grand span.ser { padding-left:20px; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }
.acc-zone .listshop ul.sub-total-grand span.vat { padding-left:20px; color:#eb2123; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }
.acc-zone .listshop ul.sub-total-grand span.grand { padding-left:20px; font-size:34px; color:#eb2123; font-family: 'Telex' Arial, Helvetica, sans-serif; font-weight:normal; }

.acc-zone .listshop input[type=submit],.acc-zone .listshop input[type=botton] { width:280px; margin-top:20px; padding:15px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#fff; font-size:20px; background:#666; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.acc-zone .listshop input[type=submit]:hover,.acc-zone .listshop input[type=botton]:hover { background:#eb2123; }

.acc-zone .thank  { float:left; width:100%; margin:20px 0; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0;  }
.acc-zone .box-table { display:table; width:100%; min-height:600px; }
.acc-zone .box-cell { display:table-cell; width:100%; vertical-align:middle; }
.acc-zone .box-cell h2 { padding-bottom:20px; font-size:30px; }
.acc-zone .wording { margin:0 auto; width:724px; padding:10px 0; text-align:left; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; }
.acc-zone .wording p { padding:10px 0; }
.acc-zone .wording span { color:#eb2123; }
.acc-zone .box-cell a.butlink { display:inline-block; width:200px; height:50px; margin-top:20px; font-size:18px; line-height:50px; background:#ddd; }
.acc-zone .box-cell a.butlink:hover { color:#fff; background:#eb2123; }

/* Order ======================================================= */
.order-zone { float:left; width:100%; margin-top:101px; padding:0; color:#666; font-size:20px; text-align:center;  }
.order-zone h2 { font-size:30px; }
.order-zone small.totalitem span { padding:0 10px; font-size:20px; color:#eb2123; }
.order-zone small.totalitem:before,.order-zone small.totalitem:after { display:inline-block; content:""; width:10px; height:1px; vertical-align:middle; background:#ccc; }

.order-zone .listorder { float:left; width:100%; position:relative; overflow:scroll; margin:20px 0; text-align:left; border-top:1px solid #f0f0f0; }
.order-zone .listorder ul { position:relative; min-width:760px; }
.order-zone .listorder li { float:left; width:100%; padding:5px 0; background:#fff; border-bottom:1px dashed #f0f0f0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.order-zone .listorder li:first-child { background:#f6f6f6; }
.order-zone .listorder li:hover { background:#fafafa; }
.order-zone .listorder li p { padding: 0 10px; }
.order-zone .listorder li p small { display:inline-block; padding:0 8px; font-family:Arial, Helvetica, sans-serif; color:#ccc }
.order-zone .listorder li p small:before { content:"|"; display:inline-block; width:1px; }
.order-zone .listorder .boxtableco { float:left; width:100%; font-size:18px; text-align:center; }
.order-zone .listorder .boxnum { float:left; width:80px; border-right:1px dashed #f0f0f0; }
.order-zone .listorder .boxcode { float:left; width:200px; border-right:1px dashed #f0f0f0; }
.order-zone .listorder .boxpay { float:left; width:150px; border-right:1px dashed #f0f0f0; }
.order-zone .listorder .boxship { float:left; width:500px; border-right:1px dashed #f0f0f0; }
.order-zone .listorder .boxstatus { float:left; width:315px; border-right:1px dashed #f0f0f0; }
.order-zone .listorder .boxdate { float:left;  }
.order-zone .listorder .color { font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; color:#666; }
.order-zone .listorder .green { color:#12a840; }
.order-zone .listorder .yellow { color:#f9c828; }
.order-zone .listorder .glay { color:#999; }
.order-zone .listorder .red { color:#eb2123; }
.order-zone .listorder .drop { color:#999; }

.order-zone-button { float:left; width:100%; margin-top:10px; padding:0; color:#666; font-size:20px; text-align:center;  }
.order-zone-button h2 { font-size:30px; }
.order-zone-button small.totalitem span { padding:0 10px; font-size:20px; color:#eb2123; }
.order-zone-button small.totalitem:before,.order-zone small.totalitem:after { display:inline-block; content:""; width:10px; height:1px; vertical-align:middle; background:#ccc; }

.order-zone-button .listorder { float:left; width:100%; position:relative; overflow:scroll; margin:20px 0; text-align:left; border-top:1px solid #efefef; border-bottom:1px solid #efefef;zoom: 85%;}
.order-zone-button .listorder ul { position:relative; min-width:760px; }
.order-zone-button .listorder li { float:left; width:100%; padding:5px 0; background:#fff; border-bottom:1px dashed #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.order-zone-button .listorder li:first-child { background:#f6f6f6; }
.order-zone-button .listorder li:first-child:hover {background: #f6f6f6;}
.order-zone-button .listorder li:hover { background:#fafafa; }
.order-zone-button .listorder li p { padding: 0 10px; }
.order-zone-button .listorder li p small { display:inline-block; padding:0 8px; font-family:Arial, Helvetica, sans-serif; color:#ccc }
.order-zone-button .listorder li p small:before { content:"|"; display:inline-block; width:1px; }
.order-zone-button .listorder .boxtableco { float:left; width:100%; font-size:18px; text-align:center; }
.order-zone-button .listorder .boxnum { float:left; width:80px; border-right:1px dashed #f0f0f0; }
.order-zone-button .listorder .boxcode { float:left; width:200px; border-right:1px dashed #f0f0f0; }
.order-zone-button .listorder .boxpay { float:left; width:150px; border-right:1px dashed #f0f0f0; }
.order-zone-button .listorder .boxship { float:left; width:500px; border-right:1px dashed #f0f0f0; }
.order-zone-button .listorder .boxstatus { float:left; width:250px; border-right:1px dashed #f0f0f0; }
.order-zone-button .listorder .boxdate { float:left; width: 170px; }
.order-zone-button .listorder .color { font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; color:#666; }
.order-zone-button .listorder .green { color:#12a840; }
.order-zone-button .listorder .yellow { color:#f9c828; }
.order-zone-button .listorder .glay { color:#999; }
.order-zone-button .listorder .red { color:#eb2123; }
.order-zone-button .listorder .drop { color:#999; }

/* Search ======================================================= */
.search-groups { float:left; width:100%; margin:121px 0 20px 0;  text-align:center; color:#666; font-size:20px; }
.search-groups h3 { padding-bottom:5px; }
.search-groups h3 span { color:#eb2123; }

.search-groups .warpsearch { float:left; width:100%; margin-top:10px; padding:10px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.search-groups .box { float:left; width:100%; }
.search-groups .box input[type="text"] { float:left; width:1270px; padding:5px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; color:#666; font-size:20px; background:rgba(255, 255, 255, 0); }
.search-groups .box input[type="submit"],.search-groups .box input[type="button"] { display:block; width:120px; height:40px; padding:4px 20px; text-align:center; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; text-transform:uppercase; color:#fff; background:#eb2123; border:1px solid #eb2123; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.2s ease; transition: all 0.3s ease; border:1px solid #eb2123; }
.search-groups .box input[type="submit"]:hover,.search-groups .box input[type="button"]:hover { color:#eb2123; background:#fff; border:1px solid #eb2123; }

.search-groups .filter { float:left; width:100%; margin-top:10px; padding:10px 0; text-align:left; border-bottom:1px solid #f0f0f0; }
.search-groups .filter .box { min-width:760px; font-size:18px; }
.search-groups .filter .box h4 { font-size:20px; }
.search-groups .filter .box b { float:left; width:100px; margin-right:10px; line-height:22px; text-align:right; font-weight:normal; }
.search-groups .filter .box li { float:left; padding:8px 0 4px 0; width:100%; border-bottom:1px dashed #f0f0f0; }
.search-groups .filter .box li:last-child { border-bottom:none; }

.search-groups .filter .box label { display: block; float:left; margin-right:15px; padding-bottom: 1px; padding-top:1px; line-height: 22px; color:#999; cursor: pointer; }
.search-groups .filter .box input[type=checkbox].css-checkbox { display:none; }
.search-groups .filter .box input[type=checkbox].css-checkbox + label.css-label { display:inline-block; padding-left:25px; height:22px; line-height:22px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }
.search-groups .filter .box input[type=checkbox].css-checkbox:checked + label.css-label { background-position:0 -40px; }
.search-groups .filter .box .css-label{ background:url(../images/check-off-on.png) no-repeat;}

.search-groups .filter .box input[type=radio].css-radio { display:none; }
.search-groups .filter .box input[type=radio].css-radio + label.css-label2 { display:inline-block; padding-left:25px; height:22px; line-height:22px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }
.search-groups .filter .box input[type=radio].css-radio:checked + label.css-label2 { background-position:0 -40px; }
.search-groups .filter .box .css-label2 { margin:0 15px 0 0; font-weight:normal; width:auto; background:url(../images/radio-off-on.png) no-repeat; }

.search-groups .filter .box .range { float:left; }
.search-groups .filter .box .range p { padding:0; }
.search-groups .filter .box .range input[type="text"] { float:left; width:600px; padding:0px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal !important; color:#999 !important; font-size:18px; background:rgba(255, 255, 255, 0); }

/* Overlay style */
.overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(233,33,35,0.8); z-index:99;}

/* Overlay closing cross */
.overlay .overlay-close { position: absolute; width: 80px;height: 80px; text-indent: 200%;right: 20px;top: 20px;overflow: hidden;background: url(../images/cross.png) no-repeat center center; outline: none;cursor:pointer;z-index: 100;}
.overlay .overlay-close:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg);  }
/* Menu style */
.overlay .box { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.overlay nav {  position: relative; text-align: center;  }
.overlay nav ul { margin: 0 auto; display: inline-block; position: relative; }
.overlay nav ul h2 { font-size:30px; color:#fff; }
.overlay nav ul li { display: block; margin:10px 0; }
.overlay nav ul li h5 { font-size:24px; }
.overlay nav ul li a { display: block; padding:10px 20px; color:#666; background:rgba(255,255,255,0.9); border:1px solid #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
.overlay nav ul li a:hover, .overlay nav ul li a:focus { color:#eb2123; background:rgba(255,255,255,1); border:1px solid #fff;  }

.overlay .so-lang { position:relative; margin:0 0 30px 0; text-align:center; }
.overlay .so-lang li { display:inline-block; margin:0 23px; }
.overlay .so-lang a { display:inline-block; width:50px; height:50px; text-align:center; line-height:52px; color:#fff; background:rgba(233,33,35,0.5); border:1px solid #fff; }
.overlay .so-lang a:hover { color:#eb2123; background:#fff; }
.overlay .so-lang li.fb a { text-indent:-9999px; background:rgba(233,33,35,0.5) url(../images/icon-fb-30.png) no-repeat 0 0 ; }
.overlay .so-lang li.fb a:hover { background:rgba(255,255,255,0.9) url(../images/icon-fb-30.png) no-repeat 0 -50px ; }
.overlay .so-lang li.tw { display:none; }
.overlay .so-lang li.tw a { text-indent:-9999px; background:rgba(233,33,35,0.5) url(../images/icon-tw-30.png) no-repeat 0 0 ; }
.overlay .so-lang li.tw a:hover { background:rgba(255,255,255,0.9) url(../images/icon-tw-30.png) no-repeat 0 -50px ; }
.overlay .so-lang li.yt a { text-indent:-9999px; background:rgba(233,33,35,0.5) url(../images/icon-yt-30.png) no-repeat 0 0 ; }
.overlay .so-lang li.yt a:hover { background:rgba(255,255,255,0.9) url(../images/icon-yt-30.png) no-repeat 0 -50px ; }

.overlay .footer-over { position:relative; margin:10px 0 0 0; color:#fff; font-size:20px; text-align:center; }
.overlay .footer-over p { padding:0; }
.overlay .footer-over h4 { margin-top:-10px; font-size:40px; }
.overlay .footer-over .contact { font-size:18px; }
.overlay .footer-over .contact a { padding:0 5px; color:#fff; }
.overlay .footer-over .contact a:hover { color:rgba(255,255,255,0.5); }
.overlay .footer-over .contact span { display:inline-block; width:1px; height:10px; margin:0 10px; background:#fff; }
.overlay .footer-over .copy { padding-top:10px; font-size:14px; }


/* Effects */
/* .container { background: #fff; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } */
.container.overlay-open { -webkit-transform: scale(0.8); transform: scale(0.8); }

.overlay-contentscale { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}
.overlay-contentscale.open { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}

/* Contact */
.contact-connect { margin:0 auto; width:720px; margin-top:20px; margin-bottom:20px; text-align:left; }
.contact-connect li { display:inline-block; width:25%; margin:0 -5px 0 0; vertical-align:top; }
.contact-connect h5 { font-size:22px; padding-bottom:5px;  }
.contact-connect p { padding-top:0px; }

.contact-form { margin:0 auto; width:720px; margin-bottom:30px; text-align:left; }
.contact-form h4 { font-size:26px; }
.contact-form li { display:inline-block; width:720px; margin-left:0; text-align:left; vertical-align:top; }
.contact-form li.right { text-align:right; margin:0; }
.contact-form p { padding:15px 0 5px 0; }
.contact-form input[type="text"] { width:420px; padding:12px; font-family:'rsuregular' Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; border:1px solid #ddd; }
.contact-form textarea { width:690px; height:142px; padding:12px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; border:1px solid #ddd; }
.contact-form input[type="submit"], .contact-form input[type="button"] { width:180px; margin-top:15px; padding:10px 5px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#fff; background:#3a4145; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.2s ease; transition: all 0.3s ease; }
.contact-form input[type="submit"]:hover, .contact-form input[type="button"]:hover { background:#eb2123; }
.contact-form input[type="submit"]:focus, .contact-form input[type="button"]:focus { border:none!important; }
.contact-form .cen { display:inline-block; width:100%; text-align:center; }
.contact-form .short { width:210px!important; }
.contact-form .capt { display:inline-block; width:180px; margin:0 10px 0 0; padding:9px; background:#f0f0f0; border:1px solid #f1f1f1; text-align:center; }
.contact-form input,textarea { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.contact-form input:focus,textarea:focus { border:1px solid #eb2123 !important; -webkit-box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5);-moz-box-shadow:    0px 0px 5px rgba(255, 0, 0, 0.5);box-shadow: 0px 0px 5px rgba(255, 0, 0, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

/* Footer ======================================================= */
/* .footer { position:fixed; width:100%; bottom:-50px; background:#fff; } */
.downfoo { bottom:-50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.topfoo { bottom:0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

a.kkm { cursor:pointer; }
.showkkm { float:left !important; width:100% !important; text-align:left !important; }

.link-promotion-buy { float:left; width:100%; padding-top:30px; text-align:center; }

.link-promotion-buy a { display:inline-block; width:200px; height:50px; color:#fff; text-align:center;  }
.link-promotion-buy a span { display:table-cell; width:196px; height:50px; font-size:20px; line-height:44px; vertical-align:middle; text-align:center; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 200px center; overflow:hidden; border:2px solid #eb2123; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.link-promotion-buy a:hover span { text-indent:-45px; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 95px center; }

.link-promotion-buy button[type="submit"] { display:inline-block; width:200px; height:52px; color:#fff; text-align:center;  }
.link-promotion-buy button[type="submit"] span { display:table-cell; width:196px; height:52px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight: normal; font-size:20px; line-height:44px; vertical-align:middle; text-align:center; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 200px center; overflow:hidden; border:2px solid #eb2123; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.link-promotion-buy button[type="submit"]:hover span { text-indent:-45px; background:#eb2123 url(../images/icon-mini-cart.png) no-repeat 95px center; }


/* Survey ====================================================== */
.box-survey { position:fixed; width:100%; height:100%; top:0; background: rgba(0, 0, 0, 0.5); z-index:9999; }
.hide-survey { display:none; opacity:0; visibility:hidden; left:-99999999999px; }

/* Popup */
.popup { position:relative; width:1000px; height:600px; background:url(../images/landing.png) no-repeat center center; }
a.butview { position:absolute; width:100px; padding:10px 25px; text-align:center; color:#fff; font-size:18px; left:34px; bottom:150px; background:#F00; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
a:hover.butview { background:#555; }

.survey-sec { position:absolute; width:1000px; height:600px; margin:auto; left:0; right:0; top:0; bottom:0; background:#fff; }

.survey-sec h2 { padding-bottom: 20px; font-size: 30px; }
.survey-sec .warpper { position:relative; padding:0; text-align:center; }
.survey-sec .warpper h2 { margin-bottom:20px; border-bottom: 1px solid #f0f0f0; }
.survey-sec .warpper p { font-size:18px; }
.survey-sec .warpper p a { display:inline-block; width:120px; margin:0 10px; padding:8px 20px 6px 20px; font-size:22px; border:1px solid #ccc; }
.survey-sec .warpper p a:hover { border:1px solid #eb2123 }
.survey-sec .box-close { position:absolute; width:40px; height:40px; right:-20px; top:-20px; background:#eb2123; z-index:99999; }
.survey-sec .close-survey { display:block; width:40px; height:40px; color:#fff; text-indent:-99999px; background: url(../images/icon-close.png) no-repeat center center; }
.survey-sec .close-survey:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg);  }

.survey { }
.survey .toppic { border-bottom:1px dashed #ccc; }
.survey .bb { border-bottom:none !important; }
.survey h2 { padding-bottom: 20px; font-size: 30px; }
.survey h3 { padding:20px 0 0 0; }
.survey span { margin-right: 10px; }
.survey input[type=radio].css-radio { display:none; }
.survey input[type=radio].css-radio + label.css-label2 { display:inline-block; padding-left:30px; height:25px; line-height:25px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }
.survey input[type=radio].css-radio:checked + label.css-label2 { background-position:0 -40px; }
.survey .css-label2 { margin:0 15px 0 0; font-weight:normal; width:auto; background:url(../images/radio-off-on.png) no-repeat; }
.survey .radi { display:inline-block; font-weight:normal; font-size:18px; text-align:left; }
.survey textarea { width:690px; height:100px; padding:12px; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; border:1px solid #ddd; }
.survey input[type="submit"], .survey input[type="button"] { width:180px; padding:10px 5px; text-align:center; font-family:'rsuregular', Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#fff; background:#3a4145; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.2s ease; transition: all 0.3s ease; }
.survey input[type="submit"]:hover, .survey input[type="button"]:hover { background:#eb2123; }
.survey .cen { text-align:center; }
.survey .warpper { position:relative; padding:20px; text-align:center; }
.survey .warpper h2 { margin-bottom:20px; border-bottom: 1px solid #f0f0f0; }
.survey .warpper p { font-size:18px; }
.survey .warpper p a { display:inline-block; width:120px; margin:0 10px; padding:8px 20px 6px 20px; font-size:22px; border:1px solid #ccc; }
.survey .warpper p a:hover { border:1px solid #eb2123 }
.survey .box-close { position:absolute; width:40px; height:40px; right:-20px; top:-20px; background:#eb2123; }
.survey .close-survey { display:block; width:40px; height:40px; color:#fff; text-indent:-99999px; background: url(../images/icon-close.png) no-repeat center center; }
.survey .close-survey:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);-ms-transform: rotate(90deg);  }

/* Table ======================================================= */
.boxtable { margin:0px; padding:0px; width:100%; border:1px solid #d0d3d1; }
.boxtable table{ width:100%; height:100%;margin:0px;padding:0px; background:#fff; }
.boxtable tr:last-child td:last-child { /*-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;*/}
.boxtable table tr:first-child td:first-child { /*-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; */}
.boxtable table tr:first-child td:last-child {/* -moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;*/}
.boxtable tr:last-child td:first-child{/*-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;*/}
.boxtable tr:hover td { }
.boxtable tr:nth-child(odd){ background:#f6f6f6; }
.boxtable tr:nth-child(even) { background:#fff; }
.boxtable td { text-align:center; vertical-align:middle; border:1px solid #d0d3d1; border-width:0px 1px 1px 0px; padding:10px; font-weight:normal;}
.boxtable tr:last-child td{ border-width:0px 1px 0px 0px;}
.boxtable tr td:last-child{ border-width:0px 0px 1px 0px;}
.boxtable tr:last-child td:last-child{border-width:0px 0px 0px 0px;}
.boxtable tr:first-child td{ background:#949494; border:0px solid #afafaf; text-align:center; border-width:0px 0px 1px 1px; color:#fff;  }
.boxtable tr:first-child td:first-child{	border-width:0px 0px 1px 0px;}
.boxtable tr:first-child td:last-child{border-width:0px 0px 1px 1px;}
.boxtable .cen { text-align:center !important; }

/*Table 2*/
.detail-table-2 {
	margin:15px 0 15px 0; width:100%;
}.detail-table-2 table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	margin:0px;padding:0px;
}.detail-table-2 tr:last-child td:last-child {
}
.detail-table-2 table tr:first-child td:first-child {
}
.detail-table-2 table tr:first-child td:last-child {
}.detail-table-2 tr:last-child td:first-child{
}.detail-table-2 tr:hover td{
}
.detail-table-2 tr:nth-child(odd){ background-color:#fff; }
.detail-table-2 tr:nth-child(even) { background-color:#fafafa; }
.detail-table-2 td{
	vertical-align:middle;
	border:1px dotted #ddd;
	border-width:0px 0px 1px 0px;
	text-align:center;
	padding:10px;
	font-weight:normal;
}.detail-table-2 tr:last-child td{
	border-width:0px 0px 0px 0px;
}.detail-table-2 tr td:last-child{
	border-width:0px 0px 1px 0px;
}.detail-table-2 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.detail-table-2 tr:first-child td{
	background-color:#fff;
	border:0px solid #ccc;
	text-align:center;
	border-width:0px 0px 1px 0px;
	font-weight:bold;
}
.detail-table-2 tr:first-child:hover td{

}
.detail-table-2 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.detail-table-2 tr:first-child td:last-child{
	border-width:0px 0px 1px 0px;
}

.free-member { margin: 0 auto; width: 100%; max-width: 724px; margin-bottom: 10px; border-radius: 10px; padding: 10px; background: #eb2123; color: #fff; text-align: center; }
.free-member a { color: #fff; text-decoration: underline; }

/* Pagination ======================================================= */
.pointpage { position:relative; width:100%; text-align:center; clear:both; }
.pointpage a { display: inline-block; width:50px; height:50px; margin:0 2px; line-height: 50px; text-align: center; font-size:26px; background:#fff; }
.pointpage a:hover { color:#fff; background:#eb2123; }
.pointpage a.prev { float:left; margin-left:0; font-size:40px; }
.pointpage a.prev:hover { text-indent:-15px; }
.pointpage a.next { float:right; margin-right:0; font-size:40px; }
.pointpage a.next:hover { text-indent:15px; }
.pointpage span { display:inline-block; margin:0 2px; width:50px; height:50px; color:#fff; font-size:26px; text-decoration:underline; line-height: 50px; text-align: center; background:#164684; }

/* Other ============================================================ */
.full { width:100% !important }


.left {float:left}
.right {float:right}
.t-left { text-align:left !important; }
.t-center { text-align:center !important; }
.t-right { text-align:right !important; }
.v-top { vertical-align:top !important; }
.v-middle { vertical-align:middle !important; }
.v-bottom { vertical-align:bottom !important; }
.mt { margin-top:0 !important; }
.mr { margin-right:0 !important; }
.mb { margin-bottom:0 !important; }
.ml { margin-left:0 !important; }
.pt { padding-top:0 !important; }
.pr { padding-right:0 !important; }
.pb { padding-bottom:0 !important; }
.pl { padding-left:0 !important; }
.va-t { vertical-align:top !important; }
.clear { clear:both; }
.mbten { margin-bottom:10px !important; }

.color_gray{color: #cacaca;}
.padd_bot_10{padding-bottom: 10px !important}

.border-none-bottom { border-bottom:none !important; }

.middle-line { display: inline-block; vertical-align: middle; }
.img-circle { -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }

.but-otp { position: relative; display: inline-block; width: 150px; height: 40px; padding:0 10px;margin-left: 65px; font-family: 'rsuregular', Arial, Helvetica, sans-serif; font-size: 16px; background: #ddd; cursor: pointer; }
.but-otp:hover { background: #666; color: #ffffff; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.price_origin{color: #666;}
.price_origin_old{color: #666;text-decoration: line-through;}
.price_new{color: #eb2123}

.size-img,.size-img-one{
  width: 200px;
  margin-top: 8px;
}


/* Animation ==========================================================*/
.fade-in {  opacity:0; -webkit-animation:fadeIn ease-in forwards 0.5s; -moz-animation:fadeIn ease-in forwards 0.5s; -o-animation:fadeIn ease-in forwards 0.5s; animation:fadeIn ease-in forwards 0.5s; }
.fade-in.one { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s;  -o-animation-delay: 0.5s;  animation-delay: 0.5s; }
.fade-in.two { -webkit-animation-delay: 1s; -moz-animation-delay: 1s;  -o-animation-delay: 1s;  animation-delay: 1s; }
.fade-in.three { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s;  -o-animation-delay: 1.5s;  animation-delay: 1.5s; }
.fade-in.four { -webkit-animation-delay: 2s; -moz-animation-delay: 2s;  -o-animation-delay: 2s;  animation-delay: 2s; }
.fade-in.five { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s;  -o-animation-delay: 2.5s;  animation-delay: 2.5s; }
.fade-in.six { -webkit-animation-delay: 3s; -moz-animation-delay: 3s;  -o-animation-delay: 3s;  animation-delay: 3s; }

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-out {  opacity:1; -webkit-animation:fadeOut ease-in forwards 0.5s; -moz-animation:fadeOut ease-in forwards 0.5s; -o-animation:fadeOut ease-in forwards 0.5s; animation:fadeOut ease-in forwards 0.5s; }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-o-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }


@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -120px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -120px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -120px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -120px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -120px; }
}

/* Media Screen ==========================================================*/
@media screen and (max-width: 2560px) {
  body{margin-top: -22px!important;}
  .divider {padding-top: 10%;}
}

@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1440px) {
  body{margin-top: -22px!important;}

  input[type="text-qr"] {
    padding: 20px 10px 20px 10px!important;
    font-size: 18px!important;
    height: 20px!important;
}

p.sim-text {
    font-size: 34px;
    padding: 20px 0 0 0 !important;
}
  .w3-display-left {
      /* left: 15%!important; */
  }
  /* img.img-qr{
    width: 100%;
  } */

/* a.line-but {margin-left: 35.5%!important;} */

.left-code { left:50px; }
.right-code { right:50px; }
.divider {padding-top: 15px;}
/* a.line-but {margin-left: 36%!important;} */

#container .warpper { margin:0 auto; width:1170px; } /*270 - 30*/

.header { width:1170px; }



.product-list ul { margin-left:-30px; }
.product-list-load { margin-left:-30px; }
.product-list li {
  /* width:270px;  */
  width:170px;
  margin:0 -4px 30px 30px;
}

.product-detail-pic img { width: 36%; }

.contentHolder { height: 340px;}

#carousel .box { width: 1170px; }

.toggle .box { width:100%; }
.toggle .box input[type="text"] { width:1000px; }

.search-groups .box input[type="text"] { width:1040px; }


.cart-zone .listshop ul.listcheckout li.listpro { width:330px;  }
.cart-zone .listshop ul.listcheckout li.shipping { width:560px;  }
.cart-zone .listshop ul.listcheckout li.payment { width:200px; }

/* .acc-zone .listshop ul.listcheckout li.shipping { width:450px;  } */
.acc-zone .listshop ul.listcheckout li.ordershort,li.shipping.padding-myaccount { width:300px;margin: 0 40px 20px 20px!important}

.acc-zone .listshop ul.listcheckout li.shipping select { width: 242px; }
.acc-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"], input[type="file-disable"],u.divshow_pv { width:220px;  }
/* .acc-zone .listshop ul.listcheckout li.shipping span { width:180px; } */
.acc-zone .listshop ul.listcheckout li.shipping .radi { width: 220px; }

.acc-zone .listshop ul.listcheckout a.butlink,img.img-bpr,input[type="file"] { width:190px; }

.order-zone .listorder .boxnum { width:80px;  }
.order-zone .listorder .boxcode { width:200px; }
.order-zone .listorder .boxpay { width:150px; }
.order-zone .listorder .boxship { width:350px; }
.order-zone .listorder .boxstatus { width:284px; }
.order-zone .listorder .boxdate { width:100px; }


}


@media screen and (max-width: 1280px) {

}

@media screen and (min-width: 1024px) {.cart-zone .wording{margin-left: 20%; margin-right: 20%}}


@media screen and (max-width: 1024px) {
  img.show-card {
    /* margin-top: 1%; */
  }

  input[type="text-qr"] {
    padding: 15px 10px 10px 10px!important;
  }

  .w3-display-left {
    left: 12%!important;
  }

  input[type="text-qr"] {
    width: 190%!important;
  }

  p.sim-text {
    font-size: 18px!important;
    font-weight: 600;
    padding: 15px 0 6px!important;
  }

  .img-qr {
      /* width: 80%!important; */
  }

  img.img-bpr-disable {
      width: 300px !important;
    }

/* a.line-but {margin-left: 32%!important;} */

#container .warpper { margin:0 auto; width:940px; } /*220 - 20*/

.header { margin:0 auto; position:fixed; width:940px; }

.logo { width: 120px; }
.logo h1 a { width: 120px;
    height: 48px;
    background: url(../images/logo.png) no-repeat 0 5px;
    background-size: 100%; }

.logo-kkstore { width: 120px; }
.logo-kkstore h1 a { width: 120px;
    height: 48px;
    background: url(../images/logo-kkstore.png) no-repeat 0 5px;
    background-size: 100%; }

.acc-lang li a { margin-right: 10px; padding-left: 20px; }
.acc-lang li a.home { background-size: 15px; }
.acc-lang li a.member { background-size: 15px; }
.acc-lang li a.siup { background-size: 15px; }
.acc-lang li a.on { background-size: 15px; }
.acc-lang li a.sinup { background-size: 15px; }
.acc-lang li a.kkstore { background-size: 15px; }
.acc-lang li a.cart { background-size: 15px; }
.acc-lang li a.repay,.acc-lang li a.logout { background-size: 15px; }

.product-list ul { margin-left:-20px; }
.product-list-load { margin-left:-20px; }
.product-list li { width:220px; margin:0 -4px 20px 20px; }

.product-detail-code ul li { width: 50%; }
.product-detail-pic img { width: inherit; }

#carousel .box { width: 940px; }

.toggle .box { width:100%; }
.toggle .box input[type="text"] { width:770px; }

.show-search a { padding-left: 30px; background-size: 30px; }
.search-groups .box input[type="text"] { width:810px; }

.left-code { left:20px; }
.right-code { right:20px; }

.cart-zone .listshop ul.listitem .pic-name { width:700px; }

.cart-zone .listshop ul.listcheckout li.listpro { width:250px;  margin:0 20px 20px 0;  }
.cart-zone .listshop ul.listcheckout li.shipping { width:450px; margin:0 20px 20px 0; }
.cart-zone .listshop ul.listcheckout li.payment { width:200px; }

.cart-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"] { width:250px;  }
.cart-zone .listshop ul.listcheckout li.shipping span { width:150px; }

.acc-zone .listshop ul.listitem .pic-name { width:700px; }

.acc-zone .listshop ul.listcheckout li.listpro { width:100%;  margin:0 0 30px 0;  }
.acc-zone .listshop ul.listcheckout li.shipping { width:100%; margin:0 0 30px 0; }
.acc-zone .listshop ul.listcheckout li.ordershort { width:100%!important;}

.acc-zone .listshop ul.listcheckout li.shipping select { width: 472px; }
.acc-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"],u.divshow_pv { width:450px;  }
.acc-zone .listshop ul.listcheckout li.shipping span { width:300px; }
.acc-zone .listshop ul.listcheckout .butlink,input[type="file"] { margin-top: 5px; }

.order-zone .listorder .boxtableco { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.order-zone .listorder .boxnum { width:60px;  }
.order-zone .listorder .boxcode { width:140px; }
.order-zone .listorder .boxpay { width:110px; }
.order-zone .listorder .boxship { width:284px; }
.order-zone .listorder .boxstatus { width:240px; }
.order-zone .listorder .boxdate { width:100px; }
.order-zone .listorder .color { font-size:16px; }

.order-zone-button .listorder .color {font-size: 16px;}

.order-zone-button .listorder .boxnum {width: 50px;}
/* .order-zone .listorder .boxpay {width: 100px;} */
.order-zone-button .listorder .boxship {width: 150px;}
/* .order-zone .listorder .boxship {width: 180px;} */
/* .order-zone .listorder .boxstatus {width: 150px;} */
/* .order-zone .listorder .boxdate {width: 100px;} */
.order-zone-button .listorder .boxpay{width: 150px;}
.order-zone-button .listorder .boxstatus{width: 150px;}
.order-zone-button .listorder .boxdate{width: 100px;}
.order-zone-button .listorder .boxcode{width: 150px;}

span.list-span{
  margin-top: -7px!important;
  margin-left: 177px!important;
  }

input[type="file-disable"] {
  width: 450px;
  }

}

@media screen and (max-width: 1023px) {

#container .warpper { margin:0 auto; width:720px; } /*166 - 20*/

.header { margin:0 auto; position:fixed; width:720px; border-bottom: none; }
.header .toggle { top:62px; opacity:1; visibility:visible; }

.logo { height: 40px; }

.show-search { display:block;
      /* margin: 17px 90px 0 0;  */
    }

.acc-lang { float:left; position: relative; width:100%;  border-top: 1px solid #eb2123; border-bottom: 1px solid #eb2123; padding:5px 0; }

.acc-lang ul {  }

.acc-lang li:last-child { position: absolute;
    top: -46px;
    right: 0; }
.acc-lang li a.member:hover,.acc-lang li a.cart:hover, .acc-lang li a.home:hover, .acc-lang li a.repay:hover,.acc-lang li a.kkstore:hover,.show-search a:hover { background-position: left 0px; }

.toggle .warpsearch { padding: 6px; }

.banner { margin-top: 120px; }

.product-list li { width:224px;  }

.box-left-product { width: 100%; }
.product-detail-des { width: 100%; }
.product-detail-pic img { width: 40%; }
.product-detail-code ul li { width: 25%; }

#carousel .box { width: 720px; }

#inner-product { margin-top: 120px; }

.toggle .box { width:100%; }
.toggle .box input[type="text"] { width:550px; }

.search-groups .box input[type="text"] { width:590px; }



.left-code { left:0; }
.right-code { right:0; }

.product-groups { margin-top: 121px; }

.cart-zone { margin-top: 121px; }
.cart-zone .listshop ul.listitem .pic-name { width:500px; }

.cart-zone .listshop ul.listcheckout li.listpro { width:100%;  margin:0 0 30px 0;  }
.cart-zone .listshop ul.listcheckout li.shipping { width:100%; margin:0 0 30px 0; }
.cart-zone .listshop ul.listcheckout li.payment { width:100%; }

.cart-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"] { width:350px;  }
.cart-zone .listshop ul.listcheckout li.shipping span { width:200px; }

.cart-zone .listshop ul.listcheckout li.payment p { padding: 5px 0 0 0; }

.acc-zone { margin-top: 121px; }
.acc-zone .listshop ul.listitem .pic-name { width:500px; }

.acc-zone .listshop ul.listcheckout li.ordershort p { width: 100%; text-align: center; }
.acc-zone .listshop ul.listcheckout li.shipping select { width: 372px; }
.acc-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"],u.divshow_pv { width:350px;  }
.acc-zone .listshop ul.listcheckout li.shipping span { width:200px; }

.order-zone .listorder li p small.mini { display:none; }
.order-zone .listorder .boxnum { width:50px;  }
.order-zone .listorder .boxcode { width:120px; }
.order-zone .listorder .boxpay { width:100px; }
.order-zone .listorder .boxship { width:180px; }
.order-zone .listorder .boxstatus { width:150px; }
.order-zone .listorder .boxdate { width:100px; }
.order-zone .listorder .color { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
.order-zone .listorder .drop { float:left; width:100%; text-align:center; }
.order-zone .listorder .mini { float:left; width:100%; text-align:center; }

}

@media screen and (max-width: 768px) {

  /* body{margin-top: -42px!important;} */
  #mySearch {
      margin-top: 140px!important;
    }


  .img-qr {
    width: 50%!important;
  }

  .w3-display-topmiddle {
      left: 65% !important;
  }

  p.sim-text {
    font-size: 14px!important;
    padding: 5px 0 5px!important;
  }

  input[type="text-qr"] {
    width: 150%!important;
    padding: 5px 0 5px 5px!important;
    font-size: 14px!important;
  }

  img.show-card{width: 100%!important}

  /* p.break-word{
    width: 83%!important;
  } */

/* a.line-but {margin-left: 22%!important;} */

#container .warpper { width:600px; } /*166 - 20*/

.header { width:600px; border-bottom:none; }

.product-list li { width:290px;  }

.product-detail-code ul li { width: 50%; }
.product-detail-code ul li p { padding: 0; }

#carousel .box { width: 600px; }




.show-search {  }
.acc-lang li a.search {  }

.header .toggle { }
.header input[type=button] { position:absolute; right:0; z-index:0; }

.toggle .warpsearch { padding:5px 0; background: antiquewhite;}

.banner { margin-top:130px; }
#inner-product { margin-top:130px; }
.cart-zone,.member-zone,.acc-zone { margin-top:130px; }

.contentHolder { width:100%; }
.product-detail-des { width:95%; }

.member-zone .box-cell h2 {  font-size:22px!important; }
.member-zone .logi { width:100%; }
.member-zone .linkfor { width:100%; }

.member-zone .box-cell span {
  /* width:100px;  */
  line-height: 1; }

.cart-zone .listshop ul.listitem .pic-name { width:100%; }

.acc-zone .listshop ul.listcheckout li.ordershort p { text-align:center; }

input[type="file-disable"] {
    width: 350px ;
}

table.nfp {
  width: 100%;
  margin: 0 ;
}

#mySearch {
    margin-top: 140px;
  }


}
@media screen and (max-width: 677px) {
  /* .member-zone .box-cell input[type="text"], .member-zone .box-cell input[type="password"], select.select-but {
          width: 220px!important;
      } */
}

@media screen and (max-width: 669px) {

  /* body{margin-top: -42px!important;} */

  p {padding: 3px 0;}
  .div-p {padding: 4px 0;}

  img.img-bpr-disable{
    margin-left: 0px!important;
  }
  body{
    margin-top: -30px!important;
  }
  input[type="button"]{
    font-size: 13px!important;
  }


.logo { height:40px; padding:5px 0; }
.logo h1 a { height:100%; background-position: center left; padding: 5px 0 0 0; }

.logo-kkstore { height:40px; padding:5px 0; }
.logo-kkstore h1 a { height:100%; background-position: center left; }

#container .warpper {
   /* width:100%; */
   width:400px;
  overflow: hidden;} /*166 - 20*/

.header { width:400px;padding: 30px 0 0 0; }
/* .header { width:95%;padding: 30px 0 0 0; } */

.header .toggle { top: 50px;width: 90%; }
.show-search { margin-top: 10px; z-index: 1;}

.acc-lang li a { font-size: 12px; margin-right: 0; }

.acc-lang li:nth-child(1) { width:70px; border-right: 1px solid #ddd; }
.acc-lang li:nth-child(2) { width:80px; padding-left: 8px; padding-right: 2px; border-right: 1px solid #ddd; }
.acc-lang li:nth-child(3) { width:95px; padding-left: 8px; border-right: 2px solid #ddd; }
.acc-lang li:nth-child(4) { width:65px; padding-left: 8px; padding-right: 2px;  }
/* .acc-lang li:nth-child(5) { width:60px; padding-left: 2px; } */

.acc-lang li a.home { text-indent: 0px; }
.acc-lang li a.kkstore { text-indent: -99999px; }

/* .pay-report li:nth-child(5) {  width: 30px !important; border-left: 1px solid #ddd !important; } */

.logon li a.kkstore { text-indent: 0; }
/* .logon li:nth-child(2) { width: 110px; } */
.logon li:nth-child(4) { width: inherit; border-right: none; }

.acc-lang li a.repay { text-indent: -9999px; }
.acc-lang li:last-child { top: -42px; }

.acc-lang li span { left: 13px; top: -3px; }

.product-list li { width:190px;  }
/* 190 */
/* #carousel .box { width: 400px; } */
#carousel .box { width: 100%; }

.overlay nav ul h2 { font-size:20px; }
.overlay nav ul li h5 { font-size:18px; }

.overlay .so-lang li { margin:0 5px; }
.overlay .footer-over h4 { font-size:30px; }

.product-list li .new { background-size:70%; }

.product-groups { margin:150px 0 20px 0; }

 /* { font-size:24px; } */
.margin-haed {margin-top: 120px!important;}

/* .banner { margin-top:100px; } */
#inner-product { margin-top:100px; }
.cart-zone,.member-zone,.acc-zone,.order-zone { margin-top:120px; }

/* .order-zone { mardgin-top: 71px; } */

.member-zone .box-cell input[type="text"], .member-zone .box-cell input[type="password"],select.select-but{ width:220px; }
select[type="text"] { width:220px; }

.member-zone .linkfor { text-align:center; }
.member-zone .linkfor span { float:left; width:100%; text-align:center; padding:10px 0; }

.acc-zone .listshop ul.listcheckout li.shipping select { margin-left: 0; }

/* input.buttonquantity{margin-right: 25%;} */
div#div_code_discount ,p.totaller{
    text-align: right;
}

.cart-zone .listshop ul.check-out a.butcon { float:none; display:inline-block; margin:0 0 5px 0 ;font-size: 15px;}
.cart-zone .listshop ul.check-out li.right input[type="submit"] { margin-bottom:5px; }

/* .product-list li h6 {} */
.product-list li .link a { width:100%; }

.acc-zone .listshop ul.listcheckout li.shipping span { width:100%; text-align:left; }

.acc-zone .listshop ul.listcheckout li.shipping select { width:100%; margin-right:0; font-size:15px }
.acc-zone .listshop ul.listcheckout li.shipping input[type="text"], .listshop ul.listcheckout li.shipping input[type="password"],input[type="file-disable"],input[type="cars"],input[type="texter"],select#at_platform,u.divshow_pv { width:100% ; margin-left:0; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }


.cart-zone .listshop ul.listitem .plus-delete { float:left; width:100%; margin:0 auto; text-align:center; }
.cart-zone .listshop ul.check-out li.right{font-size: 15px;float: none; }
.cart-zone .listshop ul.sub-total span {font-size: 15px;padding-left:5px;}

.product-detail-con h4{font-size:17px;padding: 0 0 10px;}
.acc-zone .listshop ul.listcheckout li{width: 100%}

textarea#add_4{margin-left:0px!important}

h1{font-size: 28px;}
h2,.cart-zone h2,.acc-zone h2{font-size: 22px !important}
h3,.acc-zone .listshop ul.listcheckout h3,.product-detail-des h3{font-size: 18px}
h4,p,small,.product-detail-con .link a span,.acc-zone .listshop ul.listcheckout li.shipping p,.acc-zone .listshop ul.listcheckout li.shipping input[type="text"],
.acc-zone .listshop ul.listcheckout a.butlink,.acc-zone .listshop input[type=submit],.cart-zone .listshop ul.listitem li small,.product-detail-code small,
.product-detail-des p,.member-zone .box-cell input[type="text"],.member-zone .box-cell input[type="password"],.member-zone .box-cell input[type=submit],u.divshow_pv,select.select-but{font-size:15px !important;padding-right: 5px;}


}
@media screen and (max-width: 425px) {
  #container {
    /* width: 100%; */
    width: 400px;
}

  a#next {
      display: none;
  }
}

@media screen and (max-width: 414px) {



.button-mobile { position: fixed; padding: 5px; background: #fff; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0; }
.product-detail-code { padding-top: 0; }

.product-detail-des { padding-bottom: 90px; }

#carousel .box .name { font-size: 20px; }

.acc-zone .listshop ul.listcheckout li.shipping .radi { margin-left: 0; }

.salesdesk-widget-button-bottom-right { bottom: 80px !important }

}

@media only screen and (max-width: 406px) {


  .acc-lang li .list {
      /* padding-left: 65px; */
  }
  .hide {
      display: none;
  }
  .container {
    width: 400px !important;
  }
}

@media screen and (max-width: 375px) {
  .acc-lang li .list {
      padding-left: 45px;
  }

  #container {
    width:370px;
  }

  span.pad-top{padding-top: 0%;}

  .font-bank {font-size: 15px!important;}

  /* a.line-but {margin-left: 14%!important;} */

/* input.buttonquantity{margin-right: 20%;} */

/* #container .warpper { width:360px; }  */
/*166 - 20*/
#container .warpper { width:100%; }
/* .header { width:360px; } */
.header { width:90%;padding: 30px 5% 0 5%; }

/* .acc-lang li:nth-child(5) { width: 35px; text-indent: -99999px; } */
.acc-lang li span { text-indent: 0 !important }

.pay-report li:nth-child(4) {
  width: 30px !important;
  /* text-indent: -99999px;  */
}

.show-search { margin-right: 80px;
  margin: 10px 100px 0 0;
  z-index: 1;
}

.product-list li { width:45%;  }

/* #carousel .box { width: 360px; } */
#carousel .box { width: 100%; }


.overlay nav ul li a { padding:2px 10px; }

.member-zone .box-cell span { text-align:left;}

.product-detail-con .quantity { margin:0 0 10px 0; }

.overlay .overlay-close { width:30px; height:30px; }

.acc-lang li:nth-child(1) {
    width: 65px;
}
.acc-lang li:nth-child(2) {
    width: 75px;
    padding-left: 4px;
}
.acc-lang li:nth-child(3) {
    width: 95px;
    padding-left: 4px;
}.acc-lang li:nth-child(4) {
    width: 1px;
    padding-left: 4px;
}

}

@media screen and (max-width: 320px) {

  #container {
    width:320px;
  }

/* a.line-but {margin-left: 8%!important;} */
.acc-lang li span { left: 30px;}

.acc-lang li a.home, .acc-lang li a.member, .acc-lang li a.sinup, .acc-lang li a.cart,.acc-lang li a.logout {
  display: contents;
}
.acc-lang li:nth-child(1),.acc-lang li:nth-child(2),.acc-lang li:nth-child(3),.acc-lang li:nth-child(4) {
  width: auto!important;padding: 0 4px;
}
#container .warpper { width:300px; } /*166 - 20*/

.header { width:290px;
padding: 30px 2% 0 2%;
}

.acc-lang li:nth-child(2) { padding-left: 4px; }
.acc-lang li:nth-child(3) { width: 70px; padding-left: 4px; }
.logon li:nth-child(2) { width: 105px; }
.logon li:nth-child(3) { width: 100px; }

.pay-report li:nth-child(3) { width: 40px; }
.pay-report li a.kkstore { text-indent: -999999px !important; }

.acc-lang li:nth-child(4) { width: 30px; }
.acc-lang li a.cart { text-indent: -99999px; }

.product-list li { width:140px;  }

#carousel .box { width: 300px; }

.product-detail-con .link a span { width: 136px; }

.member-zone .box-cell span {
  /* width:100%;  */
  width: -webkit-fill-available;
  /* text-align:left; */
  float: left;
  padding-left: 15%;
  }

}





@media screen and (max-height: 768px) {



.contentHolder { height: 340px;}


.product-detail-code .box-co { display:table; width:80px; height:65px; margin:5px 0; font-size:17px; text-align:center; }
.product-detail-code .box-co span { display:table-cell; width:80px; height:65px; vertical-align:middle;  border:1px solid #ddd; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  }
.product-detail-code .box-co h4 { display:table-cell; width:80px; height:65px; vertical-align: middle; }
.product-detail-code .box-co a { width:80px; height:80px; line-height:80px; }



}
@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}



/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}