.itopplus-background {

}


/*---form TH---*/

.fileinput-button {
 
    width: 131%;
    height: 27px;
    padding: 3px;
    margin-left: -1%;
}
/*---form TH---*/

/*---form EN---*/
span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    width: 131%;
    height: 27px;
    padding: 3px;
    margin-left: -1%;
}
/*---form EN---*/

/*เมนูย่อยเขียน*/
.abc {
    text-align: center;
    font-size: 16px;
    padding: 8px;
    border: solid 1px #333;
    transition: all .3s ease-in-out;
    margin-bottom: 0px;
}
.abc:hover {
    background-color: #bfa583;
    border: solid 1px #333;
    color: #fff;
}
.box {
    background: #f2d4af;
    padding: 20px;
    border: solid 1px #000;
    border-top:none;
    padding-top:20px;
    font-size: 16px;
}
.box a:hover {
    color: #a4845c;
}
/*เมนูย่อยเขียน*/

.itopplus-menu {
  margin-top: 0px;
}
#Component5f2a4d5589c0e40013db3aec .ui.input input, #Component5f2a36c289c0e40013db38ae .ui.input input, #Component5f2a8ff28897d90012c6d554 .ui.input input {
    /*padding-right: 64%;*/
}
#Component5f2a4d5589c0e40013db3aec .ui.input, #Component5f2a36c289c0e40013db38ae .ui.input, #Component5f2a8fe689c0e40013db4a79 .ui.input, #Component5f2a8ff28897d90012c6d554 .ui.input {
    font-size: 1em;
    margin-left: 40%;
    padding: .67861em 2em;
}
#Component5f2a4d5589c0e40013db3aec .ui.icon.input input, #Component5f2a8fe689c0e40013db4a79 .ui.icon.input input, #Component5f2a8ff28897d90012c6d554 .ui.input input {
    padding-right: 18.82142em!important;
}

#Component5f2a4d5589c0e40013db3aec i.circular.icon {
    border-radius: 500em!important;
    padding: 0.5em .5em!important;
    box-shadow: 0 0 0 0.1em rgba(0,0,0,.1) inset;
    line-height: 1!important;
    width: 2em!important;
    height: 2em!important;
    margin-top: 8px!important;
    margin-right: -15px!important;
    background: #cacaca!important;
}
#Component5f2a36c289c0e40013db38ae .ui.icon.input input, #Component5f2a8fe689c0e40013db4a79 .ui.icon.input input, #Component5f2a8ff28897d90012c6d554 .ui.icon.input input {
    padding-right: 18.82142em!important;
}

#Component5f2a36c289c0e40013db38ae i.circular.icon, #Component5f2a8fe689c0e40013db4a79 i.circular.icon, #Component5f2a8ff28897d90012c6d554 i.circular.icon {
    border-radius: 500em!important;
    padding: 0.5em .5em!important;
    box-shadow: 0 0 0 0.1em rgba(0,0,0,.1) inset;
    line-height: 1!important;
    width: 2em!important;
    height: 2em!important;
    margin-top: 8px!important;
    margin-right: -15px!important;
    background: #cacaca!important;
}




/*star*/
.ui.star.rating .active.icon {
    text-shadow: none;
    color: #bbb!important;
}
.ui.massive.rating .icon {
    color: #bbbbbb;
}



