@font-face {
	font-family: 'supermarket';
	src: url('../fonts/supermarket-webfont.eot?') format('eot'), url('../fonts/supermarket-webfont.woff') format('woff'), url('../fonts/supermarket-webfont.ttf')  format('truetype'), url('../fonts/supermarket-webfont.svg#supermarket') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 99%;
}
img{
	border: 0px;
}
body{
	font-family: tahoma;
	background: #e9e9e9 none;
	color: #555555;
	font-size: 12px;
	overflow-y: scroll;
}
body.medium{
	font-size: 14px;
}
body.large{
	font-size: 16px;
}
body select{
	font-size: 12px;
}
body.medium select{
	font-size: 14px;
}
body.large select{
	font-size: 16px;
}
body td{
	font-size: inherit;
}

body.nofix{
	background: #ffffff none;

}
a{
	color: #555555;
	text-decoration: none;
}
a:hover{
	color: #ae50b3;
	text-decoration: underline;
}
#wrapper{
	width: 960px;
	margin: 0px auto;
	-moz-box-shadow: 5px 0px 5px #ddd, -5px 0px 5px #ddd;
	-webkit-box-shadow: 5px 0px 5px #ddd, -5px 0px 5px #ddd;
	box-shadow: 5px 0px 5px #ddd, -5px 0px 5px #ddd;
}
.nofix #wrapper{
	min-width: 960px;
	width: 100%;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#header{
	width:100%;
	height: 120px;
	background: #ffffff none;
	position: relative;
	border-bottom: 3px solid #e5e5e5;
}
#nav{
	position: absolute;
	right: 5px;
	bottom: 0px;
	height: 40px;
	line-height: 40px;
}
#menu{
	margin: 0px;
	padding: 0px;
}
#menu a{
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	height: 39px;
	line-height: 39px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	border-style: solid;
	border-color: transparent;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	padding: 0px 15px;
	color: #555;
	font-weight: bold;
	font-size: 14px;
}
#menu a.selected{
	background-color: #f8f8f8;
	border-color: #e1e1e1;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
	-moz-box-shadow: inset 0px 1px 0px 0px #fff;
	box-shadow: inset 0px 1px 0px 0px #fff;
}
#menu li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: left;
}
#menu a.selected{
	cursor: default;
}
#article{
	width:100%;
	background: #ffffff none;
}
#footer{
/*	height: 40px;*/
	border-top: 1px solid #dadada;
	background: #f5f5f5 none;
	padding: 10px;
	position: relative;
}
#footer span{
	white-space: nowrap;
}
#footer .contactus{
	line-height:1.5em;
}
#footer .copyright{
	position: absolute;
	bottom:10px;
}
#runningZone{
	padding: 10px 5px;
}
#leftZone{
	float: left;
	width: 230px;
}
#rightZone{
	float: right;
	width: 220px;
}
#centerZone{
	float: left;
	width: 480px;
}
#lcZone{
	float: left;
	width: 720px;
}
.talk #lcZone{
	width: 700px;
	border-right: 1px solid #e1e1e1;
	padding-right: 19px;
	padding-bottom: 20px;
}
#crZone{
/*	float: right;*/
	width: 680px;
	margin-left: 230px;
	border-left: 1px solid #e1e1e1;
	padding-left: 19px;
	padding-bottom: 20px;
}
#leftcenterZone{
	float: left;
	width: 690px;
	margin-left: 20px;
}
#lastZone{
	padding-bottom: 10px;
}
.radius{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.shadow {
  -webkit-box-shadow: 5px 5px 5px #ddd;
  -moz-box-shadow: 5px 5px 5px #ddd;
  box-shadow: 5px 5px 5px #ddd;
}
.pas{padding:5px}
.pam{padding:10px; padding-bottom: 0;}
.pal{padding:20px}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
/*.pbl{padding-bottom:20px}*/
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.phs{padding-left:5px;padding-right:5px}
.phm{padding-left:10px;padding-right:10px}
.phl{padding-left:20px;padding-right:20px}
.pvs{padding-top:5px;padding-bottom:5px}
.pvm{padding-top:10px;padding-bottom:10px}
.pvl{padding-top:20px;padding-bottom:20px}
.mas{margin:5px}
.mam{margin:10px}
.mal{margin:20px}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}
.mhs{margin-left:5px;margin-right:5px}
.mhm{margin-left:10px;margin-right:10px}
.mhl{margin-left:20px;margin-right:20px}
.mvs{margin-top:5px;margin-bottom:5px}
.mvm{margin-top:10px;margin-bottom:10px}
.mvl{margin-top:20px;margin-bottom:20px}
.fss{font-size: 9px}
.fsm{font-size: 11px}
.fsl{font-size: 13px}
.fsxl{font-size: 16px}
.fsxxl{font-size: 18px}
.fwn{font-weight:normal}
.fwb{font-weight:bold}
.fcb{color:#333}
.fcg{color:#808080}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{zoom:1}
.lfloat{float:left}
.rfloat{float:right}
.uiButton{background-image:url(https://s-static.ak.facebook.com/rsrc.php/v1/y6/r/jOCwygg6yfM.png);background-repeat:no-repeat;background-position:0 -245px;background-color:#eee;border:1px solid #999;border-bottom-color:#888;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, .1);cursor:pointer;display:inline-block;font-size: 11px;font-weight:bold;line-height:13px;padding:2px 6px;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap}
.uiButton .uiButtonText,.uiButton input{background:none;border:0;color:#333;cursor:pointer;display:inline-block;font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;font-size: 11px;font-weight:bold;margin:0;padding:1px 0 2px;white-space:nowrap}
.uiButtonOverlay,.uiButtonOverlay:hover{-webkit-background-clip:padding-box;background-color:#fff;background-color:rgba(255, 255, 255, .8);background-image:none;border-color:#a5a5a5;border-color:rgba(0, 0, 0, .35);-webkit-border-radius:2px}

.borderBox{
	padding:0;
	background:#fff;
	border:none;
}
#calendarBox{
	width: 220px;
/*	height: 360px;*/
	margin: 0px auto 10px;
}
#activityBox{
	width: 300px;
/*	height: 225px;*/
	margin: 0px auto;
}
#announceBox{
	width: 380px;
/*	height: 280px;*/
	margin: 0px auto 10px;
}
#articleBox img{
	margin: 0px 12px 0px 12px;
}
#articleBox .borderBox a:hover{
	color: #009ad4;
}
#articleBox{
/*	width: 460px;*/
	width: 920px;
/*	height: 310px;*/
	margin: 0px auto;
}
#talkBox{
	width: 220px;
