@import url("Style_Font.css");

@import url("style_IncludeBlock.css");
/* 基本設定 */
body,html {
	color: #666666;
	background: #FFFFFF url(../images/bg_top.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font: 15px "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
}

font {
	font-family: "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
}
a{	text-decoration: none; color:#666666;}
a:hover{ text-decoration: none; color:#000000;}

/* 解決link 的虛線框 */
a{  hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */text-decoration:none; }

img {
	border: 0px;
}
ol {}
ol li{
	list-style: decimal outside;
}
ul {
	list-style: square outside;
}
li {
	list-style: outside;
}
/* ------------------------------------首頁樣式----------------------------------- */

.DIV_Block {
	display: block;
}
#Absolute_Block {
	position: absolute;
}
.DIV_Border_LR2 {
	border-right: 2px solid #96cee0;
	border-left: 2px solid #96cee0;
}
input.Button {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	_padding: 2px 0px 0px 0px;
	letter-spacing: 0.1em;
	text-align: center;
	vertical-align: top;
	height: ;
	_height: ;
}
.odd {
	background: #F2F2F2;
}
.even {
	background: #E6E6E6;
}
/* 內容區背景 */
#CONTAINER{
	position: relative;
	width: 970px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align: left;
 }

#CONTAINER_TOP{ width:970px; height:6px;margin:auto; background: #FFFFFF url(../images/index_body_top.gif) no-repeat left top;}
#CONTAINER_BOTTOM{
	margin:-10px 0px 25px;
	padding: 0px;
}



/* 頁首 */
#HEADER{
	width:970px;
	margin:0px;
	padding: 0px;
}
#HEADER a, #HEADER a:hover {
	text-decoration: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#HEADER h1 {
	margin: 0px;
	padding: 0px;
	background: url(../images/CCCN_logo.gif) no-repeat left 10px;
	position: absolute;
	z-index: 1999;
}
#HEADER h1 a, #HEADER h1 a:hover{
	display:block;
	width:268px;
	height:73px;
	text-indent:-999999px;
}

/* -----------------------頁首選單-------------------------- */
#TopMenu {
	margin: 0px;
	padding: 0px;
	font-family: "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
	width: 970px;
	display: block;
	position: relative;
	height: 33px;
	background: transparent url(../images/bg_header.gif) no-repeat left top;
	z-index: 1099;
}
#TopMarquee {
	font-size: 15px;
	font-family: "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}
#TopMarquee a, #TopMarquee a:link, #TopMarquee a:visited, #TopMarquee a:active {
	color: #52556D;
	vertical-align: baseline;
}

#TopMarquee a:hover {
	color: #000000;
	vertical-align: baseline;
	text-decoration: underline;
}

/* -----語言版本----- */
#MAIN_NAV_TOP{
	margin: 10px 5px 0px 0px;
	padding: 0px;
	text-align: right;
	vertical-align: baseline;
}
#MAIN_NAV_TOP a{
	text-decoration: none;
	color:#919091;
	font-size:13px;
	padding:0px 7px 0px 7px;
	margin: 0px;
}
#MAIN_NAV_TOP a:hover{
	text-decoration: none;
	color:#000000;
	font-size: 13px;
	padding:0px 7px 0px 7px;
	margin: 0px;
}


/* -----會員登入----- */
#MAIN_NAV_TOP2{
	display:block;
	margin: 0px;
	padding: 0px;
	background: #DEF3F2;
	height: 24px;
	white-space: nowrap;
}
#MAIN_NAV_TOP2 a {
	color:#0093ce;
	font-size:13px;
	padding:0px 10px;
	margin: 0px;
	line-height: 2.2em;
}
#MAIN_NAV_TOP2 a:hover {
	color:#000000;
	padding:0px 10px;
	margin: 0px;
	line-height: 2.2em;
}
#ShowLoginBlock {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
#ShowLoginBlockForm {
	padding:0px;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	text-align: right;
	vertical-align: top;
}
#ShowLoginBlockForm #Login_UiD, #ShowLoginBlockForm #LoginPW {
	padding:0px;
	margin: 3px 5px 0px 0px;
	font-size: 12px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	height: 1.2em;
}
#ShowLoginBlockForm .LoginBtn {
	padding: 0px;
	_padding: 0px;
	margin: 0px;
	font-size: 12px;
	height: 2em;
	_height: 20px;
	line-height: 1.6em;
}

#ShowLoginBlock a {
	margin: 0px;
	padding: 0px;
	color: #3366FF;
}
#ShowLoginBlock a:hover {
	margin: 0px;
	padding: 0px;
	color: #000000;
	text-decoration: underline;
}
/* -----癌協官網----- */
#MAIN_NAV_TOP3{
	width:196px;
	height: 30px;
	margin: 5px 0px 5px 10px;
	padding: 0px;
}
#MAIN_NAV_TOP3 a{ display:block;}
#MAIN_NAV_TOP a:hover{text-decoration: none;}

/* -----登入動態文字顯示----- */
#MAIN_NAV_LOGINACTIVEWORD{
	color:#0093ce;
	text-align:right;
	margin: 5px 10px 0px 0px;
	padding: 0px;
}
#MAIN_NAV_LOGINACTIVEWORD .logout a{ color:#0093ce;}
#MAIN_NAV_LOGINACTIVEWORD .logout a:hover{ color:#000000; text-decoration: underline;}

/* ----搜尋、主題宣導----- */
#MAIN_NAV_TOP4{
	display:block;
	width:970px;
	height:43px;
	margin:0px;
	background: #FFFFFF url(../images/bg_search.gif) no-repeat left top;
	padding: 6px 0px 0px;
}

/* -----google搜尋----- */
#MAIN_NAV_SEARCH{	display:block; float:right; margin-top:8px;	width: 253px; height:18px;}
#MAIN_NAV_SEARCH .gosearch a{ display:block; background-image:url(../images/searchBTN.gif); background-position:top; text-indent:-999999px; width:18px; height:18px; }
#MAIN_NAV_SEARCH .gosearch a:hover{background-position: bottom;}
#MAIN_NAV_SEARCH .typetext{ font-size:12px;}

/* -----主題宣導顯示----- */
#MAIN_NAV_PROMOTING{ display:block; margin-left:5px;width:670px;}
#MAIN_NAV_PROMOTING .speaker { display:block; background-image:url(../images/promoSpeaker_tw.gif); background-position:top; text-indent:-999999px; width:90px; height:20px; }

/* -----主題宣導跑馬燈----- */
marquee{ font-size:15px; font-weight:bold; color:#095d7f;font-family: "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;}


/*-------------左邊內容區-----------------*/
#CONTENT_L{
	font-family: "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
	margin:0px;
	padding: 0px;
}
/*-------------左邊選單 開始-----------------*/
#LeftMenu {
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	width: 210px;
	font: 15px "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
}

#LeftMenu_TOP {
	background: #0c5d8d url(../images/Panel_Lmenu_TOP_BG.gif) repeat-x;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}