input.form-control.input-sm.ng-pristine.ng-untouched.ng-valid.ng-valid-maxlength {
    font-size: 14px;
    padding-left: 15px;
}
.itp-auto-order .AutoOrderBackgroundImageTemplate3 {
    left: 36%;
    top: 10px;
}
.itp-auto-order .Content5InaRow {
      -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: transparent;
      -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(234 231 222);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 20%;
    float: left;
    border: solid 1px #ddd;
    padding: 2% 2%!important;
}
.itp-auto-order .Content5InaRow:hover {
    cursor: pointer;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.box-menu {
    text-align: center;
    font-size: 16px;
    padding: 8px;
    border: solid 1px #333;
    transition: all .3s ease-in-out;
    margin-bottom: 10px;
}
.box-menu:hover {
    background-color: #bfa583;
    border: solid 1px #333;
    color: #fff;
}

/*ปุ่มถัดไป*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #a4845b;
    border-color: #a4845b;
}
.pagination>li>a, .pagination>li>span {
    color: #c3a279;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #c3a279;
    background-color: #eee;
    border-color: #ddd;
}



/*shopping cart detail*/
.row .col-xs-12.col-sm-3 {
    padding-right: 8px;
    padding-left: 8px;
}
.row.margin.Shopcart-Related-Main .col-xs-6.col-sm-12 {
   width:25%;
}


.row.margin.Shopcart-Related-Main .col-xs-6.col-sm-4 {
   width:25%;
}

.easyzoom {
    border: solid 1px #d8d8d8;
}
.easyzoom img {
    vertical-align: middle;
}
.PictureOverflow {
    width: 100%;
}
.Template-H-Big {
    border: solid 1px #d8d8d8;
    width: 100%;
    overflow: hidden;
}


/*-----shopping cart detail---------*/
.col-xs-4.col-sm-4.col-md-4.disablelogo {
    width: 20%;
}
.social-icon {
    margin-top: 20px;
}
.ui.star.rating .active.icon {
    text-shadow: none;
}
.ui.star.rating .icon.selected, .ui.star.rating .icon.selected.active {
}
p.col-md-1 {
    margin-left: 0%!important;
    padding: 0px!important;
    width: 20%;
}
.Template-H-Quantity, .Template-H-Item {
    color: #000;
    font-size: 18px!important;
    font-weight: 400;
}
.Template-H-CateName {
    font-weight: normal!important;
    font-family: Prompt,sans-serif;
}
.Template-H-ProName {
    color: #ad906a;
      font-family: Prompt,sans-serif;
}
.Template-H-PriceNormal {
    color: #717171;
    font-weight: 400;
    font-size: 1.25em!important;
}
.Template-B-smallpic {
	border: solid 1px #cccccc;
    padding: 0;
    height: inherit;
    width: 20%;
}
.promotionPrice {
    color: #717171;
    font-weight: 400;
  	font-size: 22px;
}


select.input-sm{
   font-family:Prompt,sans-serif;
	font-size: 14px;
}
.Template-H-buttonDetail {
    background-color: #f2f2f2;
    color: #424242;
    border-radius: 0px;
    width: max-content;
    font-weight: bold;
    padding: 10px 0 5px 0;
}
.shopcart-Cate {
    font-size: 1.45em;
    font-family:Prompt,sans-serif;
}
.ui.steps .step .title {
   font-family:Prompt,sans-serif;
   font-size:12px;
   margin-top:10px;
   line-height: normal;
   letter-spacing: 0.5px;
}
.ui.steps .step.active .title,
.step.active i{
   color: #fff;
}
.ui.steps .step.active {
    cursor: auto;
    background: #a4845b;
}
.step1checkout {
    border:5px solid #2cc1a3;
}

.btnCheckoutprevious, .step1checkout, .step5checkout {
	background-color: #a4845c;
    border: 4px solid #c3a279;
   text-align: center;
   font-family: Prompt,sans-serif;
  padding: 7px 0 7px 0;
  font-weight: normal;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
   padding: 8px;
   line-height: 1.42857143;
   vertical-align: top;
   border-top: 1px solid #ddd;
   font-family:Prompt,sans-serif;
  font-size: 14px;
}

.Checkout-font, .Checkout-font-panel {
   color: #000;
   font-family: Prompt,sans-serif;
  font-size: 16px;
}

.shopcartID-Head-Default, .shopcartName-Head-Default {
    font-size: 18px;
    color: #000;
    border-bottom: none;
    padding: 10px 0;
    font-family: Prompt,sans-serif;
}
.shopcartID-Default {
    font-size: 16px;
    border-bottom: none;
    padding: 5px 0;
    font-family: Prompt,sans-serif;
    color: #605f5f;
    margin-top: -15px;
}
.shopcartFeature-Default, .shopcartName-Default {
    font-size: 1.25em;
    border-bottom: none;
    padding: 10px 0;
    font-family: Prompt,sans-serif;
    color: #ad906a;
    margin-top: -10px;
}
.shopcartlinePrice-Default {
    border-bottom: none;
    color: #d8d8d8;
    padding: 10px 0 10px 0;
}
.Checkout-OID {
    color: #a4845c;
    font-size: 16px;
}
label {
  max-width: 100%;
  margin-bottom: 5px;
  font-family: Prompt,sans-serif;
  font-weight: 300;
}
.shopcartDetail-Default {
    font-size:22px;
    border-bottom: solid 1px;
    border-color: #ddd;
    font-family: Prompt,sans-serif;
    color: #a5855c;
}
label.shopcart-share {
    margin-left: -20px;
    font-size: 18px;
      font-weight: 400;
}

/*รายละเอียดตะกร้า*/
.col-xs-12.col-sm-12.col-md-12.shopcart-Detail-Detail {
    font-size: 1.25em;;
    padding-left: 10px!important;
}
.col-xs-12.col-sm-12.col-md-12.shopcart-Detail-Detail h3 {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #717171;
}
.col-xs-12.col-sm-12.col-md-12.shopcartRelated-Default.shopcartRelated {
    border-bottom: solid 1px #ddd;
      font-size: 22px;
      font-family:Prompt,sans-serif;
    color: #a5855c;
}
.shopcart-paymentpage {
    background-color: #1ab918;
    width: 25%;
    font-size: 18px;
}
.shopcart {
    -webkit-border-radius: 0;
    width: 100px!important;
    height: 100px!important;
    background: url(https://itp1.itopfile.com/ImageServer/itp_300220201als/60/0/shop5z-z1414979716102.webp) no-repeat;
    background-color: #ebeff9;
    background-repeat: no-repeat;
    background-position: 40% 55%;
    bottom: 0;
    right: 0px;
}
.Template-H-Icon {
    width: 20%;
    padding: 0 5px 5px 0;
      /*display: none*/
}
.priceNoPromotion {
    color: #717171;
    font-weight: normal;
    font-size: 1.25em;
    text-align: left;
    padding: 5px;
}
.Template-H-button{
    width: 60%;
}
.Template-H-button:hover{
      width: 60%;
}
.Template-H-buttonDetail {
     background-color: transparent;
    margin: 5px 0 0 120px;
    color: #3c4e56;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    padding: 10px;
    font-size: 14px;
    width: max-content;
}
.Template-H-buttonDetail:hover{
    width: max-content;
    background-color: transparent;
}
.Template-H-Price {
    color: #717171;
    font-weight: normal;
    height: 80px;
    text-align: left!important;
    font-size: 18px;
}
.Template-H-pic {
    border: none;
    padding: 0px;
    height: inherit!important;
    -webkit-transition: 300ms ease-in-out;
    -moz-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    -ms-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}
.Template-H-Pic:hover {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}




.Template-H-Name {
    color: #212122;
    font-size: 1.143em;
    height: 60px;
    text-transform: uppercase;
    padding: 0px 2px!important;
  	 text-align: left!important;
}
.Template-H-button, .Template-H-buttonDetail {
    background-color: #c3a279;
    font-family: Kanit;
    color: #ffffff;
    border-radius: 0;
    font-weight: 400;
    font-size: 12px;
    border: solid 1px #c3a279;
    padding: 5px 20px;
  	margin-left:0;
}
.Template-H-button:hover, .Template-H-buttonDetail:hover {
    border: solid 1px #a4845b;
    background-color: #a4845b;
    color: #fff;
}
.Template-H-frame {
    padding: 10px 10px 10px;
    border-radius: 0px;
    margin-bottom: 10%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: transparent;
      -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(234 231 222);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  border: solid 1px #eae7de;
}
.Template-H-frame:hover {
    cursor: pointer;
    border-radius: 0px;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.Template-H-Des {
    color: #00000a;
    font-weight: 400;
    height: 45px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    margin-top: -2px;
}
.Template-H-Des:hover {
    color: #ff7b23;
    text-align: center;
}

.Template-H-Name label {
    font-size: 16px;
    font-weight: 300!important;
}







/*ต่อต่อเรา*/
.bor2 {
    background: linear-gradient(to right, rgb(195 162 121) 0%, rgb(223 215 204) 100%);
    padding: 10px;
    font-size: 14px;
    border-radius: 25px;
    color: #000;
    /*height: 62px;*/
    margin: 2px;
}
.hvr-grow {
    width: 100%;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}



/*หน้าแรก*/
.box-about {
	font-size:1.143em;
  	text-align:left;
  	padding:5% 5%;
}
.box-about h1 {
    font-weight: 700;
    color: #c3a279;
    font-size: 3em;
}
.border-subject {
	margin-top:30px;
}
.border-subject h2 {
    font-weight: 300;
}
.OEMProduct {
    text-align: center;
    font-size: 1.25em;
    padding: 5% 0;
}
.OEMProduct h3 {
    color: #eae7de;
    font-weight: 300;
    letter-spacing: 5px;
    font-size: 1.25em;
    margin-top: 0;
}


/*effect*/
.hvr-shrink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.hvr-float {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-size: 1.143em;
    text-align: center;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  	color:#c3a279;
}
.hvr-float img {
    padding: 2% 30%;
}

.hvr-sweep-to-top {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #dfd7cc;
    padding: 15px;
    border-radius: 30px;
    color: #1f1f1f;
    font-style: italic;
    font-size: 1.143em;
    font-weight: 500;
  	width: 95%;
  margin-bottom: 10px;
}
/*.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white;
}*/
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c3a279;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 30px;
}
/*.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}*/

/*อัลบั้ม*/
figure.effect-jazz figcaption::after {
border-top: 1px solid #fff0;
border-bottom: 1px solid #fff0;
}
figure.effect-jazz {
    background: transparent;
}


/*from Contact*/
.no-js #Component5f1a7dbe89c0e40013dadadb label{
	display: none!important;
}
.no-js #Component5f1a7dbe89c0e40013dadadb .col-md-6{
    width:60%;
  	margin-left: 20%;
}
.no-js #Component5f1a7dbe89c0e40013dadadb .form-control{
     border: 1px solid #dddddd;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 14px!important;
    padding: 12px;
    background: whitesmoke;
    color: #000000;
}
.no-js #Component5f1a7dbe89c0e40013dadadb .form-control:focus {
    border-color: #a4845b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  	color: #000!important;
}
.no-js #Component5f1a7dbe89c0e40013dadadb .btn{
	background-image: linear-gradient(to bottom, #c3a279 0%,#a4845b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 12px;
    border: 0px solid transparent;
    color: #fff;
}
.no-js #Component5f1a7dbe89c0e40013dadadb .btn-default:active{
	background-color: #a4845b;
}
.no-js #Component5f1a7dbe89c0e40013dadadb .btn-default:hover, 
.no-js #Component5f1a7dbe89c0e40013dadadb .btn-default:focus{
    background-position: 0 40px;
    background-color: #a4845b;
}

