.itopplus-background {
background-image:none;background-color :rgba(237, 236, 236, 1);
}
.Template-H-smallpic {
    height: auto;
}


.Template-I-button {
    padding: 7px 0px 37px 3%;
    color: #333;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(http://itp1.itopfile.com/ImageServer/52a1c8b1d0f18545/0/0/iTopPlus110919786519.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 40%;
}

.no-js .itopplus-background {
    background-color: #0c0d0c;
}

.navbar-default {
    background: #0d0d0d;
    border-radius: 0
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #000;
    background-color: #ededed;
}
.navbar-default .navbar-nav>li>a {
    color: #fff!important
}
.navbar-default {
    background: #000;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background: #ededed;
    color: #000!important
}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-toggle .icon-bar,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ededed;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #000!important;
    background-color: #ededed;
    border-radius: 0px
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #fff
}
.navbar-default .navbar-toggle {
    border-color: #fff
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #000
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #000
}
.text-bar {
    color: #fff!important
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #000!important
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #000!important;
    background-color: #ededed!important;
    border-radius: 0px
}
@media (max-width:768px) {
    .dropdown-menu>li>a,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
        background-color: #ededed!important;
        color: #000!important
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #000!important
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #000!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:center ;
}
.Template-I-button {
    background-size:80%!important;
}
}

/* 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:center ;
}
.Template-I-button {
    background-size:80%!important;
}
}



.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/37a0c3cfb9905e15/40/0/iTopPlus438859552277.webp);
    bottom: 1%;
    right: 0.5%;
    background-color: rgb(0, 0, 0)!important;
    background-position: 40% 62%!important;
    border-radius: 50%;
    height: 70px;
    width: 70px;
}
figure.effect-steve h2, figure.effect-steve p {
    display: none;
}
figure.effect-steve {
    background: #0000;
}
#effectfollow:hover {
    transition: transform .35s;
}
#effectfollow:hover {
	transform: scale3d(.95,.95,1);
    transition: transform .35s;
}
figure.effect-jazz figcaption::after {
    border-top: 1px solid rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}


.Template-I-frame{
	    font-family: Times New Rom!important;
}
.Template-I-pic {
    background-color: #010101;
    border: 0px solid #e5dbd8;
    margin-bottom: 12%!important;
    padding: 0px;
}
.Template-I-frame {
    padding: 0px 0px 15px 0px;
    background-color: rgb(0, 0, 0);
}
.Template-I-Name {
    color: #fff;
    font-size: 16px;
    margin-top: 0%;
    margin-bottom: -4%;
    font-weight: 100;
}
.promotionPrice {
    color: white;
    display: block;
}
.Template-I-button {
    width: 90%;
    margin: 20px 10px 0px 10px;
}
.Template-I-Icon {
    display: none;
}
.Template-I-button {
    padding: 7px 0px 37px 3%;
    color: #333;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(http://itp1.itopfile.com/ImageServer/52a1c8b1d0f18545/0/0/iTopPlus110919786519.webp);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:80%;
}
.Template-I-frame:hover {
    box-shadow: 3px 3px 10px #dcb93b;
    cursor: pointer;
}
#shopitemB-Detail {
    background-color: #000;
}
.fancybox-image {
    background-color: #000;
}
.promotionPrice>span {
    color: #fff!important;
}                         
.Shopcart-Related-Main {
	display:none;
}
.col-md-6, .shopcartDetail-Default {
    font-family: Times New Rom!important;
}
.Template-I-PriceNormal, .Template-I-PricePromotion {
    font-size: 20px!important;
}
.Template-I-buttonDetail {
    width: 28%;
    color: #333;
    padding: 18px 0px 18px 0;
    background-color:  rgba(0, 0, 0, 0);
    background-image: url(http://itp1.itopfile.com/ImageServer/52a1c8b1d0f18545/0/0/iTopPlus110919786519.webp);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size:100%;
    transition: 0.3s;
}
.Template-I-buttonDetail:hover {
    transform: scale3d(1,1,1);
    opacity: 0.8;
    transition: 0.3s;
}           
.notificationcart {
    background-color: red;
    width: 20px;
    height: 20px;
    bottom: 24%;
    right: 35%;
}
.step1checkout {
    width: 76px;
    height: 76px;
    background-color: rgb(183, 179, 77);
    border: 7px solid rgb(2, 2, 2);
}
.step5checkout {
    background-color: rgb(183, 179, 77);
    border: 7px solid rgb(2, 2, 2);
}
.shopcart-paymentpage {
    font-size: 14px;
    background-color: rgb(0, 0, 0);
}
.shopcart-Cate {
    display: none;
}
.ui.steps .step.active .title {
    color: #b7b34e;
}
.btnCheckoutprevious {
    background-color: #010101;
}
figure.effect-jazz {
    background: linear-gradient(-45deg,rgb(0, 0, 0) 0,rgb(0, 0, 0) 100%);
}
.dropdown-menu>li>a:hover {
    color: rgb(255, 255, 255)!important;
    background-color: rgb(0, 0, 0)!important;
}
.fa-search:before {
    color: rgb(255, 255, 255);
}
i.circular.fa.fa-search.link.icon {
    background-color: rgb(137, 137, 137)!important;
}
#text_map {
    transition: 0.3s;
}
#text_map:hover {
	color:#28cc71;
}
#text_facebook {
    transition: 0.3s;
}
#text_facebook:hover {
	color:#385c8d;
}
#text_mail {
    transition: 0.3s;
}
#text_mail:hover {
	color:#f34336;
}
#text_tel {
    transition: 0.3s;
}
#text_tel:hover {
	color:#3cc93c;
}
#text_line {
    transition: 0.3s;
}
#text_line:hover {
	color:#00c300;
}
#text_Ins {
    transition: 0.3s;
}
#text_Ins:hover {
	color:#e4405f;
}
.pull-left {
    float: inherit;
}
.pagination>li>a, .pagination>li>span {
    color: #868686;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fff;
    background-color: #868686;
    border-color: #dfdfdf;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #868686;
    border-color: #dfdfdf;
}
.pagination {
    margin: -0.5% -1% 4% 0!important;
}
.ui.icon.input input {
    margin: 1px auto!important;
}


/*Post It*/
.sticky {
    -webkit-box-shadow: #DDD 0px 1px 2px;
    position: relative;
    background-color: #F4F39E;
    border-color: #DEE184;
    text-align: center;
    margin: 2.5em 0px;
    padding: 1.5em 1em 0.5em 1em;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
    width: 1%;
    height: 200px;
   font-family: thaisanslite_r1!important;
}
.post-it:hover {
    box-shadow: 2px 2px 2px 2px #d8c66e75;
    transition: 0.3s;
}
.post-it {
  display: table;
  margin: 0em auto 0;
	transition: 0.3s;
}
.taped {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.sticky.taped:after {
  display: block;
  content: "";
  position: absolute; 
  width: 110px;
  height: 30px;
  top: -21px;
  left: 40%;    
  border: 1px solid #fff;
  background: rgba(254, 254, 254, .6);
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
  box-shadow: 0px 0 3px rgba(0,0,0,0.1);  
      
}
.note { 
-webkit-box-shadow: #DDD 0px 1px 2px;
  position: relative;
  background-color: #F4F39E;
  border-color: #DEE184;
  margin: 1.5em auto;
  padding: 1.5em 1em;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  width: 250px;
}
.note:after {
  display: block;
  content: "";
  position: absolute; 
  width: 110px;
  height: 30px;
  top: -21px;
  left: 30%;    
  border: 1px solid #fff;
  background: rgba(254, 254, 254, .6);
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
  box-shadow: 0px 0 3px rgba(0,0,0,0.1);  
}
@media (max-width:768px) {
.sticky.taped:after {
    left: 28%;
}
  }
/*Post It*/





/*Intro*/
.navbar-collapse {
	box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
}

.inter_eff {

}
.thai_eff {

}
#inter {
	
}
#inter>a {
    font-size: 20px!important;
    color: #fff!important;
    letter-spacing: 2pt;
    font-weight: normal!important;
    font-family: Times New Rom!important;
    border: 1px solid #fff;
    transition: 0.3s;

}
#inter>a:hover{
	background-color: #846c0e!important;
    transition: 0.3s;
}
#inter .dropdown-menu {
	background-color: #0c0d0c!important;
    border: 0px solid #fff!important;
    top: -178%!important;
    border-radius: 0px!important;
}
.inter_eff .open>a{
	background-color: #846c0e!important;
    transition: 0.3s;
}
#inter .dropdown-menu>li>a {
    background: #0c0d0c!important;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}
