@charset "utf-8"; 

* { margin: 0px; padding: 0px }
html { width: 100%; height: 100% }
body { width: 100%; height: 100%; margin: 0px; color: #666666; padding: 0px; font-size:12px; font-family: verdana, tahoma, Arial, Helvetica, sans-serif }
a:link, a:visited, a:active { color: #31A1FF }
a:hover { color: #FF7400; text-decoration:underline }

img { border: 0 }
form { margin: 0; padding: 0 }
h3 { font-size: 1em; font-weight: bold; color: #4d4d4d }
.png24 { tmp:expression(setPng24(this)); }

#header { width: 100%; height: 150px; color: #FFFFFF; margin-top: 30px }
#header .logo { width: 900px; height: 50px; margin:0 auto; text-align: center }
#header .menu { width: 901px; margin: 0 auto; margin-top:25px }
#header .menu ul	{ width:901px; height:44px; text-align:center }
#header .menu ul li	{ width: 111px; margin-left:1px; float:left; line-height:45px }
#header .menu ul li a, #header .menu ul li a.active { float:left; width: 111px; color:#FFFFFF; background:#252525; text-decoration: none }
#header .menu ul li a:hover, #header .menu ul li a.active { color: #31A1FF; background-color: #353535 }

#content { float: left; padding-top: 40px; padding-bottom: 40px; width: 100%; background:#FFFFFF url(./img/content_bgcolor.gif) repeat-x }
#content_table { width: 100%; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; background:#FFFFFF url(./img/content_bgcolor.gif) repeat-x }
#content_table a { color: #666666; text-decoration: none }
#content_table a:hover{ text-decoration:underline; color: #FF7400 }

#content_warp { width: 870px; margin: 0 auto }
#content_warp .page_left  { width: 490px; float: left }
#content_warp .page_left .page_logo { width: 130px; float:left }
#content_warp .page_left .page_line { width: 360px; float:left; line-height: 150%; margin-bottom: 22px }
#content_warp .page_left #page_label { clear: both; width: 482px; padding: 20px 0 0 8px; line-height: 175% }
#content_warp .page_left #page_label ol { padding-left: 23px }
#content_warp .page_left #page_label ul { padding-left: 18px }

#content_warp .page_right { width: 365px; margin-left: 15px; float: left }
#content_warp #page_listbox_title  { width: 335px; height: 45px; color: #FFFFFF; font-size: 13px; font-weight:bold; background: url(./img/listbox_title.gif) repeat-x; padding-left: 30px; line-height: 33px }
#content_warp #page_listbox { width: 363px; float: right; border: #CCCCCC 1px solid }
#content_warp #page_listbox a { color: #666666; text-decoration: none }
#content_warp #page_listbox a:hover{ text-decoration: none; color: #FF7400 }
#content_warp #page_listbox .listbox_clear { clear: both }
#content_warp #page_listbox .listbox_img { width: 125px; height: 77px; float: left; text-align:center; padding-top: 6px }
#content_warp #page_listbox .listbox_title { width: 238px; float: left; word-break;break-all; padding-top:15px; line-height: 150% }

#content_page {	width: 870px; margin: 0 auto }
#content_page .page_tip { width: 660px; margin: 0 auto; line-height: 150%; margin-bottom: 20px; background-color: #FB6807; padding: 12px; color:#FFFFFF }
#content_page .page_tip a { color: #000000 }
#content_page .page_tip a:hover{ text-decoration: underline; color: #666666 }

#file_download { clear: both; text-align:center; margin:0 auto;	width: 480px; height: 35px;	background: #F3F3F3 url(./img/downbtn_index.gif) no-repeat }
#file_download p.link a{ display: block; font-size: 14px; color: #FF0000; font-weight: bold; width: 480px; text-decoration: none; padding-top: 8px }
#file_download p.link a:hover{ color: #FFFFFF; background-color: #D1E1FA; width: 480px; height: 26px; font-weight: bold; text-decoration:none }

#footer { width: 100%; height: 150px; margin-top: 30px }
#footer p {	width: 900px; float: left; padding-top:10px; padding-bottom: 10px; font-size:14px; color:#767676; line-height:18px }

.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./img/buttonRed.gif) no-repeat; vertical-align:middle; overflow:visible; color:#FFFFFF;}
.button { height:23px; padding:0; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; *vertical-align:top; cursor:pointer;}

.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }

.button a,
.button button,
.button input { height:23px; padding:0 10px 0 10px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 10px; font-size:12px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 10px; font-size:12px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 10px 0 10px; font-size:12px; line-height:18px; background-position:right -107px;}

.button *:hover { color: #000000; }
.button *:focus{ color:#690;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../img/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}

.button.strong * { font-weight:bold !important;}

.line0 { height:35px; }
.line1 { height:35px; background-color:#EFEFEF; }
.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; }

input.ed { height:16px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font-size:12px; }
input.ed_password { height:16px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

input.write_input {	height: 20px; border: 1px solid #CCCCCC; background-color:#EFEFEF; font-size: 12px }
textarea.write_textarea { border: 1px solid #CCCCCC; background-color:#EFEFEF; overflow:auto; font-size: 12px }

.SLB_center  { cursor:pointer; visibility:hidden; border: solid 5px #000000; background-color: #FFFFFF; }
.SLB_close   { cursor:pointer; display:none; background-color:#000000; color: #FFFFFF; padding: 8px; font-weight: bold; }
.SLB_caption { cursor:pointer; display:none; background-color:#000000; color: #FFFFFF; padding-bottom: 4px; }
#SLB_loading { cursor:pointer; display:none; z-index: 99998; position:absolute; font:bold 36px "tahoma"; color:#fff; text-align:center; padding:3px 0 4px 0}