/*from Contact*/ 


/*from Contact-EN*/
.no-js #Component5f31014431483b001a8ec207 label{
	display: none!important;
}
.no-js #Component5f31014431483b001a8ec207 .col-md-6{
    width:60%;
  	margin-left: 20%;
}
.no-js #Component5f31014431483b001a8ec207 .form-control{
     border: 1px solid #dddddd;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 14px!important;
    padding: 12px;
    background: whitesmoke;
    color: #000000;
}
.no-js #Component5f31014431483b001a8ec207 .form-control:focus {
    border-color: #a4845b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  	color: #000!important;
}
.no-js #Component5f31014431483b001a8ec207 .btn{
	background-image: linear-gradient(to bottom, #c3a279 0%,#a4845b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 12px;
    border: 0px solid transparent;
    color: #fff;
}
.no-js #Component5f31014431483b001a8ec207 .btn-default:active{
	background-color: #a4845b;
}
.no-js #Component5f31014431483b001a8ec207 .btn-default:hover, 
.no-js #Component5f31014431483b001a8ec207 .btn-default:focus{
    background-position: 0 40px;
    background-color: #a4845b;
}
/*from Contact-EN*/

/*----ค้นหา-----*/
  .search_text a{
   color:#000;
  }

 /*------------ค้นหา -------------------*/
  .itopplus-search-image-flex-container {
   width: 100%!important;
   display: block!important;
}
  .itopplus-search-image-flex-item img {
    height: inherit;
    width: 100%!important;
}
.itopplus-search-image-flex-item {
    background-color: #ececec!important;
    width: 18%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    padding-top: 10px!important;
}

