@charset "utf-8";
/* CSS Document */

body{
	    font-family: 'Kanit','ZawgyiOne',sans-serif;
		font-size:20px;
		color:#2f2f2f;
}

@font-face {
    font-family: 'ZawgyiOne';
	src: url(../fonts/ZawgyiOne/ZawgyiOne.eot);
    src: url(../fonts/ZawgyiOne/ZawgyiOne.eot?#iefix) format('embedded-opentype'),
         url(../fonts/ZawgyiOne/ZawgyiOne.woff) format('woff'),
         url(../fonts/ZawgyiOne/ZawgyiOne.ttf) format('truetype'),
		 url(../fonts/ZawgyiOne/ZawgyiOne.svg#codropsicons) format('svg');
    font-weight: normal;
    font-style: normal;

}

img {
    max-width: 100% !important;
}

a{color:#242424;}
a:hover{ color:#401b75; text-decoration:none}

.upper{ text-transform:uppercase}

.green{ color:#00a453}
.white{ color:#fff !important}
.orange{ color:#cf6430}
.blue{ color:#004599}
.brown{ color:#743605}
.black{ color:#414141}
.gray{ color:#737373}
.red{ color:#bf202f !important}
.red2{ color:#c3222e !important}
.star{ color:#e50707}
.bold{ font-weight:bold !important}
.pink{ color:#f0537c}
.gold{ color:#8e7326}
.super-bold{font-weight: 800;}
.purple{color:#432967;}

a.orange{ color:#e69d37}
a.blue{ color:#4385a5}
a.brown{ color:#97866b}
 

.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px; line-height:18px;}
.font13{ font-size:13px; line-height:16px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{font-size:17px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font24{ font-size:24px; line-height:24px}
.font26{ font-size:26px}
.font28{ font-size:28px;}
.font30{ font-size:30px}
.font32{ font-size:32px}
.font34{ font-size:34px;}
.font36{ font-size:36px; line-height:40px}
.font40{ font-size:40px; line-height:40px}
.font48{ font-size:48px; line-height:40px}
.font50{ font-size:50px;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight:normal;
}

h1{font-size:28px; margin-top:0px;}

.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.margin-top20{margin-top:50px !important;}
.margin-top50{margin-top:50px !important;}


.line-dot {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dashed #ccc;
}

header{
	background:url(../img/header.jpg) repeat-x;
}

.logo{height:83px;}

.wrapper{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}

.banner img{
	width:100%;
	height:100%;

}
	
.banner .pic{padding-top:2%;}
.banner .banner-text{padding-top: 8%;}

.content{margin-top:50px;}
.lang{
	border-radius:10px;
	border:#986e24 solid 3px;
	
}

.lang h1.title{
	text-align:center;
	margin-top:-18px;
	padding:0px;
	text-transform:uppercase;
	font-size:28px;
	font-weight:400;
	color:#442a67;
}

.bg-title {
    padding: 5px 30px;
    background-color: #fff;
}

.lang .flag{
	text-align:center;
	padding: 10px 20px 20px 20px;
}

.lang  p{margin:10px 0 10px 0px; height:50px;}
.lang .flag a{
	font-weight:400; 
	font-size:15px; 
	width:100%;
}

.bg-gray{
	border-radius:10px;
	background-color:#f7f7f7;
	padding:50px;
	
}
.choice{margin:10px 0;}

.btn-gray{
	background-color:#e1e1e1;
	margin-top:10px;
}

.btn-gray:hover, .btn-gray:focus {
    background-color: #442a68;
    background-position: 0 -15px;
	color:#fff;
}


.btn-purple{
	background-color:#5d4682;
	color:#fff;
	margin-top:10px;
}

.btn-purple:hover, .btn-purple:focus {
    background-color: #442a68;
    background-position: 0 -15px;
	color:#fff;
}



.btn-lg{
	padding: 20px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.problem{ color:#4a306d;  margin:30px 0; font-size:24px;}

.title-label {
    font-weight: normal;
	margin-bottom:10px;
	color:#686868;
}




/*----------------------------------------Modal---------------------------------------*/
.modal-content{border:#432a68 solid 3px; text-align:center;}
.modal-header {
    padding: 15px;
    border-bottom: none;
}
.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: none;
}
/*----------------------------------------Modal---------------------------------------*/




.form-control{margin:10px 0;}

footer{font-size:14px; text-align:center; margin:40px 0; color:#989898;}
footer a{color:#432967;}







/*----add--*/
#err_track{
	font-size: 14px;
    color: #F44336;
}
.alert-err{font-size: 13px;}
 
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   /* border-radius: 6px;*/
}
 
::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}