#LeftMenu a, #LeftMenu a:link, #LeftMenu a:visited, #LeftMenu a:active {
	color: #3366FF;
	background: #c8d6df url(../images/Panel_Lmenu_BG.gif) repeat-x;
	white-space: nowrap;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 7px 5px 5px 10px;
	border-bottom: 1px solid #6699FF;
	_width: 100%;
}

#LeftMenu a:hover {
	color: #000000;
	background: #e2f4fa url(../images/Panel_Lmenu_BG_on.gif) repeat-x bottom;
	white-space: nowrap;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 7px 5px 5px 10px;
	border-bottom: 1px solid #6699FF;
	_width: 100%;
}
#LeftMenu a .drop {
	background: url(../images/Panel_Lmenu_Arrow.gif) no-repeat right 2px;
	#background: url(../images/Panel_Lmenu_Arrow.gif) no-repeat right 2px;
	_background: url(../images/Panel_Lmenu_Arrow.gif) no-repeat 175px 2px;
	display: block;
	cursor: pointer;
	_width: 100%;
}
#Smenu_01 ,#Smenu_02 ,#Smenu_03 {
}
#L_SecondMenu {
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}

#L_SecondMenu a, #L_SecondMenu a:link, #L_SecondMenu a:visited, #L_SecondMenu a:active {
	color: #333333;
	white-space: nowrap;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 7px 5px 5px 10px;
	border-top: 0px solid #999999;
	border-right: 0px solid #999999;
	border-bottom: 1px solid #85A8DC;
	border-left: 3px solid #319DEE;
	font-weight: normal;
	background: #c8d6df url(../images/Panel_LSmenu_BG.gif) repeat-x;
}

#L_SecondMenu a:hover {
	color: #FFFFFF;
	white-space: nowrap;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 7px 5px 5px 10px;
	border-top: 0px solid #999999;
	border-right: 0px solid #999999;
	border-bottom: 1px solid #85A8DC;
	border-left: 3px solid #1A3560;
	font-weight: normal;
	background: #c8d6df url(../images/Panel_LSmenu_BG_on.gif) repeat-x;
}

body#CIP_1 #CIP_1_tab a, body#CIP_2 #CIP_2_tab a, body#CIP_3 #CIP_3_tab a, body#CIP_4 #CIP_4_tab a, body#CIP_5 #CIP_5_tab a,
 body#PP_1 #PP_1_tab a, body#PP_2 #PP_2_tab a, body#PP_3 #PP_3_tab a, body#PP_4 #PP_4_tab a,
 body#RP_1 #RP_1_tab a, body#RP_2 #RP_2_tab a, body#RP_3 #RP_3_tab a, body#RP_4 #RP_4_tab a, body#RP_5 #RP_5_tab a, body#RP_6 #RP_6_tab a, body#Ei_1 #Ei_1_tab a, body#Ei_2 #Ei_2_tab a, body#Ei_3 #Ei_3_tab a {
	font-weight: bold;
	border-left:5px solid #FF6699;
	color: #333366;
}

body#PP_3a #PP_3a_tab a, body#PP_3b #PP_3b_tab a, body#PP_3c #PP_3c_tab a, body#PP_3d #PP_3d_tab a, body#PP_3e #PP_3e_tab a {
	font-weight: bold;
	border-left:5px solid #FF6699;
	color: #000000;
}
body#RP_3a #RP_3a_tab a, body#RP_3b #RP_3b_tab a, body#RP_3c #RP_3c_tab a, body#RP_3d #RP_3d_tab a, body#RP_3e #RP_3e_tab a, body#RP_5a #RP_5a_tab a,
 body#RP_5b #RP_5b_tab a {
	font-weight: bold;
	border-left:5px solid #FF6699;
	color: #000000;
}
/*-------------左邊選單 結束-----------------*/
/* 病人、照護者關心的事JS選單 */
#CARE_BG{
	display:block;
	background: #FFFFFF url(../images/bg_care.gif) repeat-x left bottom;
	margin:0;
	padding: 0px;
}

#CARES h4{ display:block; background: #FFFFFF url(../images/topic_care1_tw.gif) no-repeat left top; height:83px; text-indent:-999999px; }
#CARES h5{ display:block; background: #FFFFFF url(../images/topic_care2_tw.gif) no-repeat left top; height:77px; text-indent:-999999px; }

#CARE1{margin-left:15px;padding:0;width:180px; height:auto;list-style-type:none;background: #FFFFFF url(../images/ha_nav_bg.jpg) repeat-y left top;color:#227799;}
#CARE1 a{display:block;font-weight:normal;text-decoration:none;}
#CARE1 ul{overflow: hidden;margin:0;padding:0;}
#CARE1 li{margin:0;padding:0;list-style-type:none; font-size:18px;}
#CARE1 li a{display:block;width:180px;height:52px;padding:0;color:#227799;background-image:url(../images/ha-header.jpg); text-align:center; line-height:56px;}
#CARE1 li a.closed{
color:#227799 !important;
background-image:url(../images/ha-header.jpg) !important;
}
#CARE1 li.firstitem a.closed{
color:#227799 !important;
background-image:url(../images/ha-header-first.jpg) !important;
}
#CARE1 li.lastitem a.closed{
color:#227799 !important;
background-image:url(../images/ha-header-last.jpg) !important;
}
#CARE1 li li{padding:0; font-size:15px;} 
#CARE1 li li a{ display:block; width:180px; height:34px; background-image:url(../images/ha-sub.jpg); text-align:left; line-height:36px; text-indent:15px;} 
#CARE1 li li a:hover{background-image:url(../images/ha-sub-active.jpg);}
#CARE1 li li ul{background-image:url(../images/ha-sub-sub.jpg); padding:10px 0 16px 0;}  
#CARE1 li li li{padding:0; font-size:13px; } 
#CARE1 li li li a{ display:block; width:180px; height:24px; background-image:url(../images/ha-sub-sub.jpg); text-align:left; line-height:24px; text-indent:24px; color:#ffffff;} 
#CARE1 li li li a:hover{background-image:url(../images/ha-sub-sub.jpg);color:#ffffff; font-weight:bold;} 
#CARE1 li a.opened{background-image:url(../images/ha-header-active.jpg);color:#227799; font-weight:bold;}
#CARE1 li.firstitem a.opened{background-image:url(../images/ha-header-first-active.jpg);color:#227799;}
#CARE1 li.lastitem li {margin-bottom:0px;}
#CARE1 li.lastitem ul{background-image:url(../images/ha-footer.jpg);background-repeat:no-repeat;background-position:bottom;padding-bottom:4px;}



#CARE2{margin-left:15px;padding:0;width:180px; height:auto;list-style-type:none;color:#d5548e;}
#CARE2 a{display:block;font-weight:normal;text-decoration:none;}
#CARE2 ul{overflow: hidden;margin:0;padding:0;}
#CARE2 li{margin:0;padding:0;list-style-type:none; font-size:18px;}
#CARE2 li a{display:block;width:180px;height:52px;padding:0;color:#d5548e;background-image:url(../images/ha2-header.jpg); text-align:center; line-height:56px;}
#CARE2 li a:hover{background-image:url(../images/ha2-header-active.jpg); font-weight:bold;}
#CARE2 .firstitem a{background-image:url(../images/ha2-header-first.jpg);color:#d5548e;}
#CARE2 .firstitem a:hover{background-image:url(../images/ha2-header-first-active.jpg); font-weight:bold;}
#CARE2 .lastitem a{background-image:url(../images/ha2-header-last.png);color:#d5548e;}
#CARE2 .lastitem a:hover{background-image:url(../images/ha2-header-last-active.png); font-weight:bold;}