/*	height: 490px;*/
	margin: 0px auto;
}
#linkBox{
	width: 920px;
	height: 60px;
	margin: 30px auto 0;
	padding: 10px 0px;
	border-top: 1px solid #E7E7E7;
}

#articleBox .boxTitle{ border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; margin-top: 20px;}
#speciallistBox .boxTitle,
#knowledgeBox .boxTitle,
#collegeBox .boxTitle{
	border-bottom: #dadada 1px solid;
	margin-bottom: 20px;
}

#speciallistBox .contentText,
#knowledgeBox .contentText,
#collegeBox .contentText{
	line-height: 18px;
	color:#aaa;
	padding-top:12px;
}
#speciallistBox .contentText:hover,
#knowledgeBox .contentText:hover,
#collegeBox .contentText:hover{
	text-decoration:underline;
}
#speciallistBox img,
#knowledgeBox img,
#collegeBox img{
	margin-top:20px;
}
#contentBox{padding-bottom: 20px;}
#contentBox.college{padding-bottom: 0px;}
#contentBox.talk{padding-bottom: 0px;}
contentBox.activity #lcZone{
	float: none;
}
#contentBox .boxHeader{
	border-bottom: 1px solid #e5e5e5;
}
#announceBox .borderBox{
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px, rgba(0, 0, 0, 0.2) 0 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px, rgba(0, 0, 0, 0.2) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px, rgba(0, 0, 0, 0.2) 0 1px 3px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(200,200,200,0.1) 50%, rgba(200,200,200,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.04)), color-stop(50%,rgba(200,200,200,0.1)), color-stop(100%,rgba(200,200,200,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
	background: linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(200,200,200,0.1) 50%,rgba(200,200,200,0) 100%);
	padding: 10px;
	min-height: 170px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#articleBox .borderBox{
	padding: 10px;
	box-shadow: none;
}
#articleBox .borderBox .firstItem{
	width: 210px;
}
#articleBox .borderBox .firstItem .image{
	width: 210px;
	height: 155px;
/*	border: 1px solid #d5d5d5;*/
	box-shadow: 1px 1px 1px #d5d5d5,-1px -1px 1px #d5d5d5;
	overflow: hidden;
}
#articleBox .borderBox .firstItem .topic{
	font-weight: bold;
}
#articleBox .borderBox ul{
	margin: 0px;
	padding: 0px;
}
#articleBox .borderBox ul .articleItem{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 60px;
	width: 220px;
	overflow: hidden;
}
#articleBox .borderBox ul .articleItem .image{
	float: left;
}
#articleBox .borderBox ul .articleItem .topic{
	font-weight: bold;
	margin-left: 85px;
	word-wrap: break-word;
}

#announceBox .borderBox ul{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
#announceBox .borderBox ul li{
	list-style-type: none;
	padding: 2px 0px 7px 0px;
}
a.more{
	background-color: transparent;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	background-position: right -2px;
	padding: 0px 20px 0px 0px;
	color: #adadad;
	font-weight: bold;
	font-size: 1.1em;
}
a.more:hover{
	background-position: right -22px;
	color: #ae50b3;
}
#calendarBox .monthArea{
	height: 30px;
	width: 217px;
	background: #c7c7c7 none;
	border: 1px solid #a4a4a4;
}
#calendarBox .monthArea .prev{
	float: left;
	margin: 5px 10px;
}
#calendarBox .monthArea .prev input{
	width: 24px;
	height: 20px;
	background-color: transparent;
	background-image: url(../images/cal_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 0px none;
	cursor: pointer;
}
#calendarBox .monthArea .prev input:hover{
	background-position: 0px -20px;
}
#calendarBox .monthArea .next{
	float: right;
	margin: 5px 10px;
}
#calendarBox .monthArea .next input{
	width: 24px;
	height: 20px;
	background-color: transparent;
	background-image: url(../images/cal_arrow.png);
	background-repeat: no-repeat;
	background-position: -24px 0px;
	border: 0px none;
	cursor: pointer;
}
#calendarBox .monthArea .next input:hover{
	background-position: -24px -20px;
}
#calendarBox .monthArea .name{
	text-align: center;
	font-weight: bold;
	color: #333333;
	margin: 7px 0px 0px 0px;
}
#calendarBox .dayArea{
	height: 152px;
	width: 217px;
	background: #ffffff none;
	border: 1px solid #a4a4a4;
}
#calendarBox .dayArea thead td{
	width: 31px;
	height: 25px;
	background: #c7c7c7 none;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}
#calendarBox .dayArea tbody td{
	height: 20px;
	text-align: right;
	cursor: default;
}
#calendarBox .dayArea tbody td a,
#calendarBox .dayArea tbody td span{
	padding-right: 7px;
	margin: 1px;
}
#calendarBox .dayArea tbody td.event{
	color: #ffffff;
	font-weight: bold;
	background-color: #57d6ea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.radius10{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#otherBox .boxTitle{
	margin: 5px;
	border-bottom: 1px solid #cccccc;
}
#otherBox .ul_dot li{
	padding: 5px 0px 5px 15px;
}
#searchBox{
	width: 720px;
