/* Global */

body {
margin: 0px;
scrollbar-base-color: #2F2F2F;整體顏色;
                scrollbar-track-color: #555555;軸軌顏色;
scrollbar-arrow-color: #FFFFFF;箭頭顏色;
scrollbar-darkshadow-color: #000000;右立體邊顏色;
background-color: #1FAFE4;
color: #000000;
}
body, table, input, select, textarea, .maintable, .button, .altbg1, .altbg2 {
font: 12px Tahoma, Verdana;
}
.smalltxt, .category, .percenttxt {
font: 12px 11px !important;
font: 11px 11px;
}
.lighttxt {
color: #666666
}
a {
text-decoration: none;
color: #004499;
}
a:hover {
text-decoration: none;
}
table {
color: #333333;
empty-cells: show;
border-collapse: separate !important;
border-collapse: collapse;
}
input, select, textarea {
color: #333333;
font-weight: normal;
background-color: #FFFFFF;
border: 1px solid #737D87;
}
input {
height: 21px;
}
form {
margin: 0px;
padding: 0px;
}
legend {
color: #000000;
}
.checkbox, .radio {
border: 0px;
background: none;
vertical-align: middle;
height: 16px;
}
.xmaintable{
width: 100%;
background-image: url("../../images/club/border_bg.gif");
background-repeat : repeat-y;
}
.maintable {
width: 97%;
background-color: #EBEBEB;
}

.subtable {
text-align: left;
padding: 0;
margin: 0 auto;
}
.simpletable {
border: 1px solid #737D87;
padding: 1px;
clear: both;
background-color: #F0F0F0;
}
.simpletable .header {
background-image: url("../../images/club/header_bg.gif");
padding-top: 7px;
padding-bottom: 0px;
height: 21px !important;
height: 30px;
}
.simpletable div {
padding: 4px;
}
.nav {
color: #2F2F2F;
font-weight: bold;
}
.nav a {
color: #2F2F2F;
}
.absmiddle {
vertical-align: middle;
}

