/* This code is only meant for previewing your Reflow design. */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 31, 2014 */

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

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

}  

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

} 




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

}




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

}




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

}

@font-face {
    font-family: 'AIA-NotoSans-Heading';
    src: url('../css/font/NotoSansThaiExNoto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AIA-NotoSans-Body';
    src: url('../css/font/NotoSansThaiExNoto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.kitithada {
	font-family: psl_kittithadaregular;
}

.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    border-width: 0px;
    border-style: none;
}

#Wrapper1 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-color: rgb(245, 246, 240);
/*     min-height: 0px; */

}

#Wrapper2 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
/*     width: 1100px; */
	
    width: 95%;
    max-width: 1100px;
    min-width: 750px;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
    min-height: 0px;

}


#Wrapper3 {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
/*     width: 1045px; */
    width: 98%;
    max-width: 1045px;
    min-height: 0px;

}

#Content {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: auto;
    clear: none;
    width: 100%;
    background-color: rgb(245, 246, 240);
    min-height: 550px;
}

#Content-wrapper {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
/*     width: 1045px; */
    width: 98%;
    max-width: 1045px;
    min-height: 0px;

}

#Contact {
    float: left;
    font-size: 0.7em;
    width: 25.989833%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 15.25%;
    margin-top: 29px;
    clear: none;
    min-height: 0px;
    font-family: tahoma;
    color: rgb(51, 51, 51);
}

#Menu {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
}


#menu-button{
	display: none;
	padding-top: 11px;
}

#menu-button a{
	text-indent: 100000px;
	display: block;
	background-image: url("../css/img/navigation.jpg");
	width: 42px;
	height: 32px;
/* 	background-attachment: fixed; */
	background-size: cover;
	float: right;
}

#menu-callcener{
		width: auto;
/* 		margin-left: 150px; */
}


#home{
	
}

#menu-manual{
	
}

#menu-faq{
	
}

#menu-enquiry{
	
}

#menu-policy-detail{
	
}

#submenu-policy-detail{
	
}

#submenu-coverage{
	
}

#submenu-agent-detail{
	
}

#menu-policy-service{
	
}

#submenu-service-request{
	
}

#submenu-documents{
	
}

#submenu-claims{
	
}

#submenu-fundswitching{
	
}

#menu-service-added{
	
}

#menu-profile{
	
}

#submenu-edit-profile{
	
}

#submenu-change-password{
	
}

#submenu-kyc{
	
}

#submenu-rpq{
	
}

#menu-box li#menu-policy-service:hover ul{
	left: -110px;
}
#menu-box li#menu-policy-service:hover ul li.submenu-space{
	left: 110px;
}

#menu-box li#menu-service-added:hover ul{
	left: -220px;
}
#menu-box li#menu-service-added:hover ul li.submenu-space{
	left: 220px;
}

#menu-box li#menu-profile:hover ul{
	left: -330px;
}
#menu-box li#menu-profile:hover ul li.submenu-space{
	left: 330px;
}


#menu-box-m #menu-policy-detail-m #menu-manual-m{
	border: none;	
}

#menu-box-m-wrapper {
	display: none;
}


#menu-box-wrapper {
	height: 45px;
	float: left;
	margin-top: 40px;
	position: absolute;
}

#menu-box {
	margin: 0px;
	padding: 0px;

	float: left;
/* 	clear: both; */

	/* margin-top: -43px; */
	margin-left: 148px;
	position: relative;

	z-index: 5;

	top: 4.5px;
	width: 440px;
	height: 45px;
	width: 100%;
	display: inline-block;
	width: auto;
}

#menu-box li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	width: 105px;
	
    float: left;
    font-size: 0.78em;
    height: auto;
    text-align: center;
    font-weight: 700;
    line-height: 2.2em;
