/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 31, 2016 */

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

}

/* Login Memeber -----------------------*/
#mainbox{
	float: left;
}

#mainbox .contentbox{
	float: left;
	background: url("../images/main/bg-leftside.png") repeat-x scroll left top;
}

#mainbox .contentbox h3{
	color: #4f4f4f;
	font-size:16px;
	padding-left:5px;
	padding-top: 6px;
	padding-bottom:7px;
	border-bottom: 1px dotted #989898;
}

#mainbox .contentbox p{
	font-size:13px;
	padding: 7px;
	color: #4f4f4f;
	text-align: left;
}

#mainbox .contentbox .remark{
	font-size:14px;
	font-weight: bold;
	padding: 5px;
	color: #037712;
}

#mainboxright{
	width: 637px;
	float: left;
}

#mainboxright .topbar{
	float:left;
	height:32px;
	width: 637px;
	background: url("../images/main/bg-rightsidebar.png") repeat-x scroll left top;
}

#mainboxright .loginbox{
	float: right;
	width: 540px;
	margin-top: 50px;
}

#mainboxright .loginbox .top{
	float: left;
	width: 540px;
	height: 59px;
	background: url("../images/main/bgtop-loginbox.png") repeat-x scroll left top;	
}

#mainboxright .loginbox .middle{
	float: left;
	width: 540px;
	height: 177px;
	background: url("../images/main/bgmiddle-loginbox.png") repeat-x scroll left top;	
}

#mainboxright .loginbox .middle .loginform{
	float: right;
	width: 400px;
	padding-right: 10px;
}

#mainboxright .loginbox .bottom{
	float: left;
	width: 540px;
	height: 30px;
	background: url("../images/main/bgbottom-loginbox.png") repeat-x scroll left top;	
}

#logincontent{
	padding: 10px;
}

#logincontent-inner{
	border: 1px solid #EBEBEB; background: #FFF; padding: 10px;
}

#login-table{
	width: 320px;
	float: right;
}

#login-table td{
	text-align: right;
	padding: 10px;
}

#login-table th{
	text-align: right;
	padding: 10px;
	font-size: 14px;
	color: #4F4F4F;
}

#login-table .inpbox{
	height: 30px;
	width: 200px;
}

#login-table .inpsubmit{
	background: #037712;
	border: none;
	cursor: pointer;
	height: 29px;
	width: 73px;
	color: #FFF;
}

#boxlogologin{
	float: left;
	background:#FFF;
    height: 60px;
    width: 100%;
    text-align: center;
}

#logo-temp-middle{
    height: 70px;
    text-align: center;
    background:#4eb0e3;
}

#page{
	margin: 0 auto;
	width: 1000px;
}

#page-topbar{
	background:#fe249a;
}

#page-middle{
    height: 100px;
    text-align: center;
    color: #4EB0E3;
}

#page-topbar a{
	font-size: 16px;
	color: #000000;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

#page-bottombar{
	background:#fe249a;
    height: 30px;
}

#page-header{
	float: left;
	width: 1000px;
}

#page-header img{
	float: left;
}

#page-header h3{
	float: left;
	font-size: 40px;
	padding-top: 60px;
	padding-left: 10px;
	color: #4F4F4F;
}

#memberinfobox{
	float: right;
	width: 940px;
	background: url("../images/main/bg-backmain.png") repeat-x scroll left top #FFFFFF;
	padding: 10px;
	height: 247px;
}

#memberinfobox .infoh3{
	font-size: 18px;
	color: #000000;
	border-bottom: 1px dotted #EBEBEB;
	padding-bottom: 10px;
}

#memberinfobox h3 a{
	font-size: 18px;
	color: #000000;
}

#memberinfobox .infoleft{
	float: left;
	width: 470px;
}

#memberinfobox .inforight{
	float: left;
	width: 470px;
}

#table-member-info th{
	font-size: 12px;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}

#table-member-info td{
	font-size: 12px;
	color: #000000;
	padding-left: 5px;
	text-align: left;
}

#content{
	padding: 5px;
}

#content .inner{
	background: #FFF;
}

#content-topbar{
	float: right;
	width: 960px;
	background: url("../images/main/bg-topbar.png") repeat-x scroll left top #FFFFFF;
	height: 34px;
}

#content-topbar a{
	color: #FFFFFF;
	font-size: 18px;
	padding-left: 10px;
	padding-top: 5px;
	float: left;
	font-weight: normal;
}

#content .topdata{
	float: left; 
	width: 100%;
	background: url("../images/main/bg-topbar.png") repeat-x scroll left top #FFFFFF;
}

#content h3{
	font-size: 24px;
	color: #FFFFFF;
	height: 30px;
	padding-left:5px;
	padding-top:4px;
	font-weight: normal;
	float: left;
}

#content h5{
	padding: 10px 10px 10px 0px;border-bottom: 1px dotted #aba5a5; color: #171717;
	font-weight: normal;
}

.contenth5{
	padding: 10px 10px 10px 0px;border-bottom: 1px dotted #aba5a5; color: #171717;
	font-weight: normal;
}

