.itopplus-background {

}
.Template-I-Des {
    height: 60px;
}
.itopplus-sidebar-sub-menu a:link {
    color: #000 !important;
}

.itopplus-sidebar-main a:link {
    color: #000 !important;
}

.Template-I-Price, .Template-I-PriceMember {
    height: 70px;
    color: #801fd2;
    font-weight: 700;
    text-align: center;
    font-family: Circular;
    font-size: 20px;
    margin-top: -15px;
}

.Template-I-ProName {
    color: #a6a4a5;
    font-family: Circular;
    font-size: 20px;
}
.Template-H-PricePromotion, .Template-H-button, .Template-I-CateName {
    color: #801fd2;
    font-family: Circular;
    font-size: 24px;
}
.Template-I-Item, .Template-I-Quantity {
    color: #000;
    font-family: Circular;
}
.Template-I-buttonDetail {
    cursor: pointer;
    width: 35%;
    margin: 10px 0 0 120px;
    padding: 7px 0;
    background-color: #8cc63f;
    color: #f6f7f9;
    border-radius: 5px;
    font-weight: 700;
    font-family: Circular;
  font-size: 22px;
}
.Template-I-PriceNormal {
    color: #801fd2;
    font-family: Circular;
}
.Template-I-PricePromotion{
    color: #801fd2;
  	/*color: red;*/
  	/*color: #FF0000;*/
    font-family: Circular;
    font-size: 20px;
}

 .Template-I-button {
    color: #f5f5f5;
    font-family: Circular;
    font-size: 20px;
}

.Template-J-CateName {
  color: #f5f5f5;
}
.Template-I-Icon {
    width: 30px;
    padding: 0 3px 3px 0;
}
.Template-I-button {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 7px 0 7px 3%;
    background-color: #8cc63f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
}
.Template-I-Name {
    color: #00aeef;
    font-size: 24px;
    height: 100px;
    font-weight: 400;
    font-family: Circular;
}

#scrolltoshop5c3f0af658794f001af52575 .Template-I-Name {
    height: 80px !important;
}

