.itopplus-background {

}
.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-nav>li>a{
  font-family:supermarket;
  font-size: 22px;
}

.dropdown-menu>li>a{
     font-family:supermarket;
     font-size: 18px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #f5691c;
    -webkit-box-shadow: inset 0 -3px 0 0 #f5691c;
    -moz-box-shadow: inset 0 -3px 0 0 #f5691c;
    box-shadow: inset 0 -3px 0 0 #f5691c;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #f5691c;
    -webkit-box-shadow: inset 0 -3px 0 0 #f5691c;
    -moz-box-shadow: inset 0 -3px 0 0 #f5691c;
    box-shadow: inset 0 -3px 0 0 #f5691c;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #f5691c;
    -webkit-box-shadow: inset 0 -3px 0 0 #f5691c;
    -moz-box-shadow: inset 0 -3px 0 0 #f5691c;
    box-shadow: inset 0 -3px 0 0 #f5691c;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
  	color: #f5691c!important;
    -webkit-box-shadow: inset 0 -3px 0 0 #f5691c;
    -moz-box-shadow: inset 0 -3px 0 0 #f5691c;
    box-shadow: inset 0 -3px 0 0 #f5691c;  
}

.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: none;(transparent) /*จะขึ้นเป็นสีเทา*/
}

@media (max-width:768px) {
    .navbar-default {
        background: #f5efef;
    }
}
.navbar-default .navbar-toggle {
    border-color: #f5691c;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    border-color: #f5691c;
}
/*hover ไอคอน ในโทรศัพท์  และ Menu*/
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #f5691c;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #f5691c;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #f5691c!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 ;
}

}

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

}

figure.effect-selena {
    background: transparent!important;
}


.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 20px;
    font-family: supermarket;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-size: 18px;
    color: gray;
    font-family: supermarket;
}



/*โพสเมื่อ*/
.page-header.font-inherit span {
    font-family:supermarket;
    font-size: 18px!important;
}



ไอคอน เรื่องน่าสนใจอื่นๆ
.fa-comments-o{
color: #000;
}

สีพื้นหลัง เรื่องที่น่าสนใจ
.landingpagemanager {
 background: #fff;
 font-family:supermarket;
}

/*font เรื่องน่าสนใจอื่น*/
.page-header{
  font-family:supermarket;
  font-size: 18px;
}

.nav-template .btn-sm.padding.link strong, .nav-template .btn-sm.padding.link p {
    font-size: 18px!important;
    font-family: supermarket;
}

/*font หัวข้อย่อยในเรื่องที่น่าสนใจอื่น*/
p:last-child{  
  font-family:supermarket;
  font-size: 18px;
}

h3.managerHeader {
    font-family: supermarket;
    font-size: 20px;
    color: #f5691c;
}


.Contentmanager .site .col-section .item.-micro a .post {
    color: #fbbc9a;
    font-family: supermarket;
    font-size: 14px;
}


/*---------shopping cart------------*/
.Template-N-Des, .Template-N-Name {
    font-family:supermarket;
    font-size:18px;
    color:#000000;
    letter-spacing: 1px;
    height: 60px;
}
.Template-N-Price, .Template-N-PriceMember {
    font-family:supermarket;
    font-size:20px;
    color:#f72828;
    height: 100px;
}
.Template-N-CateName {
    color: #f5691c;
}
.Template-N-ProName {
    color: #151515;
    font-size: 20px;
}
.priceNoPromotion {
    color: #fd0707;
    font-weight: bold;
}