/* 頻道/打擊大腸癌/大腸經俱樂部 */
#PROMO_PROGRAM2{
	display:block;
	text-align: center;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}
#PROMO_PROGRAM2 a, #PROMO_PROGRAM2 a:hover {
	display: block;
	margin: 5px auto;
	padding: 0px;
}
#PROMO_PROGRAM2 ul{ margin:24px auto auto 13px;}
#PROMO_PROGRAM2 li{ margin-bottom:7px;}

/*-------------end of左邊內容區-----------------*/


/* 頁尾 */
#FOOTER_BG{
	background: url(../images/bg_footer.jpg) repeat-x left bottom;
	margin:-10px 0px 0px;
	padding: 0px;
}
#FOOTER{display:block; margin:auto; background: #FFFFFF url(../images/footer_de.gif) no-repeat left top; width:970px; height:110px; font-size:12px; color:#484848;}
#FOOTER .copyright{ color:#FFFFFF; padding-right:10px;}
#FOOTER .info1{ margin:18px 0 0 0; display:block; line-height:18px;}
#FOOTER .info1 a{ text-decoration:underline;}
#FOOTER .info1 a:hover{ color:#1174c2; text-decoration:underline;}
#FOOTER .sponsor{ font-size:13px; letter-spacing:2px;}
#FOOTER .sponsor a{color:#1174c2;text-decoration:underline;}
#FOOTER .sponsor a:hover{color:#000000;text-decoration:underline;}
#FOOTER .info2{ margin:18px 15px 0 0; display:block; line-height:18px; border-left:1px solid #cdc5c5; padding-left:10px;}
#FOOTER ul{ margin-left:10px;}
#FOOTER li{ float:left; border-left:1px solid #ffffff; padding:0 7px 0 7px;list-style: none;}
#FOOTER li a{color:#FFFFFF;}
#FOOTER li a:hover{ color:#000000;}

/* ------------------------------------end of首頁樣式--------------------------------------------- */


/* -------------------通用樣式---------------------- */
/* 清除float */
.clearfloat{
clear:both;height:0;font-size:1px;line-height:0;}

/* 引用網址 */
#PAGELINK {
	color:#999999;
	padding:0px;
	margin: 10px 0px 0px;
	font-size: 0.85em;
	text-align: left;
	vertical-align: baseline;
	cursor: text;
}
#PAGELINK a {
	cursor: text;
	display: inline;
}
#PAGELINK a:hover {
	cursor: text;
	display: inline;
}

/* -------------------end of通用樣式---------------------- */


/* ---------------------------------------內頁樣式----------------------------------------------------- */

/* 內頁單元標題顯示 */
/*#subTopNav{ display:block; width:763px; height:46px; background:#ffffff url(../images/bg_breadcrumb_tw.gif) repeat-x left top  ;}
#subTopNav ul{	margin:0;	padding-top:4px;;	list-style-type:none;	width:auto;	float:left;}
#subTopNav ul li{	display:block;	float:left;	margin:0 2px ;  font-size:16px; font-weight:bold; line-height:24px;}
#subTopNav ul li a span{	display:block;	float:left; color:#0d6aa2; padding:8px 50px 0 37px;	height:42px;	width:auto; background:#ffffff url(../images/unit_subnav_tw.gif) repeat-x left top;}
#subTopNav ul li a:hover{	color:#FFFFFF;}
#subTopNav ul li a:hover span{	display:block;	cursor:pointer;}

/* 麵包屑快速路徑 */
/*#breadcrumb{ display:block; width:388px; height:auto; text-align:right; margin:12px 15px auto 360px;}
#breadcrumb a:hover{color:#ffffff;background-color:#33a7ec;}

/* 內頁內容外皮 */
#Sub{ display:block; width:547px; height:auto; margin:0; padding:10px; float:left;}


/* 內頁文章分類 */
/*#classify{ background-color:#ebeff1; margin-bottom:10px; font-size:1.15em; }
#classify ul{ margin-top:10px; list-style-type:none;}
#classify ul li { float:left; display:block; margin-left:12px;}
#classify ul li a:hover{ color:#ffffff;background-color:#33a7ec;}
#classify ul li a:active{ color:#ffffff;background-color:#33a7ec;}
#classify ul li span{ display:block; color:#ffffff;background-color:#33a7ec;}

/* 內頁文章列舉頁數控制列 */
#num{	padding:5px;	font-size:1.1em;	line-height:1.3em;	text-align:center;}
#num a{	color:#333333;	text-decoration:none; }
#num a:hover{ color:#33a7ec;text-decoration:underline;}
#NumBar {
	font-size: 13px;
	font-weight: normal;
	color: #999999;
	text-align: center;
	vertical-align: baseline;
	margin: 10px auto 10px;
	padding: 0px;
	letter-spacing: 0.2em;
	background: #F0F0F0;
}
#NumBar a:link, #NumBar a:visited, #NumBar a:active {
	color: #3366CC;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}

#NumBar a:hover {
	color: #FF6699;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}
#NumBar .At {
	color: #FFFFFF;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px 3px;
	font-weight: bold;
	background: #FF6699;
}
#Event_AlbumTotal .At, #TotalPiC .At {
	color: #FF6699;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px 3px;
	font-weight: bold;
}
/* 內頁右側欄位 */
#subRightpane{ width:196px; margin-top:0; margin-left:567px; background:#ffffff url(../images/hotpane_body.gif) repeat-y left top; text-align:left;}
#subRightpane .title{ font-size:16px ; color:#33a7ec; font-weight:bold; border-bottom:3px solid #fdff48; padding-top:20px;padding-left:12px; margin-left:4px; margin-bottom:10px; }
#rightPane_list {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	border-right: 2px solid #59a8ed;
	border-left: 2px solid #59a8ed;
	background: #FFFFFF;
	font-size: 15px;
	line-height: 1.6em;
}
#rightPane_list ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#rightPane_list ul li{
	padding:8px 8px 4px 0px;
	list-style-image: url(../images/blueArrow.gif);
	margin: 0px;
}
#rightPane_list ul li a{
	font-size: 15px;
	line-height: 1.6em;
	display:block;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#rightPane_list ul li a:hover{
	font-size: 15px;
	line-height: 1.6em;
	color:#ffffff;
	background-color:#33a7ec;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}


/* 內頁轉寄、列印、字級設定列 */
#TOOLPANE {
	display:block;
	text-align:right;
	padding:0px 20px;
	vertical-align: baseline;
	margin: 0px;
}