.msgbody {
overflow: hidden;
width: auto !important;
width: 100%;
}
.msgheader {
border: 1px solid #B0B0B0;
font-weight: bold;
background: #909090;
padding: 5px;
color: #000000;
}
.msgborder {
border-top: 1px solid #000000;
padding: 10px;
word-wrap: break-word;
background: #2F2F2F;
overflow: hidden;
width: auto !important;
color: #C0C0C0;
width: 100%;
}
.tableborder {
background: white;
outline: 1px solid #737D87;
border: 0px !important;
border: 1px solid #737D87;
}
.spaceborder {
width: 100%;
border: 1px solid #737D87;
padding: 1px;
clear: both;
background-color: #F0F0F0;
}
.spacehome {
width: 100%;
border: 1px solid #737D87;
padding: 2px;
clear: both;
background-color: #737D87;
}
.spaceview {
margin: 0 2em;
border: 1px solid #000000;
padding: 7px;
clear: both;
background-color: #3F4A59;
}
.attview {
margin: 0 1em;
border: 1px solid #000000;
padding: 7px;
clear: both;
background-color: #3F4A59;
}
.singleborder {
font-size: 0px;
line-height: 1px;
padding: 0px;
background-color: #EAEAEA;
}
.button {
padding: 0 5px;
color: #FFFFFF;
background-image: url("../../images/club/header_bg.gif");
background-repeat: repeat-x;
background-position: 0 50%;
outline: 1px solid #737D87;
border: 1px solid #FFF !important;
height: 19px !important;
border: 1px solid #737D87;
height: 21px;
line-height: 17px;
}
.lightbutton {
background: #F0F0F0;
border: 1px solid #BBE9FF;
color: #004499;
}
.submitbutton {
margin-top: 8px !important;
margin-top: 6px;
margin-bottom: 5px;
text-align: center;
}
.postsubmit {
border: 1px solid #F0F0F0;
#F0F0F0;
text-align: center;
padding: 6px 0px;
margin-top: 2px;
}
.bold {
font-weight: bold;
}
.header {
font-weight: bold;
color: #FFFFFF;
background-image: url("../../images/club/header_bg.gif");
height: 30px;
padding-left: 10px;
}
.header td {
padding-left: 10px;
}
.header a {
color: #FFFFFF;
}
.header input {
background:none;
vertical-align: middle;
height: 16px;
}
.category {
color: #C0C0C0;
background-color: #3C3B3B;
}
.category td {
border-bottom: 1px solid #B0B0B0;
}
.altbg1	{
background: #EAEAEA;
}
td.altbg1 {
border-bottom: 1px solid #B0B0B0;
}
.altbg2 {
background: #F0F0F0;
}
td.altbg2 {
border-bottom: 1px solid #B0B0B0;
}
.row {
width: 100%;
border: none;
background: #F0F0F0;
empty-cells: show;
}
.row td {
padding: 4px;
border-bottom: 1px solid #BBE9FF;
}
.row1 {
width: 100%;
border: none;
background: #EAEAEA;
empty-cells: show;
}
.row1 td {
padding: 4px;
border-bottom: 1px solid #BBE9FF;
}
.bottom, .bottom td, td.bottom {
border-bottom: 0px;
}
.spacebottom {
padding-bottom: 10px;
background: #F0F0F0;
}
.tdunderline td {
 border-top: 1px solid #BBE9FF;
 border-bottom: 1px solid #BBE9FF;
}
.option {
padding: 1px;
width: 100%;
height: 35px;
border: 1px solid #BBE9FF;
background-color: #EAEAEA;
}
.avatar {
border: 1px solid #B0B0B0;
background-color: #3C3B3B;
padding: 3px;
}
.avatar img {
background: #1FAFE4;
}
.left {
float: left;
text-align: left;
padding: 0px;
}
.right {
float: right;
text-align: right;
padding: 0px;
}
.line {
border-top: 1px solid #BBE9FF;
}
.percent {
height: 10px !important;
height: 12px;
border: 1px solid #737D87;
float: left;
padding: 0px;
}
.percent div {
background-image: url("../../images/club/header_bg.gif");
background-repeat: repeat-x;
background-position: 0 50%;
width: 100%;
height: 8px;
line-height: 0px;
font-size: 0px;
margin: 1px;
padding: 0px;
}
.percenttxt {
float:left;
padding-top: 2px !important;
padding-top: 1px;
font-weight: bold;
}
.percenttxt u {
text-decoration: none;
font-weight: normal;
color: #666666;
}
.mainborder {
clear: both;
height: 8px;
font-size: 0px;
line-height: 0px;
padding: 0px;
background-color: #000000;
}
.wysiwyg {
font: 12px Tahoma, Verdana;
border: 1px #DDDDDD solid;
padding: 4px;
word-break: break-all;
color: #333333;
}
.wysiwyg a {
text-decoration: underline;
color: #004499;
}
.autosave {
behavior: url(#default#userdata);
}
#seccode {
cursor:pointer;
margin-bottom: 2px;
}

/* Header */
.logo {
background-color: #1FAFE4;
}
.logo div.right {
margin: 10px 0px;
}
.mainheader {
background-color: #EAEAEA;
padding: 6px 0px;
}
.headermenu_popup {
color: #FFFFFF;
border: 1px solid #737D87;
border-top: 0px;
margin-top: 8px !important;
}
.headermenu_popup a {
color: #FFFFFF;
text-decoration: none;
}
.menu {
background-color: #55C2EA;
height: 30px;
margin-top: 6px;
}
.menu div {
text-align: right;
}
.menu div, .menu div a {
color: #FFFFFF;
padding-top: 7px !important;
padding-top: 6px;
}
.menu div span {
height: 5px;
}

/* Footer */
.footerline {
height: 6px;
border-bottom: 1px solid #737D87;
}
.footerline div {
background-color: #1FAFE4;
position: relative;
float: right;
right: 40px;
top: 2px;
}

/* Multi Page */
.p_bar {
margin: 1px 0px;
clear: both;
}
.p_bar a {
float: left;
padding: 1px 4px;
font-size: 12px;
text-decoration: none;
}
.p_input {
border: 0px;
padding: 0px;
width: 40px;
height: 17px !important;
height: 15px;
margin: 0px;
background: #F0F0F0;
}
.p_total {
background-color: #EAEAEA;
border: 1px solid #737D87;
border-right: 0px solid #737D87;
font-weight: bold;
}
.p_pages {
background-color: #EAEAEA;
border: 1px solid #737D87;
margin-right:1px;
vertical-align: middle;
font-weight: bold;
}
.p_num {
background-color: #F0F0F0;
border: 1px solid #B0B0B0;
margin-right:1px;
vertical-align: middle;
}
a:hover.p_num  {
background-color: #EAEAEA;
border: 1px solid #737D87;
text-decoration: none;
}
.p_redirect {
background-color: #F0F0F0;
border: 1px solid #B0B0B0;
margin-right:1px;
font-size: 12px !important;
font-size: 13px;
}
a:hover.p_redirect {
background-color: #EAEAEA;
border: 1px solid #737D87;
text-decoration: none;
}
.p_curpage {
margin-right:1px;
border: 1px solid #B0B0B0;
vertical-align: middle;
background-color: #3C3B3B;
color: #C0C0C0;
font-weight: bold;
}

