.itopplus-background {
background-image:none; 
background-color:none; 

}
a:hover {
    color: #25a6ca;
}

.itopplus-footer {
        color: #060606; 
}

.itopplus-footer a{
        color: #060606; 
}

.itopplus-footer a:hover{
           color: #37bade;
}



/*เมนูข้าง*/
.menuVertical .nav-pills>li>a {
    color: #4d4c4c;
    font-size: 20px;
    border-bottom: solid 1px #6cbacd !important;
    padding-top: 7px !important;
}

.menuVertical .nav-pills>li>a, .menuVertical .nav-stacked>li+li {
    border-radius: 0;
    background-color: transparent;
    border-bottom: solid 0px #6cbacd;
}

.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    color: #1c81c1;
    background-color: #fff;
    border-bottom: solid 1px #136fa2;
}
.menuVertical .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #fff;
    border-color: #e6e6e6;
    color: #177ea7!important;
}

.menuVertical .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #37bade !important;
    border-color: transparent;
    color: #fff!important;
}

.menuVertical .dropdown-menu>li>a {
    background-image: none;
    color: #000 !important;
}

.menuVertical .dropdown-menu>li>a:hover {
    background-color: #38bade;
    background-image: none;
    color: #fff;
}







/*เมนู*/

.nav>li>a:focus {
    color: #1c81c1;
    background-color: #fff;
    border-bottom: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 22px;
}



.navbar-default {
    background: #ffffff;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #37bade;
}
.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 {
    color: #fff;
    background-color: #37bade;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #37bade;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #37bade;
    color: #fff;
}

.dropdown-menu>li>a {
    background-image: none;
    color: #000!important;
    font-size: 20px;
}


@media (max-width:768px) {
  	 .navbar-default{
        background: #bff1ff;
    }
    .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 {
        color: #fff;
        background-color: #37bade;
    }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff!important;
    background-color: #68cde8;
}
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #37bade;
    border-color: transparent;
    color: #fff!important;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #37bade;
    background-image: none;
    color: #fff!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 ;
}
  
/*ตระกร้าสินค้า*/

.shopcart {
    background: url(https://itp1.itopfile.com/ImageServer/d0f87d69adf8ad99/80/0/iTopPlus1007236830472.webp) no-repeat, linear-gradient(to bottom, rgba(0, 0, 0,0) 0%, rgb(55, 186, 222) 0%, rgb(55, 186, 222) 100%);
    background-position: 55% 55%;
    border-radius: 200px;
    bottom: 1%;
    left: 0.5%;
    -webkit-animation: pulse 2s infinite 2s;
    animation: pulse 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

}

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

}




/*---ช่องขนาดในตระกร้าสินค้า---*/
.shopcartlinePrice-Default select.input-sm {
    height: 30px;
    line-height: 30px;
    width: 242% !important;
}

.shopcartlinePrice-Default .input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 0px 10px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 3px;
    font-family: ThaiSansNeue;
}

.shopcartSize-Default, .shopcartSize{
    font-size: 24px;
    color: #f00;
}




/*อัลบั้มภาพ*/

figure.effect-phoebe {
    background: transparent;
    border-radius: 200px;
}

figure.effect-phoebe  p{
    background-color:#44d5fd;
}


figure.effect-phoebe p {
        background-color: rgba(14, 164, 218, 0.78);
    font-size: 18px;
    margin-left: -30%;
    margin-right: -30%;
    padding: 15px;
    font-weight: 600;
}