/*     margin-left: 15.079246%; */
    margin-top: 17px;
    margin-right: 0%;
    color: rgb(0, 0, 0);
    position: relative;
	
}
#menu-box li.new-main-menu{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	width: 105px;
	
    float: left;
    font-size: 0.78em;
    height: auto;
    text-align: center;
    font-weight: 700;
    line-height: 2.2em;
/*     margin-left: 15.079246%; */
    margin-top: 17px;
    margin-right: 0%;
    color: rgb(0, 0, 0);
    position: relative;
	width:auto;
}
#menu-box a{
	display: block;
	margin: 0px;
	padding: 0px;
	padding: 0px 5px;
	background-image:url('../css/img/bg_menu.jpg');
	background-repeat:repeat;
/* 	color:rgb(51, 51, 51); */
}

#menu-box a:hover{
    color: rgb(211, 17, 69);
}

#menu-box ul{
	margin: 0px;
	padding: 0px;
	/* padding-bottom: 10px; */
    position: absolute;
    left: -9999px;
    
	/* padding-bottom: 10px; */
	-webkit-box-shadow: 3px 4px 3px 0px rgba(50, 50, 50, 0.59);
	-moz-box-shadow:    3px 4px 3px 0px rgba(50, 50, 50, 0.59);
	box-shadow:         3px 4px 3px 0px rgba(50, 50, 50, 0.59);
}

#menu-box ul li{
	margin: 0px;
	padding: 0px;
/*     padding-top:1px; */
    float:none;
    width: 425px;
	float: left;
	font-size: 0.8em;
	text-align: left;
	font-weight: normal;
	line-height: 1em;
	clear: none;
	min-height: 0px;
	font-family: tahoma;
	background-image:url('../css/img/bg_submenu.png');
	background-repeat:repeat;
	padding-left: 10px;
	padding-top: 6px;
}

#menu-box ul li.submenu-space{
	height: 4px;
	width: 105px;
	background-image: url('../css/img/bg_menu.jpg');
	background-repeat: repeat;
	padding: 0px;
}

#menu-box ul li a{
/* 	margin: 0px; */
/* 	padding: 10px 0px; */
	padding-top: 8px;
	padding-bottom: 8px;
	background: none;
	font-size: 1.2em;
	font-weight: normal;
	font-family: tahoma;
}

.submenu-list{
	color: rgb(211, 17, 69);
	font-weight: 600;	
	font-size: 0.8em;
}

#menu-box li:hover ul{
    left: 0px;
}

#menu-box li:hover a.menu-item{
/*     height: 40px; */
/*     height: 37px; */
}

#menu-box li ul.submenu-box li.submenu-item a{

}


/*
#menu-box ul.submenu-box{
	display: none;
}
*/


#menu-box-m {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	margin-top: -48px;
	margin-left: 150px;
	display: none;
	background-color: rgb(217, 217, 217);
	overflow: hidden;
}

#menu-box-m li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	min-width: 14%;
/* 	width: 15%; */
	
/*     float: left; */
    font-size: 0.8em;
    height: auto;
    
	text-align: center;
    font-weight: 700;
    line-height: 2.6em;
/*     margin-left: 15.079246%; */
    margin-top: 17px;
    margin-right: 0%;
    background-color: rgb(253, 244, 244);
    
	color: rgb(0, 0, 0);
    
	border-top: 1px solid;
    
	border-top-color: rgb(110, 129, 119);
}

#menu-box-m li a{
	display: block;
	margin: 0px;
	padding: 0px;
	padding: 0px 10px;
}

#menu-box div.indicator{
	display: none;
}

#menu-box-m div.indicator{
	background-color: black;
	float: right;
	width: 20px;
	height: 20px;
	position: relative;
	top: -20px;	
}

#menu-box li ul.submenu-box{
	display: block;
}
#menu-box-m li a:hover{
    color: rgb(211, 17, 69);
}

a:hover {
    color: rgb(211, 17, 69);
}

.submenu-box{
	display: none;
}

