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

*{font-family: Verdana, "新細明體"; margin:0px; padding:0px;}
body {margin: 3px; cursor: default; background-color: #FFFFFF;}

.xs_font{font-size: 8px;}
.s_font{font-size: 10px;}
.md_font{font-size: 11px;}
.md2_font{font-size: 13px;}
.l_font{font-size: 16px;}
.xl_font{font-size: 20px;}

.white, SPAN.white, P.white{color: #FFFFFF;}
.black, SPAN.black, P.black{color: #000000;}
.L_gray, SPAN.L_gray, P.L_gray{color: #CCCCCC;}
.L_gray2{color: #AAAAAA;}
.D_gray, SPAN.D_gray, P.D_gray{color: #555555;}
.L_red, SPAN.L_red, P.L_red{color: #CC0000;}
.pink, SPAN.pink, P.pink{color: #FFCCCC;}
.D_blue{color: #003399;}
.D_red{color: #990000;}
.D_Green{color: #006633;}
.Gold{color: #E4B700;}
.L_blue{color: #4DCFFF;}
.red{color: #FF0000;}
.O_Green{color:#9ECB25;}
.Gold2{color:#8C7B20;}
.D_Green{color:#43760D;}

.imgborder_1{border: 1px solid #333333;}

a:hover{text-decoration:underline;}

.white_border{color: #FFFFFF; text-decoration: none; padding: 2px 5px 2px 5px; border: 1px solid #FFFFFF; background-color: #333366;}
/*
a, a:link{color: #333333; text-decoration: none; padding: 2px 2px 3px 2px;}
a:hover{color: #FFFFFF; background-color: #FF6633;}
*/
a{text-decoration: none;}
a.img{border:solid 1px #000000;}
a.L_red{color:#333333;}
a.L_red:hover{color:#FF0000; text-decoration:none;}
a.D_gray, a.D_gray:link{color: #333333; text-decoration: none; padding: 3px 2px 2px 2px;}
a.D_gray:hover{color: #FFFFFF; background-color: #666666;}
a.white_border, a.white_border:link{color: #FFFFFF; text-decoration: none; padding:  3px 5px 2px 5px; border: 1px solid #666666; margin:0px;}
a.white_border:hover{border: 1px solid #FFFFFF;  background-color: #666666;}
a.black_border, a.black_border:link{color: #000000; text-decoration: none; padding: 3px 5px 2px 5px; border: 1px solid #999999;}
a.black_border:hover{color:#FF0000; border: 1px solid #FF3333;  background-color: #FFFFFF; text-decoration:none;}
a.vb_border, a.vb_border:link{color: #000000; text-decoration: none; padding: 3px 2px 2px 2px; border: 1px solid #999999; margin:0px 5px 5px 0px;}
a.vb_border:hover{color:#FF0000; border: 1px solid #FF3333;  background-color: #FFFFFF; text-decoration:none;}

a.black_border3, a.black_border3:link{color: #000000; text-decoration: none; padding: 3px 5px 2px 5px; border: 1px solid #999999;}
a.black_border3:hover{color:#FF0000; border: 1px solid #FF3333;  background-color: #FFFFFF; text-decoration:none;}
a.black_border_2, a.black_border_2:link{color: #000000; text-decoration: none; padding: 2px 5px 2px 5px; border:none;}
a.black_border_2:hover{border: 1px solid #333333;  background-color: #FFFFFF; padding: 2px 5px 2px 4px;}
* html a.black_border_2:hover{border: 1px solid #333333;  background-color: #FFFFFF;}
a.bg_black, a.bg_black:link{padding:5px;}
a.bg_black:hover{background:#999999;}

.bd{font-weight: bold;}

.border_1, TD.border_1, TABLE.border_1{border: 1px solid #333333;}
.border_2, TD.border_2, TABLE.border_2{border: 2px solid #333333;}
.border_top{border-top-width: 1px; border-top-style: solid; border-top-color: #333333;}
.border_right{border-right-width: 1px; border-right-style: solid; border-right-color: #333333;}
.border_bottom{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333333;}
.border_left{border-left-width: 1px; border-left-style: solid; border-left-color: #333333;}
.border_td {border-top: 1px solid #333333; border-right: none; border-bottom: none; border-left: 1px solid #333333;}
.border_tbl {border-top: 1px solid #333333; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-left: 1px solid #333333;}
.border_input {text-align:center; border-width: 0px 0px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #000000; border-left-color: #FFFFFF; color:#FF0000; font-weight:bold;}

INPUT.border_A{border: 1px solid #333333; padding: 2px; font-size: 12px;}

.title_BG_Black{color: #FFFFFF; background-color: #333333; padding: 2px 5px 2px 5px;}

.bg_black{padding:5px; background-color: #333333;}
.bg_gray{padding:5px; background-color: #666666;}

.pages{background: #384747; height: 35px; line-height: 35px; color: #F0F0F0; overflow: hidden; padding: 0px 4px 0px 4px;}
/*.pages{background: #384747; color: #F0F0F0; padding: 0px 4px 0px 4px;}*/
.pages a, .pages strong, #multipage{padding: 11px 6px 11px 6px; line-height: 35px; color: #F0F0F0; margin-right:3px;}
.pages SPAN{color:#FFBA00; background-color: #5A6969; text-decoration:none; padding: 11px 6px 11px 6px; line-height: 35px; margin-right:3px; font-weight:bold;}
.pages a:hover {color:#333333; background-color: #CCCCCC; text-decoration:none;}

.align-right{margin-right:5px;}
.align-left{margin-left:5px;}

.button_a{padding: 2px 4px 2px 4px;}

#gen_m_o {text-indent:10px;}
* html #gen_m_o { /*IE only rule, to negate the padding below IE includes in  width.*/}
#gen_m_o a {display: block; width: 100%; text-decoration: none;}
#gen_m_o a:hover, #gen_m_o a:hover a:active {/*background: url("") repeat-x*/}
html>body #gen_m_o a { /*Non IE rule*/ width: auto; padding:10px 0px 5px 10px; height:20px; text-align:left;}

#gen_m_o2 {}
* html #gen_m_o2 { /*IE only rule, to negate the padding below IE includes in  width.*/}
#gen_m_o2 SPAN {display: block; text-decoration: none; padding:10px 20px 10px 0px;}
#gen_m_o2 a {display: block; text-decoration: none; padding:10px 20px 10px 0px; color:#000;}
#gen_m_o2 a:hover, #gen_m_o2 a:active {/*background: url("") repeat-x*/ background-color:#666666; color:#FFF;}
html>body #gen_m_o a2 { /*Non IE rule*/ width: auto; text-align:right;}

.pad_3{padding: 3px 0px 3px 3px;}
.ht_30{height:22px;}

#wrap{white-space:normal; word-break:break-all;overflow:hidden;}
#copyright{width:100%; background-color:#333333; height:35px; text-align:center; padding-top:10px; margin-top:10px;}