.itopplus-background {

}
a {
  color:#3a3a3a;
}
a:hover {
  color:#063b79;
}

.navbar-default .nav>li>a:focus {
    border-bottom: solid 0px #000;
}

.navbar-default .navbar-nav>li>a {
    font-size: 16px;
}

.navbar-default {
    background: #063c7a;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #2d2d2d;
    background-color: #ffd600;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ffd600;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #2d2d2d;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #2d2d2d!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: #fff;
    background-color: #ffd600;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #ffd600!important;
    color: #fff!important;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #ffd600;
    background-image: none;
    color: #2d2d2d!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:right ;
}
.navbar-default .navbar-nav>li>a {
    padding-top: 37px;
    padding-bottom: 37px;
    padding-left: 5px;
    padding-right: 5px;
}
  #mainmenu5d804a6ccb82cc00192a33b4 {
    margin-left: -3%;
    margin-right: -4%;
}
}

/* 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:right ;
}
.navbar-default .navbar-nav>li>a {
    padding-top: 37px;
    padding-bottom: 37px;
    padding-left: 15px;
    padding-right: 15px;
}
}

@media only screen and (min-width : 1900px) {
.navbar-default .navbar-nav>li>a {
    padding-top: 57px;
    padding-bottom: 57px;
}
  
  .picpi {
    height: auto!important;
}
  .headtext {
    background: #073c79!important;
    color: white;
    padding: 20px 0px!important;
    border-radius: 10px 10px 0px 0px;
    font-size: 28px;
    text-align: center;
    font-weight: 500;
    height: 84px!important;
}
  .headtext1 {
    background: #000000!important;
    color: white;
    padding: 20px 0px!important;
    border-radius: 10px 10px 0px 0px;
    font-size: 28px;
    text-align: center;
    font-weight: 500;
    height: 84px!important;
}
  .headtext2 {
    background: #ff0000!important;
    color: white;
    padding: 20px 0px!important;
    border-radius: 10px 10px 0px 0px;
    font-size: 28px;
    text-align: center;
    font-weight: 500;
    height: 84px!important;
}
}


#scrolltoshop5d889c3d1332fe0013e8caba .col-xs-12.col-sm-5fix {
    padding-left: 7px;
    padding-right: 7px;
} 

.row-fluid [class*=col-sm-5fix] {
    display: block;
     float: left;
     width: 50%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }


.shopcart {
    background-image: url(https://itp1.itopfile.com/ImageServer/itp_280520192kq6/45/0/shopcart1z-z1535066778407.webp);
    background-color: #ffd600;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50%;
    position: fixed;
    margin: 10px 10px 10px 10px;
    width: 90px!important;
    height: 90px!important;
    animation: pulse 2s infinite 2s;
}
.thumbs {
   padding:0px;
   padding-left: 0px!important;
   padding-right: 0px!important;
   margin-bottom:10px;
}
.bghome {
    background-image:url(https://itp1.itopfile.com/ImageServer/itp_280520192kq6/0/0/bgz-z527534140994.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: white;
}

.headtext {
      background:#073c79;
      color:white;padding:5px;
      border-radius:10px 10px 0px 0px;
      font-size:28px;
      text-align:center;
      font-weight:500;
      height: 50px;
}
.headtext1 {
      background:#000000;
      color:white;padding:5px;
      border-radius:10px 10px 0px 0px;
      font-size:28px;
      text-align:center;
      font-weight:500;
      height: 50px;
}
.headtext2 {
      background:#ff0000;
      color:white;padding:5px;
      border-radius:10px 10px 0px 0px;
      font-size:28px;
      text-align:center;
      font-weight:500;
      height: 50px;
}

.picpi {
      height: 50px;
}

.btp {
    background-color: #063c7a;
    border: none;
    color: white;
    padding: 7px 5px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    transition: 0.3s;
    border-radius: 25px;
    width: 70%;
}
.btp:hover {
    background-color: #ffbf12;
    color: white;
}

.btp1 {
    background-color: #ffd600;
    border: none;
    color: #3a3a3a;
    padding: 7px 5px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    transition: 0.3s;
    border-radius: 13px;
    width: 85%;
    font-weight: 300;
}
.btp1:hover {
    background-color: #063c7a;
    color: white;
}

.hvr-grow {
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    transform: scale(1.04);
}

.hvr-float {
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    transform: translateY(-10px);
}

/*******menu*******/
.menuVertical .nav-pills>li>a {
    color: #3d3d3d;
    font-size: 16px;
}
.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    color: #fff;
    background-color: #073d7b;
    border-bottom: solid 1px #fff;
}
/*******menu*******/



/*******Contentmanager********/
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 18px;
    font-weight: 400;
    color: #083d79;
}
.Contentmanager .site .col-section .item.-micro a .post {
    color: #c30d00;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #01aa4f;
}
.img-container {
    padding-bottom: 60%;
}
.nav-template li a {
    color: #3d3d3d;
    font-size: 16px;
}
.btn-sm p {
    font-size: 14px;
    text-align: left;
}
h3.managerHeader {
    color: #063c7a;
}
#Contentmanager .post-time {
    font-size: 14px;
    color: #03ab50;
}
.nav-template li:hover {
    background-color: #f7f7f7;
}

/*******Contentmanager********/


