@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 */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track-piece{background-color:#FFFFFF;-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/bg.jpg);background-repeat:no-repeat;background-position:center top;margin:0 auto;}
ul{list-style-type:none;}
a:link{text-decoration:none;outline:0 !important;}
a:visited{text-decoration:none;outline:0 !important;}
a:hover{text-decoration:none;outline:0 !important;}
a:active{text-decoration:none;outline:0 !important;}
.logo{display:block;width:600px;height:400px;text-indent: -9999px;background: url('../icon/logo_sv.png') no-repeat;position:absolute;top:180px;margin-left: 0px;}
/* Status Bar */
.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); }
/* NEWS */
.news-icon{background:url('../icon/news.png') 4px 7px no-repeat;}
.update-icon{background: url('../icon/update.png') 4px 8px no-repeat;}
.event-icon{background: url('../icon/event.png') 4px 8px no-repeat;}
.newsupdate ul li {padding:6px 0 6px 55px;border-bottom:1px dotted #efefef;font-family:Tahoma;font-size:12px;font-weight:normal;color:#405463;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;text-shadow: 0px 1px rgba(255, 255, 255, 0.60);}
.newsupdate ul li:hover {padding:6px 0 6px 60px;border-bottom:1px dotted #efefef;font-family:Tahoma;font-size:12px;font-weight:normal;color:#ff0050;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;text-shadow: 0px 1px rgba(255, 255, 255, 0.60);}
.newsupdate ul li p {float:right;color:#4a6077;font-family:Tahoma;padding-right:5px;padding-top: 1px;font-size:12px;text-shadow: 0px 1px rgba(255, 255, 255, 0.60);}
/* From Login */
.form-login {margin-bottom: 10px;}
.form-login-feedback {position: absolute;top: 0;right: 0;z-index: 2;display: block;width: 36px;height: 36px;line-height: 36px;text-align: center;pointer-events: none;color: rgba(128, 97, 64, 0.75);text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}
.form-control-login {display: block;width: 100%;height: 36px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: rgba(214, 162, 110, 0.20);background-image: none;border: 1px solid #d8b897;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control-login:focus {border-color: #bd8642;outline: 0;}
.form-control-login::-moz-placeholder {font:14px'Kanit';color: #6f6356;opacity: 1;}
.form-control-login:-ms-input-placeholder {font:14px'Kanit';color: #6f6356;}
.form-control-login::-webkit-input-placeholder {font:14px'Kanit';color: #6f6356;}
.form-control-login::-ms-expand {background-color: transparent;border: 0;}
.btn-login {color: #fff;background-color: #e69854;border-color: #d48540;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.btn-login:hover {color: #fff;background-color: #dc8233;border-color: #bb681f;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);}
.btn-login:focus, .btn-login.focus {color: #fff;background-color: #daa06d;border-color: #eca15e;}
.btn-login:active, .btn-login.active, .open > .dropdown-toggle.btn-login {color: #fff;background-color: #dc8233;border-color: #bb681f;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);}
.btn-colse {color: #fff;background-color: #a2827b;border-color: #9e786f;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}
.btn-colse:hover {color: #fff;background-color: #96746c;border-color: #775952;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);}
.btn-colse:focus, .btn-colse.focus {color: #fff;background-color: #c1988e;border-color: #bb8e83;}
.btn-colse:active, .btn-colse.active, .open > .dropdown-toggle.btn-colse {color: #fff;background-color: #96746c;border-color: #775952;box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.20);}
.login-box {border:solid 1px #d6ad89;-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.50);box-shadow: 0 1px 1px rgba(255, 255, 255, 0.50);}
.login-box td {border-right:solid 1px #d6ad89;box-shadow: 0 1px 1px rgba(255, 255, 255, 0.50);}
.login-box td {border-bottom:solid 1px #d6ad89;box-shadow: 0 1px 1px rgba(255, 255, 255, 0.50);}
.text-haeder-id {font:16px'Kanit';color:#af531c;padding-left:5px}
.text-small-name { font-family:Tahoma; font-size:12px; color:#333;}
.text-haeder-sv {font:16px'Kanit';color:#af531c;padding-left:5px}
.badge-login {display: inline;padding: .3em .8em .4em;font-size: 75%;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.badge-success {background-color: #5cb85c;}
.badge-danger {background-color: #ff4d4d;}
.fa-2x {font-size: 1.5em;}
.btn-resize {display: block;width: 91%;}
.alert-login-box {width: 50%;position:fixed;top: 10%;right: 25%;z-index: 9999;border: 0;padding: 20px;}
.alert-login {padding: 15px;border: 1px solid transparent;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.30);}
.alert-change-box {width: 50%;position:fixed;top: 10%;right: 25%;z-index: 9999;border: 0;padding: 20px;}
.alert-change {padding: 15px;border: 1px solid transparent;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.30);}
.alert-danger-login {background-color: #e8584d;border-color: #bd3b31;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.alert-danger-change {background-color: #e8584d;border-color: #bd3b31;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.alert-success-change {background-color: #2c9a62;border-color: #167b48;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.alert-success-login {background-color: #2c9a62;border-color: #167b48;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.alert-warning-login {background-color: #e68929;border-color: #9e5a14;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.alert-info-login {background-color: #32a6ca;border-color: #1e809e;color: #fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
hr.message-inner-separator{clear: both;margin-top: 10px;margin-bottom: 13px;border: 0;height: 1px; background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));}
.alert-text-top {font:20px'Kanit'; padding-left:10px}
.alert-text-small {font-size:16px;padding-left:5px}
.btn-brown {color: #fff;background-color: #c19052;border-color: #ad7e43;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.btn-brown:hover {color: #a94f0f;background-color: transparent;border-color: #ad7e43;text-shadow: 0 1px 0 #fff;}
.btn-brown:focus {color: #fff;background-color: #b98747;border-color: #966c36;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.btn-brown:active {color: #fff;background-color: #c59a63;border-color: #a27b49;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
/* Modal */
.modal-body {padding: 15px 14px 15px;}
.modal-lg {width: 800px;margin: 35px auto 0;}
.modal-lg1 {width: 900px;margin: 35px auto 0;}
.modal-sm {width: 550px;margin: 35px auto 0;}
.modal-header {border-bottom: none;}
.modal-title {font:24px'Kanit';margin: 0;line-height: 1.42857143;}
.list-group-text {font:16px'Kanit';}
.list-group-text-r {font-family:Tahoma; font-size:16px; color:#FF0000;}
.list-group-text-bl {font-family:Tahoma; font-size:14px; color:#0092e6;}
.list-group-text-bb {font-family:Tahoma; font-size:18px; color:#333;}
.panel-footer {font:14px'Kanit';background-color: #fff;}
.panel {margin-bottom: 5px;}
.panel-default > .panel-heading {color: #333;background-color: #fff;border-color: #ddd;}
.panel-title {font:18px'Kanit';}
.panel-body-sm {padding: 10px;}
.panel-body {padding: 5px;}
.help-block {display: block;margin-top: 5px;margin-bottom: 10px;color: #ff6e6e;font-size:12px;}
.form-control:focus {border-color: #66afe9;outline: 0;box-shadow: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: rgba(251, 251, 251, 0.3);opacity: .6;}
.input-lg {height: 46px;padding: 10px 16px;font-size: 14px;line-height: 1.3333333;border-radius: 4px;}
.table {margin-bottom: 0px;}
.table > thead > tr > th {vertical-align: bottom;border-bottom: 1px solid #ddd;}
.alert {padding: 10px;margin-bottom: 0px;border: 1px solid transparent;border-radius: 4px;margin-top:5px;margin-bottom:5px;}
.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);}
h4, .h4, h5, .h5, h6, .h6 {margin-top: 12px;margin-bottom: 1px;}
.btn-update {color: #fff;background-color: #5D9CEC;border-color: #5D9CEC;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.30);}
.btn-update:hover {color: #fff;background-color: #4A89DC;border-color: #4A89DC;}
.btn-update:focus {color: #fff;background-color: #6da3e8;border-color: #6da3e8;}
.btn-update:active { color: #fff;background-color: #648fc7; border-color: #648fc7;}
input:-webkit-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
input:-moz-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
input:-o-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
input:-ms-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
input:focus:-webkit-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
input:focus:-moz-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
input:focus:-o-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
input:focus:-ms-autofill {box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;border-color: #E5DFA1 !important;}
/*Guild War*/
.text-guildwar-top {font:18px'Kanit';color:#ff730b;}
.box-guildwar {font:12px'Kanit';color: #f9ab58;display: block;padding: 3px 10px;border-bottom: dotted 1px rgba(220, 220, 220, 0.8);}
.text-guildwar-bottom {color:#333;}
/*  Back-to-top */
#back-to-top {display:none;position:fixed;bottom:10%;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;}