/*	margin: 0px auto;*/
	height: 44px;
}
#searchBox .searchBar{
	color: #5a5a5a;
	height: 24px;
	line-height: 24px;
	margin: 10px;
}
#searchBox .inputsubmit{
	background: #d16dc7 url(../images/search.png) no-repeat 0px 0px;
	width: 39px;
	height: 24px;
	border: 0px none;
	float: right;
}
#searchBox .inputsubmit:hover{
	background-position: 0px -24px;
}
#searchBox .inputtext{
	border: 1px solid #0da4dd;
	font-size: 1em;
	width: 135px;
	margin: 0px;
	height: 20px;
	float: right;
}
#socialBox{
	width: 720px;
	height: 44px;
}
#socialBox .socialButton{
	text-align: center;
	margin: 10px;
}
#socialBox .socialButton .facebook{
	background: transparent url(../images/social.png) no-repeat 0px 0px;
	border: 0px none;
	width: 30px;
	height: 28px;
	cursor: pointer;
}
#socialBox .socialButton .twitter{
	background: transparent url(../images/social.png) no-repeat -30px 0px;
	border: 0px none;
	width: 30px;
	height: 28px;
	cursor: pointer;
}
#socialBox .socialButton .rss{
	background: transparent url(../images/social.png) no-repeat -60px 0px;
	border: 0px none;
	width: 30px;
	height: 28px;
	cursor: pointer;
}
#socialBox .shareButton{
	margin-top: 10px;
	padding: 0px 20px;
	height: 24px;
}
#activityBox .activityItem{
	margin-bottom: 10px;
}
#activityBox .activityItem .title{
	font-weight: bold;
	color: #555555;
}
#activityBox .activityItem .date{
	color: #a5a5a5;
	font-size: 0.9em;
}
#activityBox .activityItem.rank-1 a{
	color: #ae50b3;
}
#memberBar{
	position: absolute;
	top: 0px;
	right: 120px;
	padding: 6px 0px 3px 0px;
}
#textsize{
	position: absolute;
	top:0px;
	right:0px;
	font-size: 11px;
	padding: 3px;
}
#textsize input{
	border: 1px solid #a5a5a5;
	background: #e5e5e5 none;
	color: #a5a5a5;
	padding: 0px;
	margin: 0px;
	text-align: center;
	cursor: pointer;
}
#textsize input.selected{
	color: #000000;
	border-color: #000000;
	cursor: default;
}
#textsize .small{
	width: 14px;
	height: 14px;
	font-size: 10px;
}
#textsize .medium{
	width: 17px;
	height: 17px;
	font-size: 12px;
}
#textsize .large{
	width: 20px;
	height: 20px;
	font-size: 14px;
}
#linkBox .linksContainer{
	height: 60px;
	width: 920px;
	overflow: hidden;
}
#linkBox .links{
	height: 60px;
	line-height: 100px;
	white-space: nowrap;
}
#linkBox .links a{
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 0px 20px;
}
#linkBox .links img{
	max-width: 60px;
	max-height: 60px;
}
#linkBox .linksPage .point{
	background: transparent url(../images/page_point.png) no-repeat 0px 0px;
	width: 12px;
	height: 12px;
	border: 0px none;
	cursor: pointer;
}
#linkBox .linksPage .point.selected{
	background-position: 0px -12px;
}
.slideShow{
	overflow: hidden;
	position: relative;
}
.slideShow .images{
	overflow: hidden;
}
.slideShow .images .image{
	display:none;
	position: relative;
	text-align: center;
}
.slideShow .images .image img{
	vertical-align: middle;
}
.slideShow .images .image .caption{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.75);
	color: #ffffff;
	padding: 10px 20px;
	font-size: 1.1em;
	line-height: 20px;
	text-align: left;
}
#promoteZone{
	width: 720px;
}
#promoteZone2{
/*	width: 920px;
	height: 575px;*/
	margin: 0px auto 15px;
}
#promoteZone .images{
	height: 350px;
	background: #111111;
}
#promoteZone .images .image{
	height: 350px;
	line-height: 350px;
}
#promoteZone .images .image img{
	width: 720px;
}
#promoteZone2 .images{
	height: 440px;
	background: #111111;
}
#promoteZone2 .images .image{
	height: 440px;
	line-height: 440px;
}
#promoteZone2 .images .image img{
	max-width: 960px;
	height: 440px;
}
.slideShow .imageMenus{
	height: 20px;
	position: relative;
	text-align: center;
	padding-top: 10px;
}
.slideShow .imageMenus .menu{
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}
.slideShow .imageMenus .menu a{
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	outline: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.slideShow .imageMenus .menu:hover a{
	background: #000;
}
.slideShow .imageMenus .showed a{
	background: #000;
	cursor: default;
}
#contentBox .boxHeader .headlink{
	display: block;
	width:280px;
	height: 100%;
	text-decoration: none;
}
#contentBox .boxHeader .headlink:hover{
	text-decoration: none;
}
#articleBox .boxTitle .headlink,
#activityBox .boxTitle .headlink,
#announceBox .boxTitle .headlink{
	display: block;
	width:200px;
	height: 100%;
}
#contentBox.dentist .boxBody td{
	font-size: 1.2em;
	padding: 10px 0px;
	vertical-align: top;
}
#specialistHeader{
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0px 10px 10px;
}
#specialistHeader h1{
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
	color: #00b1f5;
}
.contentHeader{
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0px 10px 10px;
}
.contentHeader h1{
	margin: 0px;
	padding: 0px;
	font-size: 1.5em;
	color: #00b1f5;
}
#breadcrumb{
	padding: 5px 10px;
