@charset "utf-8";
/* CSS Document */
/*--------------------- ↓global↓ --------------------------*/
body,form,p,hr,h1,h2,h3,h4,dl,dt,dd,select,option,input{
font-family:'新細明體','細明體','serif';
font-size:12px;
margin:0;
padding:0;
}
body{
background-color:white;
}
ul,ol,dl{
margin:0;
padding:0;
}
a{
margin:0;
padding:0;
}
a:link{
color:#0066cc;
text-decoration:none;
}
a:visited{
color:#0066cc;
text-decoration:none;
}
a:hover{
color:#0066cc;
text-decoration:underline;
}
a:active{
color:#0066cc;
text-decoration:underline;
}
.clear{
font-size:12px;
clear:both;
}
/*--------------------- ↑global↑ --------------------------*/

/*--------------------- ↓header↓ --------------------------*/
#header,#contents,#footer{
background-color:white;
width:992px;
margin:0 auto;
padding:0;
overflow:hidden;
}
#contents{
margin:0 auto;
}
h1{
text-indent:-9999px;
width:238px;
height:64px;
float:left;
margin:0;
padding:0;
}
h1 a{
display:block;
width:238px;
height:64px;
}
#topmenu{
background:url(../img/header_title_1.gif) no-repeat;
border-bottom:2px solid #00a1e9;
width:992px;
height:64px;
margin:0;
padding:0;
}
#topmenu ul{
width:750px;
height:64px;
float:right;
margin:0;
padding:0;
}
#topmenu ul li{
text-indent:-9999px;
width:123px;
height:45px;
float:left;
margin:19px 0 0 0;
padding:0;
list-style-type:none;
}
#topmenu ul li a{
display:block;
width:123px;
height:45px;
}
#topmenu ul li.home a{
background:url(../img/home.gif) no-repeat;
}
#topmenu ul li.registration a{
background:url(../img/registration.gif) no-repeat;
}
#topmenu ul li.point a{
background:url(../img/point.gif) no-repeat;
}
#topmenu ul li.member a{
background:url(../img/member.gif) no-repeat;
}
#topmenu ul li.question a{
background:url(../img/question.gif) no-repeat;
}
#topmenu ul li.service a{
background:url(../img/service.gif) no-repeat;
}
#topmenu ul li.home a:hover,
#topmenu ul li.registration a:hover,
#topmenu ul li.point a:hover,
#topmenu ul li.member a:hover,
#topmenu ul li.question a:hover,
#topmenu ul li.service a:hover{
background-position:0 -45px;
}
/*--------------------- ↑header↑ --------------------------*/

