@charset "big5";

/*---------------------------------------------------------------
!!! 僅適用於洗腎與高血磷控制關懷網 !!!
visual & css design by Dialysis & Hyperphosphatemia Care
2010 / 4
----------------------------------------------------------------*/


* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background: #ffffff url(../images/bg.gif);
}

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;
	background: url(../images/sideBg.png) left top repeat-y;
	width:970px;
	margin:0 auto;
	text-align: center;
	padding: 0px 12px 0px 12px;
}
#content {
	background-color: #ffffff;
	width: 950px;
	text-align: left;
	padding: 0px 10px 0px 10px;
}

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

img {border:0;}

p{padding: 12px 0px 0px 0px;}



/*  Side
----------------------------------------------------------------------------------------------------*/
#sideLeft{
	width: 12px;
}
#sideRight{
	background: url(../images/sideRight.png) left top repeat-y;
	width: 12px;
}



/*  TOP & LOGO & MENU
----------------------------------------------------------------------------------------------------*/
#topMenu {
	width: 950px;
	text-align: right;
	margin: 7px 0px 0px 0px;
}
#topMenu li{
	background: url(../images/iconTopMenu.gif) top left no-repeat;
	background-position: 0px;
	display: inline;
	padding: 5px 0px 0px 12px;
	margin: 0px 0px 0px 13px;
	list-style:none;
}
#topMenu li:not([id*=""]) {padding: 0px 0px 0px 12px;}/**firefox**/

#logo{
	position: absolute;
	top: 48px;
	height: 68px;
	background: url(../images/menu/menuBg.gif) left top repeat-x;
	z-index: 99;
}
#logo img{vertical-align: bottom;}
#logo li{
	float: left;
	list-style:none;
}

#logoName{
	background: url(../images/logoName.gif);
	width: 310px;
	height: 68px;
}
#logoName a{
	text-indent: -3000px;
	font-size: 0px;
	display: block;
	width: 310px;
	height: 68px;
}
#nav01{width: 76px; padding: 26px 0px 0px 8px;}
#nav02{width: 92px; padding: 26px 0px 0px 8px;}
#nav03{width: 76px; padding: 26px 0px 0px 8px;}
#nav04{width: 76px; padding: 26px 0px 0px 8px;}
#nav05{width: 76px; padding: 26px 0px 0px 8px;}
#nav06{width: 115px; padding: 26px 0px 0px 8px;}
#nav07{width: 70px; padding: 26px 0px 0px 11px;}




/*  topSwf
----------------------------------------------------------------------------------------------------*/
#topSwf{
	position: absolute;
	top: 109px;
	width: 950px;
	height: 283px;
}


/*  Menu Se
----------------------------------------------------------------------------------------------------*/
.navBg{background: url(../images/menu/seMenuBg.jpg) repeat-x; height: 37px;}
.navBg li{display: inline; font-weight: bold; color: #7f3dac; padding: 0px 7px 0px 10px; list-style:none;}
.navBg a{ color: #7f3dac;}


.navBg2{background: url(../images/menu/seMenuBg.jpg) repeat-x; height: 37px;}
.navBg2 li{display: inline; font-weight: bold; color: #7f3dac; padding: 0px 7px 0px 10px; list-style:none;}
.navBg2 a{ color: #7f3dac;}
#nav01se2 {
	top: 146px;
	left: 340px;
	padding: 14px 0px 0px 0px;
	position: absolute;
	visibility: hidden;
}
#nav01se2 a{ color: #7f3dac;}


#nav01se {
	top: 109px;
	left: 340px;
	padding: 14px 0px 0px 0px;
	position: absolute;
	visibility: hidden;
}
#nav01se a{ color: #7f3dac;}
#nav02se {
	top: 109px;
	left: 424px;
	padding: 14px 0px 0px 0px;
	position: absolute;
	visibility: hidden;
}
#nav02se a{ color: #7f3dac;}
#nav03se {
	top: 109px;
	left: 331px;
	padding: 14px 0px 0px 0px;
	position: absolute;
	visibility: hidden;
}
* html #nav03se{left: 285px;}/**ie6**/
#nav03se a{ color: #7f3dac;}
#nav04se {
	top: 109px;
	left: 608px;
	padding: 14px 0px 0px 0px;
	position: absolute;
	visibility: hidden;
}
#nav04se a{ color: #7f3dac;}



/*  menuFour
----------------------------------------------------------------------------------------------------*/
#menuFourBg{
	background: url(../images/menu/menuFourBg.gif) repeat-x;
	width: 950px;
}
.menuFourCont{
	font-size: 12px;
	color: #767676;
	line-height: 135%;
	text-align:justify;
	text-justify:inter-ideograph;
}







/*  Main
----------------------------------------------------------------------------------------------------*/
#topPic{
	position: absolute;
	background:url(../images/mainTop.gif) no-repeat;
	height: 62px;
	top: 109px;
	width: 950px;
}
#main{
	width: 950px;
	vertical-align: top;
}
#mainLeft{
	width: 241px;
	vertical-align: top;
	padding: 0px 0px 0px 8px;
}
#mainLeft li{list-style:none;}
#mainLeft img{
	vertical-align: bottom;
}
#mainRight{
	width: 661px;
	vertical-align: top;
	padding: 20px 0px 0px 40px;
	background: url(../images/lineTop.gif) top right repeat-y;
	background-position: 670px;
}
#mainRightMain{
	width: 600px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height: 180%;
	color: #545454;
	letter-spacing: 1px;
}




