@charset "big5";

/*---------------------------------------------------------------
!!! 僅適用於 !!!
visual & css design by 
2010 / 8
----------------------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	color: #4c4c4c;
}

a:link         {color: #535353; text-decoration: none;}
a:visited      {color: #535353; text-decoration: none;}
a:active       {color: #535353; text-decoration: none;}
a:hover        {color: #ff33CC; text-decoration: underline;}

#wrapper {
	position:relative;
	margin:0 auto;
}
#header {
	position:relative;
	width:988px;
	margin:0 auto;
	text-align: center;
	background: url(../images/leftMenu/leftMenuBg.gif) left repeat-y;
	background-position: 4px;
}
#content {
	width: 980px;
	text-align: left;
	background: url(../images/leftMenu/leftMenuDown.gif) left bottom no-repeat;
}
#contentMain{
	background: url(../images/sideBg.png) left top repeat-y;
	padding: 0px 11px 0px 11px;
}

table {
	border: 0px;
	border-collapse:collapse;
}

img {border:0;}

p{padding: 12px 0px 0px 0px;}
.padd3 td{padding: 3px;}
.padd5 td{padding: 5px;}
.leftLine{ border-left: 1px dashed #CCCCCC;}



/*  Side
----------------------------------------------------------------------------------------------------*/
#sideBgLeft{
	background: url(../images/sideLeft.gif) left top repeat-y; width: 4px;
}
#sideBgRight{
	background: url(../images/sideRight.gif) left top repeat-y; width: 4px;
}


/*  Top
----------------------------------------------------------------------------------------------------*/
#topBg01 {
	background:url(../images/topBg1.jpg) left top no-repeat;
	width: 980px; height: 131px; text-align: right; vertical-align: bottom; top: 0px;
}

#topMenu {position: absolute; top:10px;left: 221px;}
#topMenu ul{ list-style: none;}
#topMenu li{float: left;}
#topMenu a{
	text-align: left;
	display:block;
	font-size:0px;
	text-indent:-5000px;
}
#topMenuNone a{ background: url(../images/none.gif) right bottom no-repeat; width: 586px; height:121px; }
#backHome a{ background: url(../images/topMenu/iconBackHome.gif) right bottom no-repeat; width: 80px; height: 121px;}
#contact a{ background:url(../images/topMenu/iconContact.gif) right bottom no-repeat; width: 93px; height: 121px;}


#topBg02 {
	background: url(../images/topBg2.jpg)  left top no-repeat; width: 980px; height: 11px; font-size: 0px;
}




/*  leftMenu
----------------------------------------------------------------------------------------------------*/
#leftMenu {}
#leftMenu img{vertical-align: bottom;}

#leftMenuSe{ margin: 0 0 0 28px; list-style: none;}
#leftMenuSe li{
	background: url(../images/leftMenu/iconleftMenuSe.gif) left top no-repeat;
	background-position: 0 10px;
	padding: 7px 0 5px 25px; border-bottom: 1px #999999 dotted;
}
#leftMenuSe dd{
	background: url(../images/leftMenu/iconleftMenuSe2.gif) left top no-repeat;
	background-position: 0 5px;
	padding: 7px 5px 5px 25px;
}





/*  indexMain
----------------------------------------------------------------------------------------------------*/
#Focus01 { margin: 0 0 7px 0;}
#Focus01 img{vertical-align: bottom;}


#indexNews{background-color: #e5e5e5;; text-align:center;}
#indexNews th{ padding:5px; border-bottom: 1px dotted #929292}
#indexNewsCont{background-color: #ffffff;}
#indexNewsCont td{ padding:8px; border-bottom: 1px dotted #929292}


/*  right
----------------------------------------------------------------------------------------------------*/
#linkBanner{}
#linkBanner img{vertical-align: bottom;}
#banner{ background:url(../images/bgIndexLinks.gif) repeat-y; width: 173px; text-align:center;}
#banner ul{ list-style:none;}
#banner li{ margin: 8px 0;}
#banner img{border: 1px #999999 solid;}



/*  right
----------------------------------------------------------------------------------------------------*/
#main{}
.mainTitle img{ vertical-align:bottom;}
#mainCont{
	background:url(../images/main/bgMain.gif) repeat-y; padding: 0 28px 0 24px; width: 537px;
	text-align:justify; text-justify:inter-ideograph;
	line-height: 180%;
}




/*  group
----------------------------------------------------------------------------------------------------*/
.groupTitle{
	background:url(../group/images/titleBg.gif) left top no-repeat;
	height: 31px; padding: 0 0 0 45px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}



/*  which
----------------------------------------------------------------------------------------------------*/
#whichTable th{padding: 5px;}
#whichTable td{padding: 5px;}