.priceNoPromotion, .promotionPrice {
    color: #00aeef;
    font-weight: 700;
    font-family: Circular;
    font-size: 22px;
}
.Template-M-Icon {
    width: 35px;
    padding: 0 5px 5px 0;
}
.shopcartDetail-Default {
    font-size: 26px;
    font-family: Circular;
    border-bottom: solid 1px;
    border-color: #D8D8D8;
}
.shopcart {
    background-color: #55b2e4;
 
}
.Template-M-Item, .Template-M-Quantity {
    color: #000;
   font-family: Circular;
    font-size: 30px;
}
.col-md-12 {
    width: 100%;
}
.Template-M-buttonDetail {
    cursor: pointer;
    width: 45%;
    margin: 10px 0 0 120px;
    padding: 7px 0;
    background: rgb(53, 185, 37);
    background: -moz-linear-gradient(top,rgba(254,104,109,1) 0,rgba(244,49,94,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(254,104,109,1)),color-stop(100%,rgba(244,49,94,1)));
    background: -webkit-linear-gradient(top,rgb(72, 208, 82) 0,rgb(64, 152, 42) 100%);
    background: -o-linear-gradient(top,rgba(254,104,109,1) 0,rgba(244,49,94,1) 100%);
    background: -ms-linear-gradient(top,rgba(254,104,109,1) 0,rgba(244,49,94,1) 100%);
    background: linear-gradient(to bottom,rgb(66, 197, 64) 0,rgb(55, 171, 64) 100%);
    border: 1px solid #3abf3e;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-radius: 5px;
}
.form-horizontal .form-group-sm .form-control, .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 3px;
   font-family: Circular;
}
.Template-M-PriceNormal {
    color: red;
  font-family: Circular;
}
.shopcartFeature-Default, .shopcartName-Default {
    font-size: 30px;
   font-family: Circular;
  border-bottom: solid 1px #D8D8D8;
    padding: 10px 0;
      color: #00aeef;
}
.shopcartID-Default {
    font-size: 22px;
     font-family: Circular;
    border-bottom: solid 1px #D8D8D8;
    padding:10px 0;
}
.shopcartID-Head-Default, .shopcartName-Head-Default {
    font-size: 28px;
   font-family: Circular;
    color: #000;
    border-bottom: solid 1px #D8D8D8;
    padding: 10px 0;
}
.Template-M-ProName {
    color: #a6a4a5;
  font-family: Circular;
   font-size: 22px;  
}
.Template-M-CateName {
  font-family: Circular;
   font-size: 22px;  
  color: #000;
}
.Template-M-button, .Template-M-buttonDetail {
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe686d', endColorstr='#f4315e', GradientType=0 );
    font-family: Circular;
   font-size: 22px;
    font-weight: 700;
}
.Template-M-button {
    width:50%;
    padding: 7px 0 7px 3%;
    background: rgb(129, 189, 84);
    background: -moz-linear-gradient(top,rgba(254,104,109,1) 0,rgba(244,49,94,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(254,104,109,1)),color-stop(100%,rgba(244,49,94,1)));
    background: -webkit-linear-gradient(top,rgb(139, 181, 94) 0,rgb(151, 244, 49) 100%);
    background: -o-linear-gradient(top,rgba(254,104,109,1) 0,rgba(244,49,94,1) 100%);
    background: -ms-linear-gradient(top,rgba(254,104,109,1) 0,rgba(244,49,94,1) 100%);
    background: linear-gradient(to bottom,rgb(116, 191, 59) 0,rgb(120, 189, 68) 100%);
    text-align: center;
    margin: 0 auto;
    border: 1px solid #8cc63f;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-radius: 5px;
}
.Template-M-Price, .Template-M-PriceMember {
    height: 70px;
    color: #801fd2;
    font-weight: 700;
    text-align: center;
   font-family: Circular;
   font-size: 24px;
}
.Template-M-Name {
    color: #00aeef;
    font-size: 18px;
    height:60px;
    overflow: hidden;
    font-weight: 700;
    margin-top: 3%;
    text-align: center;
   font-family: WDB_Bangna;
}
.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #333;
    font-family: Circular;
    font-size: 20px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    color: #423e3e;
    font-family: Circular;
    font-size: 24px;
}

/*เมนู hover เส้นขีดด้านข้างเมนู*/
    .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
	border-left: 4px solid #55b2e4;
	border-right: 4px solid #55b2e4;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    border-left: 4px solid #55b2e4;
	border-right: 4px solid #55b2e4;
}

/*เมนู hover*/

.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
	background: #55b2e4!important;
    color: #fff!important;      
}


/*แถบเมนูเล็ก*/
/* Medium Devices, Desktops */
@media only screen and (max-width : 768px) {  
  #mobileonly{
  	visibility : hidden;
    height:0px;
    width:0px;
  }  
   
  p#logowebsite{
  	font-size:10px;
  }
  
  #scrollTop{
    position: fixed;
    left: 10px;
    bottom: 5px;
    opacity: 0.5;
  }

  #scrollTop:hover{
    opacity: 1.5;
  }
  .zIndex-pos3 {
    z-index: 100;
  }
}

@media (min-width: 769px){  
  .navbar-nav>li>a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }  
  .navbar {
    min-height: 0px !important;
}  
}

  @media(max-width: 500px){    
    #mobileonly{
  	visibility : visible;
      width:inherit;
      height:inherit;
  }    
    #popular{
    	display : none;
    }    
    #controlBanner {
    margin-left: 0;
}
  }


/* 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 ;
}

}

/* 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 ;
}
  

}

@media only screen and (min-width : 320px) {
    .menu-mobile-custom{
        font-size: 18px!important;
    }
}
@media only screen and (min-width : 375px) {
    .menu-mobile-custom{
        font-size: 18px!important;
    }
}
@media only screen and (min-width : 414px) {
    .menu-mobile-custom{
        font-size: 18px!important;
    }
}

@media (min-width :1900px){
.ITPquantityWord {
    width: 11%!important;
}
}

@media (min-width :1366px){
.ITPquantityWord {
  width: 11%!important;
  }
}

@media (min-width :1024px){
.ITPquantityWord {
  width: 7%!important;
  }
  }
@media (min-width :768px){
.ITPquantityWord {
  width: 11%;
  }
  }
@media (min-width :480px){
.ITPquantityWord {
  width: 12%;
  }
  }
@media (min-width: 320px){
.ITPquantityWord {
    width: 12%;
}
}

.Template-I-buttonDetail {
    padding: 10px 10px 0px 0px!important;
    font-size: 20px;
    height: 45px;
    width: 28%;
}

.ProductCheckoutColor {
    color: #000!important;
}

.Template-H-buttonDetail {
    width: 25%!important;
}

.Template-H-Price {
    height: 75px;
    color: #801fd2;
    font-weight: 700;
    font-family: Circular;
    font-size: 22px;    
}
.Template-H-Name {
    color: #00aeef;
}

.Template-I-CateName {
    color: #00aeef!important;
}
.row .shopcartlinePrice-Default label:nth-child(1) {
	color: #00aeef;
}
.noDiscount {
	color: red;
}


@media only screen and (max-width: 768px) {
 .container {
   padding-right: 0px!important;
   padding-left: 0px!important;
} 
  #cookie {
  	margin-left: unset !important;
  }
  #mainmenu6049a5fc3935ff0012687e6d .visible-xs {
  	padding: 0px 0px 0px 0px !important;
  }
.itopplus-banner .col-xs-offset-7{
  /*margin-left: 0% !important;*/
}
  #itpphonemobile {
  transform: translateX(100%);
  }
  #itpsearchmobile {
  transform: translateX(100%);
  }
  #itpfacebookmobile {
  transform: translateX(100%);
  }
  #itplinemobile{
  transform: translateX(75%);
  }
body, html { overflow-x: hidden; }  
}


@media only screen and (max-width:414px) {
 .container {
   padding-right: 0px!important;
   padding-left: 0px!important;
} 

}

.shopcart {
    z-index: 888;
    border-radius: 800px 0 0 0;
    -moz-border-radius: 800px 0 0 0;
    -webkit-border-radius: 0 800px 0 0;
    border: 0 solid #000;
    width: 100px;
    height: 100px;
    background-image: url(../Images/Shopcart/cart.png);
    background-color: #00BFFF;
    background-repeat: no-repeat;
    background-position: 40% 75%;
    position: fixed;
    -webkit-transition: width .3s,height .3s;
    transition: width .3s,height .3s;
    cursor: pointer;
    bottom: 0;
    
}




.shopcart {
    z-index: 2000;
}
.shopcart {
    background-color: #00BFFF;
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_12022021iqf0/30/0/hanaathecollection-shopz-z1414142728426.webp);
    background-position: 50% 55%;
    -webkit-border-radius: 800px 800px 800px 800px;
    width: 75px !important;
    height: 75px !important;
    bottom: 100px;
    right: 0;
}

.unknown_prf .btn-main {
    border-radius: 50%;
    margin-bottom: 10%;
    position: auto;
    transition: .3s;
    -webkit-transition: .3s;
    text-align: center;
    animation: pulsingAutodigi  infinite;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.unknown_prf .btn-main:hover {
	 margin-bottom: 10%;
}

#Component6205d7962beca30014d8f95b .visible-xs {
  	padding: 0px 0px 0px 0px !important;
  }


.unknown_prf .btn-main {
    border-radius: 50%;
    margin-bottom: 60%;
    transition: .3s;
    -webkit-transition: .3s;
    text-align: center;
    animation: pulsingAutodigi 1.5s infinite;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.shopcart {
      display: none !important;
}