#AIA_Call_center {
    float: right;
    font-size: 1em;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-top: 30px;
    height: 16px;
    clear: both;
    min-height: 0px;
    font-family: arial;
    color: rgb(255, 255, 255);
    display: block;
    padding-right: 5px;
}


#Content {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    background-color: rgb(245, 246, 240);
    min-height: 550px;
}

#Footer {
    float: left;
    height: 8.865979%;
    margin-left: 0.00149522%;
    margin-top: 0px;
    clear: both;
    width: 99.998505%;
    min-height: 0px;
}

#footer {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 2%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
}
#footer-bg {
    float: left;
    width: 100%;
    max-width: none;
    height: 44px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#text-footer-title {
	font-weight: 700;
}

#text-term {
	font-size: 0.7em;	
}

#text-privacy {
	font-size: 0.7em;
}

#text-license {
    font-size: 0.7em;
}

#Tab {
    float: left;
    height: 98px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    margin-right: 0%;
    background-color: rgb(137, 181, 216);
    position: relative;
}

#page-title-en {
    float: left;
    font-size: 0.9em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 6.312799%;
    margin-top: 23px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    font-family: arial;
    font-family: arial;
}

#page-title {
    float: left;
    font-size: 1.8em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 6.312799%;
    margin-top: 16px;
    clear: both;
    min-height: 0px;
    font-family: psl_kittithadabold;
    color: rgb(255, 255, 255);
}

#menu-img {
/*     float: left; */
    width: 100%;
    
height: 91px;
    margin-left: 0%; 
	margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    
/* max-height: 91px; */
    background-image:url("../css/img/Menu.jpg");
    background-attachment: scroll;
    background-size: cover;
    background-position: 0.2% 50%;
    background-repeat: repeat repeat;
/* height: 100%; */
}

#Contact {
    float: left;
    font-size: 0.7em;
    width: 200px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 148px;
    margin-top: 30px;
    clear: none;
    min-height: 0px;
    font-family: tahoma;
    color: rgb(51, 51, 51);
} 

#welcom-text-line1 {
/*     float: right; */
    font-size: 0.7em;
	width: 240px;
    height: auto;
    text-align: right;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
/*     margin-top: 56px; */
    clear: none;
    min-height: 0px;
    font-family: tahoma;
    color: rgb(255, 255, 255);
    position: absolute;
	
top: 30px; 
	
right: 110px;
/* display: none; */
min-width: 350px;
}

#welcom-text-line2 {
/*     float: right; */
    font-size: 0.7em;
	width: 240px;
    height: auto;
    text-align: right;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
/*     margin-top: -17px; */
    clear: both;
    
min-height: 0px;
    font-family: tahoma;
    color: rgb(255, 255, 255);
    position: absolute;
    
top: 50px;
    right: 110px;
/* display: none; */
}

#Welcome {
	position: absolute;
	margin: 0px;
	padding: 0px;
    height: 98px;
    top: 0px;
    right: 0px;
    width: 442.4375px;
}

#FB-pic {
    float: right;
    width: 85px;
    height: 85px;
    margin-left: 0px;
    margin-top: 7px;
    clear: none;
    color: rgb(0, 0, 0);
    background-size: cover;
    margin-right: 10px;
    background-position: 50% 50%;
}

#FB-pic img{
    float: right;
    width: 100%;
    height: 100%;
    /* display: none; */
}

page-title {
    float: left;
    font-size: 1.3em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 6.312799%;
    margin-top: 16px;
    clear: both;
    min-height: 0px;
    font-family: tahoma;
    color: rgb(255, 255, 255);
}

#menu-icon {
    float: left;
    width: 63px;
    max-width: 100%;
    height: 47px;
    margin-left: 3.09%;
    margin-top: 25px;
    clear: none;
    color: rgb(0, 0, 0);
    display: none;
}

#Content {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-height: 550px;
    background-color: rgb(245, 246, 240);
    display: block;
}