/*	border-bottom: 1px solid #e5e5e5;*/
	margin: 10px 17px;
	font-weight: bold;
}
.specialistMap{
	position: relative;
	width: 400px;
	text-align: center;
	margin-left: 50px;
}
.specialistMap div a{
	color: #333;
	font-size: 1em;
	padding: 5px;
}
.specialistMap div a:hover{
	color: #ae50b3;
	background-color: rgba(255, 255, 255, 0.7);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.specialistMap img{
	max-width: 390px;
}
.specialistMap div{
	position: absolute;
	display: none;
	font-size: 0.9em;
	font-weight: normal;
}
#thailandMap div{
	font-weight: bold;
}
#bangkokMap{
	margin-left: 0px;
	width: 520px;
}
#bangkokMap img{
	max-width: 500px;
}
#thailandMap img{width:336px;}
#thailandMap .northern{top: 60px;left: 80px; display: block;}
#thailandMap .north-eastern{top: 160px;left: 220px; display: block;}
#thailandMap .central{top: 180px;left: 100px; display: block;}
#thailandMap .central-western{top: 200px;left: 40px; display: block;}
#thailandMap .western{top: 240px;left: 20px; display: block;}
#thailandMap .eastern{top: 290px;left: 190px; display: block;}
#thailandMap .southern{top: 470px;left: 80px; display: block;}
#thailandMap .bangkok{top: 260px;left: 130px; display: block;}

#northernMap img{width:324px;}
#northernMap .chiangmai{top: 120px;left: 115px; display: block;}
#northernMap .chiangrai{top: 40px;left: 215px; display: block;}
#northernMap .lampang{top: 155px;left: 195px; display: block;}
#northernMap .lamphun{top: 180px;left: 145px; display: block;}
#northernMap .maehongson{top: 90px;left: 50px; display: block;}
#northernMap .nan{top: 125px;left: 295px; display: block;}
#northernMap .phayao{top: 90px;left: 235px; display: block;}
#northernMap .phrae{top: 180px;left: 235px; display: block;}
#northernMap .uttaradit{top: 215px;left: 265px; display: block;}

#easternMap .sakaeo{top: 40px;left: 215px; display: block;}
#easternMap .prachinburi{top: 20px;left: 155px; display: block;}
#easternMap .chachoengsao{top: 60px;left: 125px; display: block;}
#easternMap .chonburi{top: 95px;left: 115px; display: block;}
#easternMap .chanthaburi{top: 120px;left: 200px; display: block;}
#easternMap .trat{top: 160px;left: 240px; display: block;}
#easternMap .rayong{top: 120px;left: 140px; display: block;}

#southernMap .chumphon{top: 40px;left: 110px; display: block;}
#southernMap .ranong{top: 70px;left: 40px; display: block;}
#southernMap .suratthani{top: 150px;left: 80px; display: block;}
#southernMap .phangnga{top: 190px;left: 25px; display: block;}
#southernMap .phuket{top: 230px;left: 30px; display: block;}
#southernMap .nakhonsithammarat{top: 200px;left: 150px; display: block;}
#southernMap .krabi{top: 220px;left: 80px; display: block;}
#southernMap .trang{top: 280px;left: 130px; display: block;}
#southernMap .phatthalung{top: 270px;left: 190px; display: block;}
#southernMap .satun{top: 330px;left: 150px; display: block;}
#southernMap .songkhla{top: 330px;left: 210px; display: block;}
#southernMap .pattani{top: 330px;left: 280px; display: block;}
#southernMap .yala{top: 380px;left: 250px; display: block;}
#southernMap .narathiwat{top: 380px;left: 310px; display: block;}

#north-easternMap .loei{top: 75px;left: 40px; display: block;}
#north-easternMap .nongkhai{top: 30px;left: 130px; display: block;}
#north-easternMap .udonthani{top: 70px;left: 140px; display: block;}
#north-easternMap .nongbualamphu{top: 90px;left: 90px; display: block;}
#north-easternMap .sakonnakhon{top: 80px;left: 210px; display: block;}
#north-easternMap .nakhonphanom{top: 60px;left: 270px; display: block;}
#north-easternMap .khonkaen{top: 140px;left: 110px; display: block;}
#north-easternMap .kalasin{top: 140px;left: 205px; display: block;}
#north-easternMap .mukdahan{top: 140px;left: 290px; display: block;}
#north-easternMap .chaiyaphum{top: 185px;left: 60px; display: block;}
#north-easternMap .mahasarakham{top: 185px;left: 160px; display: block;}
#north-easternMap .yasothon{top: 185px;left: 260px; display: block;}
#north-easternMap .roiet{top: 210px;left: 210px; display: block;}
#north-easternMap .amnatcharoen{top: 200px;left: 290px; display: block;}
#north-easternMap .nakhonratchasima{top: 260px;left: 60px; display: block;}
#north-easternMap .buriram{top: 290px;left: 150px; display: block;}
#north-easternMap .surin{top: 270px;left: 210px; display: block;}
#north-easternMap .sisaket{top: 290px;left: 270px; display: block;}
#north-easternMap .ubonratchathani{top: 260px;left: 310px; display: block;}
#north-easternMap .buengkan{top: 15px;left: 210px; display: block;}

#central-westernMap .tak{top: 60px;left: 110px; display: block;}
#central-westernMap .kanchanaburi{top: 255px;left: 100px; display: block;}
#central-westernMap .ratchaburi{top: 340px;left: 160px; display: block;}
#central-westernMap .phetchaburi{top: 390px;left: 160px; display: block;}
#central-westernMap .prachuapkhirikhan{top: 470px;left: 160px; display: block;}
#central-westernMap .sukhothai{top: 40px;left: 165px; display: block;}
#central-westernMap .phitsanulok{top: 60px;left: 220px; display: block;}
#central-westernMap .kamphaengphet{top: 110px;left: 140px; display: block;}
#central-westernMap .phichit{top: 120px;left: 230px; display: block;}
#central-westernMap .phetchabun{top: 110px;left: 290px; display: block;}
#central-westernMap .nakhonsawan{top: 160px;left: 190px; display: block;}
#central-westernMap .uthaithani{top: 190px;left: 150px; display: block;}
#central-westernMap .chainat{top: 210px;left: 195px; display: block;}
#central-westernMap .lopburi{top: 210px;left: 270px; display: block;}
#central-westernMap .suphanburi{top: 270px;left: 170px; display: block;}
#central-westernMap .singburi{top: 230px;left: 220px; display: block;}
#central-westernMap .angthong{top: 250px;left: 220px; display: block;}
#central-westernMap .saraburi{top: 260px;left: 290px; display: block;}
#central-westernMap .phranakhonsiayutthaya{top: 280px;left: 240px; display: block;}
#central-westernMap .nakhonnayok{top: 290px;left: 300px; display: block;}
#central-westernMap .nakhonpathom{top: 310px;left: 180px; display: block;}
#central-westernMap .samutsongkhram{top: 355px;left: 180px; display: block;}
#central-westernMap .pathumthani{top: 300px;left: 265px; display: block;}
#central-westernMap .nonthaburi{top: 310px;left: 245px; display: block;}
#central-westernMap .samutsakhon{top: 343px;left: 210px; display: block;}
#central-westernMap .samutprakan{top: 333px;left: 270px; display: block;}

