﻿@charset "utf-8";
body,td,th {
	font-size: 12px;
	color: #000000;
	font-family: Arial;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F4F4F4;
}
form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.top_text{font-size: 11px; color:white; letter-spacing : 1pt;}
.main_link{font-size: 12px; color:#660000; letter-spacing : 2pt; vertical-align:middle;}
.iden_link{font-size: 12px; color:#333333; letter-spacing : 1pt; vertical-align:middle;}

.warntxt{font-size: 12px; color:#FF6666; line-height: 18px;}
.boardtxt{font-size: 12px; color:#444444; line-height: 20px;}
.board1txt{font-size: 12px; color:#999999; line-height: 18px;}
.login_text{font-size: 12px; color:#333333;; letter-spacing : 1pt;}
.time_text{font-size: 11px; color:#FF0000; font-family: Arial;}
.viewnums{font-size: 12px; color:#999966; font-family: Arial;}
.typenums{font-size: 11px; color:#339966; font-family: Verdana;}
.cotxt{font-size: 12px; color:#666666; line-height: 18px; font-family: Arial;}
.botxt{font-size: 12px; color:#333333; line-height: 20px; font-family: Verdana;}
.intro{font-size: 12px; color:#666600; line-height: 22px; font-family: Arial;}
.downtxt{font-size: 12px; color:#666666; line-height: 24px; letter-spacing : 1pt;}
.iden_title{font-size: 13px; color:#000000; letter-spacing : 1pt;}
.iden_nums{font-size: 11px; color:#999999; font-family: Arial;}
.memnick1{font-size: 15px; color:#003399; font-family: Arial; letter-spacing : 1pt;}
.memnick2{font-size: 15px; color:#000000; font-family: Arial; letter-spacing : 1pt;}
.helptxt{font-family:"新細明體";font-size:16px;line-height:150%;}
.rulestxt{font-size: 15px; color:#000000; letter-spacing : 1pt;line-height:22px;}
.adpritxt{font-size: 14px; letter-spacing : 1pt;line-height:22px; font-family: Verdana;}
.msntxt{font-size: 12px; color:#0099CC; line-height: 16px;}

.stag {
	COLOR: #e35604; BACKGROUND-COLOR: #ffe3d2
}
.or {
	COLOR: #e35604
}
.t15 {
	FONT-SIZE: 15px; FONT-FAMILY: "Arial","新細明體"
}

.input{
	font-family:Verdana, Arial,sans-serif;
	font-size:12px;
	border: 1px solid #CCCCCC;
	}
.but{
	font-family:Verdana, Arial,sans-serif;
	font-size:12px;
	}

A {
	FONT-SIZE: 12px; TEXT-DECORATION: none
}

.acttop {
	COLOR: #FF6666; TEXT-DECORATION: underline; line-height: 22px;
}
.acttop:hover {
	COLOR: #FF3333; TEXT-DECORATION: underline; line-height: 22px;
}

.actword {
	COLOR: #999999; TEXT-DECORATION: underline; line-height: 22px;
}
.actword:hover {
	COLOR: #666666; TEXT-DECORATION: underline; line-height: 22px;
}

.adver {
	COLOR: #0033FF; TEXT-DECORATION: none
}
.adver:hover {
	COLOR: #0033FF; TEXT-DECORATION: underline
}

.baoiden {
	COLOR: #333333; TEXT-DECORATION: none
}
.baoiden:hover {
	COLOR: #666600; TEXT-DECORATION: underline
}

.board {
	COLOR: #333333; TEXT-DECORATION: none
}
.board:hover {
	COLOR: #888888; TEXT-DECORATION: underline
}

.joinme {
	color:#FF6600; font-family: Verdana; TEXT-DECORATION: none
}
.joinme:hover {
	color:#FFCC66; font-family: Verdana; TEXT-DECORATION: underline
}

.sboard {
	color:#333333; line-height: 20px; font-family: Verdana; TEXT-DECORATION: none
}
.sboard:hover {
	color:#333333; line-height: 20px; font-family: Verdana; TEXT-DECORATION: underline
}

.epa1 {
	 font-family: Verdana; COLOR: #0066FF; TEXT-DECORATION: underline ; line-height: 22px;
}
.epa1:hover {
	 font-family: Verdana; COLOR: #6699FF; TEXT-DECORATION: underline; line-height: 22px;
}

.epa2 {
	 font-family: Verdana; COLOR: #0000FF; TEXT-DECORATION: underline ; line-height: 18px;
}
.epa2:hover {
	 font-family: Verdana; COLOR: #FF0000; TEXT-DECORATION: underline
}

.epa3 {
	 font-family: Verdana; COLOR: #007AFA; TEXT-DECORATION: underline ; line-height: 18px;
}
.epa3:hover {
	 font-family: Verdana; COLOR: #FF7573; TEXT-DECORATION: underline
}

.hots {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.hots:hover {
	COLOR: #FFFFFF; TEXT-DECORATION: underline
}

.help {
	FONT-SIZE:13px; COLOR: #0000FF; TEXT-DECORATION: underline ;line-height:28px;
}
.help:hover {
	FONT-SIZE:13px; COLOR: #FF6600; TEXT-DECORATION: underline ;line-height:28px;
}

.help1 {
	FONT-SIZE:15px; COLOR: #0000FF; TEXT-DECORATION: underline ;line-height:28px;
}
.help1:hover {
	FONT-SIZE:15px; COLOR: #FF6600; TEXT-DECORATION: underline ;line-height:28px;
}

.mar {
	COLOR: #000000; TEXT-DECORATION: none ;line-height:20px;
}
.mar:hover {
	COLOR: #FF6600; TEXT-DECORATION: underline ;line-height:24px;
}

.mainlink {
	COLOR: #660000; TEXT-DECORATION: none; letter-spacing : 2pt;
}
.mainlink:hover {
	COLOR: #CC6600; TEXT-DECORATION: underline; letter-spacing : 2pt;
}

.indextxt {
	COLOR: #666666; TEXT-DECORATION: none
}
.indextxt:hover {
	COLOR: #000000; TEXT-DECORATION: none
}

.nickname {
	FONT-SIZE: 13px; COLOR: #0099FF; TEXT-DECORATION: none
}
.nickname:hover {
	FONT-SIZE: 13px; COLOR: #0099FF; TEXT-DECORATION: underline
}


.lookart {
	COLOR: #6699FF; TEXT-DECORATION: underline
}

.head {
	COLOR: #6699FF;  line-height: 20px; TEXT-DECORATION: none
}
.head:hover {
	COLOR: #6699FF;  line-height: 20px; TEXT-DECORATION: underline
}

.msgnums {
	COLOR: #009999; TEXT-DECORATION: none
}
.msgnums:hover {
	COLOR: #009999; TEXT-DECORATION: underline
}

.service {
	COLOR: #003399; TEXT-DECORATION: none
}
.service:hover {
	COLOR: #6699CC; TEXT-DECORATION: underline
}

.custom {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.custom:hover {
	COLOR: #6699CC; TEXT-DECORATION: underline
}

.login {
	COLOR: #0000FF; TEXT-DECORATION: none
}
.login:hover {
	COLOR: #0000FF; TEXT-DECORATION: underline
}

.topiclink {
	COLOR: #0066CC; TEXT-DECORATION: underline;
}
.topiclink:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
}

.downlink {
	COLOR: #0000FF; TEXT-DECORATION: none
}
.downlink:hover {
	COLOR: #0000FF; TEXT-DECORATION: underline
}

.join {
	COLOR: #0000FF; TEXT-DECORATION: underline
}

.page {
	 font-family: Verdana; COLOR: #0033FF; TEXT-DECORATION: none
}
.page:hover {
	 font-family: Verdana; COLOR: #0033FF; TEXT-DECORATION: underline
}

.hottopic {
	 font-family: Verdana; COLOR: #0066FF; TEXT-DECORATION: underline ; line-height: 18px;
}
.hottopic:hover {
	 font-family: Verdana; COLOR: #6699FF; TEXT-DECORATION: underline
}

.newsnick {
	COLOR: #999999; TEXT-DECORATION: underline
}
.newsnick:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}

.hotslink {
	COLOR: #999999; TEXT-DECORATION: none
}
.hotslink:hover {
	COLOR: #444444; TEXT-DECORATION: none
}

.news {
	COLOR: #666666; line-height: 18px;
}
.news:hover {
	COLOR: #FF6600; TEXT-DECORATION: underline; line-height: 18px;
}
.color_picker{cursor:hand;display:inline;}
.bgcolor_setup{position:relative;height:auto;}
.talk {
	COLOR: #FF0000; line-height: 18px;margin-left: 5px;
}
.talk:hover {
	COLOR: #FF6699; TEXT-DECORATION: underline; line-height: 18px;
}
.talk1 {
	COLOR: #0066CC; line-height: 18px;margin-left: 5px;
}
.talk1:hover {
	COLOR: #8EC7FF; TEXT-DECORATION: underline; line-height: 18px;
}
.talk2 {
	COLOR: #6600CC; line-height: 18px;margin-left: 5px;
}
.talk2:hover {
	COLOR: #B366FF; TEXT-DECORATION: underline; line-height: 18px;
}
.talkw1 {
	font-size: 12px;
	color: #0066CC;
}
.talkw2 {	
font-size: 12px;
color: #6600CC;
}
.talkw3 {	
font-size: 12px;
color: #FF0000;
}
.slideshow { height: 106px; width: 107px; margin: auto; }
.slideshow img {
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
}
.frame {
	margin: 2px;
	padding: 5px;
	border: 0.8px solid #CCCCCC;
}
.fontsize {
	letter-spacing: 0.1em;
	text-align: justify;
	text-justify:inter-ideograph;
	font-size: 13px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.framenews {
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 2px;
	height: 109px;
	width: 109px;
}
ul{
margin:0 auto;
padding:0;
list-style:none;
}
.main{
clear:both;
padding:8px;
text-align:center;
}
#tabs1{
text-align:left;
width:504px;
}
.menu1box{
position:relative;
overflow:hidden;
height:20px;
width:504px;
text-align:left;
}
#menu1{
position:absolute;
top:0;
left:0;
z-index:1;
}
#menu1 li{
float:left;
display:block;
cursor:pointer;
width:84px;
text-align:center;
line-height:20px;
height:20px;
background-image:url(images/news_down.jpg);
}
#menu1 li.hover{
background:#fff;
background-image:url(images/news_up.jpg);
}
.main1box{
clear:both;
margin-top:-1px;
border:1px solid #CCC;
height:264px;
width:502px;
}
#main1 ul{
display: none;
}
#main1 ul.block{
display: block;
}
#main1 {
	height: 264px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cbcbcb;
	border-right-color: #cbcbcb;
	border-bottom-color: #cbcbcb;
	border-left-color: #cbcbcb;
}
#tabs2{
text-align:left;
width:510px;
}
.menu2box{
position:relative;
overflow:hidden;
height:20px;
width:510px;
text-align:left;
}
#menu2{
position:absolute;
top:0;
left:0;
z-index:1;
}
#menu2 li{
float:left;
display:block;
cursor:pointer;
width:85px;
text-align:center;
line-height:20px;
height:20px;
background-image:url(images/news_down.jpg);
}
#menu2 li.hover{
background:#fff;
background-image:url(images/news_up.jpg);
}
.main2box{
clear:both;
margin-top:-1px;
border:1px solid #CCC;
width:508px;
}
#main2 ul{
display: none;
}
#main2 ul.block{
display: block;
}
#main2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cbcbcb;
	border-right-color: #cbcbcb;
	border-bottom-color: #cbcbcb;
	border-left-color: #cbcbcb;
}