.itopplus-search-shopcart-image {
    height: auto !important;
    overflow: hidden;
}  
.itopplus-search-shopcart-image img{
  width: 100% !important;
}


/*menu*/
.navbar-default .navbar-nav>li>a {
    font-size: 16px;
}
.dropdown-menu>li>a {
    font-size: 16px;
}
/*เมนูฟิกไม่มีโลโก้*/
.itopplus-sticky-nav-bar-inside div {
   float: none!important;
   text-align: center;
}
#itopplus-sticky-nav-bar {
    background-color:#fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
}
#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
    color: black;
    font-size: 12pt;
    border-bottom: none!important;
}

ul#itopplus-nav-bar-sticky {
    padding-top: 10px;
    padding-bottom: 10px;
}
.itopplus-sidebar-main a:link {
    color: #6b6b6b!important;
}

/*link*/
.itopplus-footer a{
   color:#fff;
}
.itopplus-footer a:hover {
   color:#7a6141;
}

a:hover{
   color:#c3a279;
}

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

/*------------ค้นหา -------------------*/
.itopplus-search-image-flex-item {
    background-color: :#f5f5f5!important;
    width: 23%!important;
    padding: 5px;
    text-align: left;
    display: inline-block;
    height: 300px!important;
    min-height: 0px!important;
    max-height: 300px!important;
    padding-top: 5px!important;
}
  #searchResultLanding {
    margin: 0 5px;
}
  
  .no-js #Component5f1a7dbe89c0e40013dadadb .col-md-6, .no-js #Component5f1a7dbe89c0e40013dadadb .btn {
    width:60%;
  	margin-left: 20%;
}
   .no-js #Component5f31014431483b001a8ec207 .col-md-6, .no-js #Component5f31014431483b001a8ec207 .btn {
    width:60%;
  	margin-left: 20%;
} 
  