#PAGETOOL {
	margin: 5px 0px 10px 0px;
	color:#a9b7c0;
	text-align: right;
	vertical-align: baseline;
	padding: 2px 10px 2px 2px;
	border:1px solid #dee3e6;
	display:block;
	font-size: 13px;
}
#PAGETOOL img{
	margin:0px;
	padding: 0px;
	border-width: 0px;
}
#PAGETOOL ul { float:right;}
#PAGETOOL ul li{ float:left; margin-left:5px;}
#PAGETOOL ul li a{ color:#869ba8; text-decoration:none;}
#PAGETOOL ul li a:hover{ color:#000000; text-decoration:underline;}

/* 常見Q&A內頁設定 */

#QA_innerbox{ border-bottom:1px solid #dee3e6; background:url(../images/bg_line.gif) repeat-x left top; padding:18px 10px 20px 10px;}

#QA_listbox{ border-bottom:1px solid #dee3e6; background:url(../images/bg_line.gif) repeat-x left top;}
#QA_listbox img{float:left;margin:16px;padding:6px 3px 96px 0;border-right:1px #fabed2 dotted;}
#QA_listbox h1{ font-size:1.2em; line-height:1.5em; letter-spacing:0.1em; color:#0d6aa2; float:left; margin:16px 0 0 0; display:block;}
#QA_listbox h1 a{ font-size:1.2em;color:#0d6aa2; text-decoration:none; border-bottom:#CCCCCC 1px solid; display:block;}
#QA_listbox h1 a:hover{ color:#ffffff; text-decoration:none; background-color:#0d6aa2;}
#QA_listbox h2{ width:360px; font-size:1.1em; line-height:1.5em; color:#cccccc; clear:left; float:left; margin:0;}
#QA_listbox p{ font-size:1.15em; line-height:1.6em; color:#666666; margin:0; padding-bottom:16px; float:left;}

#QA_Conent{
	padding:5px 5px 10px 25px;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	position: static;
}
#QA_Content_Q {
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 15px;
	padding: 5px;
	border: 1px dotted #FF99CC;
}
#QA_Conent h1{ font-size:1.2em; line-height:1.5em; letter-spacing:0.1em; color:#0d6aa2; float:left; margin:16px 0 20px 0; display:block;  }
#QA_Conent h2{ font-size:1.2em; line-height:1.8em; color:#000000; font-weight:bold; clear:left; float:left; margin:0;}
#QA_Conent h3{ font-size:1.15em; line-height:2.4em; color:#000000; font-weight:bold; }
#QA_Conent p{ line-height:1.5em; color:#666666; clear:left; padding-bottom:2em}
#QA_ListTitle {
	font-size: 18px;
	font-weight: bold;
	color: #3366CC;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px dotted #EB85A0;
	background: url(../images/iCon_Q.gif) no-repeat 0px 3px;
	position: static;
}
#QA_ListTitle a, #QA_ListTitle a:link, #QA_ListTitle a:visited, #QA_ListTitle a:active {
	color: #6699FF;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 3px;
	display: block;
}

#QA_ListTitle a:hover {
	color: #336699;
	text-align: left;
	vertical-align: baseline;
	text-decoration: underline;
	background: #DDEBF4;
	margin: 0px;
	padding: 3px;
	display: block;
}

#QA_Inner_Poster {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: baseline;
	margin: 35px 0px 15px;
	padding: 5px 0px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#QA_Block {
	background: #FBECF5;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#QA_BlockContent {
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	border-right: 2px solid #ffa1c2;
	border-left: 2px solid #ffa1c2;
	color: #354F4E;
	padding: 3px 10px 5px 42px;
	background: url(../images/iCon_A.gif) no-repeat 20px 5px;
}
/* 專家說專業內頁設定 */
#pro_innerbox{ border-bottom:1px solid #dee3e6; background:url(../images/bg_line.gif) repeat-x left top; padding:18px 10px 20px 10px;}

#pro_listbox{ border-bottom:1px solid #dee3e6; background:url(../images/bg_line.gif) repeat-x left top;}
#pro_listbox img{float:left;margin:16px;padding:6px 3px 96px 0;border-right:1px #00de75 dotted;}
#pro_listbox h1{ font-size:1.2em; line-height:1.5em; letter-spacing:0.1em; color:#0d6aa2; float:left; margin:16px 0 0 0; display:block;}
#pro_listbox h1 a{ font-size:1.2em;color:#0d6aa2; text-decoration:none; border-bottom:#CCCCCC 1px solid; display:block;}
#pro_listbox h1 a:hover{ color:#ffffff; text-decoration:none; background-color:#0d6aa2;}
#pro_listbox h2{ width:360px; font-size:1.1em; line-height:1.5em; color:#cccccc; clear:left; float:left; margin:0;}
#pro_listbox p{ font-size:1.15em; line-height:1.6em; color:#666666; margin:0; padding-bottom:16px; float:left;}
#Pro_ListTitle {
	font-size: 18px;
	font-weight: bold;
	color: #3366CC;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px dotted #EB85A0;
	background: url(../images/+.gif) no-repeat 0px 7px;
	position: static;
}
#Pro_ListTitle a, #Pro_ListTitle a:link, #Pro_ListTitle a:visited, #Pro_ListTitle a:active {
	color: #6699FF;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 3px;
	display: block;
}

#Pro_ListTitle a:hover {
	color: #336699;
	text-align: left;
	vertical-align: baseline;
	text-decoration: underline;
	background: #DDEBF4;
	margin: 0px;
	padding: 3px;
	display: block;
}


.Content {
	margin: 10px 0px 0px;
	padding: 10px 15px 10px 20px;
	text-align: left;
	vertical-align: baseline;
	color: #666666;
	font: 1em/1.8em "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
}
#zoom {
	width: 720px;
}
#Title {
	color: #3366CC;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 10px;
	padding: 3px 3px 1px;
	font: bold 18px/1.8em "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
}
#Title a:link, #Title a:visited, #Title a:active, #ListTitle a, #ListTitle a:link, #ListTitle a:visited, #ListTitle a:active {
	color: #6699FF;
	white-space: nowrap;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	display: block;
}
#Title a:hover, #ListTitle a:hover {
	color: #336699;
	white-space: nowrap;
	text-align: left;
	vertical-align: baseline;
	text-decoration: underline;
	background: #DDEBF4;
	margin: 0px;
	padding: 0px;
	display: block;
}
#Date {
	font-size: 12px;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 15px;
	padding: 5px 5px 5px 3px;
	background: #F7F7F7;
	border-bottom: 1px solid #999999;
}
.PostDate {
	font-size: 13px;
	color: #999999;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 0px;
	padding: 0px;
	display: block;
	line-height: 1.2em;
	border-top: 1px dotted #999999;

	letter-spacing: 1px;
}