/*--------------------- ↓leftcontent↓ --------------------------*/
#leftcontent{
width:808px;
float:left;
margin:0;
padding:0;
}
#leftbanner{
background-color:#f2f2f4;
width:808px;
height:200px;
margin-bottom:5px;
}
#leftcontent div.chatroom{
width:808px;
height:auto;
margin-bottom:10px;
}
#leftcontent div.chatroom div.title_leq_1{
background:url(../img/bg_top_main_title_1.gif) repeat-x scroll 0 0;
height:30px;
}
#leftcontent div.chatroom div.title_leq_2{
background:url(../img/bg_top_main_title_2.gif) repeat-x scroll 0 0;
height:30px;
}
#leftcontent div.chatroom div.title_leq_1 h2.online{
text-indent:-9999px;
float:left;
margin:0;
padding:0;
}
#leftcontent div.chatroom div.title_leq_2 h2.new{
text-indent:-9999px;
float:left;
margin:0;
padding:0;
}
#leftcontent div.chatroom div.title_leq_1 div.login_btn{
float:right;
margin:10px 26px 0 0;
display:inline;
}
#leftcontent div.chatroom div.title_leq_1 div.login_btn div.reload a:link{
color:#ffffff;
}
#leftcontent div.chatroom div.title_leq_1 div.login_btn div.reload a:visited{
color:#ffffff;
}
#leftcontent div.chatroom div.title_leq_1 div.login_btn div.reload a:hover{
color:#ffffff;
}
#leftcontent div.chatroom div.title_leq_1 div.login_btn div.reload a:active{
color:#ffffff;
}
#leftcontent div.chatroom div.pertab{
text-align:center;
background:url(../img/bg_top_tab_0.gif) repeat-x 0px;
border-right:1px solid #b7b7b6;
border-left:1px solid #b7b7b6;
width:806px;
height:29px;
display:block;
}
#leftcontent div.chatroom div.pertab table{
float:left;
}
#leftcontent div.chatroom div.pertab table td{
width:100px;
height:28px;
}
#leftcontent div.chatroom div.pertab table td a{
color:#7a7a7a;
display:block;
border-right:1px solid #b7b7b6;
width:100px;
height:21px;
padding:8px 0 0 0;
}
#leftcontent div.chatroom div.pertab table td.tabspace{
border-right:1px solid #b7b7b6;
width:20px;
}
#leftcontent div.chatroom div.pertab table td.tab a{
background:url(../img/bg_top_tab.gif) no-repeat;
}
#leftcontent div.chatroom div.pertab table td.tabon a{
background:url(../img/bg_top_tab.gif) no-repeat;
background-position:0 -29px;
}
#leftcontent div.chatroom div.pertab table td.tab a:hover{
background:url(../img/bg_top_tab_1.gif) no-repeat;
}
#leftcontent div.chatroom div.chatroom_text{
font-size:12px;
line-height:1.8em;
background-color:#ffffff;
border-right:1px solid #b7b7b6;
border-left:1px solid #b7b7b6;
border-bottom:1px solid #b7b7b6;
width:796px;
height:auto;
margin:0 0 8px 0;
padding:5px;
overflow:hidden;
}
#leftcontent div.chatroom div.chatroom_text div.chatbox{
background-color:#f5f5f5;
display:inline;
border:1px solid #bbbbbb;
width:145px;
height:155px;
float:left;
margin:6px;
overflow:hidden;
}
#leftcontent div.chatroom div.chatroom_text div.chatbox table{
line-height:normal;
width:145px;
margin:0;
padding:0;
}
#leftcontent div.chatroom div.chatroom_text div.chatbox table img{
border:0;
margin:2px 5px;
}
#leftcontent div.chatroom div.chatroom_text div.chatbox table th.a01{
width:20px;
margin:6px;
}
#leftcontent div.chatroom div.chatroom_text div.chatbox table td.a00{
padding:2px 0 0 0;
}
#leftcontent div.chatroom div.chatroom_text div.chatbox table td.a01{
width:113px;
padding:2px 0 0 0;
}
/*--------------------- ↑leftcontent↑ --------------------------*/