#content .alink-back{
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

#table-member-data{
	border-collapse: collapse;
	width: 956px;;
	border-bottom: 1px solid #CCCCCC;
	float: left;
}

#table-member-data{
	border-collapse: collapse;
	width: 960px;
	border-bottom: 1px solid #CCCCCC;
	float: left;
}

#table-member-data th{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #fe249a;
	padding: 15px 5px;
	border: 1px solid #CCCCCC;
}

#table-member-data th a{ 
	font-size: 12px;
	color: #FFF;
}

#table-member-data td{
	font-size: 12px;
	color: #6B6B6B;
	border: 1px solid #CCCCCC;
	padding: 15px 5px;
}

#main{
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
}

#main-topbar{
	float: left;
	background: url("../images/main/bg-topbar.png") repeat-x scroll left top;
    height: 34px;
    width: 1000px;
}

#main-topbar a{
	font-size: 16px;
	color: #FFFFFF;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

#main-header{
	float: left;
	width: 1000px;
}

#main-header .logo{
	float: left;
	padding-top: 30px;
	padding-left: 80px;
}

#main-header .left{
	float: left;
	width: 21px;
	height:262px;
	background: url("../images/main/bg-lefttopbar.png");
}

#main-header .right{
	float: left;
	width: 979px;
	height: 228px;
	background: url("../images/main/bg-backtopbar.png") repeat-x scroll left top;
}

#main-header .right .top{
	float: left;
	background: url("../images/main/bg-topbar.png") repeat-x scroll left top;
    height: 34px;
    width: 979px;
}

#main-header .right .top a{
	font-size: 16px;
	color: #FFFFFF;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

#main-header .mainh3{
	float: left;
	font-size: 40px;
	font-weight:normal;
	padding-top: 110px;
	padding-left: 30px;
	color: #4F4F4F;
}

#main-header .rightSide{
	float: right;
	width: 21px;
	height: 338px;
	background: url("../images/main/bg-righttopbar.png") repeat-x scroll left top;
}

#settings-table	{
	margin-bottom: 10px;
	}
#settings-table	td a	{
	color: #A02A99;
	font-size: 14px;
	}
#settings-table	td a:hover	{
	text-decoration: underline;
	color: #A02A99;
	font-weight: bold;
	}
#settings-table	th	{
	padding: 7px;
	border-bottom: 1px solid #d2d2d2;
	}
#settings-table	.minwidth-1	{
	min-width: 110px;
	}
#settings-table td	{
	border-bottom: 1px solid #d2d2d2;
	padding: 7px;
	font-size: 14px;
	}
#settings-table tr.alternate-row	{
	background: #ececec;
}

.menu {font-size:13px;float:left; width:958px;height: 34px;background: url("../images/main/bg-topbar.png") repeat-x scroll left top;;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:34px;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:35px;line-height:34px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:16px;text-decoration:none;color:#FFFFFF;padding:0 20px 0 15px;}
.menu a.current{background:url(../images/nav/menu-bg.gif) repeat-x center;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#3a3a3a; border-bottom:1px #666666 solid; color:#FFFFFF;width:12em;height:100%;line-height:1em;padding:1em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:url(../images/nav/arrow.gif) no-repeat right #309dc7;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(../images/nav/arrow.gif) no-repeat right #088bb4;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:url(../images/nav/menu-bg.gif) repeat-x center;}
.menu :hover > a {color:#000000;background:#4EB1E2;height: 34px;}
/* second */
.menu ul ul a:hover{color:#fff;background:url(../images/nav/menu-bg.gif) repeat-x center;}
.menu ul ul :hover > a {color:#94B52C;background:#3a3a3a;}
/* third */
.menu ul ul ul a:hover {background:url(../images/nav/menu-bg.gif) repeat-x center;}
.menu ul ul ul :hover > a {background:url(../images/nav/menu-bg.gif) repeat-x center;}
/* fourth */
.menu ul ul ul ul a:hover {background:url(../images/nav/menu-bg.gif) repeat-x center;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}
 
 
.color-A02A99{
	color: #A02A99;
}

.line-right{
	text-align: right;
}

.line-left{
	text-align: left;
}

.back-link{
	color: #FFF;
	font-weight: bold;
	background-color: #fe249a;
	padding: 5px;
	font-size: 14px;
}

.docnum-link{
	color: #171717;
	font-weight: bold;
}

#no-border{
	border: none;
}

.menubox{
	background-color: #fe249a;
}

.box1{

}

.logoutbox{
	
}

.logoutbox2desc{
	background: url("../images/main/bg.png") repeat-x scroll left top #FFF;
	text-align: center;
	padding: 10px;
}

.logoutbox2desc a{
	color: #FFF;
	font-size: 18px;
}

#id-form td{
	padding: 10px;
}
#id-form th{
	padding: 10px;
	text-align: left;
}

.notification {
	font-size: 13px;
	padding: 5px;
	position: relative;
	vertical-align: middle;
}

div.notification:hover {
	cursor: pointer;
}

.error {
	background: url(../images/icons/error-icons.png) center left no-repeat;
	color: red;
}