.Poster {
	font-size: 13px;
	color: #669900;
	text-align: left;
	vertical-align: baseline;
	margin: 5px 0px 0px;
	padding: 0px;
}
.InsideList_Link {
	text-align: left;
	vertical-align: baseline;
	margin: 15px 0px 10px;
	padding: 0px 0px 5px 15px;
	border-bottom: 1px solid #BEE7DB;
	border-left: 5px solid #BEE7DB;
}
#InsideList{
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}
#InsideList a {
	text-align: left;
	vertical-align: baseline;
	margin: 15px 0px 10px;
	padding: 0px 5px 5px 15px;
	border-bottom: 1px solid #BEE7DB;
	border-left: 5px solid #BEE7DB;
	display: block;
}
#InsideList a:hover {
	background: #E7F5EF;
	text-align: left;
	vertical-align: baseline;
	margin: 15px 0px 10px;
	padding: 0px 5px 5px 15px;
	border-bottom: 1px solid #FF99CC;
	border-left: 5px solid #FF99CC;
	display: block;
}
.InsideList {
	text-align: left;
	vertical-align: baseline;
	margin: 15px 0px 10px;
	padding: 0px 0px 5px 15px;
	border-bottom: 1px solid #BEE7DB;
	border-left: 5px solid #BEE7DB;	/*font: 15px/1.6em "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;*/
}
.InsideList ol {
	padding-left: 1.5em;
}
#ListTitle {
	color: #3366CC;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px dotted #669900;
	background: url(../images/+.gif) no-repeat 5px 10px;
	font: bold 1.6em/1.8em "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
}

#ListPoster {
	font-size: 0.85em;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 0px 20px;
	padding: 0px 5px 0px 3px;
	background: #F7F7F7;
}
#List_Content {
	padding:5px 0px 0px 20px;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	font-family: "新細明體", "細明體", "微軟正黑體", Arial, Helvetica, Verdana;
}
#List_Content ul {
	margin: 0px 0px 0px 1em;
	padding: 0px;
}
#List_Content li {
	margin: 0.5em 0px 1.5em;
	padding: 0px;
	color: #666666;
}
.InsidePostContent {
	font-size: 13px;
	line-height: 1.8em;
	color: #000000;
	text-align: left;
	vertical-align: baseline;
	margin: 15px 0px;
	padding: 0px;
}
#RightBlock_List {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	background: #FFFFFF;
}

#MsgPost {
	font-size: 13px;
	line-height: 1.6em;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	margin: 10px 0px 0px;
	padding: 0px 0px 10px;
}
.MsgBlockContent a {
	display: block;
	width: 100%;
}
.MsgBlockContent a:hover{
	background: #E7F5B4;
	display: block;
	width: 100%;
}
#MsgBlock {
	background: #E1F7F2;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#MsgContent {
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 5px 20px;
	border-right: 2px solid #96cee0;
	border-left: 2px solid #96cee0;
	color: #354F4E;
}
.MsgBlockContent {
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 5px 10px;
	border-right: 2px solid #59a8ed;
	border-left: 2px solid #59a8ed;
}

.MsgFooter {
	font-size: 13px;
	color: #669900;
	text-align: right;
	vertical-align: baseline;
	margin: 0px;
	padding: 13px 15px 0px 0px;
	background: url(../images/Msg_Bottom_Main.gif) repeat-x left top;
	word-spacing: 1em;
	letter-spacing: 1px;
}
#MsgCommented, #MsgCommented_Guess {
	margin: 0px;
	padding: 0px;
}
#MsgCommented {
	background: #FFFFFF;
	text-align: left;
	vertical-align: baseline;
	width: 100%;
}
#MsgCC {
	margin: 0px;
	padding: 0px 15px;
	border-right: 2px solid #96cee0;
	border-left: 2px solid #96cee0;
}
#MsgCC a {
	color: #3366CC;
	text-decoration: underline;
}
#MsgCC a:hover {
	color: #000000;
	text-decoration: underline;
}
#MsgCC .Title {
	font-size: 15px;
	color: #666666;
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 10px;
	line-height: 1.6em;
	white-space: nowrap;
}
#MsgCC #Login_UiD {
	font-size: 13px;
	margin: 0px 1em 0px 0px;
	padding: 0px;
}
#MsgAdmCommented {
	margin: 0px 0px 2em;
	padding: 6px 0px 0px;
	background: url(../images/Arrow_Gray_UP.gif) no-repeat;
}
#MsgAdmCommented table {
	margin: 0px;
	padding: 5px;
	border: 1px dotted #999999;
	background: #F0FBF9;
}
#MsgAdmPost {
	font-size: 13px;
	line-height: 1.6em;
	color: #333399;
	text-align: left;
	vertical-align: baseline;
	border-bottom: 1px dotted #999999;
}

#Msg_LoginBlock {
	font-size: 13px;
	margin: 9px auto 0px 0px;
	padding: 0px;
}

#Msg_Go {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 100%;
}
#Msg_Go a {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 200px;
	background: url(../images/Msg_Go_tw.gif) no-repeat;
	display: block;
}
#Msg_Go a:hover {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 200px;
	background: url(../images/Msg_Go_on_tw.gif) no-repeat;
	display: block;
}

#MainBlockContent {
	font-size: 15px;
	font-weight: bold;
	color: #FF6699;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#MainBlockContent a:link, #MainBlockContent a:visited, #MainBlockContent a:active {
	color: #3366CC;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px 0px 5px 1.5em;
	padding: 0px 0px 0px 3px;
	border-bottom: 1px dotted #FF99FF;
}

#MainBlockContent a:hover {
	color: #FFFFFF;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px 0px 5px 1.5em;
	padding: 0px 0px 0px 3px;
	border-bottom: 1px dotted #FF99FF;
	background: #6699FF;
}

#Event_Join {
	color: transparent;
	margin: 0px;
	padding: 0px;
}
#Event_Join a {
	color: transparent;
	background: url(../images/Join_tw.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 87px;
	display: block;
}
#Event_Join a:hover {
	color: transparent;
	background: url(../images/Join_tw.gif) no-repeat left -29px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 87px;
	display: block;
}
#Event_Paper {
	vertical-align: baseline;
	margin: 20px 0px 5px;
	padding: 0px;
	font-weight: bold;
	color: #666666;
}
#Event_Paper a{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	background: #FFFFFF;
	color: #6633CC;
	vertical-align: baseline;
	font-weight: normal;
}
#Event_Paper a:hover{
	margin: 0px 10px 0px 0px;
	padding: 0px;
	background: #FFFFFF;
	color: #000000;
	text-decoration: underline;
	vertical-align: baseline;
	font-weight: normal;
}
#EventBlock {
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 25px;
	padding: 0px;
	color: #000000;
}
.EventBlockTitle {
	font-weight: bold;
	color: #666666;
	margin: 10px 0px 3px;
	padding: 0px 0px 0px 3px;
	border-left: 3px solid #FF99CC;
	border-bottom: 1px solid #FF99CC;
	display: block;
}
.EventBlockContent {
	color: #666666;
	margin: 7px 10px 0px 0px;
	padding: 0px;
	text-align: left;
	vertical-align: baseline;
	font-weight: normal;
	display: inline;
}
#Event_Teacher, #Event_Date, #Event_Place, #Event_Contact {
}
#Event_Report {
	color: transparent;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}