figure.effect-phoebe img  {
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-phoebe:hover img{
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}



/*ตระกร้าสินค้า*/



.Template-J-frame {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0px;
    margin-bottom: 10%;
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    
}

.Template-J-frame:hover {
    -moz-box-shadow: 0 0 10px #585858;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.46);
    cursor: pointer;
}

.PictureOverflow {
   max-height: inherit;
   cursor: pointer;
}

.Template-J-pic, .Template-J-innerPic {
   height: inherit!important;
}

.Template-J-pic {
    border: solid 1px;
    border-color: #e6e6e6;
    width: 100%;
    overflow: hidden;
}

.Template-J-smallpic{
   height: inherit!important;
}


.Template-J-Big {
    border: 1px solid #e6e6e6;
    width: 100%;
    overflow: hidden;
      -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;
}


.Template-J-Big:hover {
-webkit-transform: scale(0.98);
    transform: scale(0.98);
}



.Template-J-Name {
    color: #161616;
    font-size: 18px;
    height: 58px;
    overflow: hidden;
    font-weight: normal;
    margin-top: 5%;
    text-align: center;
}

.priceNoPromotion {
    color: #b11e1e;
    font-weight: bold;
    font-size: 18px;
}

.Template-J-Price {
    height: 75px;
    font-weight: bold;
    text-align: center;
    color: #b11e1e;
    font-size: 18px;
}

.Template-J-button {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    padding: 3px 0 5px 30px;
    background-color: #37bade;
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    border-radius: 25px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}


.Template-J-Icon {
    width: 23%;
    padding: 4px 5px 5px 0px;
    float: right;
    margin-right: 25px !important;
}


.shopbottom:hover{
   background: #003372;
}

.Template-J-CateName {
    color: black;
    font-size: 28px;
}

.Template-J-ProName {
    color: #25a6ca;
    font-size: 28px;
}

label {
    font-weight: bold;
  font-family: ThaiSansNeue;
}

.shopcartID-Head-Default {
    font-size: 26px;
    color: black;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0;
    font-family: ThaiSansNeue;
}


.shopcartName-Head-Default {
    font-size: 26px;
    color: black;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0 !important;
    font-family: ThaiSansNeue;
}


.shopcartID-Default {
    font-size: 24px;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0;
    font-family: ThaiSansNeue;
    color: #1d8ead;
}

.shopcartName-Default {
    font-size: 24px;
    border-bottom: solid 1px #d8d8d8;
    padding: 10px 0 10px 0;
    font-family: ThaiSansNeue;
    color: #1d8ead;
}


.Template-J-PriceNormal {
    color: red;
    font-size: 28px !important;
}


.Template-J-Quantity {
    color: black;
    font-size: 22px !important;
}

.Template-J-Item {
    color: black;
    font-size: 22px !important;
}

.input-sm, .form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
    font-family: ThaiSansNeue;
}



.Template-J-buttonDetail {
    cursor: pointer;
    width: 45%;
    margin: 10px 0 0 0px !important;
    padding: 7px 0 7px 0;
    background-color: #37bade;
    color: #ffffff;
    font-weight: normal;
    font-family: ThaiSansNeue;
    font-size: 22px;
    border-radius: 25px;
}

.Template-J-buttonDetail:hover {
    background: #003372;
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}


.Template-J-buttonDetail img {
    border: 0;
    display: none;
}

.shopcartDetail-Default, .shopcartDetail{
    font-family: ThaiSansNeue;
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

.shopcartRelated-Default, .shopcartRelated{
    font-family: ThaiSansNeue;
    font-size: 28px;
    color: #000;
    font-weight: 600;
}

.ui.steps .step.active .title {
    color: #32b6da;
}

.ui.steps .step .title {
    font-size: 15px;
    font-weight: bold;
    font-family: ThaiSansNeue;
    margin-top: 10px;
}

.step1checkout {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    background-color: #37bade;
    border: 5px solid #85e9fe;
    text-align: center;
    width: 70px;
    height: 70px;
    margin: 10% auto;
}

.iconstep1checkout {
    font-size: 20px;
    color: white;
    margin-top: 30%;
}

.Headcheckout {
    font-size: 24px;
    color: #33aacc;
}

.Bodycheckout {
    font-size: 22px;
    color: black;
    font-weight: normal;
}

.btnCheckoutprevious {
    cursor: pointer;
    width: 40%;
    background-color: #37bade;
    color: white;
    margin: 5px 0 0 110px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 25px;
    padding: 7px 0 7px 0;
    font-weight: bold;
    text-align: center;
}

.step5checkout {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    background-color: #37bade;
    border: 7px solid #85e9fe;
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}


.shopcart-paymentpage {
    font-size: 18px;
    color: white;
    background-color: #38bade;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 25px;
    width: 25%;
    cursor: pointer;
    padding: 7px;
    margin: 0 auto;
}








/*---- ปิดเฟส -----*/
.fbcomments, .fb-comments{
    display: none;
}



/*แถบเมนูเล็ก*/
/* 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;
  }
  
  /*เรียยง 5 รูป*/
   .row-fluid [class*=col-sm-5fix] {
     width: 20%;
     float:left;
 }
    /*เรียยง 4 รูป*/
  .col-md-3.col-sm-4.col-xs-4{
     width: 25%;
     float:left;
  }
  
  /*อัลบั้มภาพ*/
  figure.effect-phoebe p {
    background-color: rgba(14, 164, 218, 0.78);
    font-size: 16px;
    margin-left: -80%;
    margin-right: -80%;
    padding: 15px;
    margin-top: -70%;
    font-weight: 600;
}
  
  /*ตระกร้าสินค้า*/
  .Template-J-Name {
    color: #161616;
    font-size: 18px;
    height: 55px;
    overflow: hidden;
    font-weight: normal;
    margin-top: 5%;
    text-align: center;
}
  
  .Template-J-button {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 3px 0 5px 20px;
    background-color: #37bade;
    font-weight: normal;
    color: #fff;
    font-size: 28px;
    border-radius: 25px;
}
  
  .Template-J-Icon {
    width: 30%;
    padding: 5px 5px 5px 0px;
    float: right;
    margin-right: 10px !important;
}
  .Shopcart-Related-Main .col-xs-6.col-sm-12 {
width: 25%;
}   
  
  
.shopcart {
    background: url(https://itp1.itopfile.com/ImageServer/d0f87d69adf8ad99/50/0/iTopPlus1007236830472.webp) no-repeat, linear-gradient(to bottom, rgba(0, 0, 0,0) 0%, rgb(55, 186, 222) 0%, rgb(55, 186, 222) 100%);
    background-position: 55% 55%;
    border-radius: 200px;
    height: 75px !important;
    width: 75px !important;
    bottom: 13%;
    right: 0.5%;
    -webkit-animation: pulse 2s infinite 2s;
    animation: pulse 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}
  
.shopcartlinePrice-Default select.input-sm {
    height: 30px;
    line-height: 30px;
    width: 100% !important;
}
  
  
  /*ในไอแพดตระกร้าวาง 4 */
#scrolltoshop5cd3ac838e67c2001a9933ac .col-xs-12.col-sm-4 {
    width: 25%;
}
  
#scrolltoshop5cd3b31d6ad43e001adc4758 .col-xs-12.col-sm-4 {
    width: 25%;
}
  