/*  schedule
----------------------------------------------------------------------------------------------------*/
#scheduleList{margin: 15px 0;}
#scheduleList img{ vertical-align:bottom;}
.scheduleList {border: solid 1px #008000;}
.scheduleList td{border: dashed 1px #008000;}

.ssicon { border: solid 1px #008000; text-align: center;}

/*  medical
----------------------------------------------------------------------------------------------------*/
.medical06 td{ border: 1px dashed #808000;}
.medicalTitle{
	background:url(../medical/images/titleBg.gif) left top no-repeat;
	height: 31px; padding: 0 0 0 45px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}
.medical10 li{
	background: url(../images/iconPlus.gif) top left no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 25px;
}



/*  health
----------------------------------------------------------------------------------------------------*/
.kindTd{ width: 100%;}
.kindTd td{ border-bottom: 1px dashed #999999; padding: 3px;}





/*  Service
----------------------------------------------------------------------------------------------------*/
.pic{border: 1px #7eb2a9 solid; width:170px; height:150px; text-align:center;}





/*  pageCount
----------------------------------------------------------------------------------------------------*/
.pageCount li{list-style:none;}
.pageCountLeft{ float: left;}
.pageCountRight{ float: right; font-size:12px;}
.inputSerach{ height: 16px; width: 100px; color:#464646; vertical-align: bottom; font-size:12px;}
.inputSerach:not([class*=""]) {height: 16px;}/**firefox**/
.inputSerach2:not([class*=""]) {padding: 4px 0px 0px 0px;}
.selectSearch{height: 20px; color:#464646; font-size:12px;}
.selectSearch:not([class*=""]) {height: 20px; font-size:12px;}/**firefox**/
.inputSerachGo{ vertical-align: bottom; padding: 6px 0 0 0;}
.inputSerachGo:not([class*=""]) {padding: 6px 0 0 0;}/**firefox**/

/*  discuss -----------*/
#serach li{list-style: none;}
.pageCountLeft{ float: left; padding: 0 0 5px 0; vertical-align: top;}
.pageCountRight{ float: right; font-size:12px;}




/*  Line
----------------------------------------------------------------------------------------------------*/
.seLine{ border-left: 1px #7f3dac solid; }
.menuFourLine{ background:url(../images/menu/menuFourLine.gif) top right no-repeat; padding: 0px 0px 0px 5px;}
.LineBlack{ border-top: 2px #000 solid;}
.lineUp{ background:url(../images/lineUp.gif) top left repeat-x; height:2px; margin: 10px 0px 0px 0px; clear:both; font-size: 0px;}
.lineDot{border-top: 1px dotted #666; font-size: 0px; height:7px;}

/*  footer
----------------------------------------------------------------------------------------------------*/
#footerAddress{ text-align: center; padding: 15px;}

#footerDown{
	background: url(../images/downIndex.gif) top left no-repeat;
	width: 980px;
	margin:0 auto;
	height: 10px;
	font-size: 0px;
}



/*  goTop & goBack
----------------------------------------------------------------------------------------------------*/
.pageTop{
	text-align: center; padding: 10px 0 0 0;
	border-top: 1px dotted #666; margin: 15px 0 0 0; width: 537px;
}




.goBack{
	text-align:center;
	margin: 35px 0px;
	background: url(../images/lineGray2.gif) left bottom repeat-x;
}
.goTop{
	position:absolute;
	z-index:1;
	left: 943px;
}
#Layer2{
	position:absolute;
	top: -350px;
}



/*CSS scott style pagination*/
/*  scott
----------------------------------------------------------------------------------------------------*/

DIV.scott {
	padding: 8px 3px 3px 3px;
	margin: 3px;
	text-align: center;
	font-size: 13px;
}
DIV.scott A {
	border: #ddd 1px solid;
	padding: 2px 5px 2px 5px;
	color: #3d538a;
	margin-right: 2px;
	text-decoration: none;
	background-color: #fff;
	font-size: 13px;
}
DIV.scott A:hover {
	border: #4d92f0 1px solid;
	color: #5e88c0;
	background-color: #ddeafa;
}
DIV.scott A:active {
	border: #4d92f0 1px solid;
	color: #5e88c0;
	background-color: #ddeafa;
}
DIV.scott SPAN.current {
	border: #45b1d0 1px solid;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	color: #fff;
	margin-right: 2px;
	background-color: #45b1d0;
	font-size: 13px;
}
DIV.scott SPAN.disabled {
	border: #f3f3f3 1px solid;
	padding: 2px 5px 2px 5px;
	color: #ccc;
	margin-right: 2px;
	background-color: #fff;
	font-size: 13px;
}

/*  滑鼠移到文字時出現說明框
----------------------------------------------------------------------------------------------------*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 95px;
	opacity: 0.8;
	background: url('../images/shadow.png') ;
}
#tooltip.pretty h3 {
	margin: 0;
	font-size: 10pt;
	line-height: 18pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }