@charset "utf-8";

/* ------------------首頁內容主視覺區----------------- */
#MAIN{	display:block; margin:auto;	background: #FFFFFF url(../images/keyIMG_bg.gif) no-repeat left top;}
#MAIN .keyVisual{ display:block; border-left:1px solid #33a7ec; margin-top:6px; }

/* ---------------------首頁中間內容區----------------------- */
/* 中間內容容器定義 */
#WRAPPER {
	border-right: 1px solid #33a7ec;
	border-top: 1px solid #33a7ec;
}

#MainBlockMenu {
	margin: -19px 0px 0px;
	padding: 0px;
	display: block;
	position: absolute;
}
#CONTENT{
	margin: 0px;
	padding: 0px;
	width: 550px;
}

/* 活動前線 活動報導 活動相簿 */
#CONTENT_EVENT {
	display:block;
	margin:70px 0px 0px;
	font-size:15px;
	padding: 0px;
}
#CONTENT_EVENT  a img { padding: 4px; border:1px solid #b7c4cb; background-color:#FFFFFF; float:left;}
#CONTENT_EVENT  a:hover img { border:1px solid #FCFF00; background-color:#FCFF00;}
#CONTENT_EVENT  .title{
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 10px;
	line-height:24px;
	color:#333333;
	padding: 0px;
}
#CONTENT_EVENT  .title a{ color:#333333;text-decoration:none; }
#CONTENT_EVENT  .title a:hover{ text-decoration:underline; }
#CONTENT_EVENT  .pointout{
	line-height:24px;
	margin: 0px;
	padding: 0px 20px;
}
#CONTENT_EVENT  .pointout a{ color:#333333;text-decoration:none; }
#CONTENT_EVENT  .pointout a:hover{ text-decoration:underline; }
#CONTENT_EVENT  .linkfull { color:#fe6600; line-height:24px; }
#CONTENT_EVENT  .linkfull a{ color:#fe6600;text-decoration:none; }
#CONTENT_EVENT  .linkfull a:hover{ text-decoration:underline; }
#CONTENT_EVENT_LIST { display:block; width:480px; margin-left:16px; margin-top:20px; border-top:1px solid #dddddd;}
#CONTENT_EVENT_LIST ul{ margin-bottom:0; }
#CONTENT_EVENT_LIST ul li{border-bottom: #376fb5 1px dotted;	padding:8px 0; list-style-image: url(../images/dot.gif);}
#CONTENT_EVENT_LIST ul li a{display:block;text-decoration:none;}
#CONTENT_EVENT_LIST ul li a:hover{display:block;text-decoration: underline;	color:#000000;}
#CONTENT_EVENT_LIST .date{ float:right; font-size:12px; color:#666666;}
#CONTENT_EVENT .more { font-size:15px; margin-left: 420px; margin-top:6px;}
#CONTENT_EVENT .more a{ color:#000000;}
#CONTENT_EVENT .more a:hover{ color:#ff6600; }

#EVENT_TITLE1, #EVENT_TITLE2, #EVENT_TITLE3 {
	width:183px;
	height:64px;
	margin:0px;
	padding:0px;
}

#EVENT_TITLE1 a{display: block;margin:0;padding:0;width:100%; height:100%;background-image:url(../images/tab_eventlistout_tw.gif);background-position:top left;background-repeat:no-repeat;}
#EVENT_TITLE1 a:hover{background-image:url(../images/tab_eventlistover_tw.gif);}
#EVENT_TITLE1 a.active{background-image:url(../images/tab_eventliston_tw.gif);}

#EVENT_TITLE2 a{display: block;margin:0;padding:0;width:100%; height:100%;background-image:url(../images/tab_eventnewsout_tw.gif);background-position:top left;background-repeat:no-repeat;}
#EVENT_TITLE2 a:hover{background-image:url(../images/tab_eventnewsover_tw.gif);}
#EVENT_TITLE2 a.active{background-image:url(../images/tab_eventnewson_tw.gif);}

#EVENT_TITLE3 a{display: block;margin:0;padding:0;width:100%; height:100%;background-image:url(../images/tab_eventpicout_tw.gif);background-position:top left;background-repeat:no-repeat;}
#EVENT_TITLE3 a:hover{background-image:url(../images/tab_eventpicover_tw.gif);margin:0;padding:0;}
#EVENT_TITLE3 a.active{background-image:url(../images/tab_eventpicon_tw.gif);margin:0;padding:0;}