#Event_Report a {
	color: transparent;
	background: url(../images/Event_Report_tw.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 87px;
	display: block;
}
#Event_Report a:hover {
	color: transparent;
	background: url(../images/Event_Report_tw.gif) no-repeat left -31px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 87px;
	display: block;
}
#Event_Album  {
	text-align: right;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	display: block;
}
#Event_Album a {
	color: transparent;
	background: url(../images/Event_Album_tw.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 87px;
	display: block;
}
#Event_Album a:hover {
	color: transparent;
	background: url(../images/Event_Album_tw.gif) no-repeat left -31px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 87px;
	display: block;
}
#Event_AlbumTitle {
	font-size: 16px;
	font-weight: bold;
	color: #6699FF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: baseline;
}
#Event_AlbumTotal {
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: baseline;
}
#Event_AlbumList {
	margin: 25px 0px;
	padding: 0px;
}
#Event_AlbumList a, #Event_AlbumList a:link, #Event_AlbumList a:visited, #Event_AlbumList a:active {
	color: #3366CC;
	vertical-align: baseline;
	display: block;
}

#Event_AlbumList a:hover {
	color: #FF6699;
	vertical-align: baseline;
	display: block;
}

#AlbumPiC {
	margin: 0px;
	padding: 0px 5px;
	border-top: 0px solid #8fb8ff;
	border-right: 2px solid #8fb8ff;
	border-bottom: 0px solid #8fb8ff;
	border-left: 2px solid #8fb8ff;
}

#AlbumPiC1 {
	margin: 0px;
	padding: 0px 5px;
	border-top: 0px solid #8fb8ff;
	border-right: 2px solid #8fb8ff;
	border-bottom: 0px solid #8fb8ff;
	border-left: 2px solid #8fb8ff;
}

#AlbumPiC_List {
	margin: 0px;
	padding: 10px 0px 25px;
}
#AlbumPiC img {
	margin: 10px;
	padding: 0px;
}
#AlbumTitle {
	font-size: 15px;
	font-weight: bold;
	color: #6666FF;
	margin: 0px;
	padding: 0px;
}
#TotalPiC {
	font-size: 13px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#AlbumPiC_Block {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
}
#AlbumPiC_Block1 {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	height:165px;
}
#AlbumPiC_info {
	font-size: 13px;
	color: #000000;
	margin: 0px;
	padding: 0px 10px;
	text-align: left;
	vertical-align: baseline;
}
#AlbumPiC_Views {
	margin: 0px;
	padding: 0px;
}
#AlbumPiC_Views img {
	margin: 0px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
#AlbumPiC_ViewsBar {
	margin: 0px;
	padding: 5px;
	width: 705px;
	border: 1px solid #999999;
	text-align: center;
	vertical-align: baseline;
}
#AlbumPiC_ViewsBar img {
	margin: 0px 10px;
	padding: 2px;
	width: 80px;
	border: 1px solid #CCCCCC;
	cursor: pointer;	
}
/* ----------------------------------------------------end of內頁樣式------------------------------------------------------- */


/* ----------------------------------------------------會員登入樣式------------------------------------------------------- */
#Login {
	color: #666666;
	background: #98D5EB;
	margin: 0px;
	padding: 0px;
}
#LoginBlock {
	text-align: left;
	vertical-align: baseline;
	margin: 0px 15px;
	padding: 0px;
}
.Login_Title {
	text-align: center;
	vertical-align: top;
	margin: 0px 0px 15px;
	padding: 2px 0px 0px;
	background: #4298CC;
	border: 1px solid #E1E1E1;
}
.LoginInput {
	font-size: 16px;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	margin: 5px 0px 0px;
	padding: 2px;
	width: 24em;
	border-top: 1px solid #333333;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #A4A4A4;
}
#LoginBtn {
	margin: 0px 0px 20px 15px;
	padding: 0px;
}
#LoginBtn a {
	background: url(../images/Login_BTN.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 118px;
	display: block;
}
#LoginBtn a:hover {
	background: url(../images/Login_BTN.gif) no-repeat left -38px;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 118px;
	display: block;
}
/*#ForgetPW {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#ForgetPW a {
	background: url(../images/Login_ForgetPW.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 118px;
	display: block;
}
#ForgetPW a:hover {
	background: url(../images/Login_ForgetPW.gif) no-repeat left -38px;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 118px;
	display: block;
}*/
#LoginUiD {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #666666;
}
#LoginPassWord {}

#Register {
	color: #666666;
	background: #E8F4BB;
	margin: 0px;
	padding: 0px;
}
.Register_Title {
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background: #7CC459;
}
.RegisterTitle {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background: #D6E897;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	width: 100px;
	white-space: nowrap;
	border-bottom: 1px solid #CCCCCC;
}
.RegisterContent {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 0px 1em;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
}
#RegisterBlock {
	text-align: left;
	vertical-align: baseline;
	margin: 10px 15px 0px;
	padding: 0px;
	font-size: 15px;
	color: #333333;
}
#RegisterBlock td {
	margin: 0px;
	padding: 2px 5px 10px 10px;
}
#RegisterBlock .PS {
	font-size: 14px;
	line-height: 1.6em;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#RegisterBlock .Text {
	font-size: 15px;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 10px 0px 0px;
	padding: 2px;
	border-top: 1px solid #333333;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #A4A4A4;
}

#Register_Notice {
	margin: 10px 0px 3px;
	padding: 3px 5px;
	width: 650px;
	border-top: 1px solid #333333;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	text-align: left;
	vertical-align: baseline;
	background: #FFFFFF;
}
#ForgetForm {
	background: #333333;
	color: #EEEEEE;
	text-align: left;
	vertical-align: baseline;
}

#ForgetForm a {
	color: #66CCFF;
}
#ForgetForm a:hover {
	color: #66FF99;
	text-decoration: underline;
}
#ForgetForm_Content {
	margin: 0px;
	padding: 10px 15px 0px;
}
/* ----------------------------------------------------end of會員登樣式------------------------------------------------------- */


#LeftBlock {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #33a7ec;
	border-left: 1px solid #33a7ec;
	border-right: 3px solid #33a7ec;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 200px;
}
#MainBlock {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 20px;
	border-right: 1px solid #33a7ec;
	border-top: 1px solid #33a7ec;
}
#RightBlock {
	border-left: 2px solid #33a7ec;
	border-right: 1px solid #33a7ec;
	background: #FFFFFF;
	width:203px;
	margin: 0px;
	padding: 0px 0px 20px;
}
#Print {}
#SendFriend {}

#VideoiTem {
	background: #F7F7F7;
	text-align: center;
	vertical-align: baseline;
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#IQ_Block {
	background: #FFECEF;
	margin: 15px 0px 0px;
	padding: 10px;
	border: 1px solid #999999;
}
#IQ_Block ol {
	margin: 0px;
	padding: 0px 0px 0px 2em;
}
#IQ_Block  li {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style: decimal outside;
	color: #333333;
}
#IQ_BlockTitle {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#IQ_Options {
	font-weight: normal;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	margin: 0px 0px 15px;
	padding: 0px 0px 5px;
	border-bottom: 1px dashed #E283AE;
}
#IQ_Options .Accuracy {
	font-weight: bold;
	color: #FF6699;
}
.IQ_Submit {
	text-align: center;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}
