html { overflow-x: auto }
body { font-family: Tahoma, Arial, simsun; font-size: 12px; color: #222; margin: 0px; padding: 0px; line-height: 120%; background: #fceded url(/img/bg1.gif) repeat-x }
#body { width: 850px; margin: 15px auto 15px auto; border: 5px solid #ba8080; background: #fff; padding: 10px }
a { color: #750000; text-decoration: none }
a:hover { color: #3d0000; text-decoration: underline }
.large { font-size: 14px }
input, textarea { font-size: 14px; font-family: Tahoma, Arial, simsun; border: 1px solid #666; padding: 0 3px }
#site_logo { background: #750000; width: 100%; height: 75px; color: #ba8080 }
#site_logo .left { float: left; width: 10px; height: 75px; background: url(/img/site_logo_left.gif) no-repeat }
#site_logo .right { float: left; width: 10px; height: 75px; background: url(/img/site_logo_right.gif) no-repeat }
#site_logo .logo { float: left; width: 190px; height: 75px; background: url(/img/logo.gif) no-repeat left center; cursor: pointer }
#site_logo .content { float: left; width: 628px; text-align: right; margin-right: 12px }
#site_logo a { color: #ba8080 }
.button { border: 1px solid #3d0000; background: #750000; padding: 3px 5px 2px; font-size: 12px; color: #fff; cursor: pointer }
.large_button { border: 1px solid #3d0000; background: #750000; padding: 7px 10px 5px; font-size: 12px; color: #fff; cursor: pointer }
a.copy_button { background: #f5e1e1; color: #750000; padding: 5px 8px }
a.copy_button:hover { background: #750000; color: #f5e1e1; text-decoration: none }
.title { font-weight: bold }
.content { padding: 10px 0 }
.bginput { border: 1px solid #000; padding: 2px }
.more { float: right; font-size: 12px; font-weight: normal }
#navigation { width: 100%; height: 25px; background: #ba8080; margin-bottom: 15px }
#navigation_bar { text-align: right; height: 25px }
#navigation_bar ul { margin: 0 auto 0 auto; text-align: center; float: right }
#navigation_bar li { list-style: none; float: left; text-align: center; margin: 0px; padding: 0px; width: 90px; color: #ffffff }
#navigation_bar a { float: left; width: 80px; padding: 5px; color: #ffffff }
#navigation_bar a:hover { background: #570202; text-decoration: none }
#navigation_bar a.selected:hover { color: #fff }
#navigation_bar .selected { color: #570202; font-weight: bold }
#login_panel { height: 190px; width: 850px; background: #171b22; margin-bottom: 25px; font-family: simsun }
#login_panel .left { float: left; width: 10px; height: 190px; background: url(/img/login_panel_left.gif) no-repeat; text-align: right }
#login_panel .right { float: left; width: 10px; height: 190px; background: url(/img/login_panel_right.gif) no-repeat }
#login_panel .center { float: left; width: 510px; height: 190px; background: url(/img/login_panel_center.jpg) no-repeat }
#login_panel .login { float: left; width: 260px; height: 165px; padding: 25px 0 0 60px; background: url(/img/login_panel_loginbg.jpg) no-repeat; line-height: 200% }
#login_panel .top { background: url(/img/m_icon.gif) no-repeat; padding: 3px 20px; font-weight: bold }
#login_panel div { padding: 2px 5px }
#manage_panel { float: left; width: 194px; border: 3px solid #919191; background: #5e5e5e; color: #fff; _height: 100px; min-height: 100px }
#manage_panel .top { float: left; width: 184px; padding: 5px; line-height: 20px }
#manage_panel div { float: left; width: 174px; text-align: left; border-top: 1px solid #7e7e7e; border-bottom: 1px solid #4b4b4b; color: #fff; padding: 5px 5px 5px 15px; line-height: 20px; font-weight: bold }
#manage_panel a { float: left; width: 154px; text-align: left; border-top: 1px solid #a3a3a3; border-bottom: 1px solid #4b4b4b; padding: 5px 5px 5px 35px; color: #fff; background: #828282; line-height: 20px }
#manage_panel a:hover { background: #a3a3a3; text-decoration: none; color: #fff }
#manage_panel_arrow { float: left; top: 35px; height: 19px; background: #ff0000; width: 10px; left: 197px; position: relative; background: url(/img/manage_panel_arrow.gif) no-repeat }
.step_description { float: left; width: 580px; padding: 10px; border: 1px dashed #cccccc; color: #333; font-size: 12px; line-height: 200% }
.description { color: #666; padding: 5px 10px }
#main_contents { float: left; width: 100%; line-height: 150%; margin-bottom: 15px }
#main_contents .left { float: left; width: 200px; border-right: 1px solid #eee; padding-right: 10px }
#main_contents .center { float: left; width: 590px; _height: 300px; min-height: 300px; padding: 0 10px 0px 10px }
#main_contents .right { float: left; width: 280px; padding: 0 10px 10px 10px }
#main_contents .list { padding: 0 10px; line-height: 210%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-family: Tahoma }
#main_contents .right_title { background: url(/img/index_right_bg.gif); height: 35px; margin-bottom: 5px; font-weight: bold; font-size: 14px; padding: 7px 0 0 30px }
#league { float: left; width: 838px; min-height: 60px; _height: 60px; border: 1px dashed #cccccc; margin-bottom: 15px }
#league .title { width: 100%; background: none; border: 0px; padding: 5px }
#league ul { margin: 0px; padding: 0px }
#league li { float: left; list-style: none; width: 80px; padding: 0 5px 5px 5px }
.site_bottom_line { float: left; width: 100%; height: 5px; line-height: 5px; font-size: 1px; border-top: 5px solid #ba8080 }
.footer { width: 100%; font-family: Tahoma, Arial, simsun; font-size: 10px }
.panel { margin-bottom: 20px }
.panel .title { padding: 0 0 0 20px; background: url(/img/m_icon.gif) no-repeat; margin: 0 0 15px 0 }
.panel .content { margin: 0 10px 10px 18px }
#site_top { height: 70px }
#site_top .logo { float: left }
#site_top .link { margin: 15px 10px; float: right }
#content_left { float: left; width: 260px; margin: 10px 10px 0px 0px }
#content_right { float: right; width: 680px; margin-top: 10px }
.step_success { margin-top: 15px; line-height: 180%; background: url(/img/success.gif) no-repeat; padding-left: 110px; height: 150px; font-size: 14px }
.step_success a { font-size: 24px; font-weight: bold; color: #ff0000 }
.left_panel { margin-bottom: 10px; border: 1px solid #c7b8b3; width: 100%; background: #f4f1e9 }
#content_left .showcontent { margin: 0px 3px 3px 3px; border-top: 1px solid #e3e3e3; padding: 5px 10px; background: #ffffff }
.contact_text { margin-left: 10px }
.contact_information { margin-left: 10px; min-height: 80px; _height: 80px; padding: 5px; line-height: 25px; background: #ffffff; border-top: 1px solid #e3e3e3border-bottom1px solid #e3e3e3 }
.contact_bbs { padding-top: 10px; width: 100%; text-align: right }
#content_right .panel { float: right; width: 668px; border: 1px solid #e3e3e3; padding: 5px; margin-bottom: 10px }
#content_right .title { float: left; width: 643px; padding-left: 20px; background: url(/images/title_arrow.gif) no-repeat; border-bottom: 1px solid #e3e3e3 }
.announcement ul { padding: 0px; margin: 0px; line-height: 210%; list-style: url(/images/announce_list.gif) }
.announcement li { margin-left: 20px }
.helplist ul { padding: 0px; margin: 0px; line-height: 150% }
.helplist li { list-style: url(/images/help_list.gif); margin-left: 20px }
.line { padding: 5px; clear: both; border-bottom: 1px dashed #eee; float: left; width: 570px }
.line_left { float: left; text-align: right; width: 130px; padding: 5px 5px 5px 5px }
.line_middle { float: left; min-width: 200px; padding: 5px }
.line_right { float: left; min-width: 210px; padding: 5px 5px 5px 5px }
.button_end { float: left; width: 100%; margin: 15px 0px; text-align: center }
.space_line { width: 100%; min-height: 10px; _height: 10px; float: left }
.success { padding: 10px; border: 1px solid #2ec8e5; background: #d3f5fc; color: #0097d5; font-weight: bold }
.default_input { border: 1px solid #a7a6aa }
.active_input { border: 1px solid #a7a6aa }
.error_input { background-color: #fad5c6; border: 1px solid #eb703f }
.ok_input { background-color: #ddf7d5; border: 1px solid #6fde50 }
.ajax_line_right_active { color: #eb703f; position: absolute; width: 200px }
.ajax_line_right_error { color: #eb703f; position: absolute; width: 200px }
.ajax_line_right_ok { color: #6fde50; position: absolute; width: 200px }
#myhome_info { float: left; width: 350px; margin: 15px 15px 15px 0; padding-right: 15px; line-height: 220% }
#myhome_info .l { float: left; width: 130px; text-align: right; margin-right: 10px; color: #666 }
#myhome_info .r { float: left; width: 205px; color: #000 }
#myhome_question { float: left; width: 180px; font-weight: bold; margin-left: 10px; padding-left: 10px; border-left: 1px solid #efefef; margin-bottom: 10px }
#myhome_question .line { width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-weight: normal }
#myhome_payment { float: left; width: 270px; padding: 10px }
#myhome_content { float: left; width: 270px; padding: 10px }
.myhome_site { padding: 5px 0; border-bottom: 1px dashed #efefef }
.news_title { padding: 5px 0px; font-size: 18px; width: 100%; font-weight: bold; text-align: center; border-bottom: 1px dashed #e3e3e3 }
.news_date { font-size: 14px; padding: 5px 0px; width: 100%; text-align: right }
.news_content { font-size: 14px; padding: 5px 0px; width: 100%; line-height: 180% }
#my_site { float: left; width: 570px; margin: 20px 0px 20px 0 }
#my_site .top { float: left; width: 570px; padding: 5px 15px; background: #ba8080; font-size: 14px; font-size: 12px; font-weight: bold; color: #fff }
#my_site .site { float: left; width: 492px; padding: 10px 15px; font-size: 18px; font-weight: bold; border-bottom: 1px dashed #efefef }
#my_site .site_notice { margin-right: 3px }
#site_panel { position: absolute; border: 3px solid #ba8080; _height: 50px; min-height: 50px; width: 200px; background: #fff; display: none }
#site_panel span { float: left; border-bottom: 1px solid #eee; margin: 0px 5px; width: 175px; padding: 3px 5px; font-weight: bold }
.grey_font { color: #9a9999 }
.strong_font { font-weight: bold }
.question_panel { padding: 10px 20px 10px 30px; min-height: 100px; margin-left: 20px; _height: 100px; width: 550px; background: #f8f8f8; border-bottom: 1px solid #e3e3e3; float: left }
#show_question { background: url(/images/icon_question.gif) no-repeat; padding-left: 40px; min-height: 50px; _height: 50px; padding-top: 10px }
#show_answer { background: url(/images/icon_answer.gif) no-repeat; padding-left: 40px; margin-top: 20px; min-height: 50px; _height: 50px; padding-top: 10px }
.error { padding: 10px 10px 10px 45px; color: #c80000; font-size: 14px; font-weight: bold; border: 1px solid #c80000; margin: 10px 0; background: url(/img/error.gif) no-repeat left center }
#about_union { width: 550px; padding-left: 30px }
#about_union h1, #about_union h2, #about_union h3, #about_union h4, #about_union h5 { font-weight: bold; padding-left: 30px; line-height: 25px; font-size: 12px; background: url(/images/title_arrow.gif) no-repeat 0.1em 1px; margin: 0px }
#about_union .c_title { font-weight: bold }
#about_union .c_content { margin-bottom: 15px }
#about_union .about_content { font-weight: normal; padding-left: 30px; line-height: 22px; margin: 0 0 10px 0 }
#about_union .about_content ul { padding: 0px; margin: 0px }
#about_union .about_content li { padding-left: 30px; line-height: 25px; list-style: none; list-style-position: outside; margin: 0px; background: url(/images/title_arrow.gif) no-repeat 0.1em 1px }
#product { width: 500px; padding-left: 30px }
#join { width: 650px; padding-left: 30px; margin: 25px 0 0 0; clear: both; float: left }
#join .space_left { width: 300px; float: left; border: 0px solid #cdcdcd; text-align: right }
#join .space_right { width: 300px; float: right; border: 0px solid #cdcdcd; text-align: left }
#join img { border: 0px }
.style { float: left; border: 1px solid #eee; margin: 10px 0 0 0; padding: 5px; width: 220px; cursor: pointer }
.style img { float: left; margin-right: 10px }
.style .style_title { float: left; width: 110px; font-weight: bold; margin-bottom: 20px }
.style .description { float: left; width: 110px; padding: 0px }
.style .description span { color: #750000 }
.style_active { border: 1px solid #149525 !important; background-color: #D7F8AC !important }
.style_preview { float: left; width: 20px; background: #750000; text-align: center; color: #fff; margin: 10px 10px 0 0; border-top: 1px solid #750000; border-right: 1px solid #750000; border-bottom: 1px solid #750000 }
a.style_preview:hover { float: left; text-decoration: none; color: #750000; background: #fff; border-top: 1px solid #750000; border-right: 1px solid #750000; border-bottom: 1px solid #750000 }
.code_information { margin: 5px 20px; line-height: 150% }
.code_copy { width: 100%; text-align: right }
.code_information .code { width: 530px; padding: 10px; border: 1px dashed #ccc; font-size: 12px; font-family: Arial, Tahoma }
.show_page_link { float: left; width: 100%; padding: 10px 0; text-align: center }
.show_page_link a { text-decoration: none }
.show_page_link a:hover { background-color: #ba8080; border: 1px solid #ba8080; color: #fff; text-decoration: none }
.prev_link { margin: 0px 2px 0px 2px; padding: 4px 5px 2px 5px; border: 1px solid #e2e2e2; color: #ba8080 }
.next_link { margin: 0px 2px 0px 2px; padding: 4px 5px 2px 5px; border: 1px solid #e2e2e2; color: #ba8080 }
.page_link { margin: 0px 2px 0px 2px; padding: 2px 5px 3px 5px; border: 1px solid #e2e2e2; color: #666666 }
.current_page { padding: 0px 5px 0px 5px; font-size: 12px; font-weight: bold; color: #e82e00 }