/*  about
----------------------------------------------------------------------------------------------------*/
#aboutTable{margin: 15px 0px 0px 0px;}
#aboutTable td{padding: 9px; vertical-align: top; border-top: 1px #999999 solid; line-height: 160%;}
#aboutTable th{ text-align: center; font-size: 15px;}

#aboutTableD{margin: 15px 0px 0px 0px;}
#aboutTableD td{padding: 9px; vertical-align: top; border-bottom: 1px #999999 solid; line-height: 160%;}

.ulolli{margin: 0px 0px 0px 25px;}
.titleCont {padding: 15px 0px 25px 0px;}

.pic{
	border: 4px double #6e6e6e;
}




/*  about
----------------------------------------------------------------------------------------------------*/
.newsTitle {font-size: 15px; font-weight: bold;}
.newsTitleName {font-size: 13px; font-weight: normal;}




/*  expert
----------------------------------------------------------------------------------------------------*/
#expertTable{margin: 15px 0px 0px 0px;}
#expertTable td{padding: 9px 9px 9px 13px; vertical-align: top; border-top: 1px #999999 solid; line-height: 160%;}
#expertTable th{ text-align: center; font-size: 15px;}
.expertList{
	background: url(../images/iconExpert.gif) top left no-repeat;
	background-position: 0px 14px;
}
.experTitle{
	background: #F3EDFE url(../images/iconExpertTitle.gif) top left no-repeat;
	background-position: 0px 12px;
}



/*  文字縮排與文字變化(所有內文使用)-------*/
.fontBlueBg{
	background-color:#F3E0FE;
	font-weight: bold;
	border: 1px #545454 solid;
	padding: 7px 7px 3px 7px;
}
.fontYeBg{
	background-color:#FFFF99;
	font-weight: bold;
	border: 1px #545454 solid;
	padding: 7px 7px 3px 7px;
}
.fontOrBg{
	background-color:#FF9933;
	font-weight: bold;
	border: 1px #545454 solid;
	padding: 7px 7px 3px 7px;
	margin: 12px 0px 0px 0px;
	color: #fff;
}
.fontRed{ color:#FF0000; font-weight: bold;}
.fontBrown{color:#918760; font-weight: bold;}
.fontGray{color:#515151; font-weight: bold;}

.fontYeBg04{background-color:#FFFF99;}

.in110{margin-left:110px;text-indent:-110px;}
.in143{margin-left:143px;text-indent:-143px;}


.in30{margin-left: 30px;text-indent: -30px;}
.in61{margin-left: 61px;text-indent: -61px;}
.in75{margin-left: 75px;text-indent: -75px;}
.in90{margin-left: 90px;text-indent: -90px;}

.fontSize15{ font-size: 15px; font-weight: bold;}
.fontSize11{ font-size: 11px;}


#noCont{
	text-align: center;
	height: 180px;
	padding: 120px 0px 0px 0px;
}

/*  QA
----------------------------------------------------------------------------------------------------*/
#qaList li{
	list-style:none;
	background: #efe6fb url(../images/iconQ.gif) top left no-repeat;
	background-position: 8px 8px;
	padding: 7px 5px 5px 43px;
	margin: 8px 0px 0px 0px;
}
.Qtitle{
	list-style:none;
	background: #efe6fb url(../images/iconQ.gif) top left no-repeat;
	background-position: 8px 8px;
	padding: 7px 5px 5px 43px;
	margin: 8px 0px 0px 0px;
}
.Acont{
	list-style:none;
	background: url(../images/iconA.gif) top left no-repeat;
	background-position: 8px 8px;
	padding: 7px 5px 5px 43px;
	margin: 8px 0px 0px 0px;
}

/*  expertArticle
----------------------------------------------------------------------------------------------------*/
#eAList li{
	list-style:none;
	background: #efe6fb url(../images/iconO.gif) top left no-repeat;
	background-position: 8px 8px;
	padding: 7px 5px 5px 43px;
	margin: 8px 0px 0px 0px;
}
.Otitle{
	list-style:none;
	background: #efe6fb url(../images/iconO.gif) top left no-repeat;
	background-position: 8px 8px;
	padding: 7px 5px 5px 43px;
	margin: 8px 0px 0px 0px;
}
.eAcont{
	list-style:none;
	padding: 7px 5px 5px 43px;
	margin: 8px 0px 0px 0px;
}
.exTitleB{font-size: 16px; font-weight: normal;}






/*  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**/



/*  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;}

/*  footer
----------------------------------------------------------------------------------------------------*/
#footerBg{
	background: url(../images/footer.png) left top repeat-x;
	width: 970px;
	margin:0 auto;
	height: 70px;
}
#footer{ padding: 25px 0px 0px 0px; background-color:#FFFFFF;}
#footer li{
	list-style:none;
	display: inline;
	background: url(../images/iconFooter.gif) no-repeat;
	background-position: 0px;
	padding: 0px 0px 0px 15px;
	color: #3c3c3c;
	font-size: 12px;
}
#footerAdd{
	font-size: 12px;
	color: #787777;
	padding: 22px 0px 40px 0px;
	line-height: 145%;
}


/*  goTop
----------------------------------------------------------------------------------------------------*/

.goTop{
	position:absolute;
	z-index:1;
	left: 932px;
}
#Layer2{
	position:absolute;
	top: -350px;
}