@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; background:#FFF; color:#000; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{color:#06C; text-decoration:underline;}
a:hover{color:#F30; text-decoration:none;}

/*----HEADER PANEL----*/
#headermainPan{background:url(../images/bg_body.png) 0 0 repeat-x #FFF; color:#000; position:relative; margin:0 auto; height:170px; clear:both; text-align:center;}
#headerpopupPan{background:url(../images/bg_body_popup.png) 0 0 repeat-x #FFF; position:relative; margin:0 auto; height:126px; clear:both; text-align:center;}

/*----MAIN PANEL----*/
#mainPan{width:780px; position:relative; margin:0 auto; padding:8px 0;}

/*----Left Panel----*/
#leftPan{width:232px; float:left;}
#annual{width:216px; position:relative; margin:0;}
#annual .head{padding:20px 0 0 36px; background:url(../images/bg_head_annual.gif) no-repeat; height:25px; color:#333;}
#annual ul{background:url(../images/bg_body_annual.gif) repeat-y; position:relative;}
#annual li{list-style-image:url(../images/arrow-normal.gif); list-style-position:outside; margin:0 0 0 40px;}
#annual li a{color:#333;}
#annual li a:hover{color:#FFF;}
#annual .bottom{background:url(../images/bg_bottom_annual.gif) no-repeat; height:20px;}

#Menu{width:216px; display:block; background:url(../images/bg_menu.jpg) 0 0 no-repeat; padding:28px 0 28px 16px;}
#Menu .MSingle a, .MGroup a{cursor:pointer; width:144px; height:24px; display:block; background:url(../images/dot.gif) 0 100% repeat-x; padding:4px 0 0 0; margin:0 0 0 18px; color:#6B6854; text-decoration:none; font-weight:bold}
#Menu .MSingle a:hover, .MGroup a:hover{color:#025862;}
#Menu .MEntry a{background:#FFF; padding:2px 0 0 8px; color:#06C; text-decoration:underline; font-weight:normal;}
#Menu .MEntry a:hover{color:#F30; text-decoration:none;}

/*----Right Panel----*/
#rightPan{width:548px; float:left;}

/*----Footer Panel----*/
#footermainPan{background:url(../images/bg_footer.png) 0 0 repeat-x #6B6854; color:#fff; position:relative; margin:0 auto; height:108px; clear:both;}
#footerPan{width:691px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul{width:560px; position:absolute; top:48px; left:90px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan p.copyright{width:760px; color:#F3F1DF; position:absolute; top:68px; left:10px;}

#footerpopupPan{background:url(../images/bg_footer.png) 0 0 repeat-x #6B6854; color:#fff; position:relative; margin:0 auto; height:20px; clear:both; text-align:center; padding:36px 0 0 0;}

/*----Bar Panel----*/
#barPan{background:url(../images/bg_bar.gif); height:40px; font-size:large; color:#333;}
#barPan h3{padding:8px 0 0 8px; color:#333;}

#searchPan form{text-align:center; padding:8px 0; background:#E8F0F7;}

#txtInfo{padding:8px 0;}

#txtContent{padding:8px 0;}
#txtContent a{font-size:large;}
/*#txtContent img{float:right; padding:4px; background:#FFF; border:#CCC solid 1px;}*/

#endLine{display:block; height:8px; margin:0 auto; background:url(../images/bg_more_div.gif) 0 0 repeat-x; clear:both;}

#more{display:block; width:55px; height:12px; background:url(../images/bg_more_div.gif) 0 0 repeat-x; margin:8px 0 0 0; padding:0 0 18px 493px; font-size:0px; line-height:12px; clear:both;}
#more a{display:block; margin:0; padding:0; background:url(../images/ico_more_btt.gif) 0 0 no-repeat; width:54px; height:12px;}
#more a:hover{background:url(../images/ico_more_btt_hover.gif) 0 0 no-repeat;}

#addnew{display:block; text-align:right; background:#CCC; border:#E4E4E4 solid 1px; padding:2px 4px;}
#addnew a{color:#1B7A56; text-decoration:none; font-weight:bold;}
#addnew a:hover{color:#F30; text-decoration:none;}
#addnew .tool{width:60px; float:left;}

#ctList{background:#FEFAC7; border:#FDE3A8 solid 1px; padding:8px;}
#ctList li{padding:2px 0 2px 4px; margin:0 0 0 18px; list-style-image:url(../images/arrow-normal.gif); list-style-position:outside;}

#wbList{background:#D0EEE6; border:#D5F4EC solid 1px; padding:8px;}
#wbList li{padding:3px 0 3px 28px;}
#wbList li.new{background:url(../webboard/imgedit/ico_topic_new.png) 0 0 no-repeat;}
#wbList li.normal{background:url(../webboard/imgedit/ico_topic_normal.png) 0 0 no-repeat;}
#wbList li.vhot{background:url(../webboard/imgedit/ico_topic_vhot.png) 0 0 no-repeat;}
#wbList li.avhot{background:url(../webboard/imgedit/ico_topic_avhot.png) 0 0 no-repeat;}

#wbComment form{background:#E8F0F7; border:#B5CEE1 solid 1px; padding:8px;}
#wbComment label{float: left; position:relative; width: 180px; line-height: 20px; text-align: right; padding-right: 5px; overflow:hidden;}
#wbComment p.sub{padding-left: 185px;}

#wbAnswer {width:680px; margin:8px auto; background:#FFFFD9; border:#066 solid 2px;}
#wbAnswer .info{width:612px; height:24px; float:left; background:#CCC; padding:4px 0 0 8px;}
#wbAnswer .tool{width:60px; height:24px; float:right; background:#CCC; padding:4px 0 0 0;}
#wbAnswer .detail{padding:36px 8px 8px 8px;}

#loginPan{width:400px; margin:8px auto; background:#D3F1EE;}
#loginPan h3{background:url(../images/bg_head_green_blue.png) repeat-x; height:30px; color:#FFF; padding:18px 0 0 8px;}
#loginPan label{float: left; position:relative; width: 140px; line-height: 20px; text-align: right; padding-right: 5px; overflow:hidden;}
#loginPan p.sub{padding-left: 145px; padding-bottom:18px;}

#w30pc{width:30%; display:block; float:left;}

div.MGroupContent{display: none}

.img_border{background-color:#FFF; padding:3px; border:1px solid #CCC;}
.img_border_left{float:left; padding:3px; background:#FFF; border:#CCC solid 1px;}
.img_border_right{float:right; padding:3px; background:#FFF; border:#CCC solid 1px;}

.txt_bnormal{
	font-size:14px;
	font-weight:bold;
}
.txt_red_s{
	color:#F00;	
}
.txt_blue_s{
	color:#36C;
}
.txt_blue_sb{
	color:#36C;
	font-weight:bold;
}
.txt_sel_page{
	color:#F30;
	font-size:large;
	font-weight:bold;
}
.lnk_blue_orange_su00 a{
	color:#06C;
	text-decoration:none;
}
.lnk_blue_orange_su00 a:hover{
	color:#F30;
	text-decoration:none;
}