html { overflow-y: scroll !important;}::-webkit-scrollbar {display: none;}
.itopplus-background {
background-image:none;background-color :rgba(243, 241, 240, 1);
}
.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: #000;
    -webkit-box-shadow: inset 0 -5px 0 0 #fe0000;
    -moz-box-shadow: inset 0 -5px 0 0 #fe0000;
    box-shadow: inset 0 -5px 0 0 #fe0000;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    -webkit-box-shadow: inset 0 -5px 0 0 #fe0000;
    -moz-box-shadow: inset 0 -5px 0 0 #fe0000;
    box-shadow: inset 0 -5px 0 0 #fe0000;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #000;
    -webkit-box-shadow: inset 0 -5px 0 0 #fe0000;
    -moz-box-shadow: inset 0 -5px 0 0 #fe0000;
    box-shadow: inset 0 -5px 0 0 #fe0000;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
    color: #000!important;
    -webkit-box-shadow: inset 0 -5px 0 0 #fe0000;
    -moz-box-shadow: inset 0 -5px 0 0 #fe0000;
    box-shadow: inset 0 -5px 0 0 #fe0000;
}
.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent; /*จะขึ้นเป็นสีเทา*/
}

@media (max-width:768px) {
    .navbar-default {
        background: #ecdb0e;
    }
}
.navbar-default .navbar-toggle {
    border-color: #000;
}
/*hover ไอคอน ในโทรศัพท์  และ Menu*/
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fe0000;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fe0000;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #fe0000!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 ;
}
/*.content-inline-data{
  display: none;
}
*/
  .caret-right.dropdown-menu-xs, .caret.dropdown-menu-xs, .dropdown-sub.open>.dropdown-menu-xs, .dropdown-submenu:hover>.dropdown-menu-xs {
    display: block;
}
}

/* 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 ;
}
/*.content-inline-data{
  display: contents;
}*/

}

/*ตะกร้า*/

.shopcart {
    background-color: #ff1f01;
}

.Template-A-button {
    font-family: thaisanslite_r1;
    font-size: 22px;
}

.Template-A-frame {
    border-color: #ff1f01;
}

.Template-A-pic {
    border: solid 2px #fffffe;
}

.Template-A-Name {
    font-size: 22px;
    font-family: thaisanslite_r1;
}

.Template-A-Price {
  	height: 90px;
    font-family: thaisanslite_r1;
    font-size: 20px;
}

.Template-A-button:hover {
    background-color: #fe1f01;
}


.Template-A-button {
    background-color: #242527;
    color: white;
    border-radius: 10px;
    padding: 8px 0 8px 3%;
    font-weight: bold;
}

.Template-A-Big {
    border-color: #ffffff;
}

.Shopcart-Related-Main{
   	font-family: thaisanslite_r1;
	font-size: 22px;
}

.shopcart-Cate {
    font-family: thaisanslite_r1;
    font-size: 22px;
}

.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, .shopcartlinePrice-Default {
    font-family: thaisanslite_r1;
 	font-size: 22px;
}


.Template-A-buttonDetail {
    background-color: #242527;
    color: #fbfbfb;
    border-radius: 10px;
    padding: 8px 0 8px 0;
    font-family: thaisanslite_r1;
    font-size: 22px;
}

.Template-A-buttonDetail:hover {
    background-color: #fe1f01;
}

.Template-A-Quantity, .Template-A-Item {
    font-family: thaisanslite_r1;
}

.shopcartDetail-Default.shopcartDetail {
    font-family: thaisanslite_r1;
    font-size: 22px;
}

.shopcart-share {
    font-family: thaisanslite_r1;
    font-size: 20px;
}





.step1checkout {
    background-color: #ff1f01;
    border: 5px solid #b51a04;
}

.btnCheckoutprevious {
    background-color: #fe1f01;
    font-family: thaisanslite_r1;
    font-size: 22px;
}

.ui.steps .step .title {
    font-family: thaisanslite_r1;
    font-size: 14px;
    font-weight: 300;
}

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

.Headcheckout {
    font-size: 22px;
    font-family: thaisanslite_r1;
}

.Bodycheckout {
    font-size: 20px;
    font-family: thaisanslite_r1;
}

.Checkout-font {
    font-family: thaisanslite_r1;
    font-size: 20px;
}

.panel-default>.panel-heading {
    font-family: thaisanslite_r1;
    font-size: 20px;
}

.Checkout-font-panel {
    font-family: thaisanslite_r1;
    font-size: 20px;
}





/*รูป*/


.snip1556 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #000000;
  display: inline-block;
  font-family: 'Oswald', Arial, sans-serif;
  font-size: 16px;
  margin: 8px;
  max-width: center;
  min-width: center;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  box-shadow: none !important;
  padding: 30px 40px 0 0;
}

.snip1556 *,
.snip1556 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.snip1556 img {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.snip1556 figcaption {
  background-color: #333333;
  bottom: 30px;
  left: 20px;
  position: absolute;
  right: 10px;
  top: -10px;
}

.snip1556 h3 {
  font-size: 16px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  color: #fff;
  left: 100%;
  letter-spacing: 1px;
  margin: 12px 0;
  opacity: 0.8;
  padding: 6px 40px 0 0;
  right: 0;
  text-transform: uppercase;
  top: 0;
  white-space: nowrap;
}

.snip1556 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.snip1556:hover figcaption,
.snip1556.hover figcaption {
  background-color: #c0392b;
}

/*เริ่ม*/

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

.form-horizontal .control-label {
    font-family: thaisanslite_r1;
    font-size: 20px;
  font-weight: 600!important;
}

.form-control {
    font-family: thaisanslite_r1;
      font-size: 18px;
}

.menuVertical .nav-pills>li>a {
    color: #000;
    font-family: thaisanslite_r1;
    font-size: 22px;
}

.btn-default {
    font-family: thaisanslite_r1;
  font-size: 18px;
}


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

.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    color: #fff;
    background-color: #fe1f01;
    border-bottom: solid 1px #000000;
}


.navbar-nav>li>.dropdown-menu>li>a {
    font-family: thaisanslite_r1;
    font-size: 22px;
}

.dropdown-menu>li>a {
    font-family: thaisanslite_r1;
    font-size: 22px;
}



/*ค้นหา*/

.ui.segment:last-child {
    font-family: thaisanslite_r1;
    font-size: 18PX;
}


.panel-body {
    font-family: thaisanslite_r1;
    font-size: 18px;
}







.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-brand {
    color: #fe0000;
}
.navbar-default .navbar-brand {
    padding: 10px;
    color: #fe0000;
}
.text-bar {
    color: #fe0000!important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fe0000;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #b01102 !important;
}


.btn-more {
    font-size: 18px;
    background-color: red;
    color: #fff;
    padding: 7px 25px;
    border-radius: 50px;
    border: none;
    margin: 0 auto;
    display: block;
    transition: 0.5s;
}
.btn-more:hover {
    background-color: black;
    color: #fff;
}