#eCard_List{
	margin: 10px 0px 20px;
	padding: 0px;
}

#eCardBlock {
	margin: 0px;
	padding: 0px 10px;
	border-top: 0px solid #8fb8ff;
	border-right: 2px solid #8fb8ff;
	border-bottom: 0px solid #8fb8ff;
	border-left: 2px solid #8fb8ff;
	cursor: pointer;
}

#eCardList_Title {
	font-size: 16px;
	font-weight: bold;
	color: #FF6699;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border-bottom: 1px dashed #CCCCCC;
	text-align: left;
	vertical-align: baseline;
}
#eCardList_Content {
	text-align: left;
	vertical-align: baseline;
}
#eCardList_PiC {
	margin: 0px 10px 0px 0px;
	padding: 2px;
	width: 120px;
	border: 1px solid #CCCCCC;
}
eCard_Edit {
	margin: 10px 0px 20px;
	padding: 0px;
}
#eCard_PiC {
	margin: 10px 0px;
	padding: 3px;
	border: 1px solid #FF6699;
	width: 480px;
}
#eCardEditBlock{
	margin: 0px;
	padding: 0px 10px;
	border-top: 0px solid #8fb8ff;
	border-right: 2px solid #8fb8ff;
	border-bottom: 0px solid #8fb8ff;
	border-left: 2px solid #8fb8ff;
}
.eCardForm_Title {
	text-align: right;
	vertical-align: top;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	width: 100px;
}
.eCardForm_Content {
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
}
#eCardForm {
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	background: #FFFFFF;
}
#eCardForm_Table {
	margin: 0px auto;
	padding: 20px 0px 0px;
	text-align: center;
	vertical-align: top;
	background: #F0F0F0;
	width: 490px;
	border: 1px dotted #999999;
}
#eCardForm_Table td {
	margin: 0px;
	padding: 0px 0px 15px;
}
#eCard_Subject, #eCard_Name, #eCard_MailFrom, #eCard_NameTo, #eCard_MailTo, #eCard_VerifyCode {
	color: #333333;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 2px;
}
#eCard_Subject, #eCard_Name, #eCard_MailFrom, #eCard_NameTo, #eCard_MailTo {
	width: 24em;
}

#eCard_Textarea {
	font-size: 15px;
	color: #333333;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 2px;
	width: 24em;
	height: 8em;
}
#eCardPreview{
	margin: 0px;
	padding: 0px auto 1.5em;
	border-top: 0px solid #8fb8ff;
	border-right: 2px solid #8fb8ff;
	border-bottom: 0px solid #8fb8ff;
	border-left: 2px solid #8fb8ff;
	text-align: center;
}
#eCard_SubjectTitle {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 10px;
	padding: 2px;
	background: #6699FF;
}
#eCard_Uname {
	color: #333333;
	text-align: right;
	vertical-align: baseline;
	background: #FFD2D2;
	margin: 0px;
	padding: 0px 5px;
}
#eCard_Content {
	text-align: left;
	vertical-align: baseline;
	margin: 0px auto 0px;
	padding: 0px;
	width: 490px;
	position: relative;
}
#Cognition_Title {
}
#Cognition_Title .Float_Right{
	padding: 0px;
	float: right;
	clear: right;
	margin-top: -82px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#Cognition_Content {
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 35px 1.8em 0px 1.8em;
	border: 3px solid #E4E4E4;
}
#Cognition_Content .CCimg {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	display: block;
}
#Cognition_Content img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
#Cognition_Content td {
	text-align: justify;
	vertical-align: top;
}
.TD_Padding {
	margin: 0px;
	padding: 0.3em 1em 0.2em;
}
#Cognition_Content .Yellow {
	display: block;
	margin: 2em 0px;
	padding: 0px;
	border: 2px solid #FFFF00;
}
#Resources {}
#ResourcesBlock {
	margin: 0px;
	padding: 5px;
	font-size: 1em;
	text-align: left;
	vertical-align: baseline;
	line-height: 1.6em;
}
#ResourcesBlock table {
	margin: 0px;
	padding: 5px;
	width: 100%;
}
#ResourcesBlock td {
	margin: 0px;
	padding: 5px 10px 0px 0px;
	border-bottom: 1px dotted #FFAAFF;
	text-align: left;
	vertical-align: top;
}
#ResourcesBlock tr {
}
#Resources_Title {
	width: 350px;
	padding-right: 10px;
}
#Resources_TEL {
	width: 200px;
}
#Resources_Address {
	width: 160px;
}
#Resources ol {
	margin: 0px;
	padding: 0px 0px 0px 1.6em;
}
#Resources li {
	margin: 0px 0px 8px;
	padding: 0px;
	list-style: decimal outside;
}
#RC_Block_01 a, #RC_Block_02 a, #RC_Block_03 a, #RC_Block_04 a, #RC_Block_05 a, #RC_Block_06 a, #RC_Block_07 a {
	color: #3366FF;
	cursor: pointer;
	display: block;
}
#RC_Block_01 a:hover, #RC_Block_02 a:hover, #RC_Block_03 a:hover, #RC_Block_04 a:hover, #RC_Block_05 a:hover, #RC_Block_06 a:hover, #RC_Block_07 a:hover {
	color: #FFFFFF;
	background: #6699FF;
	display: block;
}
#RC_01, #RC_02, #RC_03, #RC_04, #RC_05, #RC_06, #RC_07 {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: baseline;
	cursor: pointer;
	display: block;
	padding: 5px 10px;
}

#RC_01 a:hover, #RC_02 a:hover, #RC_03 a:hover, #RC_04 a:hover, #RC_05 a:hover, #RC_06 a:hover, #RC_07 a:hover {
	color: #000000;
	text-decoration: underline;
	display: block;
	margin: 0px;
	padding: 5px 0px;
}
#RC_Block_01, #RC_Block_02, #RC_Block_03, #RC_Block_04, #RC_Block_05, #RC_Block_06, #RC_Block_07 {
	margin: 0px;
	padding: 15px 10px 5px;
}
#RC_01 {
	background: #3778FF;
}
#RC_02 {
	background: #E1680F;
}
#RC_03 {
	background: #5C7E0E;
}
#RC_04 {
	background: #E4526B;
}
#RC_05 {
	background: #994BC2;
}
#RC_06 {
	background: #E0A936;
}
#RC_07 {
	background: #999900;
}

