@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#1C180F; background:#1A140E url(../images/bg1.gif) repeat-x left top; }
#pageBg{ background:url(../images/bg2.jpg) no-repeat left top; }
*{ margin:0; padding:0; }
ul, li{ list-style:none; }
a, a:hover{ color:#1C180F; text-decoration:none; }
a:hover{ color:#000; }
img{ border:0; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.clear1{ clear:both; }
.clear2{ clear:both; height:13px; background-color:#DBDBDB; }

/* color */
.purple{ color:#622999; }
.green{ color:#668222; }
.blueGreen{ color:#197F74; }
.brown{ color:#986D23; }
.lightPurple{ color:#98238E; }
.pink{ color:#CA6C9D; }

/* area */
#header{ width:970px; height:138px; }
#content{ width:970px; }
#footer{ width:970px; }

/* header */
#header a{ color:#fff; }
.headerTop{ height:94px; padding-left:320px; }
.flash{ float:left; width:460px; }
.login{ float:left; width:190px; padding-top:70px; color:#999; }
.nav{ padding-left:320px; line-height:42px; font-size:14px; }
.nav li{ float:left; padding:0 16px; background:url(../images/arrow1.png) no-repeat left center; }

/* contentLeft */
.contentBg{ padding:12px 12px 40px 12px; background-color:#DBDBDB; }
.contentLeft{ float:left; width:626px; margin-right:14px; overflow:hidden; }
.recommend{ background:url(../images/bg_recommend2.jpg) repeat-y left top; }
.recommend .skin1{ background:url(../images/bg_recommend1.jpg) no-repeat left top; }
.recommend .skin2{ background:url(../images/bg_recommend3.jpg) no-repeat left bottom; padding:43px 15px 25px 15px; height:112px; }
.recommend li{ float:left; width:74px; text-align:center; overflow:hidden; }
.recommend img{ width:68px; height:93px; border:solid 1px #FCF1F5; }
.recommend a:hover{ color:#C81557; }

.original{ background:url(../images/bg_original2.jpg) repeat-y left top; }
.original .skin1{ background:url(../images/bg_original1.jpg) no-repeat left top; }
.original .skin2{ background:url(../images/bg_original3.jpg) no-repeat left bottom; padding:38px 18px 0 18px; height:274px;  }
.original .special{ width:575px; height:182px; line-height:15px; }
.original .special p{ line-height:18px; }
.original .program1{ float:left; width:270px; margin-right:35px; }
.original .program2{ float:left; width:270px; }
.original h4{ height:20px; font-size:14px; line-height:20px; }
.original img{ width:82px; height:112px; border:solid 1px #F7F2FB; }
.original .colorBg1, .original .colorBg2{ float:left; display:block; width:57px; height:17px; margin-right:8px; background:url(../images/bt1.gif) no-repeat left top; line-height:17px; text-indent:6px; color:#FFF; }
.original .colorBg2{ background:url(../images/bt2.gif) no-repeat left top; }
.original ul{ float:left; width:280px; height:74px; margin-top:18px; } 
.original li{ line-height:18px; border-bottom:solid 1px #856DC5; background:url(../images/dot2.jpg) no-repeat 1px center; text-indent:10px; }
.original li a{ color:#fff; }
.original li a:hover{ color:#D2C8EA; }

.other{ float:left; width:306px; background:url(../images/bg_other2.jpg) repeat-y left top; }
.other .skin1{ background:url(../images/bg_other1.jpg) no-repeat left top; }
.other .skin2{ background:url(../images/bg_other3.jpg) no-repeat left bottom; padding:38px 8px 10px 8px; height:182px; }
.latest{ float:right; width:306px; background:url(../images/bg_latest2.jpg) repeat-y left top; }
.latest .skin1{ background:url(../images/bg_latest1.jpg) no-repeat left top; }
.latest .skin2{ background:url(../images/bg_latest3.jpg) no-repeat left bottom; padding:38px 8px 10px 8px; height:182px; }
.textList{ margin:0 3px; }
.textList span{ float:left; width:98px; display:block; }
.latest .textList li{ background:url(../images/dot3.jpg) no-repeat left center; text-indent:9px; }
.textList a:hover{ text-decoration:underline; }
.picList{ margin:4px -4px 0 0; }
.picList li{ float:left; width:69px; margin-right:4px; }
.picList img{ width:69px; height:94px; }

.hotTop{ background:url(../images/bg_top2.jpg) repeat-y left top; }
.hotTop .skin1{ background:url(../images/bg_top1.jpg) no-repeat left top; }
.hotTop .skin2{ background:url(../images/bg_top3.jpg) no-repeat left bottom; padding:45px 8px 10px 8px; height:235px;  }
.top20Two{ float:left; width:480px; overflow:hidden; color:#7A7C79;  }
.top20{ float:left; width:220px; margin-bottom:6px; padding-right:12px; }
#specialTop20{ padding-left:12px; border-left:solid 1px #DDD; }
.top20 span{ float:left; display:block;}
.top20 a{ color:#1C180F; }
.top20 a:hover{ text-decoration:underline; }
.moderator{ float:left; width:106px; padding-left:16px; }
.moderator li{ float:left; padding:1px; height:32px; }
.moderator img{ border:solid 1px #fff; }

/* contentRight */
.contentRight{ float:left; width:306px; }
.notice{ background:url(../images/bg_notice2.jpg) repeat-y left top; }
.notice .skin1{ background:url(../images/bg_notice1.jpg) no-repeat left top; }
.notice .skin2{ background:url(../images/bg_notice3.jpg) no-repeat left bottom; padding:42px 23px 25px 21px;  }
.notice li{ background:url(../images/line1.jpg) no-repeat left bottom; text-indent:13px; }
.notice a:hover{ color:#C81557; }

.message{ background:url(../images/bg_message2.jpg) repeat-y left top; }
.message .skin1{ background:url(../images/bg_message1.jpg) no-repeat left top; }
.message .skin2{ background:url(../images/bg_message3.jpg) no-repeat left bottom; padding:42px 21px 24px 19px;  }
.message span{ float:left; width:68px; display:block; }
.message a:hover{ text-decoration:underline; }

.hot{ background:url(../images/bg_hot2.jpg) repeat-y left top; }
.hot .skin1{ background:url(../images/bg_hot1.jpg) no-repeat left top; }
.hot .skin2{ background:url(../images/bg_hot3.jpg) no-repeat left bottom; padding:42px 12px 24px 10px; line-height:18px; height:142px; }
.hot .colorBg3, .hot .colorBg4{ float:left; display:block; width:46px; height:17px; margin-right:8px; background:url(../images/bt3.gif) no-repeat left top; line-height:17px; text-align:center; color:#FFF; }
.hot .colorBg3{ background:url(../images/bt4.gif) no-repeat left top; }
.hot img{ width:110px; height:150px; }

/* footer */
#footer{ height:57px; background:url(../images/bg3.png) no-repeat left top; color:#E0D0D4; line-height:12px;  } 
*html #footer{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src='images/bg3.png'); }
.footerPadding{ padding:19px 0 0 22px; }

/* 内页--浪漫广播?*/
.romantic{ background:url(../images/bg_details2.jpg) repeat-y left top; }
.romantic .skin1{ background:url(../images/bg_romantic1.jpg) no-repeat left top; }
.romantic .skin2{ background:url(../images/bg_recommend3.jpg) no-repeat left bottom; padding:35px 8px 15px 8px; }
.romantic .skin3{ padding:0 12px 20px 12px; }
.romantic tr{ height:170px; background:url(../images/line2.gif) no-repeat left bottom; }
.romantic td{ width:306px; }
.romantic h5{ height:18px; line-height:18px; font-size:12px; }
.romantic img{ margin-bottom:4px; border:solid 1px #FEF7F8; width:82px; height:112px; }
.botton1{ width:57px; line-height:17px; color:#FFF; background:url(../images/bt6.jpg) no-repeat left top; text-align:left; text-indent:15px; }
.romantic p{ height:18px; }
.romantic .colorBg4, .romantic .colorBg5{ float:left; display:block; width:57px; height:17px; margin-right:8px; background:url(../images/bt8.gif) no-repeat left top; line-height:17px; text-indent:6px; color:#FFF; }
.romantic .colorBg5{ background:url(../images/bt9.gif) no-repeat left top; }
.romantic .pageNumber{ padding:8px 4px 15px 4px; background-color:#C81557; font-family:Verdana, Arial, Helvetica, sans-serif; }
.romantic .pageNumber a{ padding:0 2px; color:#FFF; }
.romantic .pageNumber a:hover{ color:#000; }

.top10{ background:url(../images/bg_romanticTop2.jpg) repeat-y left top; }
.top10 .skin1{ background:url(../images/bg_romanticTop1.jpg) no-repeat left top; }
.top10 .skin2{ background:url(../images/bg_romanticTop3.jpg) no-repeat left bottom; padding:43px 20px 25px 20px; height:200px; }
.top10 li{ padding:0 8px 0 12px; background:url(../images/line3.gif) no-repeat left bottom; }
.top10 span{ padding-right:6px; float:left; }

.search{ background:url(../images/bg_search2.jpg) repeat-y left top; }
.search .skin1{ background:url(../images/bg_search1.jpg) no-repeat left top; }
.search .skin2{ background:url(../images/bg_search3.jpg) no-repeat left bottom; padding:48px 30px 43px 30px; }
.search p{ padding-bottom:6px; }
.search input{ margin-left:6px; height:17px; line-height:17px; background-color:#F3F8E7; width:180px; border:solid 1px #668222; }
.search select{ margin-left:6px; height:19px; line-height:19px; background-color:#F3F8E7; width:150px; border:solid 1px #668222; }
.botton2{ width:57px; line-height:17px; color:#FFF; background:url(../images/bt7.jpg) no-repeat left top; text-align:left; text-indent:15px; }

/* 内页--浪漫音乐?*/
#musical{ background:url(../images/bg_musical2.jpg) repeat-y left top; }
#musical .skin1{ background:url(../images/bg_musical1.jpg) no-repeat left top; }
#musical .skin2{ background:url(../images/bg_musical3.jpg) no-repeat left bottom; padding:35px 8px 15px 8px; }
#musical .pageNumber{ background-color:#D9780F; }

/* 内页--其他剧场 */
#theater{ background:url(../images/bg_theater2.jpg) repeat-y left top; }
#theater .skin1{ background:url(../images/bg_theater1.jpg) no-repeat left top; }
#theater .skin2{ background:url(../images/bg_theater3.jpg) no-repeat left bottom; padding:33px 10px 15px 9px; }
#theater .title1{ line-height:50px; background-color:#E0CFF2; font-weight:bold; color:#D73A38; text-indent:21px; }
#theater .title1 a{ padding-right:25px; color:#622999; }
#theater .title1 a:hover{ color:#000; }
#theater h6{ line-height:30px; background-color:#6748B7; color:#FFFFFF; font-size:14px; text-indent:21px; }
#theater .skin3{ padding:0 12px; }
#theater .pageNumber{ padding:8px 6px 20px 6px; text-align:right; background-color:#EEE8F5; font-family:Verdana, Arial, Helvetica, sans-serif; }
#theater .pageNumber a{ color:#622999; }
#theater .pageNumber a:hover{ color:#000; }

/* 内页-剧场详细?*/
.details{ background:url(../images/bg_details2.jpg) repeat-y left top; }
.details .skin1{ background:url(../images/bg_romantic1.jpg) no-repeat left top; }
.details .skin2{ background:url(../images/bg_recommend3.jpg) no-repeat left bottom; padding:40px 8px 25px 8px; }
.details  table{ margin-bottom:10px; }
.details .detailsImg img{ width:220px; height:300px; border:solid 1px #C81557; }
.details h5{ color:#C81557; font-size:14px; line-height:30px; }
.details p{ margin:0; padding:0; line-height:18px; }
.details .colorBg6, .details .colorBg7{ float:left; display:block; width:57px; height:17px; margin-right:8px; background:url(../images/bt10.gif) no-repeat left top; line-height:17px; text-indent:6px; color:#FFF; }
.details .colorBg7{ background:url(../images/bt11.gif) no-repeat left top; }
.dramaNumber a{ font-family:Verdana, Arial, Helvetica, sans-serif; padding-right:4px; }
.dramaNumber a:hover{ text-decoration:underline; }

.introduce, .critics{ padding:30px 16px 26px 20px; border-top:solid 3px #C81557; }
.critics{ padding-top:30px; }
.critics ul{ margin-top:6px; background:url(../images/line2.gif) no-repeat left top; }
.critics li{ padding:15px 0; background:url(../images/line2.gif) no-repeat left bottom; }
.critics li p{ padding-top:10px; color:#666; }
.critics .number1{ float:left; display:block; padding:0px 6px; margin-right:22px; background-color:#CC0066; color:#FFF; }
.critics .content1{ float:left; display:block; width:528px; }
.criticsNumber{ margin:10px 0; }
.criticsNumber a{ padding-right:6px; color:#CC0066; font-family:Verdana, Arial, Helvetica, sans-serif; }
.criticsNumber a:hover{ color:#000; }

/* 内页-听众留言 */
.message1{ background:url(../images/bg_details2.jpg) repeat-y left top; }
.message1 .skin1{ background:url(../images/bg_message4.jpg) no-repeat left top; }
.message1 .skin2{ background:url(../images/bg_recommend3.jpg) no-repeat left bottom; padding:48px 8px 25px 8px; }
.message1 .skin3{ padding:0 22px; }
.message1 li{ padding:15px 0; background:url(../images/line2.gif) no-repeat left bottom; }
.message1 li p{ padding-top:10px; color:#666; }
.message1 .number1{ float:left; display:block; padding:0px 6px; margin-right:16px; background-color:#CC0066; color:#FFF; }
.message1 .content1{ float:left; display:block; width:528px; }
.message1 h5{ padding:15px 0 10px 0; color:#C81557; font-size:14px; border-top:solid 3px #C81557; text-indent:22px; }
.message1 table{ margin-left:22px; }
.message1 input, .message1 textarea{ width:350px; border:solid 1px #C81557; background-color:#F9DFE8; }
.message1 input{ line-height:17px; height:17px; }
.message1 textarea{ margin:4px 0 6px 0; width:450px; height:150px; }

/* 内页-剧团成员 */
.member{ background:url(../images/bg_member2.jpg) repeat-y left top; }
.member .skin1{ background:url(../images/bg_member1.jpg) no-repeat left top; }
.member .skin2{ background:url(../images/bg_member3.jpg) no-repeat left bottom; padding:48px 25px 80px 25px; }
.member li{ float:left; height:64px; width:64px; }
.member img{ width:62px; height:62px; border:solid 1px #fff; }

/* 内页-剧团成员详细 */
.memberDetails{ background:url(../images/bg_details2.jpg) repeat-y left top; }
.memberDetails .skin1{ background:url(../images/bg_member4.jpg) no-repeat left top; }
.memberDetails .register_skin1{ background:url(../images/register_member.jpg) no-repeat left top; }
.login_skin1{ background:url(../images/login_member.jpg) no-repeat left top; }
.memberDetails .skin2{ background:url(../images/bg_recommend3.jpg) no-repeat left bottom; padding:50px 25px 80px 25px; }
.memberDetailsImg img{ width:100px; height:100px; border:solid 1px #C81557; }
.memberDetails .colorBg8, .memberDetails .colorBg9{ display:block; width:96px; height:17px; margin-right:8px; background:url(../images/bt20.gif) no-repeat left top; line-height:17px; text-indent:6px; color:#FFF; }
.memberDetails .colorBg9{ background:url(../images/bt21.gif) no-repeat left top; }
.memberDetails .content2{ float:left; width:450px; }
.memberDetails li{ float:left; width:78px; text-align:center; margin-bottom:4px; }
.memberDetails li img{ width:68px; height:93px; border:solid 1px #FCF1F5; }
.memberDetails li a:hover{ color:#C81557; }

/* 内页-公告及合�?*/
.cooperation{ background:url(../images/bg_details2.jpg) repeat-y left top; }
.cooperation .skin1{ background:url(../images/bg_cooperation1.jpg) no-repeat left top; }
.cooperation .skin2{ background:url(../images/bg_recommend3.jpg) no-repeat left bottom; padding:48px 8px 0 8px; }
.cooperation .skin3{ padding:0 22px 55px 22px; }
.cooperation li{ padding:4px 5px; border-bottom:dashed 1px #C81557; background:url(../images/dot1.jpg) no-repeat 5px center; text-indent:10px; }
.cooperation a:hover{ color:#C81557; }