/*CSS Menu Start*/
.mtDropdownMenu
{
    LEFT: -1000px;
    OVERFLOW: hidden;
    POSITION: absolute;
    TOP: -1000px
}
.mtDropdownMenu .content
{
    POSITION: absolute
}
.mtDropdownMenu .items
{
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    Z-INDEX: 2;
    LEFT: 0px;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    POSITION: relative;
    TOP: 0px
}

.top .items
{
}
.mtDropdownMenu .item
{
    BORDER-TOP: #CCCCCC 1px solid;
    FONT-SIZE: 10px;
    CURSOR: pointer;
    COLOR: #000000;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    FONT-FAMILY: MS Sans Serif,Tahoma;	
    TEXT-DECORATION: none
}
.mtDropdownMenu .shadowRight
{
    Z-INDEX: 3;
    FILTER: alpha(opacity=60);
    WIDTH: 2px;
    POSITION: absolute;
    TOP: 3px;
    moz-opacity: .4
}
.mtDropdownMenu .shadowBottom
{
    Z-INDEX: 1;
    FILTER: alpha(opacity=40);
    LEFT: 3px;
    POSITION: absolute;
    HEIGHT: 2px;
    moz-opacity: .4
}
.mtDropdownMenu .item IMG
{
    MARGIN-LEFT: 2px
}
.mtDropdownMenu .hover
{
    BACKGROUND: #D6DDE7;
    COLOR: #FFFFFF;
}
.mtDropdownMenu .background
{
    Z-INDEX: 1;
    FILTER: alpha(opacity=95);
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px;
    moz-opacity: .95
}
#bottomBrd
{
    BORDER-RIGHT: #CCCCCC 0px solid;
    BORDER-TOP: #CCCCCC 0px solid;
    BORDER-LEFT: #CCCCCC 0px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid
}
/*CSS Menu End*/

BODY {
	margin: 0px 0px 0px 0px;
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	line-height: 18px;
/*	text-align: justify;*/
}
TABLE{
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	line-height: 18px;
/*	text-align: justify;*/
}

table.proshow {
	margin-left:10px;
}
table.proshow td {
	color: #636061;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	padding-left:5px;
	padding-right:5px;
}
table.proshow th {
	color: #000000;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-left:5px;
	padding-right:5px;
}

table.adminlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.adminlist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	background-repeat: repeat;
	font-size: 12px;
	color: #808080;
}
table.adminlist th.title {
	text-align: left;
}

table.adminlist th a {
	color: #808080;
}

