@CHARSET "ISO-8859-1";

body{
	background-color: #F1F1F1;
	margin:0;
	padding:0;
/*	font-family: Veranda !important;*/
font-family: DB Helvethaica X Med !important;
	/*font-size: 13px !important;*/
	font-size:14pt!important;
	font-weight: normal;
	color : #063868;
	width: 100%;
	height: 100%;
}
.agency-name{
	font-size: 22px;
}
.content_header{
	font-family: DB Helvethaica X Med;
	font-size: 20pt;
	font-weight: bolder;
	color: #063869;
	/*height:100px;*/
	}
h3{
	color: #063868;
}

.bkiTable{
	background-color: #DEF3F8;
	padding: 4px;
	margin: 2px 0 2px 0;
}
.bkiTable tr td{
	padding: 4px;
	/*border: solid #ffffff 2px;*/
}

.content {
	width: 45%;
	color: #063868;
	font-size: 14px;
	padding-left: 10%;
	padding-top: 5%;
}

div.circle {
	width: 70px;
    height: 70px;
    border-radius: 70px;
    font-family: Cambria;
    font-size: 11px;
    color: white;
    line-height: 70px;
    text-align: center;
    background: #ccc;
    float: left;
}
div.circle i {
	color: #063868;
	line-height: 68px;
}

div.menu{
	float: left;
	color: #063868;
	margin: 0px 5px 5px 15px;
}
.bkiLabel{
	color: #063868;
	font-size: 14pt;
	padding-left: 45px;
}
.pad-left-1{
	padding-left: 10%;
}
.require {
		color: red;
	}
	
@font-face {
	font-family: DB Helvethaica X Med;
	src: url('../fonts/DB Helvethaica X Med.ttf') format('opentype');
}
@font-face {
	font-family: DB Helvethaica X;
	src: url('../fonts/DB Helvethaica X.ttf') format('opentype');
}
@font-face {
	font-family: DB Ozone X Med;
	src: url('../fonts/DB Ozone X Med.ttf') format('opentype');
}
@font-face {
	font-family: HeroicCondensed Med;
	src: local("HeroicCondensed Med") , url('../fonts/HeroicCondensed-Medium.otf') format('opentype OTF');
}
.en-menu{
	font-family: DB Ozone X Med;
	font-size: 20pt;
}
.th-menu{
	font-family: DB Helvethaica X;
	font-size: 20pt;
}
.main-menu {
	font-family: HeroicCondensed Med;
	font-size: 20pt;
	color: #FFFFFF;
	text-decoration : none !important;
	border-spacing: none;
	border-color: none;
}
.main-menu:visited {
	font-family: HeroicCondensed Med;
	font-size: 20pt;
	color: #FFFFFF;
	text-decoration : none;
}
.main-menu:hover {
	font-family: HeroicCondensed Med;
	font-size: 20pt;
	color: #f66;
	text-decoration : none;
}
.title{
	font-family: HeroicCondensed Med;
	font-size: 15pt;
	color: #063868;
}	
.line{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 3px 0 6px 0;
}

.vertical-top{
	vertical-align :top;
}

.py-10{
	padding-top:10px;
	padding-bottom:10px;
}
.py-30{
	padding-top:30px;
	padding-bottom:30px;
}
.exclude-city{
	padding-right:7.5%;
	padding-left:7.5%;
	padding-top:20px;
	padding-bottom:20px;
	background:#DEF3F8;
}
.modal-box{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 50%;
    left: 47%;
    width: 20%;
    height: 15%;
   	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}
.bg-blue{
	background:#DEF3F8;
}

.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
#close-btn{
	position: absolute;
    top: -25px;
    right: 0;
    cursor:pointer;
}
.text-title{
font-weight:bold;
color:#063868;
}

.menu img{ 
	width:100%;
}

.m-0{
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
}

@font-face {
	font-family: DB FongNam Xd;
	src: url('../fonts/DB FongNam X.ttf') format('opentype');
}

.information-box{
font-family: DB Helvethaica X;

color:#4d4d4d;
}

.font-helvethaica{
	font-family:DB Helvethaica X;
	
}
.font-w-n{
	font-weight:normal;
}
.font-size-14{
	font-size:14pt;
}
.font-size-12{
	font-size:12pt;
}
#enquiry table th{
	background: #063869;
    color: #ffffff;
    height: 35px;
    font-weight: normal;
    vertical-align: middle;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:4px;
}
#enquiry table a{
	color:#063869;
}
.text-blue{
	color:#063868;
}
.alert-msg{
	position: absolute;
    top: 40%;
    left: 10%;
   
    width: 80%;
}

	.menu a {
    text-decoration: none;
    color: #fff;
    font-size:16pt;
    /* text-align: left; */
}
.menu td {
    text-align: left;
    border-bottom: solid white 2px;
    padding:4px 0;
}
.pdpa-box{
	overflow-y:scroll;
	height:620px;
	display:block;
}