#inter .dropdown-menu>li>a:hover {
    background: #846c0e!important;
    color: #fff!important;
}
#inter_submenu {
    margin-top: 30%;
    margin-left: 0%;
}
.inter-caret-right {
	display: inline-block;
    width: 0;
    height: 0;
    top: 10px;
    right: 5px;
    position: absolute;
    margin-left: 2px;
    margin-top: 4%;
    vertical-align: middle;
    border-left: 5px dashed #ccc;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    color: #fff;
}
/*Intro*/


@media (max-width:768px) {
   /*Hide Menu Phone*/
.navbar-default .navbar-toggle {
    border-color: #f68e1f00;
}
.navbar-inline .text-bar {
    display: none;
}
.navbar-inline {
    margin-top: 9px;
    margin-right: 2px;
    margin-left: -2px;
    margin-bottom: 9px;
}
 .glyphicon-phone-alt:before {
      content: "\e182";
}
p.search_urlSearch {
     word-wrap: break-word;
}
.text-justify {
    text-align: inherit;
}
.col-sm-12, .col-md-12, .col-lg-12 {
        padding-right: 5px;
    padding-left: 5px;
}
/*Hide Menu Phone*/
  
.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/37a0c3cfb9905e15/40/0/iTopPlus438859552277.webp);
    bottom: 1%;
    right: 1%;
    background-color: rgb(0, 0, 0)!important;
    background-position: 40% 62%!important;
    border-radius: 50%;
    height: 70px!important;
    width: 70px!important;
}
}
#inter>a {
    font-size: 16px!important;
    text-align: center!important;
    width: 100%!important;
    margin: 0 auto!important;
}
.notificationcart {
    background-color: red;
    width: 20px;
    height: 20px;
    bottom: 55%;
    right: 22%;
}


/*intro*/
      .collapse_intro {
          display: block;
      }
      #inter .dropdown-menu {
          background-color: #0c0d0c!important;
          border: 0px solid #fff!important;
          top: -183%!important;
          border-radius: 0px!important;
          width: 66%;
          margin: 0 auto;
      }
/*intro*/
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff!important;
    
    
	}		
  
  @media (max-width:568px) {
    .Template-I-button {
    	background-size: 78%!important;
  }
 }


.shopcart {
    position: relative;
    background-color: transparent;
} "