.itopplus-background {
background-image:none;background-color :rgba(255, 255, 255, 1);
}
#unknown{
    margin-bottom: 120px;
}

.navbar-default {
    background: #ed1e24;
    font-family:thaisanslite_r1;
    font-size: 20px;
    font-weight: bold;

}
.dropdown-submenu>.dropdown-menu {
    font-family:thaisanslite_r1;
    font-size:18px;
}
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
   margin: 0;
    font-family:thaisanslite_r1;
    font-size:18px;
}
.menuVertical img{
    height: inherit!important;
    width: inherit!important;
}
.menuVertical .nav-stacked>li+li {
    border-radius: 0px;
    margin-top: 0px;
    margin-left: 0;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}
.menuVertical .nav-pills>li>a {
    font-size: 20px;
    font-family: thaisanslite_r1;
    border-radius: 0px;
    color:#7e8182;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-bottom: dashed 1px #bfbfbf;
    padding: 5px 10px;
}
.menuVertical .nav>li>a:hover{
    background-color: #f5f5f5;
    border-bottom: dashed 1px #ed1e24;
}
.menuVertical .caret {
    float: right;
    border-top: 0px solid;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    margin-right: 5px;
}
.menuVertical .caret::after{
    content: url(http://itp1.itopfile.com/ImageServer/b15480593f4874ca/0/0/iTopPlus611872597769.webp);
}
.menuVertical .dropdown-menu>li>a {
    font-size: 20px!important;
    font-family: thaisanslite_r1!important;
}
.menuVertical .dropdown-menu>li>a:focus, .menuVertical .dropdown-menu>li>a:hover {
    background-color: #f8f8f8;
}
.title,.title a{
  font-size: 26px;
  font-family: thaisanslite_r1;
  color:#468bca;
}
.title a:hover{
  color:#ed1e24;
}
/* 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 ;
}

}


/*---------shopping cart------------*/
.Template-J-frame {
    margin-bottom: 5%;
}
.Template-J-pic
{
    height: inherit!important;
    border:solid 1px #959595;
    margin-bottom:5px!important;
}
.Template-J-smallpic {
    height: 70px;
}
.Template-J-Title label::before{
    content: "รหัส : ";
}
.Template-J-Title {
    font-family:thaisanslite_r1;
    font-size:16px;
    color:#000000;
    letter-spacing: 0.5px;
    height: inherit;
}
.Template-J-Des, .Template-J-Name {
    font-family:thaisanslite_r1;
    font-size:16px;
    color:#000000;
    letter-spacing: 0.5px;
    height: 60px;
    margin-top: 0px;
}
.Shopcart-Related-Main .Template-J-Des, 
.Shopcart-Related-Main .Template-J-Name {
    height: 80px;
}
.Template-J-Price, .Template-J-PriceMember {
    font-family:thaisanslite_r1;
    font-size:16px;
    font-weight:700;
    color:#d80000;
    letter-spacing: 0.5px;
    height: 70px;
    margin-top: -20px;
}
.Template-J-button {
    width: 40%;
    background-color: #468bca;
    font-family:thaisanslite_r1;
    font-size:16px;
    color: #fff;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Template-J-button:hover{
    background-color: #ed1e24;
}

.Template-J-buttonDetail {
    background-color: #468bca;
    font-family:thaisanslite_r1;
    font-size:20px;
    color: #fff;
    font-weight:700;
    letter-spacing: 1px;
}
.Template-J-buttonDetail:hover{
    background-color: #ed1e24;
}
.shopcart-Cate {
    font-family:thaisanslite_r1;
    font-size:16px;
}
.shopcartID-Head-Default, .shopcartName-Head-Default {
    font-family:thaisanslite_r1;
    font-size:20px;
    font-weight:700;
    letter-spacing: 1px;
}
.shopcartID-Default {
    font-family:thaisanslite_r1;
    font-size:18px;
}
.shopcartFeature-Default, .shopcartName-Default {
    font-family:thaisanslite_r1;
    font-size:18px;
}
.Template-J-PriceNormal {
    font-family:thaisanslite_r1;
    font-size:20px;
}
.Template-J-Item, .Template-J-Quantity {
    font-family:thaisanslite_r1;
    font-size:18px;
}
.shopcart-share{
    font-family:thaisanslite_r1;
    font-size:18px;
}
.shopcartAllDetail{
    position: relative;
    color: #000;
    background: #f5f5f5;
    padding: 10px!important;
}
.shopcartDetail-Default.shopcartDetail{
    font-family:thaisanslite_r1;
    font-size:22px; 
    font-weight:700;
    color: #3d3b3e;
    letter-spacing: 1px;
    width: 100%!important;
}
.shopcartDetail-Default {
    border-bottom: solid 5px #ed1e24;
}
.shopcartRelated-Default.shopcartRelated{
    font-family:thaisanslite_r1;
    font-size:22px; 
    font-weight:700;
    color: #3d3b3e;
    letter-spacing: 1px;
}
.Shopcart-Related-Main .Template-J-frame .Template-J-Name{
    font-family:thaisanslite_r1;
    font-size:18px;
}
.Shopcart-Related-Main .Template-J-frame .Template-J-Price{
    font-family:thaisanslite_r1;
    font-size:18px;
}
/*-----shopping cart detail---------*/
.ui.steps .step .title {
    font-family:thaisanslite_r1;
    font-size:16px;
    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:#ec2028;
}
.Headcheckout {
    font-size: 20px;
}
.Bodycheckout {
    font-size: 18px;
}
.step1checkout, .step5checkout {
    background-color: #2f2f2f;
    border: 5px solid #2f2f2f;
}
.btnCheckoutprevious{
    background-color: #5695ce;
    letter-spacing: 0.5px;
}
.btnCheckoutprevious:hover{
    background-color: #ec2028;
}
/*-----shopping cart button---------*/
.shopcart {
   background-color: #ec2028;
}



/*-----content manager---------*/

.Contentmanager .nav-template .img-container{
    border: solid 1px #959595;
}
.Contentmanager .nav-template strong{
    font-family:thaisanslite_r1;
    font-size: 18px!important;
    letter-spacing: 0.5px;
}
.Contentmanager .nav-template p{
    font-family:thaisanslite_r1;
    font-size: 16px;
}
#Contentmanager .post-time {
    font-family:thaisanslite_r1;
    font-size: 14px;
}
#Contentmanager h3.managerHeader{
    font-family:thaisanslite_r1;
    font-size: 22px;
}
.page-header.font-inherit{
    border-bottom: solid 5px #ed1e24;
}
#Contentmanager .page-header h4 {
    font-family:thaisanslite_r1;
    font-size: 20px;
}
#Contentmanager .nav-template strong,
#Contentmanager .nav-template  p{
   font-family:thaisanslite_r1;
    font-size: 16px;
    text-align: left;
}


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

    font-size: 15px;
}
.form-subscribe2 input.search-query2{
    font-size: 15px;
}
.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:thaisanslite_r1;
}