#RC_Block_01 {
	border: 2px solid #3778FF;
	background: url(../images/Arrow_Under_01.gif) no-repeat -1px 0px;
	#background: url(../images/Arrow_Under_01.gif) no-repeat 0px 0px;
	_background: url(../images/Arrow_Under_01.gif) no-repeat -1px 2px;
}
#RC_Block_02 {
	border: 2px solid #E1680F;
	background: url(../images/Arrow_Under_02.gif) no-repeat 88px 0px;
	#background: url(../images/Arrow_Under_02.gif) no-repeat 88px 0px;
	_background: url(../images/Arrow_Under_02.gif) no-repeat 90px 2px;
}
#RC_Block_03 {
	border: 2px solid #5C7E0E;
	background: url(../images/Arrow_Under_03.gif) no-repeat 178px 0px;
	#background: url(../images/Arrow_Under_03.gif) no-repeat 178px 0px;
	_background: url(../images/Arrow_Under_03.gif) no-repeat 180px 2px;
}
#RC_Block_04 {
	border: 2px solid #E4526B;
	background: url(../images/Arrow_Under_04.gif) no-repeat 268px 0px;
	#background: url(../images/Arrow_Under_04.gif) no-repeat 268px 0px;
	_background: url(../images/Arrow_Under_04.gif) no-repeat 270px 2px;
}
#RC_Block_05 {
	border: 2px solid #994BC2;
	background: url(../images/Arrow_Under_05.gif) no-repeat 358px 0px;
	#background: url(../images/Arrow_Under_05.gif) no-repeat 358px 0px;
	_background: url(../images/Arrow_Under_05.gif) no-repeat 360px 2px;
}
#RC_Block_06 {
	border: 2px solid #E0A936;
	background: url(../images/Arrow_Under_06.gif) no-repeat 456px 0px;
	#background: url(../images/Arrow_Under_06.gif) no-repeat 456px 0px;
	_background: url(../images/Arrow_Under_06.gif) no-repeat 458px 2px;
}
#RC_Block_07 {
	border: 2px solid #999900;
	background: url(../images/Arrow_Under_07.gif) no-repeat 553px 0px;
	#background: url(../images/Arrow_Under_07.gif) no-repeat 553px 0px;
	_background: url(../images/Arrow_Under_07.gif) no-repeat 555px 2px;
}
/* ----------------------------------------------------會員註冊樣式------------------------------------------------------- */
#VoteForm {
	margin: 0px 0px 25px;
	padding: 0px;
}
#Vote_Show {
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	background: #869EB0;
	font-size: 1em;
	color: #666666;
}
#Vote_Show h1, #OldVote h1 {
	font-size: 1em;
	font-weight: bold;
	color: #3366FF;
	text-align: left;
	vertical-align: baseline;
	width: 320px;
}
#Vote_Show td {
	margin: 0px;
	padding: 2px 5px;
}
#Vote_Show #Title {
	font-size: 1em;
	color: #000000;
	text-align: left;
	vertical-align: top;
	border-width: 0px;
	font-weight: normal;
}
#OldVote #Title {
	font-size: 1em;
	color: #000000;
	text-align: left;
	vertical-align: top;
	border-width: 0px;
	font-weight: normal;
}
#Vote_Show .Bar, #OldVote .Bar {
	width: 200px;
}
#Vote_Show .Bar img, #OldVote .Bar img {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	border: 0px;
}
#Vote_Show .even, #OldVote .even {
	background: #F2F2F2;
}
#Vote_Show .odd, #OldVote .odd {
	background: #E6E6E6;
}
#Vote_Total {
	color: #6633CC;
	width: 80px;
	text-align: right;
	vertical-align: baseline;
	white-space: nowrap;
}
#Vote_Date {
	width: 190px;
}
#OldVote #Status {
	width: 100px;
}

#OldVote {
	margin: 0px;
	padding: 0px;
	background: #CCCCCC;
}
#OldVote td {
	margin: 0px;
	padding: 0px 5px;
	vertical-align: baseline;
}
#OldVote #OVT img {
	cursor: pointer;
	margin-top: 5px;
}
#OldVote #OVT {
	width: 16px;
}
#OVT_01, #OVT_02, #OVT_03, #OVT_04, #OVT_05, #OVT_06, #OVT_07, #OVT_08, #OVT_09, #OVT_10 {
	margin: 0px 0px 25px;
	padding: 0px;
}

#BackTOP {
	text-align: right;
	display: block;
	margin: 0px 20px;
	padding: 0px;
}
#BackTOP a {
	background: url(../images/BackTOP.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 48px;
	line-height: -999px;
	clear: right;
	float: right;
}
#BackTOP a:hover {
	background: url(../images/BackTOP_on.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 48px;
	line-height: -999px;
	clear: right;
	float: right;
}


.category{ font-weight:bold; color:#666666;}

#SendBlock {
	position: relative;
	width: 640px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align: left;
	background: #FFFFFF;
}
.Send_TOP {}
#SiteMap {
	font-size: 1em;
	font-weight: normal;
	color: #999999;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 10px;
	padding: 0px;
}

#SiteMap td {
	margin: 0px;
	padding: 5px 0px ;
	text-align: left;
	vertical-align: top;
}

#SiteMap h1 {
	font-size: 1em;
	font-weight: bold;
	color: #757575;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 1px 5px;
	width: 240px;
	background: #FFFFFF;
	border-left: 3px solid #FF6699;
	border-top: 1px solid #FF6699;
	border-right: 1px solid #FF6699;
	border-bottom: 1px solid #FF6699;
}
#SiteMap h1 a, #SiteMap h1 a:link, #SiteMap h1 a:visited, #SiteMap h1 a:active {
	color: #000000;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 0px;
}

#SiteMap h1 a:hover {
	color: #FF6699;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 0x;
}
#SiteMap h2 {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 200px;
	border-top: 1px solid #9DBDFF;
	background: #FFFFFF;
}
#SiteMap h2 a, #SiteMap h2 a:link, #SiteMap h2 a:visited, #SiteMap h2 a:active {
	color: #3366FF;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 1px 5px;
	border-left: 3px solid #9DBDFF;
	border-top: 0px solid #9DBDFF;
	border-right: 1px solid #9DBDFF;
	border-bottom: 1px solid #9DBDFF;
}

#SiteMap h2 a:hover {
	color: #FF6699;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 1px 5px;
	border-left: 3px solid #2F73FF;
	border-top: 0px solid #9DBDFF;
	border-right: 1px solid #9DBDFF;
	border-bottom: 1px solid #2F73FF;
}
#SiteMap h3 {
	font-size: 1em;
	color: #666666;
	text-align: left;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 200px;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
}
#SiteMap h3 a, #SiteMap h3 a:link, #SiteMap h3 a:visited, #SiteMap h3 a:active {
	color: #6699FF;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 1px 5px;
	border-left: 3px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#SiteMap h3 a:hover {
	color: #FF6699;
	vertical-align: baseline;
	display: block;
	margin: 0px;
	padding: 1px 5px;
	border-left: 3px solid #666666;
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
}
#SiteMap .drop {
	background: url(../images/drop_arrow.gif) no-repeat 98% 8px;
}
.Prevent_CCBlock {
	border-top: 7px solid #C9EBF8;
	margin-top: 1em;
}
#Building {
	background: url(../images/Building_BG_Main.gif);
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
#Prop_A, #Prop_B, #Prop_C, #Prop_D, #Prop_E, #Prop_F, #Prop_G {
	background: #FFFF00;
	margin: 1.5em 0px;
	padding: 0px;
}
.Cursor_Pointer {
	cursor: Pointer;
	font-weight: bold;
}
.Cursor_Pointer a {
	color: #46A9D9;
	display: block;
}
.Cursor_Pointer a:hover {
	color: #FFFFFF;
	background: #46A9D9;
}