.itp-auto-order .AutoOrderBackgroundImageTemplate3 {
    left: 11%;
    top: 10px;
}
  .box-about {
    font-size: 1.143em;
    text-align: left;
    padding: 5% 0;
}
  .hvr-sweep-to-top {
    padding: 10px;
    font-size: 0.65em;
    font-weight: 500;
    width: 95%;
    margin-bottom: 10px;
}
  .OEMProduct h2 {
    font-size: 1.143em;
}
  .row .col-xs-12.col-sm-3 {
    padding-right: 8px;
    padding-left: 8px;
    width: 33%;
}
  .hvr-float.col-md-3.col-sm-3.col-xs-12.padding-col {
    width: 25%;
}
  .Template-H-button {
    width: 80%;
}
  .Template-H-button:hover {
    width: 80%;
}
  .col-xs-12.col-md-6 {
    width: 50%;
}
  .row.margin.Shopcart-Related-Main .col-xs-12.col-sm-3 {
    width: 25%;
}
}
/*--------------------ipad-----------------*/









/*--------------------------------theme--------------------------------*/
/*menu*/
.navbar-default {
    border: 0 solid #fff;
    background: #fff;
    padding-left: 0
}


.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #c3a279;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #c3a279;
}

.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #fff!important
}

.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #000
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: #c3a279!important;
    color: #fff;
    border-radius: 20px;
}

.navbar-default .navbar-nav .open>.dropdown-menu {
    background: #fff!important
}

.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #00a0e3
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #c3a279!important;
    background-image: none;
    color: #fff!important;
}
@media (max-width: 767px) {
  #contentnewmode60828c45a4ba760012a2604e {
  	transform: unset !important;
  }
  #contentnewmode60828c45a4ba760012a2604e .col-xs-6 {
  	width:33% !important;
  }
  
}
#contentnewmode60828c45a4ba760012a2604e {
	transform: translate(13%);
}

@media (max-width: 767px) {
 #contentnewmode6082aef6592d8400138e2c28 {
  transform: unset !important;
 }
 #contentnewmode6082aef6592d8400138e2c28 .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082aef6592d8400138e2c28 {
transform: translate(13%);
}

@media (max-width: 767px) {
 #contentnewmode6082ac472f4acc0012734bd1 {
  transform: unset !important;
 }
 #contentnewmode6082ac472f4acc0012734bd1 .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082ac472f4acc0012734bd1 {
transform: translate(13%);
}

@media (max-width: 767px) {
 #contentnewmode6082af372f4acc0012734c2f {
  transform: unset !important;
 }
 #contentnewmode6082af372f4acc0012734c2f .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082af372f4acc0012734c2f {
transform: translate(13%);
}

@media (max-width: 767px) {
 #contentnewmode6082b2962fc68b0012494da1 {
  transform: unset !important;
 }
 #contentnewmode6082b2962fc68b0012494da1 .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082b2962fc68b0012494da1 {
transform: translate(13%);
}

@media (max-width: 767px) {
 #contentnewmode6082c21b592d8400138e2ca2 {
  transform: unset !important;
 }
 # contentnewmode6082c21b592d8400138e2ca2 .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082c21b592d8400138e2ca2 {
transform: translate(13%);
}

@media (max-width: 767px) {
 #contentnewmode6082c1b7b38ba3001200a393 {
  transform: unset !important;
 }
 #contentnewmode6082c1b7b38ba3001200a393 .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082c1b7b38ba3001200a393 {
transform: translate(13%);
}

@media (max-width: 767px) {
 #contentnewmode6082c23eb38ba3001200a3a7 {
  transform: unset !important;
 }
 #contentnewmode6082c23eb38ba3001200a3a7 .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082c23eb38ba3001200a3a7 {
transform: translate(13%);
}
contentnewmode6082c25da4ba760012a2630b
@media (max-width: 767px) {
 #contentnewmode6082c25da4ba760012a2630b {
  transform: unset !important;
 }
 #contentnewmode6082c25da4ba760012a2630b .col-xs-6 {
  width:33% !important;
 }
 
}
#contentnewmode6082c25da4ba760012a2630b {
transform: translate(13%);
}


