﻿@charset "utf-8";
/* CSS Document */
/*==============================
 * Filename: base.css
 * Version: 1.0.0 (2009-12-07) YYYY-MM-DD
 * Website: http://www.balabala.com/
 * Author: Vitrum Zhu (vitrum.zhu@DraftFCB.com)
 * Description: all css
 
 == STRUCTURE: ==============================
 *
 *
 
 ============================================
 word-break:break-all; //强制换行
 */
/*== css reset ==*/ 
html,body { width:100%; border:0; color:#403f3b; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, button { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;}
legend { color:#000; }
body { /*font:12px/1.231 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;*/ /*font-family: arial, helvetica, sans-serif,"宋体";*/font-family:'宋体'; font-size:12px;}
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }
strong {font-weight:bold;}

/*== reset font ==*/
/*== 清除浮动 ==*/
/*=1=*/
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {/* overflow:auto;*/ zoom:1;}
/*=2=*/
div.divclear { height:0; clear:both; font-size:0; line-height:0; overflow:hidden;}
/*== 清除浮动 ==*/
button { border:0; cursor:pointer;}
ins { display:none;}
/*== allbox ==*/


body {
	background:url(../images/background.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif,宋体;
	font-size:12px;
}
#allbox { width:1000px; height:640px; margin:0 auto; position:relative; background:url(../images/bg-user-center.jpg) no-repeat}
#contentbox { width:1000px; height:608px;}
#contentbox div.con-type1 { position:absolute; width:460px; height:282px; top:176px; left:300px; }
#contentbox #left {position:absolute; width:130px; height:230px; top:180px; left:180px;}
#contentbox #right {position:absolute; width:483px; height:250px; top:180px; left:372px;}
#contentbox #right h3 { font-size:14px; font-weight:bold;}

#contentbox #left ul { width:130px; list-style:none;}
#contentbox #left ul li { width:130px; height:32px; margin-bottom:4px;}
#contentbox #left ul li a { width:130px; height:32px; display:block;}
#contentbox #left ul li#menu1 a { background:url(../images/menu1-off.gif)} 
#contentbox #left ul li#menu1 a:hover { background:url(../images/menu1-on.gif)} 
#contentbox #left ul li#menu1 a.selected { background:url(../images/menu1-on.gif)} 
#contentbox #left ul li#menu2 a { background:url(../images/menu2-off.gif)} 
#contentbox #left ul li#menu2 a:hover { background:url(../images/menu2-on.gif)} 
#contentbox #left ul li#menu2 a.selected { background:url(../images/menu2-on.gif)} 
#contentbox #left ul li#menu3 a { background:url(../images/menu3-off.gif)} 
#contentbox #left ul li#menu3 a:hover { background:url(../images/menu3-on.gif)} 
#contentbox #left ul li#menu3 a.selected { background:url(../images/menu3-on.gif)} 
#contentbox #left ul li#menu4 a { background:url(../images/menu4-off.gif)} 
#contentbox #left ul li#menu4 a:hover { background:url(../images/menu4-on.gif)} 
#contentbox #left ul li#menu4 a.selected { background:url(../images/menu4-on.gif)} 
#contentbox #left ul li#menu5 a { background:url(../images/menu5-off.gif)} 
#contentbox #left ul li#menu5 a:hover { background:url(../images/menu5-on.gif)} 
#contentbox #left ul li#menu5 a.selected { background:url(../images/menu5-on.gif)} 
#contentbox #left ul li#menu6 a { background:url(../images/menu6-off.gif)} 
#contentbox #left ul li#menu6 a:hover { background:url(../images/menu6-on.gif)} 
#contentbox #left ul li#menu6 a.selected { background:url(../images/menu6-on.gif)} 

#menu { position:absolute; top:0px; left:850px; width:150px; height:275px; z-index:1000}
#music { position:absolute;}
#logo { position:absolute; top:0px; left:6px; width:115px; height:50px;}
#login { background:url(../images/bg-login.gif) no-repeat}
#reg { background:url(../images/bg-reg.gif) no-repeat}
#get-password { background:url(../images/bg-getpassword.gif) no-repeat}
#reg-ok { background:url(../images/bg-reg-ok.gif) no-repeat}

#footer {width:1000px; margin:0 auto; position:relative; height:32px; background:url(../images/copyright.gif) no-repeat; background-position:14px 14px;}
#footer ul { float:right; margin-top:12px; list-style:none;}
#footer ul li { float:left; margin-right:17px;color:#f6ab00; list-style:none; font-size:13px; text-decoration:none;}
#footer ul li a { color:#f6ab00; font-size:13px; text-decoration:none;}
#footer ul li a:hover { color:#f6ab00; font-size:13px; text-decoration:underline;}

input.input-text { width:134px; height:16px; background-color:#ffee61; border:0px;}
input.btn-login { width:134px; height:15px; background:url(../images/btn-login.gif); border:0; cursor:pointer;}
input.btn-reg { width:134px; height:15px; background:url(../images/btn-reg.gif); border:0; cursor:pointer;}
input.btn-confirm {width:134px; height:19px; background:url(../images/btn-confirm.gif); border:0; cursor:pointer;}
input.btn-password {width:133px; height:15px; background:url(../images/btn-getpassword.gif); border:0; cursor:pointer;}
input.form-text { width:130px; height:16px; border:2px solid #4e4e4e;}
table.form-table td { font-size:13px;}
table.table-point-head td { font-size:14px; font-weight:bold;}
ul#pagenume { list-style:none; margin:0 auto;}
ul#pagenume li { float:left; width:18px; height:18px;border:2px solid #FFF;}
ul#pagenume li a { display:block; margin-top:3px; text-decoration:none; color:#717171;}
ul#pagenume li.selected { background-color:#717171; border:2px solid #4e4e4e;}
ul#pagenume li.selected a {color:#fff;}

a#semirlink { width:130px; height:16px; display:block; position:absolute; top:13px; left:332px;}
a#semirlink img { border:0;}