#CONTENT_EVENT_PIC {
	display:block;
	margin:70px 0px 0px;
	font-size:15px;
	text-align: center;
	vertical-align: baseline;
	padding: 0px;
}
#CONTENT_EVENT_PIC .more {
	font-size:15px;
	text-align: right;
	vertical-align: baseline;
	margin: 10px 0px 0px;
	padding: 0px 25px 0px 0px;
}
#CONTENT_EVENT_PIC .more a{ color:#000000;}
#CONTENT_EVENT_PIC .more a:hover{ color:#ff6600; }
#EVENT_PHOTOBOOK {
	font-size:13px;
	line-height:21px;
	margin:0px;
	padding: 0px;
}

#EVENT_PHOTOBOOK  a img{ padding:4px; border:1px solid #b7c4cb; margin:5px 0 5px 0; background-color:#FFFFFF;}
#EVENT_PHOTOBOOK  a:hover img{ border:1px solid #FCFF00; margin:5px 0 5px 0; background-color:#FCFF00;}
#EVENT_PHOTOBOOK  .topic{ font-size:15px; font-weight:bold; color:#333333; line-height:30px;}
#EVENT_PHOTOBOOK  p{ padding:5px 8px 5px 8px; text-align:justify;}
#CONTENT .eventtop{ display:block;}
#CONTENT .eventcont{
	display:block;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#CONTENT .eventbottom{ display:block;}

/* 專家說專業 */
#CONTENT h2{
	display:block;
	text-indent:-999999px;
	background: #FFFFFF url(../images/topic_pro_tw.gif) repeat-y left top;
	height:90px;
	margin: 0px;
	padding: 0px;
}
#CONTENT_PRO {
	display:block;
	background: #FFFFFF url(../images/pro_list_body.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 35px 115px;
}
#CONTENT_PRO_LIST {
	display:block;
	margin:0px;
	padding:0px;
	font-size:15px;
	width: 410px;
}
#CONTENT_PRO_LIST table {
	margin:5px 0px 13px;
	padding:0px;
	font-size:15px;
	border-bottom: #45a57a 1px dotted;
}
#CONTENT_PRO_LIST ul{ margin:0px; padding:0px; list-style: none; }
#CONTENT_PRO_LIST ul li{
	border-bottom: #45a57a 1px dotted;
	padding:8px 0px;
	list-style: none;
	list-style-image: url(../images/pluse.gif);
	margin: 0px;
}
#CONTENT_PRO_LIST a{
	display:block;
	text-decoration:none;
	background: url(../images/pluse.gif) no-repeat left 5px;
	padding-left: 15px;
}
#CONTENT_PRO_LIST a:hover{
	display:block;
	text-decoration: underline;
	color:#000000;
	background: url(../images/pluse.gif) no-repeat left 5px;
	padding-left: 15px;
}
#CONTENT_PRO_LIST .date{
	font-size:12px;
	color:#1b905b;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#CONTENT_PRO .more {
	font-size:15px;
	text-align: right;
	vertical-align: baseline;
	margin: 6px 45px 25px 0px;
	padding: 0px;
}
#CONTENT_PRO .more a{ color:#000000;}
#CONTENT_PRO .more a:hover{ color:#ff6600; }

/* 常見問題 */
#CONTENT h3{ display:block; background: #FFFFFF url(../images/topic_QA_tw.gif) repeat-y left top; height:87px; text-indent:-999999px;}
#CONTENT_QA {
	display:block;
	background: #FFFFFF url(../images/QA_list_body.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 70px;
}
#CONTENT_QA_LIST {
	display:block;
	margin-left:67px;
	margin-top:0px;
	font-size:15px;
	padding: 0px;
	margin-bottom: 0px;
	width: 450px;
}
#CONTENT_QA_LIST table {
	margin:5px 0px 13px;
	padding:0px;
	font-size:15px;
	border-bottom: #f23087 1px dotted;
}

#CONTENT_QA_LIST table a{
	display:block;
	text-decoration:none;
	background: url(../images/iconq.gif) no-repeat left 5px;
	padding-left: 15px;
}
#CONTENT_QA_LIST table a:hover{
	display:block;
	text-decoration: underline;
	color:#000000;
	background: url(../images/iconq.gif) no-repeat left 5px;
	padding-left: 15px;
}