table.adminlist tr.row0 {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
table.adminlist tr.row1 {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
table.adminlist td {
	/*border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 4px;*/
}

#divbody{
	width:1003px; 
	height:auto;
	position: right;
	position:relative;
	margin: 0px;
	padding: 0px;
}
.divMenuSide{
	width: 395px;
	height:auto;
	float:left;
	position:relative;
	margin: 0px auto;
	padding: 0px auto;
	z-index:2;
}
.divContentAll{
	width: 803px;
	height:auto;
	float:right;
	position: absolute;
	left:195px;
	margin: 0px auto;
	padding: 0px auto;
}
.divMenuSide2{
	width: 395px;
	height:auto;
	float:left;
	position:relative;
	margin: 0px auto;
	padding: 0px auto;
}
.divContentAll2{
	width: 803px;
	height:auto;
	float:right;
	position: absolute;
	left:195px;
	margin: 0px auto;
	padding: 0px auto;
	z-index:2;
}
.divMenuSideTop{
	width: 395px;
	height:auto;
	position:relative;
	margin: 0px auto;
}
.divMenuSideContent{
	width: 395px;
	height:auto;
	z-index:3;
	position: absolute;
	top:135px;
	right:0px;
	margin: 0px auto;
}
.divMenuSideContentAbout{
	width: 395px;
	height:auto;
	z-index:3;
	position: absolute;
	top:265px;
	right:0px;
	margin: 0px auto;
}
.divFooter{clear:both; line-height:0; height:0;}
.trans {
	background: transparent;
}

.bold{
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	/*font-weight: bold;*/
}

a {
	color : #000000;
	font-weight: normal;
	text-decoration : none;
}
a.apro {
	font-weight: bold;
	text-decoration :none;
}
a.apro:hover {
	color : #A29FA0;
	font-weight: bold;
	text-decoration :underline;
}
a.anews {
	font-weight: bold;
	text-decoration :none;
}
a.anews:hover {
	color : #EE0000;
	font-weight: bold;
	text-decoration :underline;
}
a:hover {
	color : #000000;
	font-weight: normal;
	text-decoration :underline;
}
a:active {
	color : #000000;
	text-decoration : none;
}

a.menu {
	color : #000000;
	font-weight: normal;
	text-decoration : none;
}
a.menu:hover {
	color : #000000;
	font-weight: normal;
	text-decoration :none;
}
a.menu:active {
	color : #000000;
	text-decoration : none;
}

a.branch {
	color : #808080;
	font-weight: normal;
	text-decoration : none;
}
a.branch:hover {
	color : #568DCD;
	font-weight: normal;
	text-decoration :underline;
}
a.branch:active {
	color : #808080;
	text-decoration : none;
}

a.eventlink {
	color : #568DCD;
	font-weight: normal;
	text-decoration : none;
}
a.eventlink:hover {
	color : #808080;
	font-weight: normal;
	text-decoration :underline;
}
a.eventlink:active {
	color : #568DCD;
	text-decoration : none;
}

.fontSiteMap{
	margin: 0px 0px 0px 0px;
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	line-height: 20px;
/*	text-align: justify;*/
}

a.eventArchieve {
	color : #808080;
	font-weight: normal;
	text-decoration : none;
}
a.eventArchieve:hover {
	color : #568DCD;
	font-weight: normal;
	text-decoration :underline;
}
a.eventArchieve:active {
	color : #808080;
	text-decoration : none;
}

a.SiteMapMain {
	color : #808080;
	font-weight: bold;
	text-decoration : none;
}
a.SiteMapMain:hover {
	color : #568DCD;
	font-weight: bold;
	text-decoration :none;
}
a.SiteMapMain:active {
	color : #808080;
	font-weight: bold;
	text-decoration : none;
}

a.SiteMapSub {
	color : #568DCD;
	font-weight: normal;
	text-decoration : none;
}
a.SiteMapSub:hover {
	color : #808080;
	font-weight: normal;
	text-decoration :none;
}
a.SiteMapSub:active {
	color : #568DCD;
	font-weight: normal;
	text-decoration : none;
}


img { border : 0; }

.StaffBranch 
{
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	line-height: 21px;
}

.HeadHilight
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 13px;
	color: #568DCD;
	font-weight: bold;
}

.HeadEvent
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 13px;
	color: #568DCD;
	font-weight: bold;
}

.HeadCareer
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 13px;
	color: #568DCD;
	font-weight: bold;
}

.HeadBeautyTips
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 13px;
	color: #013277;
	font-weight: bold;
}

.HeadService
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 13px;
	color: #013277;
	font-weight: bold;
}

.HeadServiceIndex
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 15px;
	color: #568DCD;
	font-weight: bold;
}

.HeadBranch
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 15px;
	color: #013277;
	font-weight: bold;
}

.HeadMenuSide
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 13px;
	color: #7A7679;
	font-weight: bold;
}

.textNavigator
{
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 13px;
	font-weight: bold;
}

