﻿@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:180px;
	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: 0px 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;
}