#bangkokMap .khlongtoei{top: 190px;left: 205px; display: block;}
#bangkokMap .khlongsan{top: 185px;left: 145px; display: block;}
#bangkokMap .khlongsamwa{top: 60px;left: 340px; display: block;}
#bangkokMap .khannayao{top: 105px;left: 290px; display: block;}
#bangkokMap .chatuchak{top: 105px;left: 195px; display: block;}
#bangkokMap .chomthong{top: 215px;left: 120px; display: block;}
#bangkokMap .donmueang{top: 20px;left: 220px; display: block;}
#bangkokMap .dindaeng{top: 140px;left: 195px; display: block;}
#bangkokMap .dusit{top: 140px;left: 155px; display: block;}
#bangkokMap .talingchan{top: 145px;left: 85px; display: block;}
#bangkokMap .thawiwatthana{top: 145px;left: 35px; display: block;}
#bangkokMap .thungkhru{top: 265px;left: 135px; display: block;}
#bangkokMap .thonburi{top: 195px;left: 125px; display: block;}
#bangkokMap .bangkoknoi{top: 150px;left: 115px; display: block;}
#bangkokMap .bangkokyai{top: 175px;left: 120px; display: block;}
#bangkokMap .bangkapi{top: 155px;left: 260px; display: block;}
#bangkokMap .bangkhunthian{top: 305px;left: 80px; display: block;}
#bangkokMap .bangkhen{top: 70px;left: 245px; display: block;}
#bangkokMap .bangkholaem{top: 210px;left: 150px; display: block;}
#bangkokMap .bangkhae{top: 190px;left: 55px; display: block;}
#bangkokMap .bangsue{top: 110px;left: 165px; display: block;}
#bangkokMap .bangna{top: 230px;left: 235px; display: block;}
#bangkokMap .bangbon{top: 240px;left: 55px; display: block;}
#bangkokMap .bangphlat{top: 135px;left: 130px; display: block;}
#bangkokMap .bangrak{top: 183px;left: 160px; display: block;}
#bangkokMap .buengkum{top: 120px;left: 265px; display: block;}
#bangkokMap .pathumwan{top: 170px;left: 170px; display: block;}
#bangkokMap .prawet{top: 205px;left: 285px; display: block;}
#bangkokMap .pomprapsattruphai{top: 165px;left: 150px; display: block;}
#bangkokMap .phayathai{top: 138px;left: 175px; display: block;}
#bangkokMap .phrakhanong{top: 210px;left: 230px; display: block;}
#bangkokMap .phranakhon{top: 160px;left: 140px; display: block;}
#bangkokMap .phasicharoen{top: 185px;left: 95px; display: block;}
#bangkokMap .minburi{top: 120px;left: 340px; display: block;}
#bangkokMap .yannawa{top: 220px;left: 170px; display: block;}
#bangkokMap .ratchathewi{top: 157px;left: 170px; display: block;}
#bangkokMap .ratburana{top: 230px;left: 140px; display: block;}
#bangkokMap .latkrabang{top: 165px;left: 370px; display: block;}
#bangkokMap .latphrao{top: 105px;left: 228px; display: block;}
#bangkokMap .wangthonglang{top: 140px;left: 228px; display: block;}
#bangkokMap .watthana{top: 180px;left: 215px; display: block;}
#bangkokMap .suanluang{top: 185px;left: 240px; display: block;}
#bangkokMap .saphansung{top: 155px;left: 295px; display: block;}
#bangkokMap .samphanthawong{top: 172px;left: 145px; display: block;}
#bangkokMap .sathon{top: 195px;left: 165px; display: block;}
#bangkokMap .saimai{top: 35px;left: 260px; display: block;}
#bangkokMap .nongkhaem{top: 210px;left: 25px; display: block;}
#bangkokMap .nongchok{top: 80px;left: 430px; display: block;}
#bangkokMap .laksi{top: 60px;left: 195px; display: block;}
#bangkokMap .huaikhwang{top: 145px;left: 210px; display: block;}


#contentBox .boxTopic{
	padding: 20px 0px 0px 0px;
/*	font-size: 1.2em;*/
	font-weight: bold;
	text-align: center;
/*	height: 30px;*/
	line-height: 30px;
}
#contentBox .boxTopic h1{
	margin: 0px;
	padding: 0px;
	font-size:1.2em;
}
#contentBox .boxDetail{
/*	border-top: 1px solid #e2e2e2;*/
/*	font-size: 0.9em;*/
	color: #777777;
	padding: 3px 6px;
}
#contentBox .boxContent{
	padding: 5px 15px;
}
#contentBox.talk .boxContent{
	width: 680px;
	margin: 0 auto;