.search_text{
 color: #000;
 font-family: thaisanslite_r1;
 font-size: 16px;
}
.search_urlSearch{
 color: #000;
 font-family: thaisanslite_r1;
 font-size: 16px;
}
.search_backgroundColor{
 color: #000;
 font-family: thaisanslite_r1;
 font-size: 16px;
}
.search_text {
 color: #000;
 font-family: thaisanslite_r1;
 font-size: 16px;
}
.search_text {
 color: #000;
 font-family: thaisanslite_r1;
 font-size: 16px;
}

#Component58d2515a0a431a00015e95ec .section-pagination{
  display:none; 
}

#Component58d249b70a431a00015e9584 figcaption{
 background-color:#fff; 
}

@media only screen and (max-width: 768px){
 .Template-J-button {
    width: 100%;
    font-size: 16px;
 }
 .Template-J-frame {
    padding: 5px; 
 }
  .Contentmanager .nav-template p {
    font-family: thaisanslite_r1;
    font-size: 10px!important;
 }
 .Contentmanager .nav-template strong {
    font-family: thaisanslite_r1;
    font-size: 12px!important;
    letter-spacing: 0.5px;
 }
}
@media only screen and (min-width: 1024px){
 .Template-J-button {
    width: 60%;
    font-size: 16px;
 }
 .Template-J-frame {
    padding: 5px; 
 }
 .Contentmanager .nav-template p {
    font-family: thaisanslite_r1;
    font-size: 12px!important;
 }
 .Contentmanager .nav-template strong {
    font-family: thaisanslite_r1;
    font-size: 16px!important;
    letter-spacing: 0.5px;
 }
}
@media only screen and (max-width: 768px){
 .Template-J-button {
    width: 100%;
    font-size: 16px;
 }
 .Template-J-frame {
    padding: 5px; 
 }
  .nav-template .col-md-6.col-sm-6.col-xs-12 {
    width: 100%;
}
}

.navbar-default {
    background: #EF9220;
}