@charset "utf-8";
/* CSS Document */

body {margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;	color: #333333;	font-size: 80%;	background-color: #72b0c1;line-height: 155%; background-image:url(../images/bg_flower.gif); background-position:center;}
div.hakka_div{width:980px; margin:0px auto; overflow: hidden; clear: both;}
/*div.hakka_banner{width:980px;margin:0px auto;}
div.hakka_mainbg{width:980px;	margin:0px auto;overflow: hidden;background-image: url(../images/banner01.jpg);background-repeat: no-repeat;	background-position: left top;background-color: #fff;overflow: hidden;clear: both;}*/

div.hakka_nav{text-align: right;width:950px;color: #3082A5;margin-top:3px;	font-size: 95%;	filter: Glow(Color=#ffffff, Strength=2);letter-spacing: 1px;}
div.hakka_nav a {	color: #3082A5;	text-decoration: none;}
div.hakka_nav a:link {color: #3082A5;text-decoration: none;}
div.hakka_nav a:visited {color: #3082A5;text-decoration: none;}
div.hakka_nav a:hover {color: #FF6600;text-decoration: none;}

div.index_fla{ width:100%; }
div.index_visitors{ width:202px; color: #32647a; font-size: 100%; margin-top:455px;}
div.index_main{width:961px;overflow: hidden;clear: both; margin:auto; color:#fff;}
div.index_main_in01 {width:278px; background-image:url(../images/index/index_main_11.gif); background-position:left top; background-repeat:no-repeat; margin:auto;}
div.index_main_in01_frame {width:100%; height:200px; background-image:url(../images/index/index_frame_17.gif); background-position:bottom right; background-repeat:no-repeat; overflow:hidden;}
div.index_main_in01_frame_map {width:188px;height:167px;margin:18px 11px 0px 0px; *margin:18px 5px 0px 0px; float:right; text-align:center;}
div.index_main_in02 {width:270px; background-image:url(../images/index/index_main_13.gif); background-position:left top; background-repeat:no-repeat; margin:auto;}
div.index_main_in02_frame {width:270px; height:163px; background-image:url(../images/index/index_frame_20.gif); background-position:top right; background-repeat:no-repeat; overflow:hidden;}
div.index_main_in02_frame_photo {width:180px;height:135px;margin:12px 12px 0px 0px; *margin:12px 5px 0px 0px; float:right; text-align:center; }
div.index_main_video {width:650px; height:185px; overflow:hidden; background-image:url(../images/index/index_main_47.gif); background-position:right bottom; background-repeat:no-repeat;}
div.index_main_video_in {width:187px; height:167px; background-image:url(../images/index/index_main_41.gif); background-position:top left; background-repeat:no-repeat; margin:0px 0px 12px 70px;}
div.index_main_photo { width:120px; height:90px; margin:8px 0px;}

div.index_footer{margin:15px auto 5px auto;font-size: 92%;*font-size: 88%;line-height: 165%;}







/*
div.hakka_urlPath{
	margin:150px 0px 0px 0px;
	font-size: 90%;
}
div.hakka_search{
	position: absolute;
	margin:110px 0px 0px 535px;
*margin:150px 0px 0px 270px;	font-size: 90%;
}





/*div.hakka_mainbg{background-image: url(../images/main_bg.jpg);background-repeat: no-repeat;	background-position: left top;	overflow: hidden;clear: both;}*/
/*
div.hakka_mainL{float:left;	width:206px;}
div.hakka_logo{width:196px;margin:0px auto;height:70px;}
div.hakka_mainR{float:right;width:770px;margin:}
div.hakka_member{width:180px;margin:2px 10px 0px 18px;text-align: center;color: #fff; font-size: 90%;	}
div.hakka_search01{border: 1px dashed #D3C0A4;padding:8px;margin:10px 0px;vertical-align: top;}
div.hakka_ban{width:196px;margin:15px auto 0px auto;}
div.hakka_ban img{margin:3px auto;}
div.hakka_footer{background: url(../images/footer_bg.gif) no-repeat left top;height:118px;margin:5px auto;font-size: 92%;	*font-size: 88%;	line-height: 165%;}
table.hakka_footer{color:#575757;width:auto;margin:20px 10px 0px 40px;*margin:20px 10px 0px 50px;}
div.spacer {clear: both;margin: 0px;padding: 0px;}
P ,SPAN ,div{WORD-BREAK: break-all;}*/


/* link CSS Document */
a img{border:0;}

div.hakka a{color: #000000;	text-decoration: none;}
div.hakka a:link {color: #000000;text-decoration: none;}
div.hakka a:visited {color: #000000;text-decoration: none;}
div.hakka a:hover {	color: #cc0000;	text-decoration: none;}

div.hakka_ban a{color: #666;text-decoration: none;background-color: #FFFFFF;}
div.hakka_ban a:link {color: #666;text-decoration: none;background-color: #FFFFFF;}
div.hakka_ban a:visited {color: #666;text-decoration: none;background-color: #FFFFFF;}
div.hakka_ban a:hover {	color: #cc0000;	text-decoration: none;background-color: #FFFFFF;}


div.hakka_member table{ background:url(../images/index/test_bg.gif) no-repeat center center; color:#85807e;}
div.hakka_member a{color: #0F4984;	text-decoration: none;}
div.hakka_member a:link {color: #0F4984;text-decoration: none;}
div.hakka_member a:visited {color: #0F4984;text-decoration: none;}
div.hakka_member a:hover {	color: #fffeee;	text-decoration: none;}

div.hakka_footer a{color: #116388;	text-decoration: none;}
div.hakka_footer a:link {color: #116388;text-decoration: none;}
div.hakka_footer a:visited {color: #116388;text-decoration: none;}
div.hakka_footer a:hover {	color: #cc0000;	text-decoration: none;}



div.hakka_urlPath a{	color: #666;	text-decoration: none;	font-size: 95%;	}
div.hakka_urlPath a:link {color: #666;text-decoration: none;	font-size: 95%;	 }
div.hakka_urlPath a:visited {color: #666;text-decoration: none;	font-size: 95%;	}
div.hakka_urlPath a:hover {color:  #c00;text-decoration: none;	font-size: 95%;	}

div.hakkaweb a{	color: #006699;	text-decoration: none;}
div.hakkaweb a:link {color: #006699;text-decoration: none;}
div.shakkaweb a:visited {color: #006699;text-decoration: none;}
div.hakkaweb a:hover {color: #c62b2b;text-decoration: underline;}

div.hakka_other a{	color: #575757;	text-decoration: none;}
div.hakka_other a:link{color: #575757;text-decoration: none;}
div.hakka_other a:visited{color: #575757;text-decoration: none;}
div.hakka_other a:hover{color: #c62b2b;text-decoration: none;}

.more a{color: #707070;text-decoration: none;font-size:85%;}
a.more:link{color: #707070;text-decoration: none;font-size:85%;}
a.more:visited{color: #707070;text-decoration: none;font-size:85%;}
a.more:hover{color: #333333;text-decoration: none;font-size:85%;}

div.hakka a.more02{color: #ff4800;text-decoration: none;}
div.hakka a.more02:link{color: #ff4800;text-decoration: none;}
div.hakka a.more02:visited{color: #ff4800;text-decoration: none;}
div.hakka a.more02:hover{color: #cc0000;text-decoration: none;}

/* font CSS Document*/
.textstyle_01 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffa800;line-height: 120%;font-size: 105%;font-weight: bold;}
.textstyle_02 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #68ca15;}
.textstyle_03 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #ff3f3f;}
.textstyle_04 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #8B2200;font-size: 115%}
.textstyle_05 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #333;}
.textstyle_06 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #f03e00;}
.textstyle_07 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #3b70ac;}
.textstyle_08 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #33a814;}
.textstyle_09 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #EB6B6A;}
.textstyle_10 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffa800;}
.textstyle_11 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #014563;font-weight: bold; font-size:110%;}
.textstyle_12 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #32647a;}
.textstyle_13 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #C1DAE7;}



/* font link CSS Document*/
.word01 {color:#ff3389;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word01 a{color:#ff3389;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word01 a:link{color:#ff3389;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word01 a:visited{color:#ff3389;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word01 a:hover{color: #fff;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}

.word02 {color:#3b70ac;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word02 a{color:#3b70ac;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word02 a:link{color:#3b70ac;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word02 a:visited{color:#3b70ac;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word02 a:hover{color: #c00;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}

.word03 {color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word03 a{color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word03 a:link{color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word03 a:visited{color:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.word03 a:hover{color: #fff;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}

.linestyle01{border:#fff 1px solid;}


/* other CSS Document*/
select, input{ font-size: 100%;margin:3px 0px}
div.but {position: absolute;margin: 212px 0px 0px 0px;}

/* 熱門收藏 */
div.hot {}
div.hotT {margin-top:6px}
table.hot{
	width:90%;background-color: #ffffff;margin: 5px auto;}
table.hot td{
	width:30%;
	text-align: center;
}
table.hot img{
	width:52px;height:52px;
	background-color: #ffffff;
	margin:6px 3px;
	border:0px;
	
}
table.hot a {FILTER: Gray}
table.hot a IMG { filter:alpha(opacity:70)  gray ;}
table.hot a:hover IMG{filter:alpha(opacity:100) ;}

table.hot a:hover{}