/*	padding: 5px 15px;*/
}
.inputdate{
	z-index: 1;
}
#courseSearch .inputtext{
	width: 300px;
	border: 1px solid #d5d5d5;
}
.inputsubmit{
	background: #d16dc7 url(../images/button.png) repeat-x 0px 0px;
	height: 24px;
	color: #ffffff;
	padding: 0px 20px;
	border: 1px solid #c364ba;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;
	cursor: pointer;
	font-size: 1em;
}
.inputcancel{
	background: #bbbbbb none;
	height: 24px;
	color: #ffffff;
	padding: 0px 20px;
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;
	cursor: pointer;
	font-size: 1em;
}
.inputcancel:hover{
	background-color: #cccccc;
}
#courseSearch{
	width: 700px;
	margin: 0px auto;
	padding: 10px 0px 10px;
	line-height: 30px;
}
#courseCompare{
	text-align: center;
}
#courseCompare table{
	margin: auto;
	border-top: 1px solid #d5d5d5;
}
#courseCompare .odd{
	background-color: #f0f0f5;
}
#courseCompare .head{
	width: 150px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	font-weight: bold;
	text-align: left;
	background-color: #d16dc7;
	color:#fafafa;
}
#courseCompare .info{
	border-right: 1px solid #d5d5d5;
	width: 300px;
	word-warp: break-word;
	text-align: left;
	vertical-align: top;
}
#courseCompare td{
	border-bottom: 1px solid #d5d5d5;
	padding: 2px 5px;
}
#courseCompare .showtext,
#courseCompare .hidecontrol,
#courseCompare .file{
	color: #898989;
	cursor: pointer;
}
#courseCompare .showtext:hover,
#courseCompare .hidecontrol:hover,
#courseCompare .file:hover{
	color: #ae50b3;
	cursor: pointer;
}
#courseCompare .cancel{
	color: #996699;
	cursor: pointer;
}
#courseCompare .hidezone .hidetext{
	display: none;
}
#courseCompare .showzone .showtext{
	display: none;
}
.courseItem{
	width: 600px;
	margin: 0 auto;
	padding: 10px 20px;
	border-bottom : 1px solid #d5d5d5;
}
.courseItem .name{
	font-weight: bold;
	color: #333333;
}
.courseItem .fullname{
	color: #333333;
}
.courseItem .specialty,
.courseItem .institute{
	color: #999999;
}
#searchSpecialistPanel{
	padding: 20px 0px;
	margin: 0px auto;
	width: 700px;
}
#searchSpecialistPanel .inputtext{
	border: 1px solid #d5d5d5;
}
#searchSpecialistPanel #nameText{
	width: 300px;
}
#searchSpecialistPanel #specialtyText{
	width: 250px;
}
.specialistTable td span,
.specialistTable td a{
	display: block;
	outline: 0px none;
	font-weight: normal;
	padding: 0px 5px;
	font-size: 1.1em;
}
.specialistTable .total td span{
	font-weight: bold;
}
.specialistTable .total td{
	background-color: #bcbcbc;
	color: #000;
	font-size: 1.16em;
}
.specialistTable .division{
	text-align: left;
}
.specialistTable .num{
	width: 100px;
	text-align: right;
}
.specialistTable .detail{
	width: 100px;
	text-align: left;
}
.specialistTable tr:hover td a{
	text-decoration: underline;
}
.regionTable{
	width:500px;
	margin: 20px auto 0px;
}
.regionTable td{
	height: 2em;
}
.specialtyTable{
	margin-right: 50px;
}
.specialtyTable td{
	height: 2em;
}
.dentistTable td{
	height: 3.4em;
}
#resultSpecialist{
	padding: 20px 0px;
	margin: 0px auto;
	width: auto;
}
#resultSpecialist table{
	width: 920px;
	border: 1px solid #D8D9DC;
}
#resultSpecialist thead th{
/*	height: 30px;*/
	white-space: nowrap;
	border-bottom: 1px solid #D8D9DC;
	font-size: 1.16em;
}
#resultSpecialist tbody tr.sex_M td{
	background-color: #d1fbff;
}
#resultSpecialist tbody tr.sex_F td{
	background-color: #ffe8e7;
}
#resultSpecialist li{
	padding: 5px 0px 5px 15px;
}
.blueTable tbody tr.oddTR td{
	background-color: #f1f1f1;
}
.blueTable tbody tr td{
	border-bottom: 1px #e7e7e7 solid;
	height: 40px;
}
.blueTable .ul_dot{
	margin:0;
	padding: 0;
/*	padding:0 0 0 25px;*/
}
.blueTable .ul_dot li{
	line-height:1em;
}
#resultSpecialist tbody .nameTD{
	width: 230px;
}
#resultSpecialist tbody .specialtyTD{
	width: 230px;
}
#resultSpecialist tbody .specialtyTD a{
	padding: 0px;
}
#resultSpecialist tbody .sectionTD{
	width: 110px;
}
#resultSpecialist tbody .sectionTD a{
	padding: 0px;
}
#bangkokTable{
	margin-right: 20px;
}
#speciallistBox,
#knowledgeBox,
#collegeBox{
	width: 290px;
	float: left;
}
#knowledgeBox,
#collegeBox{
	margin-left:25px;
}
#speciallistBox a,
#knowledgeBox a,
#collegeBox a{
	text-decoration: none;
}
#linkBox.borderBox{
	box-shadow: none;
	text-align: center;
}
#speciallistBox .borderBox,
#knowledgeBox .borderBox,
#collegeBox .borderBox{
	border: none;
	box-shadow: none;
	padding:10px 5px;
	text-align: center;
}
#courseResult .courseItem .checkarea{
	float:right;
	padding-left: 30px;
}
#courseResult .oddDIV{
	background-color: #f1f1f1;
}
.course .borderBox{
	background-color: #f1f1f1;
	box-shadow: none;
	margin: 0 17px 20px;
}
.borderBox.radius10{
	background-color: #F8EFF7;
	border: double #c0badd 3px;
}
#courseCompareBox{
	float: right;
	width: 180px;
