.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 22px;
}
.dropdown-menu>li>a {
    font-size: 20px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #b6c61b;
    background-color: transparent
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #b6c61b;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #b6c61b!important;
}
.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: #b6c61b;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #b6c61b!important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #b6c61b!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: transparent;
}

a{
 color:#fff;
}
a:hover{
 color:#b6c61b;
}


/*เมนูกึ่งกลาง*/
/* 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 ;
}
.itopplus-main {
    margin-top: -100px;
}
}

/* 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 ;
}
.itopplus-main {
    margin-top: -100px;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
.Template-B-Icon {
    width: 7% !important;
    padding: 0 5px 5px 0;
}
}


@media (max-width: 768px){
.navbar-default {
    background: #003e2a;
 }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #003e2a;
}
}



/*อัลบั้มมีขอบ*/
.thumbnail, .img-thumbnail {
   -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.075);
   box-shadow: 0 0px 0px rgba(0,0,0,.075);
}
.thumbnail {
    background-color: #ffffff00;
    border-radius: 5px!important;
    border: 1px solid #fff;
}

.thumbnail:hover{
    border-radius: 5px!important;
   border: 1px solid #b6c61b;
   background-color: #b6c61b;
}

.bgp {
    padding: 10px 0;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    height: 100px;
}





figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}



.panel panel-default, .panel{
    background-color: transparent;
    border: 1px solid #fff;
}
.ui.segment {
    position: relative;
    background-color: transparent;
    box-shadow: 0 0 0 1px rgba(39,41,43,.15), 0 1px 2px 0 rgba(0,0,0,.05);
    margin: 1rem 0;
    padding: 1em 1em;
    border-radius: .2857rem;
    border: none;
}
.ng-pristine ng-valid ng-touched, .button, select{
     background: transparent;
}
.ui.action.input:not([class*="left action"])>input {
    font-family: Kanit;
}


label {
    font-weight: 800;
}
.Template-G-Name {
    color: #000;
    font-size: 20px;
    height: 120px;
    overflow: hidden;
    font-weight: 400;
    margin-top: 3%;
    text-align: center;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
}

/*.shopcart {
    background-color: #b6c61b;
    display: none!important;
 }*/