/* Popup Menu */
.popupmenu_popup {
color: #FFFFFF;
border: 1px solid #737D87;
}
.popupmenu_option {
background: #000000;
color: #FFFFFF;
white-space: nowrap;
padding: 3px 8px;
}
.popupmenu_option a {
color: #FFFFFF;
padding: 3px 8px;
text-decoration: none;
}
.popupmenu_highlight {
background: #F3F3F3;
color: #000000;
white-space: nowrap;
padding: 3px 8px;
cursor: pointer;
}
.popupmenu_highlight a {
color: #000000;
padding: 3px 8px;
text-decoration: none;
}

/* Popup Calendar */
.calendar_expire, .calendar_expire a:link, .calendar_expire a:visited {
color: #999999;
}
.calendar_default, .calendar_default a:link, .calendar_default a:visited {
color: #000000;
}
.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited {
color: #610000;
}
.calendar_today, .calendar_today a:link, .calendar_today a:visited {
color: #00BB00;
}
.calendar_header td{
width: 30px;
height: 20px;
}
#calendar_year {
display: none;
line-height: 130%;
background: #F0F0F0;
position: absolute;
z-index: 10;
}
#calendar_year .col {
float: left;
background: #F0F0F0;
margin-left: 1px;
border: 1px solid #737D87;
padding: 4px;
}
#calendar_month {
display: none;
background: #F0F0F0;
line-height: 130%;
border: 1px solid #737D87;
padding: 4px;
position: absolute;
z-index: 11;
}

/* Index */
#announcement {
border: 1px solid #B0B0B0;
background-color: #3C3B3B;
margin-bottom: 5px;
padding: 5px 1px;
display: none;
clear: both;
width: 100%;
}
.todayposts {
color: #004499;
}

/* New Special Menu */
.newspecial {
text-align: center;
font-size: 14px;
font-weight: bold;
}
.newspecialmenu {
width: 86px !important;
width: 88px;
}

/* Forumdisplay */
.f_folder {
width: 4%;
text-align: center;
}
.f_icon {
width: 25px;
text-align: center;
}
.f_title {
width: 55%;
word-break: break-all;
}
.f_title span {
color: #666666;
}
.subject a, .f_title a {
color: #333333;
}
.f_author {
width: 12%;
text-align: center;
}
.f_views {
width: 8%;
text-align: center
}
.f_last	{
width: 17%;
text-align: center;
}

.ff_title {
width: 55%;
word-break: break-all;
}
.ff_title span {
color: #FF6600;
}
.subject a, .ff_title a {
color: #004499;
}

/* Viewthread */
.t_row {
margin-top: -1px;
}
.t_user	{
word-break: break-all;
padding-left: 8px;
background: #EAEAEA;
}
.t_msg {
table-layout: fixed;
word-wrap: break-word;
width: 100%;
height: 100%;
overflow: hidden;
background: #F0F0F0
}

.t_msgid56 {
table-layout: fixed;
word-wrap: break-word;
width: 100%;
height: 100%;
overflow: hidden;
                background-position : 66% 70%;
                background-repeat : no-repeat;
                background-image: url("../../images/club/noview.gif")

}

.t_msg p {
margin: 0px;
}
.t_msg td {
padding: 2px 10px;
}

/* 發言框*/
.t_msg_plus {
        margin; 0 10px;
}
.t_msg_plus td {
        padding:0 !important;
}
/* 發言框*/

.t_signature {
height: expression(signature(this));
}
.t_number {
border: 1px solid #B0B0B0;
padding: 2px;
margin: 1px;
background: #FDFFF2;
}
.t_infoline {
background: #FDFFF2;
}
.t_table {
border-left: 1px solid #737D87;
border-top: 1px solid #737D87;
border-spacing: 0px;
}
.t_table td {
padding: 4px;
border-bottom: 1px solid #737D87;
border-right: 1px solid #737D87;
}
.t_attach {
width: 350px;
background: #F0F0F0;
border: 1px solid #737D87;
padding: 4px;
}
.t_attachlist {
padding: 5px;
border-bottom: 1px solid #B0B0B0;
}
.t_msgfont, .t_msgfont table {
font-size: 12px;
}
.t_smallfont, .t_smallfont table {
font-size: 11px;
}
.t_bigfont, .t_bigfont table {
font-size: 13px;
}