/*#CONTENT_QA_LIST ul{ margin-bottom:0; list-style: none; }
#CONTENT_QA_LIST ul li{border-bottom: #f23087 1px dotted; padding:8px 0; list-style-image: url(../images/iconq_tw.gif);}
#CONTENT_QA_LIST ul li a{display:block;text-decoration:none;}
#CONTENT_QA_LIST ul li a:hover{display:block;text-decoration: underline;	color:#000000;}*/
#CONTENT_QA_LIST .date{
	font-size:12px;
	color:#f02869;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#CONTENT_QA  .more {
	font-size:15px;
	text-align: right;
	margin: 20px 0px 0px;
	padding: 0px;
}
#CONTENT_QA  .more a{ color:#000000;}
#CONTENT_QA  .more a:hover{ color:#ff6600; }

/* ---------------------end of首頁中間內容區----------------------- */

/* --------------------------首頁右邊內容區--------------------------- */

/* 右邊內容容器定義 */
#CONTENT_R{
	display:block;
	text-align: left;
	vertical-align: baseline;
}

/* 其他頻道 IQ檢測 希望卡片 影音資料庫 */
#PROMO_PROGRAM1{
	display:block;
	border-top:1px solid #33a7ec;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 10px 0px;
}
#PROMO_PROGRAM1 a, #PROMO_PROGRAM1 a:hover {
	display: block;
	margin: 10px auto;
	padding: 0px;
}
#PROMO_PROGRAM1 ul{ margin:17px auto auto 15px;list-style: none;}
#PROMO_PROGRAM1 li{ margin-bottom:7px;list-style: none;}

/* 線上投票 */
#PROMO_VOTE{ display:block; border-top:1px solid #33a7ec; margin-left:3px ; line-height:18px; }
#PROMO_VOTE  h6{ display:block; background: #FFFFFF url(../images/program_vote_tw.gif) repeat-y left top; height:112px; text-indent:-999999px; }
#PROMO_VOTE .topic{
	margin-top:6px;
	margin-left:15px;
	margin-bottom:20px;
	width:84%;
	font-size: 13px;
}
#PROMO_VOTE  ul{ margin-top:15px;list-style: none;}
#PROMO_VOTE  li{
	margin-bottom:7px;
	list-style: none;
}
#PROMO_VOTE_CHECK { display:block; width:100%;}
#PROMO_VOTE_CHECK  li{ float:right; margin-right:7px;list-style: none;}
#PROMO_VOTE_CHECK .sent a{ display:block; background-image:url(../images/btn_sent_tw.gif); background-position:top; text-indent:-999999px; width:33px; height:18px;}
#PROMO_VOTE_CHECK .sent a:hover{ background-position: bottom;}
#PROMO_VOTE_CHECK .result a{ display:block; background-image:url(../images/btn_result_tw.gif); background-position:top; text-indent:-999999px; width:46px; height:18px;}
#PROMO_VOTE_CHECK .result a:hover{ background-position: bottom;}
/*#PROMO_VOTE_CHECK {
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#PROMO_VOTE_CHECK  li{ float:right; margin-right:7px;list-style: none;}
#PROMO_VOTE_CHECK .sent a{ display:block; background-image:url(../images/btn_sent_tw.gif); background-position:top; text-indent:-999999px; width:33px; height:18px;}
#PROMO_VOTE_CHECK .sent a:hover{ background-position: bottom;}
#PROMO_VOTE_CHECK .result a{
	color: #3333FF;
	margin: 0px;
	padding: 0px;
}
#PROMO_VOTE_CHECK .result a:hover{
	color: #660099;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}
*/

/* 友善連結 廣告區 */
#AD_LINKS {
	display:block;
	border-top:5px solid #fcff00;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 10px 0px 0px 8px;
}
#AD{
	display:block;
	margin:0px;
	color:#b6adad;
	font-size:12px;
	padding: 0px;
}
#AD a, #AD a:hover {
	display: block;
	margin: 5px 0px;
	padding: 0px;
}
#AD li{ margin:6px auto 6px 0;}
#AD img{ border:1px solid #c8cbca;}


/* --------------------------end of首頁右邊內容區--------------------------- */