@media (max-width:768px) {
    .navbar-default {
        background: #fff;
        background: -moz-linear-gradient(top,#fff 36%,#fff 36%,#efefef 88%,#e0e0e0 100%);
        background: -webkit-linear-gradient(top,#fff 36%,#fff 36%,#efefef 88%,#e0e0e0 100%);
        background: linear-gradient(to bottom,#fff 36%,#fff 36%,#efefef 88%,#e0e0e0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 )
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #444444;
    }
  
  	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent!important;
    color: #c3a279;
    border-radius: 0px;
	}
  
  	.itopplus-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
} 
}

/*เมนูมือถือ slidebar*/
@media (max-width:768px) {
/*เมนูหลักทั้งหมด*/
.itopplus-sidebar-menu-single a:link {
    color: #444444 !important;
}
/*เมนูย่อยแรก*/
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #c3a279!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
/*เมนูย่อยถัดไป*/

  .itopplus-sidebar-menu-parent a {
    color: #626262 !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #c3a279!important;
}
  
   .form-group {
    margin-bottom: 1px;
}
  .tab-preview {
    padding: 5px 1px;
  
}
    .col-xs-12.col-md-6 {
    width: 100%;
}
  .row.margin.Shopcart-Related-Main .col-xs-12.col-sm-3 {
    width: 50%;
}
  .row.margin.Shopcart-Related-Main .col-xs-6.col-sm-12 {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
}
  
  

}
/*เมนูมือถือ slidebar*/

@media only screen and (min-width:414px) {
 
  span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    margin-top: 3%!important;
}
/* span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    width: 40%!important;
    height: 33px!important;
    padding: 7px!important;
    margin-top: 4px!important;
}*/

 .form-group {
    margin-bottom: 1px;
}
  .tab-preview {
    padding: 5px 1px;
  
}

span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    width: 101%!important;
    height: 28px!important;
}
  
    #progress5f5886ecfdc86e00198f441a0, #progress5f5886ecfdc86e00198f441a1, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a3, #progress5f5886ecfdc86e00198f441a4, #progress5f5898869faae6001961b3190, #progress5f5898869faae6001961b3191, #progress5f5898869faae6001961b3192, #progress5f5898869faae6001961b3193, #progress5f5898869faae6001961b3194 {
    margin-top: 18%!important;
        margin-left: 0%!important;
        margin-right: -53%!important;
        width: 163%!important;
  }
}
/*--------------------mobile-----------------*/


@media only screen and (min-width:768px){
  span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    margin-top: 1%!important;
}
span.btn.btn-success.btn-xs.fileinput-button.btn-block {
  width: 21%!important;
    height: 27px!important;
    padding: 3px!important;
    margin-left: -1%!important;
}
    #progress5f5886ecfdc86e00198f441a0, #progress5f5886ecfdc86e00198f441a1, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a3, #progress5f5886ecfdc86e00198f441a4, #progress5f5898869faae6001961b3190, #progress5f5898869faae6001961b3191, #progress5f5898869faae6001961b3192, #progress5f5898869faae6001961b3193, #progress5f5898869faae6001961b3194 {
 margin-top: 4%!important;
    margin-left: 76%!important;
    width: 260%!important;
    margin-bottom: 27px!important;
}
}

/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
    h1,.h1 {
        font-size: 2.250em;
    }

    h2,.h2 {
        font-size: 1.875em;
    }

    h3,.h3 {
        font-size: 1.500em;
    }

    h4,.h4 {
        font-size: 1.125em;
    }

    h5,.h5 {
        font-size: 0.875em;
    }

    h6,.h6 {
        font-size: 0.750em;
    }

    p {
        margin: 0 0 10px;
    }

    .navbar .nav,
.navbar .nav > li {
        float: none;
        display: inline-block;
        *display: inline;
 /* ie7 fix */
        *zoom: 1;
 /* hasLayout ie7 trigger */
        vertical-align: top;
    }

    #main-navbar-collapse {
        text-align: right;
    }
  /*เมนูชี้ไม่ต้องกด*/
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
   margin: 0;
 }
  #menu5f2a4a163a59f900125160cf, #menu5f2a84103a59f90012516c83, #menu5f2a841789c0e40013db48c7 {
    display: none!important;
}
  .itopplus-menu {
    padding-top: 35px;
}
  .Template-H-button, .Template-H-button:hover {
    width: 80%;
}
  .hvr-sweep-to-top {
    font-size: 1em;
}
  .itopplus-footer h3 {
    font-size: 16px;
}
  .bor2 {
    padding: 5px;
    font-size: 13px;
}
  .navbar-default .navbar-nav>li>a {
    font-size: 15px;

}
  
  .navbar-default .navbar-nav>li>a {
    margin-left: 15px!important;
    margin-right: -23px!important;
}
  span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    width:221%!important;
  
}
    #progress5f5886ecfdc86e00198f441a0, #progress5f5886ecfdc86e00198f441a1, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a3, #progress5f5886ecfdc86e00198f441a4, #progress5f5898869faae6001961b3190, #progress5f5898869faae6001961b3191, #progress5f5898869faae6001961b3192, #progress5f5898869faae6001961b3193, #progress5f5898869faae6001961b3194 {
    margin-top: 5%!important;
    margin-left: 25%!important;
      width: 132%!important;
}
  
   .form-group {
    margin-bottom: 1px;
}
  .tab-preview {
    padding: 5px 1px;
  
}
  

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
    h1,.h1 {
        font-size: 2.250em;
    }

    h2,.h2 {
        font-size: 1.875em;
    }

    h3,.h3 {
        font-size: 1.500em;
    }

    h4,.h4 {
        font-size: 1.125em;
    }

    h5,.h5 {
        font-size: 0.875em;
    }

    h6,.h6 {
        font-size: 0.750em;
    }

    p {
        margin: 0 0 10px;
    }

    .navbar .nav,