/********shopcart**********/
.Template-B-frame {
    padding: 20px 20px 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10%;
    border: 1px solid #010101;
}
.Template-B-frame:hover {
    box-shadow: 0 0 7px #aaaaaa;
}
.Template-B-pic {
    background-color: #fff;
    border: solid 1px #ffd601;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    height: inherit!important;
}
.pStatusProduct {
    height: 35%!important;
    position: absolute;
    top: 0px;
    left: 0px;
}
.Template-B-Name {
    color: #3a3a3a;
    font-size: 15px;
    height: 100px;
    overflow: hidden;
    margin-top: 3%;
    text-align: center;
}
.Template-B-Name label  { 
  font-weight: 300!important;
}
.Template-B-button {
    width: 80%;
    background-color: #ffc110;
    color: #ffffff;
    border-radius: 10px;
    font-weight: 300;
}
.Template-B-button:hover {
    width: 80%;
    background-color: #083d79;
}
.Template-B-CateName {
    color: #3d3d3d;
    font-size: 20px;
}
.Template-B-ProName {
    color: #073d7b;
    font-size: 20px;
}
.shopcart-Cate {
    margin: 5% auto 1%;
}
.Template-B-Big {
    height: inherit;
    border: solid 1px #e6e6e6;
}
.Template-B-smallpic {
    height: inherit;
    border: solid 1px #e6e6e6;
}
.PictureOverflow {
    width: 100%;
    max-height: inherit;
}
.col-xs-12.col-md-6 {
    font-family: Prompt!important;
}
.shopcartID-Head-Default {
    font-size: 20px;
    color: #3d3d3d;
    border-bottom: solid 1px #e6e6e6;
}
.shopcartID-Default {
    font-size: 20px;
    border-bottom: solid 1px #e6e6e6;
    color: #073d7b;
}
.shopcartName-Head-Default {
    font-size: 20px;
    color: #3d3d3d;
    border-bottom: solid 1px #e6e6e6;
}
.shopcartName-Default {
    font-size: 20px;
    border-bottom: solid 1px #e6e6e6;
    color: #073d7b;
}
.shopcartlinePrice-Default {
    color: #e6e6e6;
}
select.input-sm {
    height: 40px;
    font-size: 16px;
}
.shopcartSize-Default {
    font-size: 18px;
    color: #3d3d3d;
}
.shopcartSize-Default label{
   font-weight:400;
}
.Template-B-Quantity {
    color: #3d3d3d;
    font-weight: 500;
}
.Template-B-Item {
   color: #3d3d3d;
    font-weight: 500;
}

.Template-B-PriceNormal {
    color: #03ab50;
}
.Template-B-buttonDetail {
    background-color: #ffc110;
    color: #ffffff;
    border-radius: 10px;
    font-weight: 400;
}
.Template-B-buttonDetail:hover {
    background-color: #083d79;
}
.shopcartDetail-Default {
    font-family: Prompt;
    border-bottom: solid 2px;
    border-color: #e6e6e6;
    font-weight: 600;
    color: #073d7b;
}
.col-xs-12.col-sm-12.col-md-12.shopcartAllDetail {
    font-weight: 300;
}
.ui.steps .step.active .title {
    color: #073d7b;
}
.ui.steps .step .title {
    font-family: Prompt;
    font-size: 12px;
    font-weight: 400;
}
.step1checkout {
    background-color: #ffd600;
    border: 5px solid #ffc110;
}
.btnCheckoutprevious {
    background-color: #ffc110;
    border-radius: 10px;
    font-weight: 400;
}
.Headcheckout {
    font-size: 18px;
    color: #073d7b;
}
.Checkout-OID {
    color: #073d7b;
    font-size: 16px;
}
.step5checkout {
    background-color: #ffc110;
    border: 7px solid #ffc110;
}
.shopcart-paymentpage {
    font-size: 14px;
    background-color: #ffc110;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 20%;
}
.panel-default>.panel-heading {
    color: #083d79;
}

.input-group .form-control {
    font-size: 14px;
}


/*----------------------tap csss---------------------------*/
.no-js .nav-justified {
    width: 100%;
    border-bottom: solid 2px #063c7a;
     display: -webkit-inline-box;
    overflow-x: auto;
}



.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #d6c075;
    background-color: #f39d22;
    border-radius: 0px;
    
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #063c7a;
    border-radius: 0px;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none!important;
    background-color: #eee;
    border-bottom: 0px solid #eee!important;
}



@media only screen and (max-width: 768px){
   .row-fluid [class*=col-sm-5fix] {
    display: block;
     float: left;
     width: 33.33%;
 }
  .itopplus-search-shopcart-image img {
    width: 60% !important;
}
.itopplus-search-image-flex-container {
   width: 100%!important;
   display: block!important;
}

  .itopplus-search-image-flex-item {
    background-color: #fff!important;
    display: inline;
    width: 60%!important;
}
.search_text {
    text-align: center;
    font-weight: 500;
    padding: 5px 0px;
}
  
}



@media only screen and (max-width: 414px){
  .itopplus-bgmain2 {
    background-size: 200% auto!important;
}

 .row-fluid [class*=col-sm-5fix] {
    display: block;
     float: left;
     width: 100%;
 }
  
.headtext {
    background: #073c79;
    color: white;
    padding: 5px;
    border-radius: 10px 10px 0px 0px;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    height: 40px;
}
  .headtext1 {
    background: #000000;
    color: white;
    padding: 5px;
    border-radius: 10px 10px 0px 0px;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    height: 40px;
}
    .headtext2 {
    background: #ff0000;
    color: white;
    padding: 5px;
    border-radius: 10px 10px 0px 0px;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    height: 40px;
}
  .picpi {
      height:40px;
}
  #progresscontent {
    width: 85%;
    margin: 5px 20px!important;
}
  .btn-success {
    margin: 5px 20px;
}
  
}



@media (max-width:768px) {
label.col-xs-12.col-sm-3.col-md-3.control-label {
   width: 34%;
}
}