@charset "utf-8";
/* 基本設定 */
body{ display:block;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;position:relative;}
a{ text-decoration:none; color:#666666}
a:hover{filter:alpha(opacity=50); /* IE */-moz-opacity:0.5; /* Moz + FF */opacity: 0.5; }

/* 最上方選單 */
#TOP_MENU{ display:block; background-image:url(../images/top_bg.gif); height:39px; position:relative;}
#TOP_MENU h2 a{ display:block; background-image:url(../images/index_01.gif); width:339px; height:37px; text-indent:-9999px;}
#SELECT_COLOR{display:block; width:60px;position:absolute;left: 348px;top:14px;}
#SELECT_COLOR li{ display:block;float:left; padding-left:2px;height:12px; line-height:12px;}
#SELECT_COLOR li .color1 a{ display:block; background-image:url(../images/box_color_1.gif);text-indent:-9999px; width:12px; height:12px;}
#SELECT_COLOR li .color2 a{ display:block; background-image:url(../images/box_color_2.gif);text-indent:-9999px; width:12px; height:12px;}
#SELECT_COLOR li .color3 a{ display:block; background-image:url(../images/box_color_3.gif);text-indent:-9999px; width:12px; height:12px;}
#SELECT_COLOR li .color4 a{ display:block; background-image:url(../images/box_color_4.gif);text-indent:-9999px; width:12px; height:12px;}
#SELECT_COLOR li a:hover{ background-position:bottom left;}
#SELECT_COLOR .color1 { display:block; background-image:url(../images/box_color_1.gif);background-position: left;text-indent:-9999px;width:12px; height:12px;background-position:top right;}
#SELECT_COLOR .color2 { display:block; background-image:url(../images/box_color_2.gif);background-position: left;text-indent:-9999px;width:12px; height:12px;background-position:top right;}
#SELECT_COLOR .color3 { display:block; background-image:url(../images/box_color_3.gif);background-position: left;text-indent:-9999px;width:12px; height:12px;background-position:top right;}
#SELECT_COLOR .color4 { display:block; background-image:url(../images/box_color_1.gif);background-position: left;text-indent:-9999px;width:12px; height:12px;background-position:top right;}
#TOP_L_MENU{ display:block; position:absolute; top:0; right:10px; line-height:39px;}
#TOP_L_MENU li{ float:left;}
#TOP_L_MENU li a{ display:block; background-image:url(../images/top_menu.gif); background-position:left; background-repeat:no-repeat; color:#c0d5d5; padding:0 5px 0 10px;}
#TOP_L_MENU li a:hover{ color:#FFFFFF}

/* 頁首 */
#HEADER{ display:block; background-image:url(../images/top_logo_bg_1.gif); }
#HEADER_BG{ display:block; width:970px; height:230px; background-image:url(../images/top_logo_1.gif); margin:auto;position:relative}
#HEADER_BG h1 { display:block; width:221px; height:71px; }
#SEARCH{ display:block;  position:absolute; top:30px; right:10px;}
#SEARCH li{ float:left;}
#SEARCH input{ display:block; background-image:url(../images/search_01.gif);height:20px; width:145px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; border:#999999 1px solid; background-repeat:no-repeat; padding-left:35px; padding-top:6px}
#SEARCH li a{ display:block; background-image:url(../images/search_03.gif); line-height:26px; padding:0 5px 0 5px; color:#FFFFFF;border:#999999 1px solid;}
*html #SEARCH li a{  margin-top:1px}
*+html #SEARCH li a{  margin-top:1px}
#SEARCH li a:hover{ background-color: #CCCCCC; color:#006666; background-image:none}

#HEADER_BG1{ display:block; width:970px; height:190px; background-image:url(../images/top_logo_2.gif); margin:auto;position:relative}
#HEADER_BG1 h1 { display:block;  width:221px; height:71px; }

/* 位置列 */
#POS{ display:block; background-image:url(../images/pos_bar.gif); line-height:37px; }
#POS_WORD{ display:block;width:970px;line-height:37px; margin: auto; color:#000;position:relative;}

/* 工具列 */
#TOOLBAR{display:block;	position:absolute; right:140px;top:12px;line-height:19px;color:#000;	width:350px;}
#TOOLBAR li{ float:left; padding:0 2px 0 2px;}
.tool_mail a{ display:block; background-image:url(../images/icon_mail.gif); padding-left:15px; color:#333333; background-repeat:no-repeat; background-position:left 3px;}
.tool_print a{ display:block; background-image:url(../images/icon_print.gif); padding-left:15px; color:#333333; background-repeat:no-repeat;background-position:left 3px;}
.word_size_s a{ display:block; background-image:url(../images/word_size_01.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_m a{ display:block; background-image:url(../images/word_size_02.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_b a{ display:block; background-image:url(../images/word_size_03.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_sb a{ display:block; background-image:url(../images/word_size_04.gif); width:17px; height:19px; text-indent:-9999px;}

/* 最外框 */
#WARPPER{ display:block; width:970px; margin: auto; padding:15px 0 15px 0; position:relative}




/* 左邊 */
#MAIN_RIGHT{ display:block; width:190px; float:left; }
#ZOOM_TOOL{ display:block; width:190px; height:40px; margin-bottom:5px; background-image:url(../images/zoom_bg.gif)}
#ZOOM_TOOL li{ float:left;}
#PEOPLE_MENU{ display:block; background-image:url(../images/r_box01.gif); width:180px; padding:35px 5px 10px 5px; overflow:auto; line-height:18px;}
#PEOPLE_MENU img{ display:block; padding:0 5px 5px 0; float:left;}
#HOT_NEWS {display:block; background-color:#E7F8FA; }
#HOT_NEWS ul{ display:block;padding:0 10px 0 15px}
#HOT_NEWS li a{ display:block; border-bottom:#999999 1px dotted; line-height:18px;padding:5px 0 5px 0; width:165px;}
#MOVIEPLAYER{display:block; background-color:#E7F8FA;}
#MOVIEPLAYER ul{ display:block;padding:0 10px 0 15px}
#MOVIEPLAYER li a{ display:block; height:35px;border-bottom:#999999 1px dotted; line-height:15px;padding:5px 0 5px 0;}
#MOVIEPLAYER li img{ display:block; width:30px; height:30px; padding-right:5px; float:left}

/* 內容 */
#CONTENT{ display:block; margin:0 0 0 205px; height:1%; padding-top:40px; line-height:18px;}


/*海外風信子*/
#M_T1{ display:block;background-image:url(../images/title_01.gif); margin:auto; background-repeat: repeat-x;}
#M_T1 h3{ display:block; background-image:url(../images/title_01_t.gif); width:136px;line-height:45px; text-indent:-9999px; }
#M_T1 li a{ display:block; background-image: url(../images/point_01.gif); background-position:left 10px; padding:10px 5px 10px 20px; border-bottom:#CCCCCC 1px dotted; background-repeat:no-repeat;}
#M_T1 li a:hover{ background-color:#ccc; color:#000}

/*客家人客家事*/
#M_T2{ display:block;background-image:url(../images/title_02.gif); margin:auto; background-repeat:repeat-x; margin-top:5px;}
#M_T2 h3{ display:block; background-image:url(../images/title_02_t.gif); width:136px;line-height:45px; text-indent:-9999px; }
.main_t1{ display:block; color:#006699; font-family:SimHei, Verdana, "Times New Roman", Arial; font-size:15px; padding:10px;}
.main_word1{ display:block; line-height:20px; color:#999999;padding:0 10px;}

/*客家部落*/
#M_T3{display:block;background-image:url(../images/title_03.gif); margin:auto; background-repeat:repeat-x; margin-top:5px; position:relative;height:180px;}

#M_T3 h3{ display:block; background-image:url(../images/title_03_t.gif); width:94px;height:45px; text-indent:-9999px; }
#M_T3 .MAP_LIST ul{position:absolute;left:100px;top: 12px;}
#M_T3 .MAP_LIST li{ float:left; line-height:30px; font-size:12px;}
#M_T3 .MAP_LIST li a{ display:block; padding:2px 10px 0 10px;  color:#666666;}
#M_T3 .MAP_LIST li a:hover{ color:#fff}
#M_T3 .M_T3box li{ float: left}
#M_T3 .M_T3box img{ display:block; width:70px;height:60px; float:left; padding:0 2px 10px 2px}
#M_T3 .M_T3box li p{ padding-top:15px;}
#M_T3 .M_T3box li a{ display:block; width:170px;}
#M_T3 .MAP_LIST .box{display:block; text-align:center;padding:2px 10px 0 10px; width:40px; filter:alpha(opacity=80); /* IE */-moz-opacity:0.8; /* Moz + FF */opacity: 0.8;background-image:url(../images/main_bg.gif);}

/*相關資訊*/
#M_T4{ display:block;background-image:url(../images/title_04.gif); margin:auto; background-repeat:repeat-x; margin-top:5px;position:relative;height:180px; }
#M_T4 h3{ display:block; background-image:url(../images/title_04_t.gif); width:94px;height:45px; text-indent:-9999px; }
#M_T4 .BANNER_list li{ float:left; padding:0 3px 10px 2px}
#M_T4 .BANNER_list img{ display:block; width:122px; height:52px; }
#M_T4 .BANNER_list li a{ display:block;  border:#333333 1px solid;}
#M_T4 .BANNER_list li a:hover{ border: #FF6600 1px solid;}

.MAIN_ALIST{ display:block; background-image:url(../images/main_bg.gif); padding:0 10px 10px 10px; overflow:auto;}
.RUGHT_WORD{ display:block; padding-right:10px;float:right;}



/* 右邊 */
#MAIN_LEFT{ display:block; width:190px; padding-top:110px;float:right;}
#MAIN_LEFT1{ display:block; width:190px; padding-top:40px;float:right;}

/* 會員登入 */
#LOGIN_BOX{	display:block;	background-image:url(../images/login_bg.gif);width:190px;height:210px;position:absolute;right:0;top:-95px;  font:15px  Verdana, "Times New Roman", Arial,SimHei ; color:#fff; }
#LOGIN_BOX h3{ display:block; background-image:url(../images/login_bg_t.gif); width:190px;height:35px; text-indent:-9999px;}
#LOGIN_BOX li a{ font-size:12px; color:#FFFFFF;}
#LOGIN_BOX li a:hover{ color: #FFCC00;}
#LOGIN_BOX li{ display:block;line-height:25px; padding:0 0 0 16px;font-size:12px;}

#LOGIN_BOX1{	display:block;	background-image:url(../images/login_bg.gif);width:190px;height:165px;position:absolute;right:0;top:-120px;  font:15px  Verdana, "Times New Roman", Arial,SimHei ; color:#fff; }
#LOGIN_BOX1 h3{ display:block; background-image:url(../images/login_bg_t.gif); width:190px;height:35px; text-indent:-9999px;}
#LOGIN_BOX1 li a{ font-size:12px; color:#FFFFFF;}
#LOGIN_BOX1 li a:hover{ color: #FFCC00;}
#LOGIN_BOX1 li{ display:block;line-height:15px; padding:0 0 0 16px; font-size:12px}
#LOGIN_BUTTON1 a{	display:block;	background-image:url(../images/login_button1.gif);	width:80px;	height:40px;	text-indent:-9999px;	position:absolute;	top:110px;	left: 16px;}

.INBOX input{ width:105px;border:0;height:17px;line-height:20px;color:#006666; font:12px  Arial ; padding:3px 0 0 5px}
.INBOX2 input{ width:65px;border:0;height:24px;line-height:27px;color:#006666; font:15px  Arial ; margin-left:10px;padding:3px 0 0 5px}
#LOGIN_BUTTON a{display:block;background-image:url(../images/login_button1.gif);width:80px;	height:40px;text-indent:-9999px;position:absolute;top:160px;left: 16px;}

#LOGOUT_BUTTON a{display:block;background-image:url(../images/login_button1.gif);width:80px;	height:40px;text-indent:-9999px;position:absolute;top:160px;left: 16px; background-position:bottom}
#LOGOUT_BUTTON1 a{	display:block;	background-image:url(../images/login_button1.gif);	width:80px;	height:40px;	text-indent:-9999px;	position:absolute;	top:110px;	left: 16px;background-position:bottom}


#JOIN {	display:block;	position:absolute;	right:32px;top: 105px;}
#JOIN li{line-height:20px;}
#JOIN a{font:12px  Verdana, "Times New Roman", Arial,SimHei ; color:#fff;}

/* 問卷票選 */
#QUEST{ display:block; background-image:url(../images/l_box_02.gif); width:190px; background-color:#fdfefc; background-repeat:no-repeat; margin-bottom:20px;}
#QUEST h3{ display:block; background-image:url(../images/l_box_02_t.gif); width:190px;height:35px; text-indent:-9999px;}
#QUEST li{display:block;line-height:20px; padding:0 10px 0 16px;}
#QUEST .BUTTON a{display:block;background-image:url(../images/button_01.gif);width:83px;height:26px;text-indent:-9999px; margin:5px 0 0 15px;}
#QUEST .t1{ display:block; color:#006699;  font-size:12px; padding:5px 10px 5px 10px;}

/* 精選相簿 */
#HAKKA_PHOTO{display:block; background-image:url(../images/index_31.gif); width:190px;  background-repeat:no-repeat; margin-bottom:10px;}
#HAKKA_PHOTO h3{display:block; background-image:url(../images/index_31_t.gif); width:100px;height:35px; text-indent:-9999px; margin-bottom:10px;}
#HAKKA_PHOTO .photo img{ display:block; width:170px; margin:auto; border:#fff 1px solid; margin-bottom:5px;}
#HAKKA_PHOTO .photo a{ display:block; width:190px;}
#HAKKA_PHOTO .photo p{display:block; width:190px; text-align:center; font:15px SimHei, Verdana, "Times New Roman", Arial; color:#333333}


#HAKKA_ACTION{display:block; background-image:url(../images/index_37.gif); width:190px;  background-repeat:no-repeat; margin-bottom:10px; }
#HAKKA_ACTION h3{display:block; background-image:url(../images/index_37_t.gif); width:190px;height:35px; text-indent:-9999px;margin-bottom:10px;}
#HAKKA_ACTION img{ display:block; width:170px;border:#fff 1px solid;}
#HAKKA_ACTION a{ display:block; width:170px; margin:auto;padding-bottom:10px;}

/* 頁尾 */
#FOOTER{ display:block; background-image:url(../images/down_bg_1.gif); height:140px; padding:0 10px 0 10px; font-size:11px; color:#fff; width:950px; margin:auto; position:relative;}
#FOOTER li{ float:left;}
#FOOTER li a{ display:block; background-image:url(../images/top_menu.gif); background-position:left; background-repeat:no-repeat; color:#fff; padding:0 5px 0 10px; line-height:30px;}
#FOOTER li a:hover{ color:#003333}


/* 清除float */
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.LINE_S{ display:block; background-image:url(../images/l_box_down.gif); background-repeat:repeat-x;line-height:10px; text-indent:-9999px;}
.LINE_S1{display:block; width:700px; height:10px; border-bottom:#CCCCCC 1px dotted; text-indent:-9999px;}
.LINE_S2{display:block; width:580px; height:10px; margin-bottom:5px; border-bottom:#CCCCCC 1px dotted; text-indent:-9999px;}
.MORE a{ display:block; background-image:url(../images/more_icon.gif); width:28px;line-height:7px; text-indent:-9999px;}
.MORE1 a{ display:block; background-image:url(../images/more_icon1.gif); margin:15px 10px 0 0 ;width:45px;line-height:12px; text-indent:-9999px; float:right; }
.MORE2 a{ display:block; font-family: Verdana, "Times New Roman", Arial; font-size:12px; font-weight:bold; color:#996600;}


/*左邊抬頭*/
.main_r1{display:block; background-image: url(../images/main_t_01.gif); width:160px; height:34px; line-height:34px; font-family:SimHei, Verdana, "Times New Roman", Arial; font-size:15px; padding-left:30px; color:#fff}
.main_r2{display:block; background-image: url(../images/main_t_02.gif); width:160px; height:34px; line-height:34px; font-family:SimHei, Verdana, "Times New Roman", Arial; font-size:15px; padding-left:30px; color:#fff}
.main_r3{display:block; background-image: url(../images/main_t_03.gif); width:160px; height:34px; line-height:34px; font-family:SimHei, Verdana, "Times New Roman", Arial; font-size:15px; padding-left:30px; color:#fff}
.main_r4{display:block; background-image: url(../images/main_t_04.gif); width:160px; height:34px; line-height:34px; font-family:SimHei, Verdana, "Times New Roman", Arial; font-size:15px; padding-left:30px; color:#fff}
.main_r5{display:block; background-image: url(../images/main_t_05.gif); width:160px; height:34px; line-height:34px; font-family:SimHei, Verdana, "Times New Roman", Arial; font-size:15px; padding-left:30px; color:#fff}
.RIGHT_T { display:block; padding:5px 15px 10px 20px; background-color:#f2f5f4;}
.RIGHT_T li a{ display:block; background-image:url(../images/point_01a.gif); background-repeat:no-repeat; line-height:16px; font-size:15px; padding:5px 0 5px 20px; border-bottom:#CCCCCC 1px dotted; background-position:left 5px}
.RIGHT_T li a:hover{ color:#000}
.RIGHT_T1 { display:block; padding:5px 10px 5px 10px; background-color:#f2f5f4;}
.RIGHT_T1 li a{ display:block; border-bottom:#999999 1px dotted; line-height:18px;padding:5px 0 5px 0; width:165px;}
.RIGHT_T2 { display:block; padding:5px 10px 10px 10px; background-color:#f2f5f4;}
.RIGHT_T2 li { display:block; background-image: url(../images/bl_02.gif); background-repeat:no-repeat; line-height:20px; font-size:12px; padding:5px 0 5px 18px; border-bottom:#CCCCCC 1px dotted; background-position:3px 10px}

/*內容標題*/
#MAIN_TITLE h4{	display:block;	position:absolute;	font:bold 25px  "微軟正黑體",SimHei; color:#999;top: 15px;}
#MAIN_LISTBAR{display:block;position:absolute;right:180px;top:10px;width:300px; font-size:12px; line-height:15px;}
#MAIN_LISTBAR li{ float:left; padding-left:5px;}

#MAIN_LISTBAR1{display:block;position:absolute;right:200px;top:15px;width:300px; font-size:12px; line-height:15px;}
#MAIN_LISTBAR1 li{ float: right; padding-left:5px;}

.LISTBAR1 a{ display:block; width:35px; height:35px; background-image:url(../images/top_con_list_01.gif); text-indent:-9999px; m}
.LISTBAR1 a:hover{ background-position:bottom;}
.LISTBAR2 a{ display:block; width:35px; height:35px; background-image:url(../images/top_con_list_02.gif); text-indent:-9999px;}
.LISTBAR2 a:hover{ background-position:bottom;}
.LISTBAR1d { display:block; width:35px; height:35px; background-image:url(../images/top_con_list_01.gif); text-indent:-9999px;background-position:bottom;}
.LISTBAR2d { display:block; width:35px; height:35px; background-image:url(../images/top_con_list_02.gif); text-indent:-9999px;background-position:bottom;}

/*進階搜尋*/
#M_SEARCH{  background-image:url(../images/m_super.gif); padding-top:5px;height:35px; padding-left:120px; margin-bottom:5px;width:640px !important;}
#M_SEARCH li{ float:left; padding-left:10px;}
#M_SEARCH input{ display:block; width:100px;height:20px; line-height:20px; border:#CCCCCC 1px solid; padding:2px;}
#M_SEARCH select{ display:block; height:27px; line-height:27px; border:#CCCCCC 1px solid;padding:2px;width:150px;}

/*影片搜尋*/
#M_SEARCH1{ display:block; background-image:url(../images/m_super2.gif); padding-top:5px;height:35px; padding-left:120px; margin-bottom:5px;}
#M_SEARCH1 li{ float:left; padding-left:10px;}
#M_SEARCH1 input{ display:block; width:150px;height:20px; line-height:20px; border:#CCCCCC 1px solid; padding:2px;}
#M_SEARCH1 select{ display:block; height:27px; line-height:27px; border:#CCCCCC 1px solid;padding:2px;}

/*所有搜尋*/
#M_SEARCH2{ display:block;  line-height:35px;padding-top:7px;height:33px; padding-left:10px; margin-bottom:5px;width:700px;}
#M_SEARCH2 li{ float:left; padding-left:5px;}
#M_SEARCH2 input{ display:block; width:150px;height:20px; line-height:20px; border:#CCCCCC 1px solid; padding:2px;}
#M_SEARCH2 select{ display:block; height:27px; line-height:27px; border:#CCCCCC 1px solid;padding:2px;}

.M_SEARCH3{ display:block;  line-height:35px;padding-top:7px;height:33px; padding-left:10px; margin-bottom:5px;width:700px;}
.M_SEARCH3 li{ float:left; padding-left:5px;}



.button a{ display:block; background-image:url(../images/search_icon02.gif); width:54px; height:26px; color:#fff; text-align:center; line-height:26px;}
.button a:hover{ border:solid 1px #FFFFFF;}
.button1 a{ display:block; background-image: url(../images/search_03.gif);width:110px;  height:26px; color:#fff; text-align:center; line-height:26px; padding:1px 10px 1px 10px}

/*內容列表*/
.M_TALL{ display:block; background-image:url(../images/m_title04.gif); background-repeat:repeat-x;padding:10px 10px 0 0; width:755px;}
*html .M_TALL{ width:750px;}
.M_TALL h3{ display:block; height:32px;  font: 15px "微軟正黑體",SimHei; color:#666; padding-left:20px;}

.M_TALL_LIST { display:block; padding:0 0px 20px 0px;}
.M_TALL_LIST  a{ color: #339900}
.M_TALL_LIST  a:hover{ color: #FF9900;}
.M_TALL_LIST img{ display:block; width:100px;height:75px; padding:0 10px 10px 0; float:left;overflow:auto}
.l_show{ display:block; float:right; background-image:url(../images/sicon_011.gif); font-size:12px;line-height:15px; padding-left:20px; background-repeat:no-repeat; color:#669900}
.l_show1{ display:block; float:right; background-image:url(../images/guide.gif); font-size:12px;line-height:15px; padding-left:20px; background-repeat:no-repeat; color:#669900;  margin-right:10px;}
.M_TALL_LIST th{ background-image: url(../images/search_03.gif); line-height:25px; padding:5px 5px 5px 10px; color:#FFFFFF} 
.M_TALL_LIST td{padding:5px 5px 5px 5px; border:#CCCCCC 1px dotted}
.T_OPEN a{ display:block; background-image:url(../images/i_01.gif); width:14px; height:14px; text-indent:-9999px; line-height:14px}
.T_CLOSE a{ display:block; background-image:url(../images/i_02.gif); width:14px; height:14px; text-indent:-9999px; line-height:14px}

.M_TALL_LIST2 { display:block; padding:0 20px 5px 20px; overflow:auto}
.M_TALL_LIST2 p{ display:block; padding-bottom:10px; text-indent:1em}
.M_TALL_LIST2 img{ display:block;  float:left;} /* width:200px; padding:0 10px 10px 0;overflow:auto */
.l_show{ display:block; float:right; background-image:url(../images/sicon_011.gif); font-size:12px;line-height:15px; padding-left:20px; background-repeat:no-repeat; color:#669900}

.M_TALL_LIST3 { display:block; padding:0 20px 5px 20px; overflow:auto}
.M_TALL_LIST3 p{ display:block; padding-bottom:10px; text-indent:1em}
.BodyText1{  font:15px "微軟正黑體", Verdana, "Times New Roman", Arial ; color: #FF6600}
.NewHandolText  li{ list-style:decimal inside; margin-left:10px; font-size:15px; padding:10px 0 10px 0;}
.NewHandolText img{ display:block; margin-bottom:20px; }
.AboutolText img{ display:block;}

.l_back { display:block; padding:2px 10px 10px 15px; height:30px; color:#999999; width:720px;}
.l_back a{ color: #993300}
.l_back a:hover{ color: #FF9900}
.l_back li{ float: left; padding:0 2px 0 2px; background-image:none;}
.l_show2{ display:block;  background-image:url(../images/site1.gif);  padding-left:15px; background-repeat:no-repeat; color:#669900}

.M_TALL1{ display:block; background-image:url(../images/m_title05.gif); background-repeat:repeat-x;padding:10px 10px 0 10px; width:745px;}
*html .M_TALL1{ width:735px;}
.M_TALL1 h3 a{ display:block;   font: 15px "微軟正黑體",SimHei; color:#666; }
.M_TALL1 h3 a:hover{ color: #FF6600; }
.M_TALL1 h3 { display:block;   font: 15px "微軟正黑體",SimHei; color:#FF6600 }

.M_TALL1 li{ display:block; background-image:url(../images/bot01.gif); padding:10px 0 0 30px; border-bottom:#CCCCCC 1px dotted; background-repeat:no-repeat; background-position:left 10px;}
.M_TALL1 li .l_back { display:block; padding:2px 10px 0 0;  color:#999999; width:700px;}
.M_TALL1 li .l_back li{ float: left; padding:0 2px 0 2px; background-image:none; border:none}

.M_TALL2{ display:block; background-image:url(../images/m_title05.gif); background-repeat:repeat-x;padding:10px 10px 0 10px; width:745px;}

.M_TALL3{ display:block; background-image:url(../images/m_title05.gif); background-repeat:repeat-x; padding:20px 10px 0 10px; width:745px;}
*html .M_TALL3{ width:735px;}
.M_TALL3 h3 { display:block;   font: 15px "微軟正黑體",SimHei; color: #333399; padding:5px 0 5px 0}
.M_TALL3 li{ display:block; background-image:url(../images/bot02.gif); padding:0 0 0 45px; border-bottom:#CCCCCC 1px dotted; background-repeat:no-repeat;margin-bottom:10px;}
.M_TALL3 li .l_back { display:block; padding:2px 10px 0 0;  color:#999999; width:600px;}
.M_TALL3 li .l_back li{ float: left; padding:0 2px 0 2px; background-image:none; border:none}
.M_TALL3  a{ color: #339900}
.M_TALL3  a:hover{ color: #FF9900}



.TABLE_BOX{ display:block; padding:0 0px 10px 0px;}
.TABLE_BOX ul{ display:block;padding-top:10px;}
.TABLE_BOX li{ float:left; line-height:25px;padding-left:10px;}
.TABLE_BOX input{ display:block; width:180px; padding:5px; font-size:12px}
.TABLE_BOX textarea{ display:block; width:550px; height:150px;padding:5px;font-size:12px}
#jump_page{display:block; height:30px; text-align:center; background-image:url(../images/top_bg.gif); color:#FFFFFF; padding-top:5px; font-size:12px;width:740px;}
#jump_page a{color:#FFFFFF}
#jump_page a:hover{color: #CCCCCC}

.AboutText h5{ display:block; color: #336666; font:bold 15px Verdana, "Times New Roman", Arial; padding:10px 0 2px 0; margin-bottom:5px; border-bottom:#CCCCCC 1px dotted;}
.AboutText h6{ display:block; color:#006666;font: 15px Verdana, "Times New Roman", Arial; padding:5px 0 5px 15px; background-image: url(../images/new_head.gif); background-position:left 7px; background-repeat:no-repeat;}
.AboutText li{ display:block; padding:0 0 5px 10px; }
.AboutText li ol li{display:block; margin-left:10px;padding:0 0 0 10px; background-image:url(../images/car_main_bulet.gif);background-position:left 7px; background-repeat:no-repeat;}

/*哈客寫真*/
#PHOTO_LIST{ display:block; padding:0 5px 10px 10px; overflow:auto}
#PHOTO_LIST li{ float:left; padding:5px; width:170px; height:230px;}
#PHOTO_LIST a{ display:block; background:url(../images/e_photo.gif); width:170px; height:120px; padding:7px 0 0 4px;}
#PHOTO_LIST img{ display:block; width:140px; margin:auto;}
.PHOTO_BOX{ display:block; padding:0 5px 0 10px; font-size:12px;}
.PHOTO_BOX h3{ display:block; color:#006633; font:bold 12px Verdana, "Times New Roman", Arial; border-bottom:#CCCCCC 1px dotted; padding:2px 0 2px 0; height:auto}
#PHOTO_LIST_MAIN{ display:block; padding:0 10px 10px 10px; overflow:auto}
#PHOTO_LIST_MAIN li{ float:left; padding:5px; width:170px; height:230px;}
#PHOTO_LIST_MAIN a{ display:block;}
#PHOTO_LIST_MAIN img{ display:block; width:140px;border:#CCCCCC 1px dotted; padding:5px; margin:auto;}

#PHOTO_LIST_SHOW img{ display:block;border:#CCCCCC 1px dotted; padding:5px; margin:auto; }
#PHOTO_LIST_SHOW{ display:block; background-image:url(../images/m_title04.gif); background-repeat:repeat-x;padding:10px 10px 0 0; width:755px;}
*html #PHOTO_LIST_SHOW{ width:750px;}
#PHOTO_LIST_SHOW h3{ display:block; height:32px;  font: 15px "微軟正黑體",SimHei; color:#666; padding-left:20px;}
#PHOTO_LIST_SHOW p{ display: block; padding:5px; color:#003366}


/*哈客放映室 */
#MOVIE_LIST{ display:block; padding:0 5px 10px 10px; overflow:auto}
#MOVIE_LIST li{ float:left; padding:5px; width:170px; height:230px;}
#MOVIE_LIST a{ display:block; background:url(../images/bot04.gif); width:174px; height:117px; padding:10px 0 0 0;}
#MOVIE_LIST img{ display:block; width:140px; margin:auto;}

#MOVIE_LIST_SHOW img{ display:block;border:#CCCCCC 1px dotted; padding:5px; margin:auto; }
#MOVIE_LIST_SHOW{ display:block; background-image:url(../images/m_title04.gif); background-repeat:repeat-x;padding:10px 10px 0 0; width:755px;}
*html ##MOVIE__LIST_SHOW{ width:750px;}
#MOVIE_LIST_SHOW h3{ display:block; height:32px;  font: 15px "微軟正黑體",SimHei; color:#666; padding-left:20px;}
#MOVIE_LIST_SHOW p{ display: block; padding:5px; color:#003366}


/*社團搜尋*/

.M_GROUP{ display:block; background-image:url(../images/m_title04.gif); background-repeat:repeat-x;padding:10px 10px 20px 0; width:755px;overflow:auto;}
*html .M_GROUP{ width:750px; }
.M_GROUP h3{ display:block; height:32px;  font: 15px "微軟正黑體",SimHei; color:#666; padding-left:20px;}
.M_GROUP img{ display:block; width:150px;  float:left}
.M_GROUP_LIST{display:block; margin-left:160px; }
.M_GROUP_LIST li a{  color: #993300}
.M_GROUP_LIST  a:hover{ color: #FF9900}
.GROUP_back{ display:block; padding:5px 0 10px 0; font-size:12px; line-height:15px;}
.GROUP_back li{ float:left; padding-right:5px;}
.M_GROUPPOINT{display:block; background-image:url(../images/red_icon.gif); background-repeat:no-repeat; padding-left:10px;}

/*電子賀卡*/
#CARD_LIST_MAIN{ display:block; padding:0 10px 10px 10px; overflow:auto}
#CARD_LIST_MAIN li{ float:left; padding:5px; width:170px; height:160px;}
#CARD_LIST_MAIN a{ display:block;}
#CARD_LIST_MAIN img{ display:block; width:140px;border:#CCCCCC 1px dotted; padding:5px; margin:auto;}
#CARD_LIST_MAIN h3{ display:block; text-align:center; font-size:12px; font-weight:bold; color:#FF6600}


/*20090619小吳新增*/
.l_show1{ display:block; float:right; background-image:url(../images/guide.gif); font-size:12px;line-height:15px; padding-left:20px; background-repeat:no-repeat; color:#669900;  margin-right:10px;}
.oklist li a{ display:block; background-image:url(../images/cloth.gif); background-repeat:no-repeat; margin:0 5px 0 5px; padding:0 0 0 15px; line-height:20px; background-position:left 5px; border-bottom:#CCCCCC 1px dotted;}