#H1 {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 5.120513%;
    margin-top: 12.78125px;
    clear: none;
    min-height: 0px;
    display: none;
}

#H11 {
    float: none;
    font-size: 1.5em;
    width: 33.376918%;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 3.969%;
    margin-top: 37px;
    clear: none;
    min-height: 0px;
    font-family: psl_kittithadabold;
    color: rgb(211, 17, 69);
    margin-right: 0px;
    display: block;
}

#textspan2 {
    /* font-weight: 700; */
    font-size: 1em;
}

.util-noborder{
	border: none;
	border-bottom: none;
}

.util-menu-border-buttom{
	border-bottom: 1px solid rgb(170, 170, 170);
}


/* table */

#table-wrapper-test{
	width: 95%;
	margin: 0px 30px;
	margin-top: 20px;
	margin-left: 2.497385%;
	margin-right: auto;
	margin-left: auto;
}
#table-wrapper500{
	width: 95%;
	margin: 0px 30px;
	margin-top: 20px;
	margin-left: 2.497385%;
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.footable{
/* 	width: 100% */
}

a {
	text-decoration: none;
	color: rgb(0, 0, 0);
}

#display-none{
	display:none;
}

@media print{
	.noprint{
		display:none;
		visibility:hidden;
	}
	#display-none{
		display:block;
		visibility:show;
	}
	#table-wrapper-test {
		width: 95%;
		margin: 0px 30px;
		margin-top: 20px;
		margin-left: 2.497385%;
		margin-right: auto;
		margin-left: auto;
		}

		#Table {
		float: left;
		height: auto;
		margin-left: 4%;
		margin-top: 0px;
		clear: none;
		width: 94.978847%;
		max-width: 900px;
		min-height: 100px;
		padding-bottom: 10px;
		}

	.footable {
		width: 100%;
	}
}

#aia-logo-click-link {
    background-image:none;
    display:block;
    height: 71px;
    width: 148px;
    background: none;
	
    position:absolute;
    z-index:2;
    margin-top: 18px;
}

.aia-link-portfolio-table-header{
	float:left;
	padding:10px;
	background:rgb(211, 17, 69);
	color: rgb(253, 244, 244);
	text-align: center;
	height: 38px;
	font-size: 13px;
	font-weight: bold;
	width:100%;
	margin-left:0px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	min-width:220px;
}

a.white-text-button{
	display:block;
	color:#FFF;
}

.no-pic #welcom-text-line1,.no-pic #welcom-text-line2,.no-pic #welcome-logout{
	right:10px; 
	/* top: 20px; */
}

#welcome-logout{
	float: right;
	height: 20px;
	font-size: 1em;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	width: 75px;
	font-family: psl_kittithadabold;
	color: rgb(255, 255, 255);
	background-color: rgb(139, 155, 147);
	font-weight: 600;
	border-style: none;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 0px;
	border-radius:4px;
	text-align:center;
	right: 108px;
	position: absolute;
	top: 65px;
}

#menu-box-m #menu-manual-m{
	border:none;
	top: 57px;
	top: 65px;
}

#menu-box-m #menu-manual-m{
	border:none;
} 

.no-logout #welcom-text-line1{
	top:55px;
}

.no-logout #welcom-text-line2{
	top:75px;
}

#menu-box-wrapper > #menu-box > .current-menu > a, #menu-box-wrapper > #menu-box > .current-menu > .submenu-box > .current-menu > a{
 color:rgb(211, 17, 69);
}

#menu-box-m-wrapper > #menu-box-m > .current-menu > a, #menu-box-m-wrapper > #menu-box-m > .current-menu > .submenu-box > .current-menu > a{
 color:rgb(211, 17, 69);
} 


@media only screen and (max-width: 480px) {
	#Content-wrapper {
		float: none;
		height: auto;
		margin: 0px auto;
		clear: none;
		/* width: 1045px; */
		width: 100%;
		max-width: 1045px;
		min-height: 0px;
	}
}