/* Frame */
.leftmenu br {
line-height: 5px;
}
.leftmenu {
line-height: 18px;
}

.box_top {
                text-align:center; 
                margin-right:3px; 
padding:0px 5px 0px 9px; 
                background: #C0C0C0; 
                border: 1px solid #737D87;
}

.box_bottom {
                text-align:center; 
                margin-right:3px; 
padding:0px 5px 0px 9px; 
                background: #3F4A59; 
                border: 1px solid #000000;
}

.box_home {
padding:2px 6px 2px 6px; 
                color:#FFF; 
                text-align:center; 
                margin-right:10px; 
                background: #3F4A59; 
                border: 1px solid #000000;
                border-left: none;
}

.box_bgtop {
padding: 6px; 
                color:#FFF; 
                text-align:center; 
                background: #000000; 
}

.box_bgpro {
padding: 6px; 
                color:#FFF; 
                text-align:center; 
                background: #610000; 
}

.box_align_b {
                width: 100%;
background-color:#707070;
                background-image: url("../../images/club/align_b.gif");
                background-position : 6%;
                background-repeat : no-repeat;
                height:10;
}

.box_align_r {
                width: 100%;
background-color:#707070;
                background-image: url("../../images/club/align_r.gif");
                background-position : 11%;
                background-repeat : no-repeat;
                height:10;
}

.box_num {
                width: 16;
                vertical-align:middle;
                color:#333; 
font: 12px 11px !important;
font: 11px 11px;
                text-align:center; 
                background: #C0C0C0; 
                border: 1px solid #737D87;
}

.box_title {
                padding:0pt 10pt 0pt 10pt;
                color:#000000; 
                background: #BBE9FF; 
                border: 1px solid #6699cc;
}

.box_title_red {
                color:red; 
                border: 1px solid #6699cc;
                 padding:0px 2px 0px 2px; 
                background: #BBE9FF; 
}

.box_page {
                border:1px solid #C0C0C0;
                 padding:0px 2px 0px 2px; 
                background-color:#FFEBF6; 
}

.tdbg_top {
       filter=progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr= #2F2F2F, endcolorstr=#195996) 
}

.tdbg_top_pro {
       filter=progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr= #707070, endcolorstr=#707070)
}

.tdbg_top_view {
       filter=progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr= #707070, endcolorstr=#707070)
}

.tdbg_type {
       filter=progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#A9A9A9, endcolorstr=#EAEAEA)
}

.menuskin {
        filter: Alpha(Opacity=80); 
        text-align:left;
        BORDER: #FFFFFF 1px solid; VISIBILITY: hidden; ;
        POSITION: absolute; 
        BACKGROUND-COLOR:#000000;
        background-repeat : repeat-y;
        }
.menuskin A {
        PADDING-RIGHT: 9px; PADDING-LEFT: 7px; COLOR: #FFFFFF; TEXT-DECORATION: none;;
        }
#mouseoverstyle {
        BACKGROUND-COLOR: #F2F5FB; margin:2px; padding:0px; border:#8396C3 1px solid;
        }
#mouseoverstyle A {
        COLOR: black
}
.menuitems{
        margin:2px;padding:1px;word-break:keep-all;
}