.navbar .nav > li {
        float: none;
        display: inline-block;
        *display: inline;
 /* ie7 fix */
        *zoom: 1;
 /* hasLayout ie7 trigger */
        vertical-align: top;
    }

    #main-navbar-collapse {
        text-align: right;
    }
  /*เมนูชี้ไม่ต้องกด*/
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
   margin: 0;
 }
  .itp-auto-order .AutoOrderBackgroundImageTemplate3 {
    left: 27%;
    top: 10px;
}
  .nav>li>a {
    padding: 10px 10px;
}
 .itopplus-menu {
    padding-top: 0px;
    padding-bottom: 10px;
    
}
  .Template-H-smallpic {
    width: 25%;
    border: solid 1px #9e9e9e;
    margin: 5% 3% 3% 0;
    padding: 0;
    height: inherit!important;
    overflow: hidden;
}
  
     #progress5f5886ecfdc86e00198f441a0, #progress5f5886ecfdc86e00198f441a1, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a3, #progress5f5886ecfdc86e00198f441a4, #progress5f5898869faae6001961b3190, #progress5f5898869faae6001961b3191, #progress5f5898869faae6001961b3192, #progress5f5898869faae6001961b3193, #progress5f5898869faae6001961b3194 {
    margin-top: 7%!important;
    margin-left: 22%!important;
           width: 180%!important;
} 
  
  span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    width: 179%!important;
    height: 28px!important;
}
  

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
    h1,.h1 {
        font-size: 2.250em;
    }

    h2,.h2 {
        font-size: 1.875em;
    }

    h3,.h3 {
        font-size: 1.500em;
    }

    h4,.h4 {
        font-size: 1.125em;
    }

    h5,.h5 {
        font-size: 0.875em;
    }

    h6,.h6 {
        font-size: 0.750em;
    }

    p {
        margin: 0 0 10px;
    }

    .navbar .nav,
.navbar .nav > li {
        float: none;
        display: inline-block;
        *display: inline;
 /* ie7 fix */
        *zoom: 1;
 /* hasLayout ie7 trigger */
        vertical-align: top;
    }

    #main-navbar-collapse {
        text-align: right;
    }
  
  /*
  
  	.navbar-default .navbar-nav>li>a {
     
      margin-left:15px;
   margin-right: 15px;
	}
  */
  
  .navbar-default .navbar-nav>li>a {
    margin-left: 15px!important;
    margin-right: -8px!important;
}
  
  	.itopplus-menu {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-top: 0;
}
   body,html {
   font-size: 16px;
}
 /*------------ค้นหา -------------------*/
  .itopplus-search-image-flex-container {
   width: 100%!important;
   display: block!important;
}
  .itopplus-search-image-flex-item img {
    height: inherit;
    width: 100%!important;
}
.itopplus-search-image-flex-item {
    text-align: left;
    display: inline-block;
    height: 390px!important;
    min-height: 0px!important;
    max-height: 390px!important;
}

.itopplus-search-shopcart-image {
    height: auto !important;
    overflow: hidden;
}  
.itopplus-search-shopcart-image img{
  width: 100% !important;
  }
/*เมนูชี้ไม่ต้องกด*/
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
   margin: 0;
 }
  .bor2 {
    background: linear-gradient(to right, rgb(195 162 121) 0%, rgb(223 215 204) 100%);
    padding: 10px;
    font-size: 18px;
    border-radius: 40px;
    color: #000;
    /* height: 62px; */
    margin: 2px;
}
  .navbar-default .navbar-nav>li>a {
    font-size: 20px;
}
  .itp-auto-order .AutoOrderBackgroundImageTemplate3 {
    left: 36%;
    top: 10px;
}
.Template-H-smallpic {
    width: 17%;
    border: solid 1px #9e9e9e;
    margin: 5% 3% 3% 0;
    padding: 0;
    height: inherit!important;
    overflow: hidden;
}
  #progress5f5886ecfdc86e00198f441a0, #progress5f5886ecfdc86e00198f441a1, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a3, #progress5f5886ecfdc86e00198f441a4, #progress5f5898869faae6001961b3190, #progress5f5898869faae6001961b3191, #progress5f5898869faae6001961b3192, #progress5f5898869faae6001961b3193, #progress5f5898869faae6001961b3194 {
    margin-top: 7%!important;
    margin-left: 45%!important;
     width: 271%!important;
}
}

