@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=thai");
/* Body Html */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0px;}
::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{width:0px;background-color:#ecebe9;-webkit-border-radius:0px;}
::-webkit-scrollbar-thumb:horizontal:hover,::-webkit-scrollbar-thumb:vertical:hover{background-color:#d8d6d5;}
body,td,th {font-family:Tahoma;font-size:14px;color:#434A54;}
body{background-image: url(../img/page/bg.jpg);background-repeat:repeat-x;background-position:center top;margin:0 auto;}
.logo2{display:block;width:600px;height:400px;text-indent: -9999px;background: url('../icon/logo_sv.png') no-repeat;position:absolute;top:120px;margin-left: 0px;}
/* Status Bar */
.header-text {margin-left: 15px;margin-top: 0px;margin-bottom: -5px;font-family: 'Kanit',sans-serif;font-size: 36px;color: #ff6000;}
.header-text small {color:#adadad}
.text-user-online { font-family:Tahoma;font-size:25px;font-weight:700;color:#ee3915;text-shadow:0px 1px 1px rgba(255,255,255,0.40); }
.text-allid { font-family:Tahoma;font-size:25px;font-weight:700;color:#ee3915;text-shadow:0px 1px 1px rgba(255,255,255,0.40); }
/* Register */
.radio-text-big {font:20px'Kanit';padding-left:5px;color:#ff7713;}
.img-rounded {border-radius:6px;padding-left:10px;padding-bottom:15px;}
.select-inline {font:16px'Kanit';position: relative;display: inline-block;padding-left: 20px;margin-bottom: 0;font-weight: normal;vertical-align: middle;cursor: pointer;}
select.input-lg {height: 40px;line-height: 40px;}
.checkbox2 label {font:16px'Kanit';min-height: 20px;padding-left: 15px;margin-bottom:0;font-weight: normal;cursor: pointer;}
.input-lg {height: 46px;padding: 10px 16px;font-size: 14px;line-height: 1.3333333;border-radius: 4px;}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.alert-success {background-color: #f1f9f7;border-color: #e0f1e9;color: #1d9d74;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}
.alert-warning {background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}
.alert-danger {background-color: #fbeeed;border-color: #f7d8dd;color: #d9534f;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}
.alert-info {background-color: #f0f9ff;border-color: #ccf3ff;color: #007dbc;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}
.btn-register {
  background-color: #3273dc;
  border-color: transparent;
  color: #fff;
}
.btn-register:focus,
.btn-register.focus {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  color: #fff;
}
.btn-register:hover {
  background-color: #276cda;
  border-color: transparent;
  color: #fff;
}
.btn-register:active {
  background-color: #2366d1;
  border-color: transparent;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
  color: #fff;
}
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin-top: 15px;
}

figureshine {
	width: 290px;
    height: 150px;
    margin: 5px 5px;
	padding: 0;
	background: transparent;
	overflow: hidden;
}
.img-shine {
	margin-bottom: 5px;
}
.img-shine figureshine {
	position: relative;
}
.img-shine p {
	display:block;
    margin: 0 0 -2px 5px;
}
.img-shine figureshine::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.img-shine figureshine:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/*  Back-to-top */
#back-to-top {display:none;position:fixed;bottom:1%;left:0px;height:199px;width:150px;cursor:pointer;line-height:1em;background-image:url(../icon/btn_back-to-top.png);background-repeat:no-repeat;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}