@charset "utf-8";

.buttons { width: 61px; height: 21px; background-image: url(/Images/Web/button_bg.jpg); background-repeat: no-repeat; border: none; color: #0C62C0; font-weight: bold}
.menus { border: #DDDDDD 1px solid; width: 126px; padding-bottom: 10px; background:#FFFFFF; position: absolute;}
.menus li { float: left; width: 100%; padding: 0 10px}
.menus a { float: left; width: 100%; padding: 8px 0 5px 0; border-bottom: #EFEFEF 1px solid; color: #000000}
.menus a:hover { text-decoration: none; color: #FF6600}

#titles { width: 954px; height: 23px; margin-bottom: 35px; padding: 10px 0 0 10px; color:#0B7AC0; border: 1px #9CC3D9 solid; background: url(/Images/Web/bbsbg.jpg);}
#titles span { color: #FF0000 }
#titles a { color: #0B7AC0;}
#titles a:hover { color:#FF0000; text-decoration: underline}

.menuskin {border:1px solid #9CC3D9; color: #333333; font-size : 12px;position : absolute;background-color : #F7FDFF; filter:alpha(opacity=90); -moz-opacity: 0.8; margin:2px; padding : 5px 20px 5px 10px; text-align : left; line-height : 14pt;} 
.menuskin a {line-height:20px;padding: 10px; color:#333333; text-decoration : none; position:relative; filter:alpha(opacity=100);} 
.menuskin a:hover { color: #FF0000}
.menuskin span{ padding-left: 10px;}

#content { width: 964px; }

#leftbox { width: 160px; float: left; border: 1px solid #9AC4DD; padding-bottom: 50px; }
#login_b {}
#login_b .c_1 { float:left; width: 150px; padding: 6px 0 6px 10px; color: #333333; background-color: #F7FDFF; border-bottom: 1px solid #C0E6FF; }
#login_b .c_2 { float: left; margin-left: 8px; padding: 5px 0 0 0; color: #0071B5; }
#personname, #password { width: 75px; margin-left: 5px;}

#my_img { text-align: center; margin-top: 15px; cursor: pointer}
#my_img a { color: #0B7AC0; float: left; margin: 10px 0 0 50px}

#login_b .c_3 { float: left; margin-top: 15px; text-align: center; width: 100%;}
#into { margin-left: 30px; font-size: 14px; padding: 2px 0 0 0}

#menu {}
#menu .title { float: left; width: 130px; color: #0B7AC0; height: 23px; margin: 15px 0 10px 0; padding: 12px 0 0 30px; background-image: url(/Images/Web/bbs_menu.jpg); }
#menu .list {clear: both; height: 22px; padding: 10px 0 0 40px; background-image: url(/Images/Web/bbs_menu2.jpg); background-repeat: no-repeat}
#menu a { color: #0B7AC0; }
#menu a:hover { color: #FF0000 }
#menu span { color: #666666; font-size: 12px; font-weight: 100}
#menu strong { color: #FF6600}

#rightbox { width: 784px; float: right; }
.pages {}
.pages .c_1 { width: 230px; float: left;}
.pages .c_2 { width: 500px; float: right; text-align: right}
.pointer { cursor:pointer}
.new { position: absolute; top: -7px; left: 155px}

#bottom2 { clear: both; width: 964px; height: 70px; margin-top: 50px; border-top: #999999 1px solid;  color: #666666 }
#bottom2 .c_1 { width: 600px; float: left; margin-top: 10px; }
#bottom2 .c_2 { width: 600px; float: left; margin-top: 10px; }
#bottom2 .c_3 { width: 150px; float: right; text-align: right; margin-top: 10px; clear: none}

#bottom2 .c_1 a { color: #0033CC; text-decoration: underline}
#bottom2 .c_2 a { color: #666666;}
#bottom2 .c_1 a:hover,#bottom2 .c_1 a:hover { color: #FF0000 }

.img1 { width: 28px; text-align: left}
.img2 {background: #FFFDEE; border: #FFE7D2 1px solid; font-size: 12px; color: #666; padding: 5px}
#ExcelFile { margin-bottom: 0px;}
.upload { height: 22px;}
.des { float: left; margin-top: 5px}