.Template-N-button {
    width: 158px;
    height: 37px;
    text-align: center;
    margin: 0 auto;
    background-image: url(http://itp1.itopfile.com/ImageServer/5e68d3e09b5b7da5/160/0/iTopPlus1283987245253.png);
    background-repeat: no-repeat;
}

.Template-N-buttonDetail {
    width: 158px;
    height: 40px;
    background-image: url(http://itp1.itopfile.com/ImageServer/5e68d3e09b5b7da5/160/0/iTopPlus1283987245253.webp);
    background-repeat: no-repeat;
}
                          
.shopcart-Cate {
    font-family:supermarket;
    font-size:20px;
}
.shopcartID-Head-Default, .shopcartName-Head-Default {
    font-family:supermarket;
    font-size:20px;
    font-weight:700;
}
.shopcartID-Default {
    font-family:supermarket;
    font-size:20px;
}
.shopcartFeature-Default, .shopcartName-Default {
    font-family:supermarket;
    font-size:20px;
}
.Template-N-PriceNormal {
    font-family:supermarket;
    font-size:20px;
}
.Template-N-Item, .Template-N-Quantity {
    font-family:supermarket;
    font-size:20px;
}
.shopcart-share{
    font-family:supermarket;
    font-size:18px;
}
.shopcartAllDetail{
    position: fff;
    color: #000;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
.shopcartDetail-Default.shopcartDetail{
    font-family:supermarket;
    font-size:22px; 
    font-weight:700;
    color: #07215d;
    letter-spacing: 1px;
}
.shopcartRelated-Default.shopcartRelated{
    font-family:supermarket;
    font-size:22px; 
    font-weight:700;
    color: #07215d;
    letter-spacing: 1px;
}
.Shopcart-Related-Main .Template-N-frame .Template-N-Name{
    font-family:supermarket;
    font-size:20px;
}
.Shopcart-Related-Main .Template-N-frame .Template-N-Price{
    font-family:supermarket;
    font-size:20px;
}
/*-----shopping cart detail---------*/
.ui.steps .step .title {
    font-family:supermarket;
    font-size:18px;
    margin-top:10px;
    line-height: normal;
    letter-spacing: 0.5px;
}
.ui.steps .step.active .title,
.step.active i{
    color: #fff;
}
.ui.steps .step.active,.ui.steps .step.active:after {
    background:#f5691c;
}
.Headcheckout {
    font-size: 18px;
}
.Bodycheckout {
    font-size: 18px;
}
.step1checkout, .step5checkout {
    background-color: #f5691c;
    border: 5px solid #bd5115;
}
.btnCheckoutprevious{
    background-color: #bd5115;
    letter-spacing: 0.5px;
}
.btnCheckoutprevious:hover{
    background-color: #f5691c;
}
/*-----shopping cart button---------*/
.shopcart {
 background-color: #f5691c;
}

/*-----form input---------*/
.form-horizontal .form-group-sm .form-control, .input-sm ,
 .form-control{
    font-family:supermarket;
    font-size:16px;
}
input.search-query {

    font-size: 16px;
}
.form-subscribe2 input.search-query2{
    font-size: 16px;
}
.form-subscribe2 .btn-default{
    font-weight:700;
}
.form-horizontal input.form-control,
.form-horizontal textarea.form-control,
.form-horizontal .btn-default{
    font-size: 16px;
}
.btn.btn-default.btn-sm{
    font-family:supermarket;
}

@media only screen and (max-width: 768px){
.Template-N-button {
    width: 60%;
    font-size: 18px;
}
 .Template-H-Icon {
    width: 20%;
}
}
/*-----content manager---------*/
.Contentmanager .btn-sm.padding.link strong,
.Contentmanager .btn-sm.padding.link p{
    font-size: 16px!important;
}
#Contentmanager .post-time {
    font-size: 14px!important;
}
.page-header h4 {
    font-size: 20px!important;
}
.nav-template .btn-sm.padding.link strong,
.nav-template .btn-sm.padding.link p{
    font-size: 16px!important;
    text-align: left;
}


.search_text{
 color: #000;
 font-family:supermarket;
 font-size: 16px;
}
.search_urlSearch{
 color: #000;
 font-family:supermarket;
 font-size: 16px;
}
.search_backgroundColor{
 color: #000;
 font-family: supermarket;
 font-size: 16px;
}
.search_text {
 color: #000;
 font-family: supermarket;
 font-size: 16px;
}
.search_text {
 color: #000;
 font-family:supermarket;
 font-size: 16px;
}
.Template-N-Name {
    letter-spacing: 1px;
    height: 70px;
}

 
.itopplus-footer {
    background-image: url(http://itp1.itopfile.com/ImageServer/bc51caad4debd715/1606/0/175407349875696l58506676483012z-z1271499550166.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    padding-top: 20px;
    padding-bottom: 20px;
}

.itopplus-banner {
    background-image: url(http://itp1.itopfile.com/ImageServer/bc51caad4debd715/1868/0/boontaveez-z1181433564370.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;