.itopplus-banner {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
}
.itopplus-footer {
   font-size:13px;
}
.itopplus-bgmain2 {
    color: #fff;
}
/*--------------------------------theme--------------------------------*/

.Template-H-PricePromotion {
    color: red !important;
}





.navbar-default .navbar-nav>li>a {
    margin-left: 15px;
    margin-right: -20px;
}

/*---------------------ร่วมงานกับเรา------------------------*/

/*ปุ่มเขียวอัปโหลดไฟล์*/
span.btn.btn-success.btn-xs.fileinput-button.btn-block {
 margin-top: 9%;
    
}

#Component5f5886ecfdc86e00198f441a .form-group {
    margin-bottom: -26px;
}

#progress5f5886ecfdc86e00198f441a0, #progress5f5886ecfdc86e00198f441a1, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a3, 
#progress5f5886ecfdc86e00198f441a4, #progress5f5898869faae6001961b3190, #progress5f5898869faae6001961b3191, #progress5f5898869faae6001961b3192, #progress5f5898869faae6001961b3193,#progress5f5898869faae6001961b3194{
    margin-top: 5%;
    margin-left: 6%;
}

#capcha5f5886ecfdc86e00198f441a, #capcha5f5898869faae6001961b319{
  margin-top: 20px;
}

/*---------------------ร่วมงานกับเรา------------------------*/






/*--------------------mobile-----------------*/
@media (max-width:414px) {
         /*------------ค้นหา -------------------*/
.itopplus-search-image-flex-item {
    background-color: :#f5f5f5!important;
    height: inherit!important;
    width: 45%!important;
    padding: 10px;
    text-align: left;
    padding-top: 10px!important;
}
    .no-js #Component5f1a7dbe89c0e40013dadadb .col-md-6, .no-js #Component5f1a7dbe89c0e40013dadadb .btn {
    width:100%;
  	margin-left: 0%;
}
     .no-js #Component5f31014431483b001a8ec207 .col-md-6, .no-js #Component5f31014431483b001a8ec207 .btn {
    width:100%;
  	margin-left: 0%;
} 
.itp-auto-order .heightTemplateControl {
    height: 315px;
}
  .itp-auto-order .Content5InaRow {
    width: 45%;
    margin-bottom: 20px;
}
  .itp-auto-order .AutoOrderBackgroundImageTemplate3 {
    left: 20%;
    top: 10px;
}
 #imagesControl5f1a4eeb9635fc00126519ef {
    padding: 0!important;
}
  .box-about {
    font-size: 1.143em;
    text-align: left;
    padding: 5% 0;
}
    .hvr-sweep-to-top {
    font-size: 1.143em;
    font-weight: 500;
}
  .row .col-xs-12.col-sm-3 {
    padding-right: 8px;
    padding-left: 8px;
    width: 100%;
}
  .hvr-float.col-md-3.col-sm-3.col-xs-12.padding-col {
    width: 100%;
}
  .col-xs-12.col-md-6 {
    width: 100%;
}
  .row.margin.Shopcart-Related-Main .col-xs-12.col-sm-3 {
    width: 50%;
}
  .row.margin.Shopcart-Related-Main .col-xs-6.col-sm-12 {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
}
  
#progress5f5886ecfdc86e00198f441a0, #progress5f5886ecfdc86e00198f441a1, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a2, #progress5f5886ecfdc86e00198f441a3, #progress5f5886ecfdc86e00198f441a4, #progress5f5898869faae6001961b3190, #progress5f5898869faae6001961b3191, #progress5f5898869faae6001961b3192, #progress5f5898869faae6001961b3193, #progress5f5898869faae6001961b3194 {
    margin-top: 2%!important;
    margin-left: -1%!important;
    margin-right: -41%;
    width: 141%; 
  
    
}
  

 .form-group {
    margin-bottom: 1px;
}
  .tab-preview {
    padding: 5px 1px;
  
}

span.btn.btn-success.btn-xs.fileinput-button.btn-block {
    width: 107%!important;
    height: 28px!important;
}
}

.shopcart {
    position: relative;
    background-color: transparent;
    display:none !important;
}