@font-face {font-family: Kanit; src: url("../webfonts/Kanit-Regular.ttf");}
@font-face {font-family: KanitB; src: url("../webfonts/Kanit-Bold.ttf");}
/* background-color: #0958A7; */
/* background-color: #0C77B8;  rgb(12,119,184);*/

html, body {
	height: 100%;
	font-family: Kanit; font-size: 12pt; color: #000000;
	background-color: #FFFFFF;
	background-image: url("../img/bg/bg_boxes.png"); background-position: center right; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;
}
.img_logo_brand {border: 1px solid #fbe3e7; border-radius: 0.3rem; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em;}







a:link, a:visited{text-decoration: none;} a:hover{color: #ff0000;}
h4 {font-size: 1.5rem;}
.main_textcolor{color: #0000FF;}
.main_inputcolor{color: #0000FF;}
.main_divbgcolor{background-color: #FFFFFF;}
.main_bgcolor{background-color: #0C77B8;}
.submain_bgcolor{background-color: #F1FAFE;}
/*.submain_bgcolor2{background-color: #d1effc;}*/
.submain_bgcolor2{background-color: rgba(209,239,252,0.7);}
.sub_menu{color: #0C77B8;}
.sub_menu:hover{color: #FF0000;}
.footer_link {color: #FFFFFF;}
.footer_link a:link, .footer_link a:visited {text-decoration: none; color: #bbfdfb;}
.footer_link a:hover {text-decoration: underline; color: #7ddcfb;}

.bg_boxes {background-color: rgba(212,236,245,0.3);}
.regis_total {color: #FFFFFF;}
.regis_total_size {font-size: 3rem;}
.boxes_frame {background-color: #FFFFFF; border: 2px solid red; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.boxlink ul li a:link, .boxlink ul li a:visited {text-decoration: none; color: #0000FF;}
.boxlink ul li a:hover {color: #FF0000;}
.boxrounder {background-color: #FFFFFF; border: 1px solid #d0d0d0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.imgjournal {height: 4rem; padding: 3px; border: 1px solid #a9d7ed; background-color: #e7f4fa;}
.imgmajor {border-radius: 0.3rem; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em;}
.btn-journal {background-color: #278BCB; border: 1px solid #278BCB; color: #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.btn-journal:hover {background-color: #278BCB; color: #ffffff;}

.img_idx_org {height: 6.8rem; margin:0.25rem;}
.img_idx_org2 {height: 5.44rem; margin:0.25rem;}
.img_idx_org23 {height: 4rem; margin:0.25rem;}
.img_idx_org3 {height: 2.72rem; margin:0.25rem;}
.img_speaker {border: 1px solid #a9d7ed; border-radius: 0.3rem; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em;}
.img_org {height: 6.5rem;}
.img_org2 {height: 3rem;}
.img_org23 {height: 4rem;}
.txt_org {font-size: 1.25rem;}
.table_org tr td {padding: 0.5rem;}

/* Browser Scrolling Style for Webkit not for IE */
/*
::-webkit-scrollbar{width: 0.3em; background-color:lightgray;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,255,0,0.1); border-radius: 10px;}
::-webkit-scrollbar-thumb{border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border:1px solid #fff; background-color:#058B62;}
::-webkit-scrollbar-button{display:none}
*/
::-webkit-scrollbar{width: 0.7em; background-color: #EFF8FE;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,255,0,0.1); border-radius: 10px;}
::-webkit-scrollbar-thumb{border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border:1px solid #fff; background-color: #63ADF7;}
::-webkit-scrollbar-button{display:none;}

#btnGotoTop {position: fixed; bottom: 20px;  right: 20px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-shadow: 1px 2px 5px #000000; z-index: 99; cursor: pointer; display: none;}
.txtSidebarmenu{font-size: 1.1em;}
.txtSidebarmenu li:hover {color: #417f64; background-color: #e1efd3; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
.boxshadow{box-shadow: 1px 2px 5px #000000;}
.boxcorner{border-radius:  0.5em; 	-webkit-border-radius: 0.5em; -moz-border-radius: 0.5em;}
/*
.framequestion{background-color: rgba(255, 255, 123, 0.4); border-radius:  1em; -webkit-border-radius: 1em; -moz-border-radius: 1em;}
 .txtquestion{
 	color: #F49810;
 	font-size: 3em;
	text-shadow: 2px 1px 1px #9d577b
	, 3px 1px 1px #165bfb
	, 4px 2px 1px #4af7ff
	, 4px 3px 1px #fff67f, 6px 4px 1px #ffffff
 }
.topmenu {
	color: #ffffff;
	font-size: 1.06em;
	padding: 0em 0.5em;
}
.topmenu a:link, .topmenu a:visited, .topmenu a:active {color: #ffffff;}
.topmenu a:hover {color: yellow;}

@media only screen and (max-width:1200px) {
	 .txtquestion{font-size: 3rem;}
}
@media only screen and (max-width:767px) {
	 .txtquestion{font-size: 2rem;}
}
@media only screen and (max-width:480px) {
	 .txtquestion{font-size: 1.6rem;}
}
*/
.modal-backdrop {background-color: #134775;}
.modal-content {width: 95%; margin: 0 auto;}
.modal-body {padding: 0;}
.btn-close {position: absolute; right: 0; padding: 1em;}
.logintitle {font-size: 2.3em; font-weight: bold;}
.loginformBg {background-color: rgba(231, 231, 231, 0.7);}
.loginform {padding: 2em; max-width: 100%; color: #fff; box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);}
.loginform .btn {width: 100%; font-size: 1.1em; padding: 0.5em 0;}
.loginform .btn:hover {border-color: #fff;}
.forgotpassword a:hover {color: #058B62;}
.txtmaincolor, .bgmaincolor {color: #09598a;}
.input_green {border-color: #058B62; border-width: 1px;}










.main_color {
	background-color: #E6FFFA;
	color: red;
}

.bg {
	background-color: #E6FFFA;
}



.corner_br {
	height: 6em;
	background-color: #058B62;
	border-radius:  0px;
	-webkit-border-radius: 0px;
	-moz-border-radius:  0px;
}

.input_green {
	border-color: #7CDDC9; 
	border-width: 2px;
}

.passcode {
	width: 3em;
	height: 3em;
	text-align: center;
	font-size: 1.5em;
}


.xxxframe{
    background-color: rgba(231, 231, 231, 0.7);
	border-radius:  1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em ;
 }

.button_br {
	height: 2em;
	background-color: #058B62;
}

.button_br2 {
	height: 3em;
	width: 7em;
	background-color: #A4CF52;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.div {
	width: 100%;
}

.center_screen {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -120px;
	width: auto;
	height: auto;
	text-align: center;
	padding: .1rem;
}