@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Kanit');

body {
	font-family: 'Kanit', sans-serif;
	color:#333;
	background:#eee url(images/background1.jpg) top center;
	background-attachment:fixed;
}

.wrapshadow {box-shadow: 0px 0px 30px #888888;}

.show-xs {display:none;}
.show-xs-inline {display:none;}
@media (max-width:575px) {
	.show-xs {display:block;}
	.show-xs-inline {display:inline;}
	.fxs18 {font-size:18px;}
	.fxs20 {font-size:20px;}
	.fxs22 {font-size:22px;}
	.fxs24 {font-size:24px;}
}

@media (max-width:575px) {
	.hide-xs {display:none;}
}
.show-md {display:none;}
@media (min-width:768px) {
	.show-md {display:block;}
}
.show-md-inline {display:none;}
@media (min-width:768px) {
	.show-md-inline {display:inline;}
}
.show-md-block {display:none;}
@media (min-width:768px) {
	.show-md-block {display:block;}
}


.text-yellow {
	color:#FFCC00 !important;
}

.box4head {
	font-size:20px;
	color:#390;	
}
.border1 {border:1px solid #ccc;}
.border2 {border:2px solid #ccc;}
.border3 {border:3px solid #ccc;}
.floatleft {float:left;margin-right:2px;margin-bottom:2px;}
.text-black {color:#333333;}

.specbox {
	background:#312F32 !important;
	border:0px;
	border-radius:15px;
	margin:2px;
	padding:2px;
	padding-left:10px;
	color:#FFF;
}

.prosbox {
	background:#FFF !important;
	border:0px;
	border-radius:15px;
	margin:2px;
	padding:2px;
	padding-left:10px;
	color:#312F32;
}

.mhand {
	cursor: pointer;
}