@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,600italic,700,700italic);

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
}

.content {
	padding: 10px;
}

.clear{
	clear:both;
}

a{
	color:#000066;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;
}

a, a img{
	border:none;
	outline:0;
}

figure {
	margin: 0;
}
figcaption{
	font-size:12px;
	background-color:#f1f1f1;
	text-align:center;
}

hr{clear:both;border-bottom:0;border-top:1px solid #b1b1b1;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}
hr.dotted{
	clear:both;border:0;margin:40px 0;min-height: 0;height:1px;
	background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  	background-position: top;
  	background-size: 3px 1px;
  	background-repeat: repeat-x;
}
hr.dashed{border-style: dashed;}

h1, h2, h3, h4{
	font-family: 'Crimson Text', serif;
	color:#000066;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
}
h1{
	font-size:26px;
}
h1.title{
	font-size:48px;
	color:#333;
	text-transform:none;
	font-weight:600;
	letter-spacing:-1px;
	margin-bottom:10px;
	line-height:30px;
}
h1.title span{
	font-size:20px;
	letter-spacing:normal;
	font-weight:400;
	line-height:20px;
}
h2{
	font-size:24px;
	line-height:26px;
	margin-top:0;
}
h2.title{
	font-size:28px;
	line-height:30px;
	color:#333;
	text-transform:none;
	font-weight:700;
	letter-spacing:normal;
	margin:30px 0 0 0;
	padding-bottom:0px;
}
h2.about{    
	font-family: 'Crimson Text', serif;
    color: #000066;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;}
	
h3.title{
	font-size:20px;
	line-height:normal;
	color:#333;
	text-transform:none;
	font-weight:700;
	letter-spacing:normal;
	margin:20px 0 0 0;
	padding-bottom:0px;
}

.topbar{
	height:15px;
	background-color:#000066;
}

.innertopbar1{
	height:30px;
	background-color:#000;
}
.innertopbar2{
	height:94px;
	position:relative;
	background-color:#fff;
	-webkit-box-shadow: 0 8px 6px -5px rgba(0,0,0,0.25);
       -moz-box-shadow: 0 8px 6px -5px rgba(0,0,0,0.25);
            box-shadow: 0 8px 6px -5px rgba(0,0,0,0.25);
}
.innertopbar3{
	min-height:50px;
	padding:10px;
	background-color:#fff;
	margin-top:10px;
}

header{
	background-color:#fff;
	height:94px;
	z-index:100;
	-webkit-box-shadow: 0 8px 6px -5px rgba(0,0,0,0.25);
       -moz-box-shadow: 0 8px 6px -5px rgba(0,0,0,0.25);
            box-shadow: 0 8px 6px -5px rgba(0,0,0,0.25);
}
header.grid{
	position:absolute;
	left:50%;
	margin-left:-545px;
}
header.grid-full{
	height:auto;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.logo{
	margin:20px 0 0 20px;
}
ul.language{
	padding:0;
	margin:0px 30px 0 0;
	text-align:right;
	height:21px;
}
ul.language li{
	padding:0;
	margin:0;
	color:#000066;
	font-size:11px;
	list-style:none;
	display:inline-block;
	font-weight:600;
}
ul.lang-thai{
	padding:0;
	margin:0px 30px 0 0;
	text-align:right;
	height:21px;
}
ul.lang-thai li{
	padding:0 2px;
	margin:0;
	color:#000066;
	font-size:14px;
	list-style:none;
	display:inline-block;
	font-weight:600;
}
ul.lang-thai li a.active{
	text-decoration:underline;
}

nav{
	width:100%;
	padding-right:20px;
}

.smallBanner p{
	font-size:12px;
	line-height:18px;
}
a.sbanner{
	display:block;
	width:100%;
	position:relative;
}

ul.sublink{
	padding:0;
	margin:0 35px 0 0;
	text-align:right;
}
ul.sublink li{
	padding:4px 5px 0px 5px;
	margin:0;
	list-style:none;
	display:inline-block;
}
ul.sublink li a{
	color:#000066;
	font-weight:600;
}
ul.sublink li a:hover{
	text-decoration:underline;
}
ul.sublink li a.active{
	text-decoration:none;
	font-weight:800;
}
.report{
	margin-top:20px !important;
	float:right;
}

.mainContentWrapper{
	position:absolute; 
	top:500px; 
	z-index:10;
}

.grid.mainContent{
	max-width:1108px;
	padding:30px 30px;
	margin:0 auto;
	z-index:100;
	background:url(../images/bg_content.png) top center no-repeat;
}

.col-4-12.mainText{
	padding-left:40px;
}

.grid.mainExpertise{
	width:100%;
	max-width:1028px;
	margin:30px auto;
}
.mainTitle{
	width:100%;
	margin:0 10px 15px 10px;
	background:url(../images/line.gif) right bottom no-repeat;
}
.mainTitle h1{
	background-color:#fff;
	display:inline;
	padding-right:10px;
}
.bannerTitle{
	position:absolute;
	top:60%;
	width:90%;
	height:auto;
	padding:15px 12px;
	background-color:#2b2f7e;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	transition:all 0.5s ease;
}
.bannerTitle img{
	display:block;
}

.grid.innerContent{
	padding:20px 0 40px 20px;
	line-height:22px;
	min-height: 10vh;
}
.col-7-12.inner-col2{
	padding-top:30px;
	padding-left:40px;
}
.col-7-12.inner-col-right{
	padding-top:20px;
	padding-left:40px;
	float:right;
}
.col-4-12.inner-col-right{
	padding-top:20px;
	padding-left:20px;
	float:right;
	text-align:right;
}
.col-6-12.inner-col-qoute{
	padding-top:0;
	margin-left:40px;
	padding-left:30px;
	float:right;
	border-left:#666666 10px solid;
}
a.linkbox{
	/*display:inline-block;
	padding:1px 10px;
	background-color:#eaf1f9;*/
	color:#000066;
}

.officeBox{
	width:188px;
	float: left;
	padding: 10px 15px;
	font-size:12px;
	display:inline-block;
	line-height:20px;
	background:url(../images/arrow_right.png) right 10px no-repeat;
}
.officeBox .titleYear{
	font-family: 'Crimson Text', serif;
	color:#7f7fb2;
	font-size:40px;
	font-weight:600;
	padding:0 10px 0 0;
	margin:0;
	background-color:#fff;
	display:inline-block;
	width:auto;
	height:45px;
}
.officeBox .titleYearSpace{
	display:block;
	height:45px;
	padding:0;
	margin:0;
}
.officeBox .titleBox{
	display:inline-block;
	margin:0 0 5px 0;
}
.officeBox .titleBox a{
	display:block;
	padding:5px 10px;
	background-color:#000066;
	color:#fff;
	font-size:14px;
	font-weight:600;
}
.officeBox .titleBox a:hover{
	text-decoration:none;
}
.officeBox .addBox{
	margin-top:0;
	height:140px;
}

ul.pdflink{
	padding:0;
	width: 41.66%;
}
ul.pdflink li{
	padding:0;
	list-style:none;
	
	font-weight:600;
	line-height:normal;
}
ul.pdflink li a{
	display:block;
	padding:10px 10px 10px 40px;
	background:url(../images/icon_pdf.png) 10px no-repeat;
	transition:all 0.5s ease;
}
ul.pdflink li a:hover{
	background-color:#eaf1f9;
}
.contactBox{
	background-color:#f1f1f1;
	margin-top:20px;
}

ul.linkStyle{
	padding:0;
	margin:0;
}
ul.linkStyle li{
	padding:0;
	margin:0 6px 0 0;
	display:inline;
	list-style:none;
}
ul.linkStyle li:first-child,
ul.linkStyle li:nth-child(4){
	margin:0 7px 0 0;
}
ul.linkStyle li:last-child{
	margin:0;
}
ul.linkStyle li a{
	display:inline-block;
	width:178px;
	height:80px;
	padding:19px 15px;
	vertical-align:middle;
	background-color:#dadadc;
	color:#000;
	font-weight:600;
	text-align:center;
	line-height:normal;
}
ul.linkStyle li a:hover{
	background-color:#cccccc;
	text-decoration:none;
}
ul.linkStyle li a.active{
	background-color:#522b7e;
	color:#fff;	
}
ul.linkStyle li:after{
	content: url(../images/arrow_down.png);
	display:block;
	margin-top:-3px;
	
	
}
.leaderContent img{
	max-width:220px;
	float:left;
	margin-right:20px;
}
.leaderContent .leaderName{
	padding-top:110px;
	float:left;
}
.leaderContent .leaderName.thai{
	padding-top:60px;
	float:left;
}
.leaderContent .leaderName h2{
	margin-bottom:15px;
}
.thai-content{
	min-height:360px;
}
a.emailLink{
	font-weight: 700;
	font-size: 14px;
	color: #000066;
	transition:all 0.5s ease;
}
a.emailLink:hover{
	color: #000;
}
a.emailLink .iconEmail{
	position:absolute;
	width:32px;
	height:32px;
	background-color:#000;
	background-image:url(../images/icon_email.png);
	background-position:center center;
	background-repeat:no-repeat;
	top:3px;
	right:3px;
	transition:all 0.5s ease;
}
a.emailLink:hover .iconEmail{
	background-color:#000066;
}

a.backLink{
	display:block;
	float:right;
	margin-top:20px;
	padding:1px 10px;
	background-color:#eaf1f9;
}

.thumbBox{
	width:20%;
	float: left;
	padding: 10px;
	margin-bottom:20px;
}
.thumbBox div{
	height:120px;
}
.thumbBox h3{
	margin:10px 0 0 0;
	line-height:20px;
	letter-spacing:0.5px;
	height:42px;
}
.thumbBox p{
	font-size:12px;
	display:inline-block;
	line-height:20px;
	margin-top:0;
}
.thumbBox span{
	color:#000066;
}
.thumbBox:hover span{
	text-decoration:underline;
}
.thumbBox a:hover{
	text-decoration:none;
}

ol.olIndent{
	padding-left:20px;
}
ol.olIndentBold{
	padding-left:20px;
	list-style:none;
}
ol.olIndentBold > li{
	padding-bottom:20px;
}
ol.olIndentBold li span{
	display:inline-block;
	width:20px;
	margin-left:-20px;
	font-weight:bold;
}

ul.ulSquare{
	padding:0;
	margin:0 0 0 20px;
}
ul.ulSquare li{
	padding:0;
	margin:0;
	list-style-image:url(../images/square_bullet.png);
}
ul li{
	list-style-image:url(../images/square_bullet.png);
}



.tblCompare th{
	padding:10px 20px;
	border-bottom:#666 5px solid;
	border-right:#ccc 1px solid;
	color:#000;
	font-size:20px;
	font-weight:600;
	font-family: 'Crimson Text', serif;
}
.tblCompare tr:nth-child(even){
	background-color:#dadadc;
}
.tblCompare tr:nth-child(even) td.field{
	background-color:#fff;
}
.tblCompare td{
	padding:10px 20px;
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
}
.tblCompare td:last-child, .tblCompare th:last-child{
	border-right:none;
}
.tblCompare td.field{
	background-color:#fff;
	color:#000;
	font-weight:600;
}
.tblCompare td.field, .tblCompare th.field{
}

.addressBox{
	margin:10px 0;
	padding:20px 30px;
	background-color:#f1f1f1;
	background-position:30px 20px;
	background-repeat:no-repeat;
	font-weight:600;
	color:#000066;
}
.leaderBox{
	width:19%;
	float:left;
	padding-right:20px;
}
.leaderBox.thai{
	width:40%;
	float:left;
	padding-right:20px;
}
.leaderBox h3{
	margin:5px 0 0 0;
	font-size:14px;
	line-height:16px;
}
.leaderBox p{
	font-size:12px;
	line-height:normal;
	margin-top:5px;
}
.leaderBox2{
	width:180px;
	float:left;
	padding-right:20px;
}
.leaderName2{
	padding-top:55px;
	float:left;
}


.tblWrapper{
	width:100%;
	overflow-x:hidden;
}
.tblInsurer{
	min-width:767px;
}
.tblInsurer th{
	padding:10px;
	border-bottom:#666 5px solid;
	border-right:#ccc 1px solid;
	color:#000;
	font-size:18px;
	font-weight:600;
	font-family: 'Crimson Text', serif;
}
.tblInsurer td{
	padding:10px;
	text-align:center;
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
}
.tblInsurer td.rank{
	font-weight:600;
	font-size:20px;
}
.tblInsurer td.complogo{
	text-align:left;
}
.tblInsurer td.complogo img{
	vertical-align:middle;
}
.tblInsurer td:last-child, .tblInsurer th:last-child{
	border-right:none;
}

.imgAsean{
	display:block;
}
.imgAsean-m{
	display:none;
}
.report-link, .report-link-m{
	position:absolute;
	width:100%;
}
.report-link a{
	position:absolute;
	display:block;
	top:68%;
	left:5%;
	z-index:1000;
}
.report-link-m a{
	position:absolute;
	display:none;
	z-index:1000;
}

.reportlink{
	position:absolute;
	top:40px;
	right:35px;
}

.banner-order{
	width:100%;
	border:#c7d9f2 5px solid;
	padding:10px 30px !important;
	margin-top:30px;
}
.banner-order-content h1{
	font-family: 'Open Sans', sans-serif;
	font-size:36px;
	font-weight:800;
	line-height:34px;
	margin-top:5px;
}
.banner-order-content h2{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:600;
	line-height:24px;
}
h1.title2{
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:800;
	line-height:34px;
	margin-top:20px;
	margin-bottom:20px;
	text-transform:capitalize;
}
h2.title2{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:600;
	line-height:24px;
}
h2.title3{
	font-family: 'Open Sans', sans-serif;
	font-size:28px;
	font-weight:800;
	line-height:30px;
	text-transform:capitalize;
}












footer{
	background:url(../images/bg_footer.gif) repeat-x;
}
.col-1-1.bottomBlueBar{
	background-color:#000066;
	padding:0;
}
footer .bottomBlue{
	max-width:1008px;
}
ul.socialList{
	padding:0;
	margin:5px 0 0 0;
	text-align:right;
}
ul.socialList li{
	padding:0 10px;
	margin:0;
	list-style:none;
	display:inline-block;
}
ul.socialList li a{
	display:block;
	width:15px;
	height:15px;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	transition:all 0.5s ease;
}
ul.socialList li a.social_li{
	background:url(../images/icon_linkedin.png);
}
ul.socialList li a.social_fb{
	background:url(../images/icon_facebook.png);
}
ul.socialList li a.social_tw{
	background:url(../images/icon_twitter.png);
}
ul.socialList li a.social_in{
	background:url(../images/icon_instagram.png);
}
ul.socialList li a.social_gp{
	background:url(../images/icon_gplus.png);
}
ul.socialList li a:hover{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

footer .bottomGrey{
	max-width:1028px;
	padding:20px 0;
}
.col-1-3.bottomNav{
	border-left:#bebebe 1px solid;
	padding:10px 15px;
}
.bottomNav h3{
	font-size:16px;
	color:#bebebe;
	margin-top:5px;
}
.bottomNav ul{
	padding:0;
	margin:0;
}
.bottomNav ul li{
	padding:3px 10px;
	margin:0;
	list-style:none;
	border-top:#dedede 1px solid;
	font-size:12px;
}
.bottomNav ul li:last-child{
	border-bottom:#dedede 1px solid;
}

.col-1-1.copyright{
	font-size:12px;
	background-color:#fff;
	text-align:center;
	padding:20px 0;
}
.copyright a{
	color:#c5c5c5;
}
.copyright a:hover{
	color:#afafaf;
}
ul.listFooter{
	padding:0;
	margin:0 auto;
}
ul.listFooter li{
	padding:0 3px;
	margin:0;
	list-style:none;
	display:inline;
	text-align:center;
}
ul.listFooter li a{
	color:#000066;
}
ul.listFooter li a:hover{
	color:#000;
}







/*---------------------------------
	FORMS
-----------------------------------*/
form{
	padding:0;
	margin:0;
	font-size:14px;
	line-height:20px;
	z-index:99999999;
}

fieldset{
	margin:0;
	padding:0 10px 25px 10px;
	border:none;
}

form h6{
	margin-top:0;
}

form hr{clear:both;border-bottom:0;border-top:1px solid #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}


/*IE ONLY - I know, this is a stop gap*/
.msie fieldset{padding-top:25px;}

label{
	display:inline-block;
	*display:inline;
	width:30%;
	padding:0;
	zoom:1;
	vertical-align:top;
}

fieldset .hint{
	color:#999;
	font-size:12px;
	margin:0 0 6px 32%;
}

input[type="text"], textarea, select{
	display:inline-block;
	*display:inline;
	vertical-align: middle;
	width:68%;
	zoom:1;
	margin:3px 0;
	border:1px solid #ccc;
	padding:5px 0;
	text-indent: 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#fff;
	-moz-box-shadow:inset 0 1px 3px #ccc;
	-webkit-box-shadow:inset 0 1px 3px #ccc;
	box-shadow:inset 0 1px 3px #ccc;
}

fieldset .desc{
	margin:0 0 15px 0;
}

fieldset div.group{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:68%;
	margin:6px 0;
}

fieldset .desc span{
	color:#999;
	font-size:12px;
}
fieldset .desc .asterisk, span.asterisk{
	color:#ff0000;
}


/* FOCUS STATES */
input[type="text"]:focus,
textarea:focus,
button:focus,
a.button:focus,
select:focus,
input[type="file"]:focus,
input[type="password"]:focus{
	-webkit-box-shadow: 0 0 3px #6DB9FF;
	-moz-box-shadow   : 0 0 3px #6DB9FF;
	box-shadow        : 0 0 3px #6DB9FF;
	border: 1px solid #50B1FE;
	outline: none;
}

/* TRANSITION */
input[type="text"],
textarea,
button,
a.button,
a,
input[type="file"]{
	-moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;
	-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;
	-o-transition:  box-shadow 0.5s, border 0.5s, background 0.5s;
	transition: box-shadow 0.5s, border 0.5s, background 0.5s;
}

input.checkbox,
input[type="checkbox"]{
	display:inline;
	width:auto;
	margin:3px 0;
	padding:0;
	border:0;
	background:none;
	vertical-align:center;
	*vertical-align: top;
}

input.radio,
input[type="radio"]{
	display:inline;
	width:auto;
	margin:3px 0;
	padding:0;
	border:0;
	background:none;
	vertical-align:center;
	*vertical-align: top;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus{
	-webkit-box-shadow: 0 0 5px #6DB9FF;
	-moz-box-shadow   : 0 0 5px #6DB9FF;
	box-shadow        : 0 0 5px #6DB9FF;
	outline-color: #6DB9FF;
}

input.file,
input[type="file"]{
	/*font-size:0.8em;*/
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	margin:3px 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"]{
	width:auto;
	padding:8px 15px;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	background-color:#000066;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
	background-color: #000098;
}

select{
	display:inline;
	width:68%;
	margin:3px 0;
	border:1px solid #ccc;
	padding:3px;
	vertical-align: middle;
	text-indent: 0px;
}


textarea{
	width:68%;
	margin:3px 0;
	border:1px solid #ccc;
	vertical-align: middle;
	font-family:inherit;
	font-size:inherit;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 0 1px 3px #ccc;
	-webkit-box-shadow:inset 0 1px 3px #ccc;
	box-shadow:inset 0 1px 3px #ccc;
}

/*---------------------------------
	FORMS VERTICAL
-----------------------------------*/
form.vertical fieldset .hint{
	margin:-6px 0 6px 0;
}

form.vertical label{display:block;width:100%;}
form.vertical input[type="text"],
form.vertical select,
form.vertical textarea{width:100%;display:block;margin-bottom:10px;}


/*---------------------------------
	CAPTCHA
-----------------------------------*/

.captchabox{
	width:100%; 
	text-align:center;
}
.captchImg{
	width:170px;
	height:27px;
	margin:0 auto;
}
.captchImg img{
	float:left;
	margin-right:10px;
	border:none;
}
.captchImg a{
	display:block;
	width:24px;
	height:26px;
	float:left;	
}
.captchabox #imgCaptcha{
	border: 2px solid #b8c5d2;
}
.captchabox p{
	margin:10px 0 5px 0;
}
.captchabox div input[type="text"]{
	width:180px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin:0 auto;
}
.captchabox a:link, .captchabox a:active, .captchabox a:visited{
	color:#666;
}
.captchabox a:hover{
	color:#000;
}




.smalltext{
	font-size:12px;
	line-height:12px;
}
.note{
	font-size:12px;
	color:#666;
	line-height:12px;
}