/*--------------------- ↓rightcontent↓ --------------------------*/
#rightcontent{
background:url(../img/right_stripe.gif);
border:1px solid #b7b7b6;
width:175px;
height:auto;
float:right;
margin:0 0 7px 7px;
padding:0;
}
div.rightnavigation{
margin:5px;
padding:0;
}
div.rightnavigation h3.title{
font-size:12px;
color:#ffffff;
line-height:26px;
font-weight:normal;
background:url(../img/login_title.gif) no-repeat 0px;
text-align:center;
width:165px;
height:25px;
margin:0;
padding:0;
}
div.rightnavigation div.right_text{
text-align:center;
font-size:12px;
line-height:1.8em;
background-color:white;
border-right:1px solid #b7b7b6;
border-left:1px solid #b7b7b6;
border-bottom:1px solid #b7b7b6;
width:149px;
height:auto;
margin:0;
padding:7px 7px 9px 7px;
overflow:hidden;
}
div.rightnavigation div.right_text table{
width:149px;
margin:0 0 5px 0;
padding:0;
}
div.rightnavigation div.right_text table th{
width:40px;
height:25px;
}
div.rightnavigation div.right_text table td{
width:109px;
height:25px;
}
div.rightnavigation div.right_text img{
border:0px none;
margin:5px 0 0 0;
}
div.rightnavigation div.right_text p .fon0{
color:#ff0000;
font-size:12px;
font-weight:bold;
}
div.rightnavigation div.right_text_0{
font-size:12px;
line-height:1.6em;
background-color:white;
border-right:1px solid #b7b7b6;
border-left:1px solid #b7b7b6;
border-bottom:1px solid #b7b7b6;
width:149px;
height:auto;
margin:0;
padding:7px 7px 9px 7px;
overflow:hidden;
}
div.rightnavigation div.right_text_0 table{
width:149px;
margin:0;
padding:0;
}
div.rightnavigation div.right_text_0 table td{
border-bottom:1px dashed #000000;
width:119px;
height:30px;
padding:0 0 0 3px;
}
div.rightnavigation div.right_text_0 table td a{
color:#59575a;
}
div.rightnavigation div.right_text_0 table td.a00{
background-color:#f5f5f5;
border-top:1px dashed #000000;
}
div.rightnavigation div.right_text_0 table td.a01{
background-color:#f5f5f5;
}
div.rightnavigation div.right_text_0 table td.a01 a{
color:#59575a;
}
div.rightnavigation div.right_text_0 img{
border:0px none;
margin:0;
}
div.rightnavigation div.right_text_1{
text-align:center;
font-size:12px;
line-height:1.8em;
background-color:white;
border-right:1px solid #b7b7b6;
border-left:1px solid #b7b7b6;
border-bottom:1px solid #b7b7b6;
width:149px;
height:auto;
margin:0;
padding:7px 7px 9px 7px;
overflow:hidden;
}
div.rightnavigation div.right_text_1 table{
width:149px;
margin:0;
padding:0;
}
div.rightnavigation div.right_text_1 table th{
width:30px;
height:30px;
}
div.rightnavigation div.right_text_1 table td{
border-bottom:1px dashed #b7b7b6;
width:119px;
height:30px;
}
div.rightnavigation div.right_text_1 table td.a01{
border-top:1px dashed #b7b7b6;
}
#rightnavigation div.right_text_1 img{
border:0px none;
margin:0;
}
div.rightnavigation div.right_text_2{
text-align:left;
font-size:12px;
line-height:1.8em;
background-color:white;
border-right:1px solid #b7b7b6;
border-left:1px solid #b7b7b6;
border-bottom:1px solid #b7b7b6;
width:149px;
height:auto;
margin:0;
padding:7px 7px 9px 7px;
overflow:hidden;
}
div.rightnavigation div.right_text_2 table td.a01{
border-top:1px dashed #b7b7b6;
}
div.rightnavigation div.right_text_2 img{
border:0px none;
border-bottom:1px dashed #b7b7b6;
margin:5px 0 0 0;
}
div.rightnavigation div.right_text_3{
text-align:left;
font-size:12px;
line-height:1.8em;
background-color:white;
border:1px solid #b7b7b6;
width:145px;
height:auto;
margin:0;
padding:9px 9px;
overflow:hidden;
}
div.rightnavigation div.right_text_3 img{
border:0px none;
margin:0;
}
.text1{
font-size:12px;
font-weight:normal;
}
.text2{
width:101px;
height:12px;
line-height:12px;
margin:0;
padding:2px 0 0 0;
}
/*--------------------- ↑rightcontent↑ --------------------------*/

/*--------------------- ↓footer↓ --------------------------*/
#footer{
background:url(../img/bg_foot_bottom_1.gif) no-repeat;
width:992px;
height:25px;
}
#footer table{
float:left;
margin:0 0 0 5px;
display:inline;
}
#footer table td{
background:url(../img/ico_footer.gif) no-repeat;
height:22px;
padding:1px 10px 0px 15px;
}
#footer table td a{
font-size:12px;
color:#ffffff;
}
#footer table.a01{
float:right;
}
#footer table.a01 td{
background:url(../img/ico_footer_1.gif) no-repeat;
height:22px;
padding:1px 10px 0px 15px;
}
#footer_copyright{
width:992px;
height:30px;
margin:0px auto;
}
/*--------------------- ↑footer↑ --------------------------*/