#scrolltoshop5cd3c4c4157649001bcf61e0 .col-xs-12.col-sm-4 {
    width: 25%;
}

#scrolltoshop5cd3c64ca8c168001a4d014e .col-xs-12.col-sm-4 {
    width: 25%;
}
  #scrolltoshop5cd3c92d1e9aab001b6df42f .col-xs-12.col-sm-4 {
    width: 25%;
}

  #scrolltoshop5cd3ccf0157649001bcf62ca .col-xs-12.col-sm-4 {
    width: 25%;
}
   #scrolltoshop5cd3ce0da8c168001a4d0215 .col-xs-12.col-sm-4 {
    width: 25%;
}
   #scrolltoshop5cd3d0d18e67c2001a9935c2 .col-xs-12.col-sm-4 {
    width: 25%;
}
     #scrolltoshop5cd3de9ba8c168001a4d0418 .col-xs-12.col-sm-4 {
    width: 25%;
}
  
  
  /*ฟอร์มค้นหา*/
  #searchResultLanding .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 3px;
    padding-left: 3px;
    word-break: break-word;
}
  #Component5cd4e3753e57b5001b05ef42{
      padding: 15px;
  }
  
  /*ปุ่มติดต่อเรา*/
  .btn-primary {
    background-image: -webkit-linear-gradient(top,#37bade 0,#37bade 100%);
    background-image: -o-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#37bade),to(#37bade));
    background-image: linear-gradient(to bottom,#37bade 0,#37bade 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #37bade;
}
  
  .btn-primary:active, .btn-primary.active {
    background-color: #37bade;
    border-color: #37bade;
}
  
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #37bade;
    border-color: #37bade;
}
  
}

@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;
    }        
  }



@media only screen and (max-width : 414px) {  
   .row-fluid [class*=col-sm-5fix] {
     width: 50%;
     float:left;
 }
      /*เรียยง 4 รูป*/
  .col-md-3.col-sm-4.col-xs-4{
     width: 100%;
     float:left;
  }
  
  
  /*ตระกร้าสินค้า*/
  .Template-J-Icon {
    width: 18%;
    padding: 4px 5px 5px 0px;
    float: right;
    margin-right: 45px !important;
}
  
  .Template-J-button {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    padding: 3px 0 5px 45px;
    background-color: #37bade;
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    border-radius: 25px;
}
  
  
  
    /*ตระกร้าในมือถือ */
#scrolltoshop5cd3ac838e67c2001a9933ac .col-xs-12.col-sm-4 {
    width: 100%;
}
  #scrolltoshop5cd3b31d6ad43e001adc4758 .col-xs-12.col-sm-4 {
    width: 100%;
}
#scrolltoshop5cd3c4c4157649001bcf61e0 .col-xs-12.col-sm-4 {
    width: 100%;
}
#scrolltoshop5cd3c64ca8c168001a4d014e .col-xs-12.col-sm-4 {
    width: 100%;
}
  #scrolltoshop5cd3c92d1e9aab001b6df42f .col-xs-12.col-sm-4 {
    width: 100%;
}
    #scrolltoshop5cd3ccf0157649001bcf62ca .col-xs-12.col-sm-4 {
    width: 100%;
}
     #scrolltoshop5cd3ce0da8c168001a4d0215 .col-xs-12.col-sm-4 {
    width: 100%;
}
  
 #scrolltoshop5cd3d0d18e67c2001a9935c2 .col-xs-12.col-sm-4 {
    width: 100%;
}
   #scrolltoshop5cd3de9ba8c168001a4d0418 .col-xs-12.col-sm-4 {
    width: 100%;
}
  
  .Shopcart-Related-Main .col-xs-6.col-sm-12 {
width: 50%;
}   
 }

.row.margin.Shopcart-Related-Main {
display: none;
}