span.locked         {color: #666666; text-decoration: line-through;}
span.visited         A:visited {color: #000000}

  div#nifty_bgcattable{ 
   background: #333333
  }
  p {padding:10px}
  div.btop, div.bbottom{
   display:block;
   background: #1FAFE4
  }
  div.btop div, div.bbottom div{
   display:block;
   height: 1px;
   overflow: hidden; 
   background: #333333
  }
  div.b1{margin: 0 5px}
  div.b2{margin: 0 3px}
  div.b3{margin: 0 2px}
  div.btop div.b4, div.bbottom div.b4{
   margin: 0 1px;
   height: 2px
  }


  div#nifty_bgnkflash{ 
   background: #333333
  }
  p {padding:10px}
  div.ftop, div.fbottom{
   display:block;
   background: #1FAFE4
  }
  div.ftop div, div.fbottom div{
   display:block;
   height: 1px;
   overflow: hidden; 
   background: #333333
  }
  div.f1{margin: 0 5px}
  div.f2{margin: 0 3px}
  div.f3{margin: 0 2px}
  div.ftop div.f4, div.fbottom div.f4{
   margin: 0 1px;
   height: 2px
  }


  div#nifty_cattext{ 
   background: #C0C0C0
  }
  p {padding:10px}
  div.ctop, div.cbottom{
   display:block;
   background: #EBEBEB
  }
  div.ctop div, div.cbottom div{
   display:block;
   height: 1px;
   overflow: hidden; 
   background: #C0C0C0
  }
  div.c1{margin: 0 5px}
  div.c2{margin: 0 3px}
  div.c3{margin: 0 2px}
  div.ctop div.c4, div.cbottom div.c4{
   margin: 0 1px;
   height: 2px
  }


div#nifty_mainborder{ 
   background: #000000
  }

div#nifty_bordercolor{ 
   background: #2F2F2F
  }

  p {padding:10px}
  div.rtop, div.rbottom{
   display:block;
   background: #737D87
  }
  div.rtop div{
   display:block;
   height: 1px;
   overflow: hidden; 
   background: #000000
  }
  div.rbottom div{
   display:block;
   height: 1px;
   overflow: hidden; 
   background: #2F2F2F
  }
  div.r1{margin: 0 5px}
  div.r2{margin: 0 3px}
  div.r3{margin: 0 2px}
  div.rtop div.r4, div.rbottom div.r4{
   margin: 0 1px;
   height: 2px
  }

  p {padding:10px}
  div.mtop, div.mbottom{
   display:block;
   background: #3F4A59;
  }
  div.mtop div{
   display:block;
   height: 1px;
   overflow: hidden; 
   background: #909090
  }
  div.mbottom div{
   display:block;
   height: 1px;
   overflow: hidden; 
   background: #2F2F2F
  }
  div.m1{margin: 0 5px}
  div.m2{margin: 0 3px}
  div.m3{margin: 0 2px}
  div.mtop div.m4, div.mbottom div.m4{
   margin: 0 1px;
   height: 2px
  }

#divScroller {
position:relative; 
overflow:hidden; 
left:0px; 
top:0px; 
width:100%;
height:320px;
}
.dynPage {
position:absolute; 
visibility:hidden; 
padding:1px; 
line-height:1px; 
color:#FFFFFF
}

#pscroller1{
height: 18px;
padding: 3px;
}
#pscroller1 a{
text-decoration: none;
}
.someclass{ 
}

#pscroller2{
height: 22px;
padding: 3px;
}
#pscroller2 a{
text-decoration: none;
}
.someclass{ 
}

#pscroller3{
height: 18px;
padding: 3px;
}
#pscroller3 a{
text-decoration: none;
}
.someclass{ 
}

.alpha{FILTER: Alpha(opacity=70);/*表格透明*/}

#box_forum {width:98%; height:1230px; overflow:auto;}
#box_advindex {width:100%; height:478px; overflow:auto;}
#box_action {width:100%; height:480px; overflow:auto;}
#box_adv {width:100%; height:440px; overflow:auto;}

#hotarticleFtabs span { background: #FFFFFF; color: #444; width:60px; line-height: 20px; text-align:center;}

#hotarticle {background: red; margin-bottom: 8px;position: relative; width:100%;text-align:left;z-index:1;}
#hotarticletabs {margin: 0; height: 0px; top: 0px; right: 0px;}
#hotarticletabs span { background-image: url("../../images/club/bg_lock.gif");  margin-left:2px; float: left; color: #444; width:80px; line-height: 30px; cursor: pointer;text-align:center;text-valign:middle;}
#hotarticletabs span.active { background-image: url("../../images/club/bg_open.gif"); margin-left:2px; color: #fff; border-bottom: none; }

#hotarticleB {position: relative; width:100%;text-align:left;z-index:1;}
#hotarticleBtabs {margin: 0; height: 0px; top: 0px; right: 0px;}
#hotarticleBtabs span { background: #708090; margin-left:2px; float: left; color: #444; width:40px; line-height: 22px; cursor: pointer;text-align:center;text-valign:middle; }
#hotarticleBtabs span.active { background: #FF6600; margin-left:2px; color: #fff; border-bottom: none; }