@charset "utf-8";
/* CSS Document NIN OF WWW.NOKHOOKSTUDIO.COM */
@import url("../vendor/boonjot-1.0.1/css/boonjot.css");
@import url("../vendor/chartthai/UI/styles.css");
.panel-title {
	font-size: 22px
}
#tehs {
	font-size: 15px;
	line-height: 25px
}
.col-sm-10 {
	padding-left: 25px
}
.panel-menu {
	background: rgba(231,100,210,1.00);
	color: white;
}
.panel-menu:hover {
	background: rgba(231,100,210,0.60);
	color: white;
}
.panel-main {
	background: rgba(35,160,37,0.95);
	color: white;
}
.panel-main:hover {
	background: rgba(35,160,37,0.65);
	color: white;
}
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: 5px;
	background-color: #fff;
	border: none;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	z-index: 2;
	color: #fff;
	background-color: #337ab7;
	border-color: none;
}
panel {
	margin-bottom: 10px;
}
a {
	text-decoration: none !important
}
a {
	color: green
}
.has_border {
	border: solid rgba(11,42,228,1.00) 0px;
	max-height: 450px
}
.big_img {
	max-height: 400px;
	width: auto
}
.small_img {
	max-height: 45px;
	width: auto
}
.product_detail {
	height: 360px;
	border: rgba(72,162,73,0.86) solid 1px;
	padding: 10px;
	overflow: auto;
	border-radius: 3px
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid rgba(75,147,81,0.55);
}
.navbar {
	margin-bottom: 5px;
	background: rgba(255,255,255,0.09)
}
.list-group .list-group-item:hover {
	background: rgba(122,179,81,0.83);
	color: rgba(255,255,255,1.00)
}
.shopping_btn {
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid green 1px;
	padding: 5px 0;
	border-radius: 3px
}
.list-group-item {
	padding: 5px 5px;
}
.panel-proview {
	padding: 2%;
	border-radius: 0;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.panel-proview:hover {
	background: rgba(38,160,52,0.87);
}
.grid-item :hover a {
	color: white;
}
body {
	font-family: "BoonJot-v1.0";
	font-family: "CSChatThaiUI";
}
.indent {
	text-align: justify;
	text-indent: 1.5em
}
.justify {
	text-align: justify;
}
.page-title {
	color: rgba(9,150,77,0.96);
}
.mini-title {
	color: rgba(180,180,180,1.00)
}
.text-header {
	color: rgba(29,162,65,0.96)
}
.th-text {
	font-size: 16px
}
.thumbnail:hover {
	background: rgba(18,168,101,0.77);
	color: white
}
.thumbnail:hover>.text-header {
	color: white
}
.cart-btn {
	background: rgba(255,255,255,0.10);
	position: fixed;
	top: 60px;
	right: 0px;
	border: 5px solid rgba(255,255,255,0.09);
}
.incart {
	background: rgba(255,255,255,0.82);
	position: fixed;
	width: 190px;
	top: 60px;
	overflow: auto;
	display: none;
	right: 0px;
	max-height: 450px;
	border: 5px solid rgba(255,255,255,0.09);
}
.panel-footers {
	background: rgba(0,0,0,0.48);
	text-align: center;
	color: white;
	min-height: 95px
}
body {
	font-size: 1.5em
}
h1, h2, h3, h4, h5 {
	font-family: "BoonJot-v1.0";
}
.list-group {
	font-size: 0.9em
}
.fmsg{
	position: fixed;
	top: 60px;
    left:40%;
     color: white;
    width:450px;
    height:100px;
    background:rgba(0,0,0,0.34);
	z-index:500;
    
	}
.hide-mobile{ display:none;}
.nav>li:hover{
	background:rgba(35,160,37,0.95); 
	}
.nav>li:hover  a{
    color: white !important;
}
 

@media screen and (max-width: 767px) {
.cart-btn {
	background: rgba(255,255,255,0.10);
	position: fixed;
	top: 10px;
	right: 0px;
	border: 5px solid rgba(255,255,255,0.09);
}
.incart {
	background: rgba(255,255,255,0.82);
	position: fixed;
	width: 190px;
	top: 10px;
	overflow: auto;
	display: none;
	right: 0px;
	max-height: 450px;
	border: 5px solid rgba(255,255,255,0.09);
}
.panel-footers {
	min-height: 40px
}
.left-menu{ display:none}

.col-sm-10 {
	padding-left: 10px
}
.col-sm-10 {
	padding-right: 10px
}
.cat-name{ font-size:0.8em}
.panel-body{  padding:0}
.big_img {
	max-height: 400px;
	width: 100%;
}
.hide-mobile{ clear:both; padding:1%; display:block}
.row{ margin-left:-5px; margin-right:-5px}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left:5px; padding-right:5px !important}

 }