/*	height: 100px;*/
	padding: 30px 10px;
	text-align: center;
}
#courseCompareBox .cancel{
	color: #996699;
    cursor: pointer;
}
#courseCompareBox .selected{
	text-align: left;
	padding: 5px 0px 0px 5px;
}
#courseResult{
	margin-right: 200px;
	border-right: 1px solid #d5d5d5;
	min-height: 300px;
}
.blueTable{
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow: 1px 1px 5px #aaa;
	-moz-box-shadow: 1px 1px 5px #aaa;
	box-shadow: 1px 1px 5px #aaa;
	/*border-right: 1px solid #D8D9DC;
	border-left: 1px solid #D8D9DC;
	border-bottom: 1px solid #D8D9DC;*/
}
.blueTable th{
	background: #f7f7f7 url(../images/menu_bar.gif) repeat-x bottom left;
	height: 40px;
	color: #555;
	font-size: 1.08em;
	line-height: 16px;
	text-shadow: #fff 0px 1px 0px;
	padding: 5px 10px 5px 0;
}
.blueTable th:first-child{
	padding: 5px 0 5px 10px ;
}
.blueTable td{
	padding: 5px;
/*	border-left: 1px solid #898989;
	border-bottom: 1px solid #898989;
*/}
.blueTable tr:hover td,
.blueTable tbody tr.oddTR:hover td{
	background: #f9edf8 none;
}
.blueTable tr:hover td a{
	color: #ae50b3;
}
.blueTable tr.total:hover td{
	background: #e79ce1 none;
}

.ul_arrow{
	line-height: 2em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}
.ul_arrow li{
	list-style: none;
	padding: 0px 0px 0px 15px;
/*	list-style-image: url(../images/li_arrow.png);*/
	background: transparent url(../images/li_arrow.png) no-repeat 0px 6px;
}
.ul_circle{
	list-style: none;
	line-height: 2em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
.ul_circle li{
	list-style: none;
	padding: 0px 0px 0px 15px;
	background: transparent url(../images/li_circle.png) no-repeat 0px 6px;
}
.ul_dot{
	list-style: none;
	line-height: 2em;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
.ul_dot li{
	list-style: none;
	padding: 0px 0px 0px 15px;
	background: transparent url(../images/li_dot.png) no-repeat 0px 6px;
}
li.li_circle{
	list-style: none;
	padding: 0px 0px 0px 15px;
	background: transparent url(../images/li_circle.png) no-repeat 0px 6px;
}
li.li_dot{
	list-style: none;
	padding: 0px 0px 0px 15px;
	background: transparent url(../images/li_dot.png) no-repeat 0px 6px;
}
.boxChoice{
}
.boxChoice .choiceHeader{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:0px 30px;
	height: 30px;
	border-bottom: 1px solid #ccc;
}
.boxChoice .choiceHeader a{
	display: block;
	height: 30px;
	text-decoration: none;
}
#sitemapContent{
	padding: 5px 15px 5px 20px;
	margin: 0px 0px 20px 0px;
}
#sitemapContent h3{
	margin: 15px 0 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #ff6600;
}
#sitemapContent .ul_arrow{
	padding-left: 20px;
}
.htmlClass{
	font-size: 1.8em;
	font-family: 'Cordia New','sans-serif';
	position: relative;
}
.htmlClass p{
	margin: 5px 0px;
	text-align: justify;
}
.htmlClass a{
	color: #333333;
	text-decoration: underline;
}
.htmlClass a:hover{
	color: #ae50b3;
	text-decoration: underline;
}
.htmlClass .indent{
	text-indent: 40px;
}
.boxboxbox{
	width:230px;
	height:294px;
	position: relative;
	text-align: center;
	line-height: 294px;
}
.boxboxbox img{
	vertical-align: middle;
}
.boxSignature{
	margin: 50px 0px 0px 300px;
}
.boxframe{
	width:230px;
	height:294px;
	background: transparent url(../images/talk/boxframe.png) no-repeat 0px 0px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:2;
}
.updateddata{
	color:#999999;
}
.updatedata{
	clear:right;
	color:#999999;
}

.announceHeader{
	font-size: 3em;
	font-family: 'Cordia New','sans-serif';
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
.activityHeader{
	font-size: 3em;
	font-family: 'Cordia New','sans-serif';
	color: #D16DC7;
	font-weight: bold;
	padding-bottom: 0px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}

.contentContainer{
	width:920px;
	margin:0 auto;
}
#linklist{
	margin-top: 30px;
}
#linklist a{
	display: block;
	width: 130px;
	height: 170px;
	float: left;
	margin: 0px 0px 20px 20px;
}
#linklist a .img{
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	position: relative;
}
#linklist a .name{
	margin: 5px 0px 0px 0px;
}
#linklist a img{
	vertical-align: middle;
	max-width: 120px;
	max-height: 120px;
}
#articlelist{
	margin-top: 30px;
}
#articlelist a{
	display: block;
	width: 160px;
	height: 270px;
	float: left;
	margin: 0px 0px 20px 20px;
}
#articlelist a .img{
	width: 150px;
	margin: 0px auto;
}
#articlelist a .name{
	margin: 5px 0px 0px 0px;
}
#articlelist a img{
	vertical-align: middle;
}
.choiceList .kind{
/*	color: #FF6633;*/
    font-size: 1.3em;
    font-weight: normal;
}
#map_canvas{
	margin: 0px auto;
	width: 550px;
	height: 350px;
}
#calendarBox tbody td a{
/*	width: 14px;*/
	line-height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
}
#calendarBox .today{ font-weight: bold;background-color: #dddddd}
#calendarBox .kind-training{ background-color: #fa9d39; color: #ffffff;}
#calendarBox .kind-examination{ background-color: #62f670; color: #000000;}
#calendarBox .kind-other{ background-color: #72b2fa; color: #000000;}
#calendarBox .kind-meeting{ background-color: #c64af9; color: #ffffff;}
#calendarBox .kind-activity{ background-color: #c64af9; color: #ffffff;}
#calendarBox .kind-noexam{ background-color: #008000; color: #ffffff;}
#calendarBox .kind-election{ background-color: #0000ff; color: #ffffff;}
#popupbox{
	position: absolute;
	display: none;
}
#popupbox .arrow{
	position: absolute;
	top: 5px;
	left:0px;
	background: transparent url(../images/popupbox.png);
	width: 13px;
	height: 30px;
}
#popupbox .body{
	margin: 0px 12px;
	border: 1px solid #b8b8b8;
	background: #ffffff none;
