.itopplus-background {

}
@media print {
  -webkit-print-color-adjust: exact;
  body {
   content:url(background.png);
  }
}



.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #67cf00;
}
.navbar-default .navbar-toggle {
    border-color: #67cf00;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #67cf00;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #67cf00!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>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent!important;
    color: #67cf00;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #67cf00;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #67cf00!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;
}

}

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

}

/*-----------------------------ธีม--------------------------------------------*/




/*footer*/
.itopplus-footer a:hover {
    color: #67cf00;
}

.itopplus-footer a {
    color: #484848;
}
/*home*/
.fontmore{
    color:#fff;
    font-size: 26px;
    text-align: center;
    padding: 45px 0px 0px;
}
.buttonmore{
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 6px;
    width: 35%;
	margin: 20px auto;
}
/*howtoorder-contactus*/
.icon-float {
    width: 5%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.icon-float:hover, .icon-float:focus, .icon-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.border-how-to-order {
    position: relative;
    background: #fcfcfc;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 5px;
    height: 260px;
}
.border-how-to-order:hover {
    background-color: #a3eaa191;
    border: 1px solid #0aab56;
}

.border-Bank {
    position: relative;
    background: #fcfcfc;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    padding: 20px;
    height: auto;
    width: 80%;
    margin: auto;
}
.border-Bank:hover {
    background-color: #a3eaa191;
    border: 1px solid #0aab56;
}



/*-----------------link---------------*/

.navbar-default .navbar-nav>li>a { 
	color: #908f8f;
}

a {
    color: #343434;
}
a:hover, a:focus {
    color: #67cf00;
    text-decoration: none;
}
/*hoverรูปภาพ*/
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #67cf00;
}

/*เมนูบน*/
.dropdown-submenu {
    font-size: 16px;
}
/*เมนูข้าง*/
.menuVertical .nav>li>a {
    font-size: 16px;
}

/*ปุ่มหน้าติดต่อเรา*/
.btn-primary {
    background-image: linear-gradient(to bottom,#0aab56 0,#0aab56 100%);
    border-color: #0aab56;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #0aab56;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    border-color: #0aab56;
}

/*ตาราง*/
#myTable1 {
 border-collapse: collapse;
 width: 100%;
 border: 1px solid #eee;
 font-size: 14px;
 color:#141414;
}

#myTable1 td {
 text-align: center;
 padding: 10px;
 border: 1px solid #eee;
}
#myTable1 th{
 font-weight:normal;
 text-align: center;
 background:#00a950;
 color:#fff;
 padding: 10px;
 border: 1px solid #eee;
}
#myTable1 tr {
 border-bottom: 1px solid #eee;
}

#myTable1 tr:nth-child(even){background-color: #f2f2f2;}
#myTable1 tr:nth-child(odd){background-color: #ddd;}
#myTable1 tr:hover {background-color: #00a950;color:#fff;}

/*ปุ่มเนื้อหาระบบ*/

.myButton {
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	background-color:#fe1a00;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:18px;
	font-weight:600;
	padding:10px 27px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	background-color:#ce0100;
    color:#fff;
}
.myButton:active {
	position:relative;
	top:1px;
    color:#fff;
}


/*-------เนื้อหาระบบ--------*/

.Contentmanager .template1 .template-panel {
    padding-bottom: 90%;
}
.Contentmanager .caption {
    height: 55px;
    padding:5px 2px;
    font-size: 16px;
}
.Contentmanager .caption:hover {
    background-color: #eee;
}
.template1 .link:hover {
    color: #67cf00;
}



/*ตัวเลขหน้าค้นหา*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #0aab56;
    border-color: #0aab56;
}
.pagination>li>a, .pagination>li>span {
    color: #0aab56;
}
figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}




@media only screen and (min-width : 1900px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 18px;
    color: #908f8f;
    margin-top: 15px;
	}
  .fontmore {
    font-size: 28px;
    padding: 70px 0px 25px;
  }
  .buttonmore {
    font-size: 24px;
    padding: 10px;
   }

}



@media only screen and (max-width:1024px){
   .fontmore {
    font-size: 20px;
    padding: 40px 0px 0px;
   }
  .buttonmore {
    font-size: 14px;
    padding: 5px;
   }

}
@media only screen and (max-width: 812px){
	.fontmore {
    font-size: 18px;
    padding: 23px 0px 0px;
	}
	.buttonmore {
    font-size: 12px;
    padding: 3px;
    margin: 10px auto;
	}
}

@media only screen and (max-width:768px){
  .navbar-default .navbar-toggle {
    border-color: #ffffff;
	}
  .navbar-default .navbar-nav>li>a { 
	color: #000;
	}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
}
  /*ค้นหา*/
  .itopplus-search-image-flex-container {
   width: 100%!important;
   display: block!important;
	}
	.itopplus-search-image-flex-item {
   height: auto!important;
   width: 100%!important;
   padding: 10px;
   text-align: left;
	}
  .fontmore {
    font-size: 18px;
    padding: 23px 0px 0px;
  }
  .buttonmore {
    font-size: 12px;
    padding: 3px;
    width: 35%;
  }
  /*ตาราง*/
  #myTable1 th, #myTable1 td {
 	text-align: center;
	padding: 10px;
	border: 1px solid #eee;
	white-space: nowrap;
	font-size: 14px;
   }
  
  .border-Bank {
    width: 100%;
  }
}


@media only screen and (max-width:480px){
  .buttonmore{
    margin-bottom: 37px;
   }
  .centerPhone {
    text-align: center;
	}
}





.row.margin.Shopcart-Related-Main {
display: none;
}