/* 文件信息，分别为标题、作者、URL、描述、创建日期、最后修改日期- - - -

Title : MP3 - Club
Author : Don't Cry 
URL : http://www.Yunsd.cn

Description : MP3 - Club

Created : 2008.06.08
Modified : 2008.06.08

- - - - - - - - - - - - - - - - - - - - - */
/* -- 全局CSS定义 -- */
body {background:url(Html_BG.jpg) repeat-x #001020 center top;text-align:left;margin:0 auto;padding: 0;font-family: "Tahoma";font-size: 12px;color:#fff;line-height: 1.2em}
div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0 auto;padding: 0;border: 0;}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
input {border:1px solid #8f8f8f;}
ul,ol {list-style:none}
.reg_errorh{color: #eb0000; height:10px; padding-top:0px; padding-left:15px; background:url(reg_error.gif) left top no-repeat;}
.reg_righth {color: #208900; height:10px; padding-top:0px; padding-left:15px; background:url(reg_right.gif) left top no-repeat;}


/* -- 链接颜色 -- */
a{outline:none;blr:expression(this.onFocus=this.blur())}
a:link {color:#001020;text-decoration:none;}
a:visited {color:#001020;text-decoration:none;}
a:hover {color:#b7ffed;text-decoration:underline;}
a:active {color:#001020;}

/* 颜色属性 [定义规则，小写c加颜色名称] */
.cRed,a.cRed:link,a.cRed:visited,a.cRed:hover,a.cRed:active{ color:#f00;text-decoration:underline;}
.cBlue,a.cBlue:link,a.cBlue:visited,a.cBlue:hover,a.cBlue:active{color:#0140fe;text-decoration:underline;}
.cGreen,a.cGreen:link,a.cGreen:visited,a.cGreen:hover,a.cGreen:active{color:#0c0;text-decoration:underline;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff}



/* 字体属性 [定义规则，小写f加属性名称] */
.fB {font-weight: bold;}
.fI {font-style: italic;}

/* 字体大小*/
.f9px{ font-size:9px;}
.f11px{ font-size:11px;}

/* 其他属性 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:0px; width:0px; height:0; visibility: hidden; line-height: 0}
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none;}
.dis{display:block}
.undis{display:none}

/* 初始化 */


/* 全局框架 */
.main {width:900px;position:relative}
.Head {width:900px;height:250px;}
.side {float:left;width:175px;background:url(leftmeau_01.jpg) no-repeat 0 top;padding-top:62px;}
.con {float:left;width:725px;background:url(rightframe_01.jpg) no-repeat 0 top;padding-top:52px;overflow:hidden;zoom:1}


/* side_nav */
.side_nav {background:url(leftmeau_but02.jpg) no-repeat 0 bottom;padding-bottom:40px}
.side_nav ul {background:url(leftmeau_but01.jpg)}
.side_nav ul li {height:50px;width:142px;}
.side_nav ul li a {display:block;height:50px;width:142px;text-indent:-99em;background:url(leftmeau_but.jpg) no-repeat 0 0}
.side_nav ul li a:hover ,.side_nav ul li .Now {background:url(leftmeau_but.jpg) no-repeat 0 -50px}
#n2 a {background-position:-142px 0}
#n3 a {background-position:-284px 0}
#n4 a {background-position:-426px 0}
#n5 a {background-position:-568px 0}
#n6 a {background-position:-710px 0}
#n7 a {background-position:-852px 0}
#n8 a {background-position:-994px 0}

#n2 a:hover ,#n2 .Now {background-position:-142px -50px}
#n3 a:hover ,#n3 .Now {background-position:-284px -50px}
#n4 a:hover ,#n4 .Now {background-position:-426px -50px}
#n5 a:hover ,#n5 .Now {background-position:-568px -50px}
#n6 a:hover ,#n6 .Now {background-position:-710px -50px}
#n7 a:hover ,#n7 .Now {background-position:-852px -50px}
#n8 a:hover ,#n8 .Now {background-position:-994px -50px}

.Downlink {height:195px;background:url(Dlxz_1.jpg);margin-top:15px;padding:15px 0 0 110px}
.Downlink a {display:block;width:60px;height:22px;font-weight:bold;margin-bottom:8px;color:#feff87}
.Downlink a:link {color:#feff87;text-decoration:none;}
.Downlink a:visited {color:#feff87;text-decoration:none;}
.Downlink a:hover {color:#b7ffed;text-decoration:underline;}
.Downlink a:active {color:#feff87;}

.SubDiv {height:50px;display:none;position: absolute;top:412px;left:0px;padding:0 0 0 157px;background:url(Sub2.gif) no-repeat 157px 0;overflow:hidden;zoom:1}
.SubDiv div {background:url(aaa.gif);height:50px;}
.SubDiv ul {height:50px;width:578px;padding:0 50px}
.SubDiv div ul li {float:left;width:75px;display:inline;zoom:1;}
.SubDiv div ul li a {font-size:14px;font-weight:bold;padding:0 5px;color:#FCD403;line-height:50px;border-left:#FCD403 1px solid;}
.SubDiv div ul li a.noBorder {border-left:0;}
.SubDiv div ul li a:link {color:#FCD403;text-decoration:none;}
.SubDiv div ul li a:visited {color:#FCD403;text-decoration:none;}
.SubDiv div ul li a:hover {color:#b7ffed;text-decoration:underline;}
.SubDiv div ul li a:active {color:#FCD403;}


/* con */
.con_bg {background:url(BJ_01.jpg);overflow:hidden;zoom:1}
.news {background:url(Xwgg_1.jpg) no-repeat right top;height:281px;padding:110px 0 0 90px}
.news li {background:url(page_main_icon2.gif) no-repeat 0 1px;height:22px;padding-left:18px;}
.news li a {color:#001020;text-decoration:none;}
.news li a:hover {color:#b7ffed;text-decoration:underline;}

.info {background:url(YXBBJS_1.jpg) no-repeat right top;height:281px;padding:110px 0 0 90px}
.info li {background:url(page_main_icon1.gif) no-repeat 0 0;height:22px;padding-left:18px;color:#001020}
.phototitle {background:url(Pic_Wjfc.jpg) no-repeat 51px 0;height:51px;display:block}
.photo {width:660px;height:191px;background:url(Pic_02.jpg) no-repeat;overflow:hidden;zoom:1}
#scrollArea {width:620px;height:156px;white-space:nowrap;margin:13px auto 0;overflow:hidden;}
#scrollArea div div, #scrollArea div div a {float:left;}
#scrollArea img {margin-right:5px;border:#af7d2b 3px solid;}

.conbot {clear:both;overflow:hidden;zoom:1;background:url(rightframe_05.jpg) no-repeat 0 bottom;height:90px;}
.topLink {margin:15px 35px 0 0;float:right;display:block;width:30px;height:30px;background:url(icon_top.gif);text-indent:-999em;}




/* Reg */
.Reg {background:url(m/ZCZH-1.jpg) no-repeat 0 top;padding-top:87px;width:654px;margin:0 auto}
.Reg_bg {background:url(m/ZCZH-2.jpg);padding:10px 50px 0;overflow:hidden;zoom:1}
fieldset {border:#777 1px solid;border-width:0 0 1px;margin:10px auto 0}
fieldset.Nowidth {width:auto;border-width:0 0 2px;}
fieldset legend {color:#07457E;font-weight:bold}
fieldset dl {padding:10px 0 0;overflow:hidden;zoom:1}
fieldset dl dt ,fieldset dl dd {float:left;color:#07457E;}
fieldset dl dt {clear:both;text-align:right;width:100px;line-height:18px}
fieldset dl dd {width:439px;line-height:18px;padding-bottom:10px;}
fieldset input ,fieldset select {width:198px;border:1px solid rgb(192, 192, 192);}
fieldset input.chk {width:50px}
fieldset input.radio {width:auto;border:0}
fieldset table {line-height:12px;}
fieldset table span {line-height:18px;}
fieldset div {overflow:hidden;zoom:1}

.RegBtn {clear:both;overflow:hidden;zoom:1;background:url(m/ZCZH-3.jpg) no-repeat 0 bottom;padding:14px 0 44px 215px;margin:0 -50px}
.zc {float:left;background:url(m/ZC_btn.gif) no-repeat 0 0;width:100px;height:37px;display:block;text-indent:-999em;margin-right:20px;}
.zc:hover {background-position:0 -37px}
.qx {float:left;background:url(m/ZC_btn.gif) no-repeat -100px 0;width:100px;height:37px;display:block;text-indent:-999em}
.qx:hover {background-position:-100px -37px}


/* Login */
.Login {background:url(m/YHDL-01.jpg) no-repeat 0 top;padding-top:71px;width:408px;margin:50px auto 195px}
.Login_bg {background:url(m/YHDL-02.jpg);padding:10px 20px 0;overflow:hidden;zoom:1}

.LoginBtn {clear:both;overflow:hidden;zoom:1;background:url(m/YHDL-03.jpg) no-repeat 0 bottom;padding:0 0 31px 127px;margin:0 -20px}
.Login fieldset {border:0;margin:10px auto 0}
.Login fieldset dl {padding:10px 0 0;overflow:hidden;zoom:1}
.Login fieldset dl dt ,fieldset dl dd {float:left;color:#07457E;}
.Login fieldset dl dt {clear:both;text-align:right;width:100px;line-height:18px}
.Login fieldset dl dd {width:240px;line-height:18px;padding-bottom:10px;}
.login {float:left;background:url(m/LoginBtn.gif) no-repeat 0 0;width:59px;height:22px;display:block;text-indent:-999em;margin-right:20px;}
.login:hover {background-position:0 -22px}
.chPass {float:left;background:url(m/LoginBtn.gif) no-repeat -59px 0;width:70px;height:22px;display:block;text-indent:-999em}
.chPass:hover {background-position:-59px -22px}

/* Item_List.aspx */
.Item_List {background:url(m/RWPH-1.jpg) no-repeat 0 top;padding-top:85px;width:654px;margin:0 auto}
.Item_List_bg table {border:1px solid #A9BED9;height:25px;line-height:20px;text-align:center;color:#001020}
.Item_List_bg table th {border:1px solid #FFFFFF;background:#A5BDD7}
.Item_List_bg table td {border:1px solid #A9BED9}
.bank input {width:auto} 

#content h2 {padding:8px 0px 8px 15px;background:url(../images/TitleLine.gif) repeat-x bottom center;font-size:12px;font-weight:bold;color:#fff;width:650px;margin:0 auto}
#contentMain {color:#001020;padding: 20px 30px;line-height: 1.5em;text-align:justify;text-justify:inter-ideograph;word-break:break-al}
#contentMain p {text-indent:2em;padding:5px 0}
/* Top */

.Top {background:url(m/SLPH_01.jpg) no-repeat 0 top;padding-top:85px;width:654px;margin:0 auto}
.Top2 {background:url(m/RWPH-1.jpg) no-repeat 0 top;padding-top:85px;width:654px;margin:0 auto}
.Top_bg {background:url(m/ZCZH-2.jpg);padding:10px 90px 0;overflow:hidden;zoom:1}
.Top_bg table {border:1px solid #A9BED9;height:25px;line-height:25px;text-align:center;color:#001020}
.Top_bg table th {border:1px solid #FFFFFF;background:#A5BDD7}
.Top_bg table td {border:1px solid #A9BED9}
.TopBot {display:block;clear:both;overflow:hidden;zoom:1;background:url(m/ZCZH-3.jpg) no-repeat 0 bottom;margin:0 -90px;height:44px;}
.TopTxt {padding:8px 0;color:#001020}


/* Down */
.Down {background:url(m/YXXZ_01.jpg) no-repeat 0 top;padding-top:85px;width:654px;margin:0 auto}
.Down_bg {background:url(m/ZCZH-2.jpg);padding:10px 50px 0;overflow:hidden;zoom:1;color:#001020}
.DownBot {display:block;clear:both;overflow:hidden;zoom:1;background:url(m/ZCZH-3.jpg) no-repeat 0 bottom;margin:0 -50px;height:44px;}
.DownTitle {display:block;height:32px;line-height:32px;background:url(m/right.png) no-repeat 0 0;font-size:14px;font-weight:bold;padding-left:32px;color:#0066CC}
.DownTxt {padding-left:32px;color:#697C91;line-height:18px}
.DownDiv {border-bottom:#4E6786 2px solid;padding:10px 0 40px}
.DownDiv a.DownLink {float:left;display:block;text-decoration:none;color:#0066CC;height:32px;line-height:32px;background:url(m/package_down.png) no-repeat 0 0;font-size:14px;font-weight:bold;padding-left:36px;width:90px;color:#0066CC}
.DownDiv a:link {color:#0066CC;text-decoration:none;}
.DownDiv a:visited {color:#0066CC;text-decoration:none;}
.DownDiv a:hover {color:#0066CC;text-decoration:underline;}
.DownDiv a:active {color:#0066CC;}

/* foot */
.foot {position:relative;padding-left:20px;margin:10px 0;overflow:hidden;zoom:1}
.copyright {position:absolute;top:0;right:40px;line-height:18px;}
.foot p {float:left;background:url(LS_01.jpg) no-repeat 0 0;padding:0 20px 0 40px;line-height:19px;}
.foot p.tel {background:url(LS_02.jpg) no-repeat 0 0;}
.foot p.qq {background:url(LS_03.jpg) no-repeat 0 0;}
.foot strong {font-size:14px}


/* Images Show */
.Eventslist_img {width:220px;height:190px;text-align:center }
.pic_img {padding:10px;background:#7a2522;border:1px #c6865d solid;width:190px;height:136px;font-size: 0;line-height: 0}
.pic_txt {padding:2px 5px;background:#9c2924;border:1px #c6865d solid;border-width:0 1px 1px 1px;width:200px;height:15px;text-align:right;overflow:hidden}
.pic_txt ul {list-style: none}
.txtleft {float:left}
.item-foot {clear: both}

.kfqq a:link {color:#fff;text-decoration:none;}
.kfqq a:visited {color:#fff;text-decoration:none;}
.kfqq a:hover {color:#b7ffed;text-decoration:underline;}
.kfqq a:active {color:#001020;}


.load {background:url(../images/ajax-loading.gif) #fff no-repeat center center;display:none;position:absolute;top:1;left:0;z-index:999;filter:alpha(opacity=50);opacity:0.5;}
#loading {width:100%;height:100%;}