/*	width: 100px;*/
	padding: 10px;
	white-space: nowrap;
}
.announceHeader.training{ color: #fa9d39;}
.announceHeader.examination{ color: #62f670;}
.announceHeader.noexam{ color: #008000;}
.announceHeader.other{ color: #72b2fa;}
.announceHeader.meeting{ color: #c64af9;}
#announceBox .kind-training{ color: #fa9d39;}
#announceBox .kind-examination{ color: #62f670;}
#announceBox .kind-noexam{ color: #008000;}
#announceBox .kind-other{ color: #72b2fa;}
#announceBox .kind-meeting{ color: #c64af9;}
#announceBox .kind-election{ color: #0000ff;}
.boxBody2{
	padding-left: 50px;
}
.editTable{
	margin: auto;
}
.editTable td{
	padding: 5px 0px;
}
.editTable .inputtext{
	width: 100%;
}
.editTable textarea{
	height: 200px;
}
.userInfoTable{
	margin: auto;
	margin-bottom: 10px;
}
.userInfoTable td{
	padding: 5px 0px 5px 0px;
}
.miniHeader{
	border-bottom: 1px solid #E5E5E5;
	height: 30px;
	line-height: 30px;
	padding-top: 10px;
	border-top: 2px solid #885599;
}
.miniHeader h3{
	margin: 0px;
}

#ui-datepicker-div{
	display:none;
}
.ui-datepicker{
	background: #ffffff none;
	border: 1px solid #d5d5d5;
}
.ui-datepicker-calendar{
	width: 175px;
	padding: 0px;
	border-collapse: collapse;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td{
	text-align: right;
	width: 25px;
}
.ui-datepicker-calendar thead{
	background-color: #e2e2e2;
}
.ui-datepicker-week-end{
	padding-right: 4px;
}
.ui-datepicker-prev{
	float: left;
	cursor: pointer;
}
.ui-datepicker-next{
	float: right;
	cursor: pointer;
}
.ui-datepicker-title{
	clear: both;
	text-align: center;
}
#userManagerBox .boxHeader{
	margin-top: 10px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 10px;
}
#userManagerBox .boxHeader h3{
	margin: 0px;
	padding: 0px;
}
#userManagerBox .private{
	font-weight: normal;
	font-style: italic;
	color: #e66;
}
#userManagerBox .editable{
	font-weight: bold;
	color: #336;
}
#userManagerBox .welcome{
	padding: 20px 10px;
	background: #E7C8FB;
	text-align: center;
	font-size: 1.5em;
	color: #666666;
}
#userManagerBox .last_updated{
	padding: 0px 20px 20px 0px;
	text-align: right;
}
.hint{
	font-weight:normal;
	font-style: italic;
	color: #aaa;
}

#popup{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	overflow: hidden;
	z-index: 2147483646;
}
#popup .container{
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}
#popup .container .cover{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
#popup .box{
	width: 350px;
	border: 7px solid rgba(0, 0, 0, 0.3);
	background: #fefefe;
	margin: 0px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 5px;
}
.update_date{
	font-size: 0.9em;
	padding-left:10px;
	color: #FF8040;
}
.boxTitle{
	height: 36px;
}
.boxTitle h4{
	margin: 0px;
	padding: 0px;
	font-family: 'supermarket';
	color: #843289;
	line-height: 36px;
	font-size: 1.8em;
}
.boxTitle i{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#contentBox .boxHeader{
	height: 40px;
}
#contentBox .boxHeader h1,
#contentBox .boxHeader h2,
#contentBox .boxHeader h3{
	margin: 0px;
	padding: 0px;
	font-family: 'supermarket';
	color: #843289;
	line-height: 40px;
}
#contentBox .boxHeader h1{
	font-size: 2em;
}
#contentBox .boxHeader h2{
	font-size: 1.5em;
}
#contentBox .boxHeader h3{
	font-size: 1.5em;
}

#contentBox .boxHeader i{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#calendarBox .boxTitle i:before	{	content: "\f073"; }
#announceBox .boxTitle i:before	{	content: "\f0a1"; }
#talkBox .boxTitle i:before	{	content: "\f075"; }
#activityBox .boxTitle i:before	{	content: "\f083"; }
#articleBox .boxTitle i:before	{	content: "\f0f6"; }
#linkBox .boxTitle i:before	{	content: "\f08e"; }
#speciallistBox .boxTitle i:before	{	content: "\f002"; }
#knowledgeBox .boxTitle i:before	{	content: "\f02d"; }
#collegeBox .boxTitle i:before	{	content: "\f0f7"; }

#contentBox.specialist .boxHeader i:before	{	content: "\f002"; }
#contentBox.examination .boxHeader i:before	{	content: "\f0f2"; }
#contentBox.course .boxHeader i:before	{	content: "\f02d"; }
#contentBox.regulation .boxHeader i:before	{	content: "\f05a"; }
#contentBox.college .boxHeader i:before	{	content: "\f0f7"; }
#contentBox.dentist .boxHeader i:before	{	content: "\f007"; }
#contentBox.announce .boxHeader i:before	{	content: "\f0a1"; }
#contentBox.article .boxHeader i:before	{	content: "\f0f6"; }
#contentBox.activity .boxHeader i:before	{	content: "\f083"; }
#contentBox.link .boxHeader i:before	{	content: "\f08e"; }
#contentBox.talk .boxHeader i:before	{	content: "\f075"; }
#contentBox.sitemap .boxHeader i:before	{	content: "\f0e8"; }
#contentBox.login .boxHeader i:before	{	content: "\f090"; }