.EventDetail
{
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

.NoTextBlank
{
	font-family: Tahoma; 
	font-size: 0px;
	margin: 0px;
	color: #FFFFFF;
}

.solidfull
{
	border: solid 1px #CCCCCC;
}

.solidfullClips
{
	border: solid 1px #FFFFFF;
}

.selectTips{
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.solidRight{
	border-right: solid 1px #FFFFFF;
	empty-cells: show ; 
}

.selectService{
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	color: #7E8080;
	font-weight: bold;
}

.buttoncontact{
	border : solid 1px #cccccc;
	background: #FFFFFF;
	color : #555555;
	font-family: Arial;
	font-size:12px;
	font-weight : bold;	
}

.texthome{
	color : #808080;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 20px;
}

.textFooter1
{
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 14px;
	line-height: 20px;
}

.textFooter2
{
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	line-height: 18px;
}

.textheadabout
{
	color : #808080;
	font-family: Tahoma,MS Sans Serif;
	font-size: 12px;
	line-height: 24px;
}

a.new_home {
	font-family: Tahoma;
	font-size: 11px;
	color : #808080;
	font-weight: none;
	text-decoration :none;
}
a.new_home:hover {
	color : #444444;
	font-weight: none;
	text-decoration :none;
}
a.about_more {
	text-align : right;
	padding-right : 10px;
	color : #993366;
	font-weight: bold;
	text-decoration :none;
}
a.about_more:hover {
	color : #993366;
	font-weight: bold;
	text-decoration :none;
}

a.view_map {
	color : #404040;
	font-weight: normal;
	text-decoration : underline;
}

table.content_box .bottom_middle2{
	background: url(../image/box/bg_body5.gif) repeat-x;
	width: 99%; 
	vertical-align: top; 
	height: 100%;
}

.textrecuit
{
	color : FFFFFF;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 14px;
}

.textsocial
{
	color : #f78002;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

/* Register */
/*.barRegis { 
	margin:0 auto; margin-left:2px;
	padding-top:3px; padding-bottom:3px;
	width:735px;
	background-color:#7fc2bb;
	text-align:center; 
	font-size:13px;
	font-weight:bold;
	color:#888;
 }
.barRegis span { padding-left:47px; padding-right:47px; border:1px #fff solid; background-color:#efefef; }
.barRegis span a { text-decoration:none; color:#888888; }
.barRegis span a:hover { color:black; }
.barRegis .current { background-color:#568681; color:white; }
.barRegis .current a, a.more { text-decoration:none; color:white; }
.barRegis .current a:hover, a:hover.more { color:#ffda67; }
.barRegis .past { background-color:#7fc2bb; color:white; }
*/

/*   ---------------------tab----------------------------*/
.tabs{
		height: 50px;
	}
	.tab-left-active{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_a1.gif) no-repeat; 
		height:50px; 
		width:4px;
	}
	.tab-center-active{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_a2.gif) repeat-x; 
		height:50px;
		width: 246px;
		text-align:center;
		padding-top: 8 px;
	}
	.tab-right-active{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_a3.gif) no-repeat; 
		height:50px; 
		width:4px;
	}
	.tab-left{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_b1.gif) no-repeat; 
		height:50px; 
		width:4px;
	}
	.tab-center{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_b2.gif) repeat-x; 
		height:50px;
		text-align:center;
		width: 246px;
		padding-top: 4px;
	}
	.tab-right-not-end{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_b3.gif) no-repeat; 
		height:50px; 
		width:4px;
	}
	.tab-left-end{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_b5.gif) no-repeat; 
		height:50px; 
		width:4px;
	}
	.tab-right-end{
		float:left; 
		background:url(../image/tab/u_about_profile_tab_b4.gif) no-repeat; 
		height:50px; 
		width:4px;
	}
	a.tab-menu{
		text-decoration:none;
		height: 50px;
		color: #939393;
		font-weight: bolder;
		font-size:12px;
	}
	a.tab-menu:hover{
		text-decoration: none;
		text-decoration:none;
		height: 50px;
		color: #4d4d4d;
		font-weight: bolder;
		font-size:12px;
	}
	.tab-pannel{
		border: 2px solid #FE8862;
		margin-top: -9px;
	}
	
	/* แสดงผลหน้า(ใหม่) */
.pagination{
	width: 100%; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	font:Tahoma;
	font-size:11px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width: 100%; /*IE5 width*/
	w\idth: 100%; /*IE6 width*/
}

.pagination span {
	margin:0 1px;
	padding: 2px 5px;
	text-decoration: none; 
	color: #FFFFFF;
	background-color: #3FB3B3;
}

.pagination a{
	margin:0 1px;
	padding: 2px 5px;
	text-decoration: none; 
	color: #3f3f3f;
	background-color: #e0e0e0;
}

.pagination a:hover, .pagination a.selected{
	color: #FFFFFF; /* font over color */
	text-decoration: none; 
	background-color: #3FB3B3;
}
/*.pagination a:visited {
	color: #3f3f3f;
	text-decoration: none;
}*/