.Template-B-frame {
    padding: 10px 10px 20px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10%;
    background-color: white;
}
.Template-B-frame:hover {
    -moz-box-shadow: 0 0 10px #585858;
    -webkit-box-shadow: 0 0 10px #585858;
    box-shadow: 0 0 10px #b6c61b;
    cursor: pointer;
}
.Template-B-pic {
    background-color: #fff;
    border: solid 0px #ccc;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    height: inherit !important;
}
.Template-B-Name {
    color: #000;
    font-size: 24px;
    height: 110px;
    overflow: hidden;
    font-weight: 400;
    margin-top: 3%;
    text-align: center;
}
.Template-B-Price {
    color: #000;
    font-weight: 700;
    height: 90px;
    text-align: center;
    font-size: 30px;
}
.priceNoPromotion {
    color: #000;
    font-weight: 900;
    font-size: 32px;
}
.Template-B-Des {
    color: #000000;
    font-weight: 700;
    height: 120px;
    overflow: hidden;
    text-align: center;
    font-size: 26px;
    line-height: 1.2;
}
.Template-B-Des:hover {
    color: #000000;
    text-align: center;
}
.Template-B-button {
    width: 100%;
    background-color: #b6c61b;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    font-weight: 700;
    padding: 10px 0 10px 0;
}
.Template-B-button:hover {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background-color: #f7da13;
}
.Template-B-Icon {
    width: 10%;
    padding: 0 5px 5px 0;
}
.Template-B-CateName {
    color: #fff;
    font-size: 36px;
    font-weight: bold !important;
}
.Template-B-ProName {
    color: #b6c61b;
    font-size: 36px;
    font-weight: bold !important;
}
.Template-B-Big {
    border: solid 0px #ccc;
    width: 100%;
    overflow: hidden;
    height: inherit;
}
.shopcartID-Head-Default {
    font-size: 28px;
    color: #fff;
    border-bottom: solid 0px #d8d8d8;
    padding: 10px 0 10px 0;
}
.shopcartID-Default {
    font-size: 28px;
    color: #fff;
      border-bottom: solid 0px #d8d8d8;
    font-weight: bold;
}
.shopcartName-Head-Default {
    font-size: 28px;
    color: #fff;
    border-bottom: solid 0px #d8d8d8;
    padding: 10px 0 10px 0;
}
.shopcartName-Default {
    font-size: 28px;
    color: #fff;
      font-weight: bold;
      border-bottom: solid 0px #d8d8d8;
}
.Template-B-PriceNormal {
    color: #000;
    font-size: 36px !important;
}
.shopcartlinePrice-Default {
    border-bottom: solid 0px;
    color: #d8d8d8;
    padding: 10px 0 10px 0;
}
.Template-B-buttonDetail {
    width: 55%;
    background-color: #b6c61b;
    margin: 5px 0 0 120px;
    color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    font-weight: 700;
    padding: 5px 0 5px 0;
    font-size: 24px;
}
.Template-B-buttonDetail:hover {
    cursor: pointer;
    width: 55%;
    background-color: #f7da13;
}
.Template-B-Quantity {
    color: #fff;
    font-size: 24px !important;
}
.Template-B-Item {
    color: #fff;
     font-size: 24px !important; 
}
.shopcartDetail-Default {
    font-size: 30px;
    color: #b6c61b;
    border-bottom: solid 2px;
    border-color: #b6c61b;
    font-weight: bold;
}
.shopcartRelated-Default.shopcartRelated {
    color: #87cb38;
    font-size: 24px;
}
.shopcart-Detail-Detail {
    font-size: 26px;
}
.ui.steps .step.active .title {
    color: #b6c61b;
}
.ui.steps .step .title {
    font-size: 20px;
    line-height: 1.2;
}
.step1checkout {
    background-color: #b6c61b;
    border: 5px solid #b6c61b;
}
.Headcheckout {
    color: #b6c61b;
    font-size: 24px;
}
.Bodycheckout {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
}
.btnCheckoutprevious {
    background-color: #b6c61b;
}
input#districtsc1 , input#amphoesc1 , input#provincesc1 , input#zipcodesc1 {
    background-color: white !important;
}
.Checkout-font-panel {
    color: #000;
    background-color: white;
}
.boarder-confirm-payment {
    border: 0px solid #e3e3e3 !important;
}
.form-horizontal .form-group-sm .form-control, .input-sm {
    font-size: 14px;
}
.step5checkout {
    background-color: #b6c61b;
    border: 7px solid #b6c61b;
}
.shopcart-paymentpage {
    background-color: #b6c61b;
}
.fbcomments, .fbcomments  {
    display: none;
}

@media only screen and (max-width: 1024px){
.Shopcart-Related-Main {
    display: none;
}
}

@media only screen and (max-width: 768px){
.bgp{
    padding: 10px;
    font-size: 27px;
    text-align: center;
    font-weight: bold;
    height: 160px;
}
  .Template-B-Name {
    color: #fff;
    font-size: 24px;
    height: 160px;
    overflow: hidden;
    font-weight: 400;
    margin-top: 3%;
    text-align: center;
}
  .Template-B-buttonDetail {
    width: 35%;
}
  .Template-B-buttonDetail:hover {
    width: 35%;
}

}

@media only screen and (max-width: 458px){
 .Template-B-Name {
    color: #000;
    font-size: 24px;
    height: 110px;
    overflow: hidden;
    font-weight: 400;
    margin-top: 3%;
    text-align: center;
}
.Template-B-buttonDetail {
    width: 100%;
}
  .Template-B-buttonDetail:hover {
    width: 100%;
}
}