body {margin:0;padding:0;font-size: 12px}
#wrapper {width: 902px;margin: 0 auto;}



/*-----header-----*/
#header {height:112px}
a.logo {display:block;float:left;width:237px;height:112px;background:url('/css/img/logo.png');*background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/logo.png', sizingMethod='image')}
#header a img {border:none}
.topBanner {display:block;float:right;width:647px;height:83px;background-position: left -198px;padding:5px 0 0 5px;margin-top: 20px}

/*-----menu-----*/
#menu {height:57px;border-top-style: solid;border-top-width: 5px}
#menu ul {margin: 0;padding: 0;list-style: none}
#menu li {display: inline-block;*display:inline;margin:0;padding:0}
#menu .submenu li {float:left}
#menu a {display: block}
#menu .submenu {float:left}
#menu .mainmenu {float:right}
#menu .submenu a {width:76px;height:19px;padding-top:3px;text-align:center;background-position: -454px -94px;color:#9E0070;font-size:11px;text-decoration: none}
#menu .submenu a:hover {background-position: -454px -92px;font-weight: bold}
#menu .mainmenu a{width:120px;height:46px;margin-left: 9px;*margin-left: 12px;*float:left}
#menu .mainmenu a span{display: none}
#menu .mainmenu .item1 a{background-position: left top}
#menu .mainmenu .item2 a{background-position: -120px top}
#menu .mainmenu .item3 a{background-position: -240px top}
#menu .mainmenu .item4 a{background-position: -360px top}
#menu .mainmenu .item5 a{background-position: -480px top}
#menu .mainmenu .item1 a:hover,#menu .mainmenu .item1 a.active{background-position: left -46px}
#menu .mainmenu .item2 a:hover,#menu .mainmenu .item2 a.active{background-position: -120px -46px}
#menu .mainmenu .item3 a:hover,#menu .mainmenu .item3 a.active{background-position: -240px -46px}
#menu .mainmenu .item4 a:hover,#menu .mainmenu .item4 a.active{background-position: -360px -46px}
#menu .mainmenu .item5 a:hover,#menu .mainmenu .item5 a.active{background-position: -480px -46px}

/*-----sidebar-----*/
/*news*/
#sidebar {float:left}
#sidebar .news {background-position: left -389px;width: 219px;height: 362px;padding: 82px 0 0 63px;margin:-30px 0 18px -55px;position:relative}
#sidebar .news .blk {width: 210px;height: 340px;background: #FFF;overflow-x: hidden;overflow-y: auto;white-space: normal}
#sidebar .news ol {margin:0;padding:0;list-style:none}
#sidebar .news li {border-bottom:1px solid #F885B0;padding:5px;color:#666;line-height:1.5em;overflow-y:hidden;background:url('/css/img/sideNews_bg.jpg') repeat-x left top}
#sidebar .news li h3 {margin:0 0 3px 0;padding:0;color:#000;font-size:12px}
#sidebar .news li h3 a {color:#E10E79;}
#sidebar .news li h3 a:hover {color:#904;}
#sidebar .news li a.expand {display:block;line-height:1.3em;margin-top:4px;padding:0 3px 1px 3px;float:right;font-size:9px;color:#FFF;background:#E10E79;text-decoration:none;font-weight:bold}
#sidebar .news li a.expand:hover {background:#904}
/*side button*/
#sidebar a.list,#sidebar a.family{width:227px;height: 53px;display:block;margin-bottom: 6px}
#sidebar a.list span,#sidebar a.family span{display:none}
#sidebar a.list{background-position: left -92px}
#sidebar a.family{background-position: -227px -92px}
#sidebar a.list:hover{background-position: left -145px}
#sidebar a.family:hover{background-position: -227px -145px}
/*side banner*/
#sidebar .sideBanner div {display:block;width:222px;height: 98px;padding:5px 0 0 5px;background-position: left -286px;margin-bottom: 6px}

/*-----main-----*/
#main{float:right;width: 652px}

/*-----index-----*/
.area1,.area2,.area3{float:left;width:212px;height:449px}
.area1{background-image: url('/css/img/area1.gif')}
.area2{background-image: url('/css/img/area2.gif')}
.area3{background-image: url('/css/img/area3.gif')}
.area1,.area2,.area3{background-repeat: no-repeat;background-position: left top;line-height:1.3em}
.area2,.area3{margin-left:8px}
.area1 .blk,.area2 .blk,.area3 .blk{width:200px;height: 324px;margin:40px 0 0 5px;background: #FFF}
.area1 .blk div,.area2 .blk div,.area3 .blk div{height: 142px;padding:15px 10px 0 10px}
.area1 a,.area2 a,.area3 a{color:#551A8B}
.area1 a:hover,.area2 a:hover,.area3 a:hover{color:#CB6D00}
.area1 a:hover img,.area2 a:hover img,.area3 a:hover img{border:3px solid #FFBBD1}
.area1 a img,.area2 a img,.area3 a img{border:3px solid #DDDDDD;margin-bottom: 10px}
.area1 a:hover img{border:3px solid #FFBBD1}
.area2 a:hover img{border:3px solid #ffbf73}
.area3 a:hover img{border:3px solid #a8ee67}
.video {margin-bottom: 18px}

/*-----footer-----*/
#footer{clear:both;height:47px;background-position: left -833px;margin:0 0 20px 0}
#footer span{display: none}

/*-----board-----*/
.board {background-repeat:repeat-y;background-position:-1304px top;margin-bottom:12px}
.boardHeader {background-repeat:no-repeat;background-position:left top}
.boardFooter {background-repeat:no-repeat;background-position:-652px bottom}
.container {padding:24px 41px 36px;line-height:1.7em}

/*-----tag-----*/
ul.tag {margin:0;padding:0;list-style:none;height:117px}
ul.tag li,ul.tag li a {display:block;float:left}
ul.tag li a {margin-top:32px;height:67px;}
ul.tag li a span {display:none;}

.tagPprogram, .tagPprogram a {background-image:url('/css/img/tagPprogram.gif')}
ul.tagPprogram {padding-left:135px}
.tagPprogram a {width:158px;margin-right:7px;*;margin-right:3px}
.tagPprogram li.item1 a {background-position:left -117px}
.tagPprogram li.item2 a {background-position:-158px -117px}
.tagPprogram li.item3 a {background-position:-316px -117px}
.tagPprogram li.item1 a:hover,.tagPprogram li.item1 a.active {background-position:left -184px}
.tagPprogram li.item2 a:hover,.tagPprogram li.item2 a.active {background-position:-158px -184px}
.tagPprogram li.item3 a:hover,.tagPprogram li.item3 a.active {background-position:-316px -184px}

.tagEvent, .tagEvent a {background-image:url('/css/img/tagEvent.gif')}
ul.tagEvent {padding-left:147px}
.tagEvent a {width:228px;margin-right:16px;*margin-right:8px}
.tagEvent li.item1 a {background-position:left -117px}
.tagEvent li.item2 a {background-position:-228px -117px}
.tagEvent li.item1 a:hover,.tagEvent li.item1 a.active {background-position:left -184px}
.tagEvent li.item2 a:hover,.tagEvent li.item2 a.active {background-position:-228px -184px}

.tagForum, .tagForum a {background-image:url('/css/img/tagForum.gif')}
ul.tagForum {height:106px}




/*-----timetable-----*/
h2.title_timetable {background:url('/css/img/title_timetable.gif') no-repeat left top;margin:0;padding:0;height:84px}
h2.title_timetable span {display:none}
.calendar {position:relative;}
.calendar {position:absolute;z-index:1;width:75px;height:70px;background:url('/css/img/calendar_bg.jpg') no-repeat left top;margin:-33px 0 0 76px;font-weight:bold;font-size:32px;color:#767568;text-align:center;line-height:1em}
.calendar span {font-size:12px;color:#FFF}
.timeTable,.timeTableTop,.timeTableBottom{background-image:url('/css/img/timetable.gif')}
.timeTableTop{height:7px;*overflow:hidden;background-repeat:no-repeat;background-position:left top;}
.timeTableBottom{height:19px;background-repeat:no-repeat;background-position:-570px bottom}
.timeTable{background-repeat:repeat-y;background-position:right bottom}

.timeTable table {width:558px;margin:0 auto;border-collapse: collapse;border-spacing: 0;}
.timeTable table th,.timeTable table td {margin:0;padding:0}
.timeTable table th,.timeTable table td {height:35px;padding-left:30px;overflow:hidden}
.timeTable thead {font-weight:bold;color:#FFF;text-align:center}
.timeTable thead th,.timeTable tbody th {text-align:left}
.timeTable thead tr,.timeTable thead th,.timeTable thead td {*position:relative;background-image:url('/css/img/program_table_thead.gif')}
.timeTable tbody tr.bg2,.timeTable tbody tr.bg2 th,.timeTable tbody tr.bg2 td {*position:relative;background-image:url('/css/img/program_table_tbody.gif')}
.timeTable thead tr,.timeTable tbody tr.bg2 {background-repeat:repeat-x;background-position:left -35px}
.timeTable thead th,.timeTable tbody tr.bg2 th {background-repeat:no-repeat;background-position:left top}
.timeTable thead td,.timeTable tbody tr.bg2 td {background-repeat:no-repeat;background-position:right -70px}
.timeTable tbody th {font-weight:normal;color:#666666}
.timeTable tbody td {padding-left:80px}
.timeTable tbody td a {color:#9e0070;text-decoration:none}
.timeTable tbody td a:hover {color:#F00;text-decoration:underline}







/*-----actor-----*/
.node_actor {width:493px;background:url('/css/img/node_actor_bg.gif') no-repeat right bottom;float:right;margin:2em 0;line-height:1.3em}
.node_actor h3 {margin:0;padding:0;height:70px}
.node_actor h3 span {display:none}
.node_actor h3.title_actor1 {background:url('/css/img/title_actor1.gif')}
.node_actor h3.title_actor2 {background:url('/css/img/title_actor2.gif')}
.node_actor .clear {*height:7px;*overflow:hidden}

.momoAvatar {float:left;position:relative;width:74px;height:101px;background:url('/css/img/momoAvatar.gif');margin-left:-80px}

.node_actor ul {margin:0;padding:0 0 0 26px;}
.node_actor li,.node_actor a {display:block;float:left;text-decoration:none;}
.node_actor a {width:90px;height:25px;*height:40px;padding-top:95px;margin-bottom:15px;}
.node_actor a:hover {background-position:left -150px}
.node_actor a span {display:block;padding:0 8px 0 16px;}
.node_actor a.femaleActor span {color:#bf4595;background:url('/css/img/arrow_female.gif') no-repeat left 1px;}
.node_actor a.maleActor span {color:#00849d;background:url('/css/img/arrow_male.gif') no-repeat left 1px;}
.node_actor a.dollActor span {color:#998c00;background:url('/css/img/arrow_doll.gif') no-repeat left 1px;}
/*detail*/
.actorOriginal {float:left;margin:5px 0 0 10px}
.femaleDetail dl,.maleDetail dl,.dollDetail dl {margin:0;padding:0}

.femaleDetail,.maleDetail,.dollDetail {line-height:1.8em;*line-height:1.7em;color:#666;margin-left:160px;width:230px}
.femaleDetail h2,.maleDetail h2,.dollDetail h2 {font-size:13px;margin:10px 0 0;padding:0 0 10px 18px;}

.femaleDetail h2 {color:#bf4595;background:url('/css/img/arrow_female.gif') no-repeat left 3px;}
.femaleDetail dt {color:#c30963;float:left;text-align:right}
.maleDetail h2 {color:#00849d;background:url('/css/img/arrow_male.gif') no-repeat left 3px;}
.maleDetail dt {color:#006b9d;float:left;text-align:right}
.dollDetail h2 {color:#998c00;background:url('/css/img/arrow_doll.gif') no-repeat left 3px;}
.dollDetail dt {color:#8c9900;float:left;text-align:right}

a.website,a.blog,a.facebook,a.plurk,a.twitter,a.weibo {display:inline-block;width:16px;height:16px;margin-top:1em}
a.website span,a.blog span,a.facebook span,a.plurk span,a.twitter span,a.weibo span {display:none}
a.website {background:url('/css/img/button/website.gif')}
a.blog {background:url('/css/img/button/blog.gif')}
a.facebook {background:url('/css/img/button/facebook.gif')}
a.plurk {background:url('/css/img/button/plurk.gif')}
a.twitter {background:url('/css/img/button/twitter.gif')}
a.weibo {background:url('/css/img/button/weibo.gif')}





h2.newsTitle span {display:block;padding-bottom:1em;border-bottom:1px solid #CCC}
h2.newsTitle {border-bottom:3px solid #EEE}







/*-----program-----*/
h2.title_program1 {background:url('/css/img/title_program1.gif') no-repeat left top;margin:0;padding:0;height:76px;}
h2.title_program1 span {display:none}
h2.title_program2 {background:url('/css/img/title_program2.gif') no-repeat left top;margin:0;padding:0;height:76px;}
h2.title_program2 span {display:none}
h2.title_program3 {background:url('/css/img/title_program3.gif') no-repeat left top;margin:0;padding:0;height:76px;}
h2.title_program3 span {display:none}

.node_program {color:#666;background:url('/css/img/node_program_line.gif') no-repeat left bottom;padding:1.5em 0}
.node_program a.thumb {float:left;background:url('/css/img/program_thumb_bg.gif') no-repeat;padding:11px 0 0 11px;width:155px;height:142px;margin:0 10px 10px 0}
.node_program a.thumb img {border:none}
.node_program em {color:#232323;font-style:normal;line-height:2.5em}
.node_program h3 {margin:0;}
.node_program h3 a {font-size:15px;background:url('/css/img/arrow_pink.gif') no-repeat;padding-left:18px;color:#bf4595;text-decoration:none}
.node_program h3 a:hover {color:#AF0072}

h3.programH3 {height:28px;margin:1em 0;padding:0}
h3.programH3 span {display:none;}
h3.programH3_1 {background:url('/css/img/title_program_h3_1.gif')}
h3.programH3_2 {background:url('/css/img/title_program_h3_2.gif')}

.program_actor {color:#666}
.program_actor h4 {color:#e00e78;margin:0;font-size:15px}
.program_actor .avatar {background:url('/css/img/program_actor_avatar.gif');float:left;padding:12px 0 0 12px;width:159px;height:122px;margin:0 10px 10px 0}

.program_cover{margin-bottom:3em}

.dateJump {float:right;background:#E20177;width:150px;padding:2px 0;margin-top:45px;border-bottom:1px solid #A10752}
.dateJump select {margin:0;background:#E20177;color:#FFF;border:none;width:100%;font-weight:bold}






/*-----event-----*/
h2.title_event_now {background:url('/css/img/title_event_now.gif') no-repeat left top;margin:0;padding:0;height:76px;}
h2.title_event_now span {display:none}
h2.title_event_end {background:url('/css/img/title_event_end.gif') no-repeat left top;margin:0;padding:0;height:76px;}
h2.title_event_end span {display:none}

.node_event {color:#666;background:url('/css/img/node_event_line.gif') no-repeat left bottom;padding:1.5em 0}
.node_event a.thumb {float:left;background:url('/css/img/event_thumb_bg.gif') no-repeat;padding:6px 0 0 6px;width:144px;height:107px;margin:0 10px 10px 0}
.node_event a.thumb img {border:none}
.node_event dl {margin:0;padding:0;}
.node_event dt {float:left;width:70px;text-align:right;font-weight:bold}
.node_event dd {padding-left:190px}
.eventName {font-weight:bold;color:#dd7204}






/*-----game-----*/
h2.title_game {background:url('/css/img/title_game.gif') no-repeat left top;margin:10px 0 0 0;*margin:40px 0 0 0;padding:0;height:109px;}
h2.title_game span {display:none}

.node_game {color:#666;background:url('/css/img/node_game_line.gif') no-repeat left bottom;padding:1.5em 0}
.node_game a.thumb {float:left;background:url('/css/img/game_thumb_bg.gif') no-repeat;padding:11px 0 0 11px;width:155px;height:120px;margin:0 10px 10px 0}
.node_game a.thumb img {border:none}
.node_game em {color:#232323;font-style:normal;line-height:2.5em}
.node_game h3 {margin:0;}
.node_game h3 a,h3.game_detail_title {font-size:15px;background:url('/css/img/arrow_blue.gif') no-repeat;padding-left:18px;color:#3d86b2;text-decoration:none}
.node_game h3 a:hover {color:#006bab}







/*-----form-----*/
fieldset {border:1px solid #e8508a;margin:2em 1em;padding:0 2em 2em;background:#FFF url('/css/img/fieldset.gif') repeat-x left -104px;*background-position:left -50px}
legend {font-size:15px;font-weight:bold;color:#FFF;height:107px;padding:0;background:url('/css/img/legend.gif') no-repeat}
legend span {display:block;margin:15px 0 0 88px;padding:5px 25px 0 0;background:url('/css/img/legend_text.gif') no-repeat right top;height:31px}
fieldset h3 {margin:1em 0;color:#c30963}
fieldset .note {margin-bottom:3em;color:#E20177}

fieldset dt {float:left;width:70px;font-weight:bold;color:#c30963;text-align:right;background:url('/css/img/form_dt.gif') no-repeat;padding-right:15px}
fieldset dd {margin-left:95px;padding-bottom:1.5em;}
fieldset .formRequired {color:#F60}
fieldset .description {color:#777;clear:both}

form {margin:0;padding:0}
input,textarea,select {font-size:12px;background:#fffcde;border:1px solid #CCC;padding:3px;color:#236996}
input.nobg{background:transparent;border:none}
form .formText,select{width:90%}
form .formTextShort {width:45%}
form select.selectShort {width:29%;margin-right:1%}
form .formArea{height:8em}
form dd label {display:block;float:left;width:30%}
form label.labelBlock{float:none;width:90%}

input.formBtnAgree,input.formBtnDisagree,input.formBtnCancel,input.formBtnSubmit,input.formBtnLogin{cursor:pointer;width:87px;height:24px;border:none}
input.formBtnAgree{background:url('/css/img/button/formBtnAgree.gif')}
input.formBtnDisagree{background:url('/css/img/button/formBtnDisagree.gif')}
input.formBtnCancel{background:url('/css/img/button/formBtnCancel.gif')}
input.formBtnSubmit{background:url('/css/img/button/formBtnSubmit.gif')}
input.formBtnLogin{background:url('/css/img/button/formBtnLogin.gif')}





/*-----message-----*/
div.msg {background:#FFF url('/css/img/msg_bg.jpg') no-repeat left top;padding-top:2em;margin:3em 0;color:#666}
div.msg .footer {clear:both;background: url('/css/img/msg_bg.jpg') no-repeat right bottom;height:12px;margin-top:3em}
div.msg .icon {float:left;width:178px;height:169px;margin-left:20px;}
div.MsgSuccess .icon {background:url('/css/img/msg_icon.jpg') no-repeat left top}
div.MsgFail .icon {background:url('/css/img/msg_icon.jpg') no-repeat right top}

div.MsgSuccess h2 {color:#E20177}
div.MsgFail h2 {color:#333}

div.msg .note {margin-left:208px;margin-right:30px;}
div.msg .btnGroup {margin-top:2em}





/*-----button-----*/
a.detail span,a.playgame span,a.moveToTop span,a.more span {display:none}

a.detail {display:block;float:right;width:94px;height:24px;background:url('/css/img/button/detail.gif');margin-top:1em}
a.detail:hover {background-position:left -24px}

a.playgame {display:block;float:right;width:94px;height:24px;background:url('/css/img/button/playgame.gif');margin-top:1em}
a.playgame:hover {background-position:left -24px}

a.moveToTop {display:block;float:right;width:45px;height:17px;background:url('/css/img/button/moveToTop.gif');margin-top:1em}
a.moveToTop:hover {background-position:left -17px}

a.more {display:block;float:right;width:64px;height:19px;background:url('/css/img/button/more.gif');margin-top:1em}
a.more:hover {background-position:left -19px}

a.btnReset {background-image:url('/css/img/button/formBtnCancel.gif')}
a.btnSubmit {background-image:url('/css/img/button/formBtnSubmit.gif')}
a.btnLogin {background-image:url('/css/img/button/formBtnLogin.gif')}
a.btnAgree {background-image:url('/css/img/button/formBtnAgree.gif')}
a.btnDisagree {background-image:url('/css/img/button/formBtnDisagree.gif')}
a.GraphBtn {display:inline-block;*display:inline;width:87px;height:24px}
a.GraphBtn span {display:none}






/*-----CSS clearfix-----*/
.clearfix:after,.container:after { 
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix,.container { display: inline-block; }
html[xmlns] .clearfix,html[xmlns] .container { display: block; }
* html .clearfix,* html .container { height: 1%; } 
.clear {clear:both;}