@charset "UTF-8";
/* CSS Document */

@import url(./common.css);
body, html{
		
}
body{
	position:relative;
    background:#64615a;
}


#wrapper{
	width:100%;
    margin:0;
    background:url(../img/header_bg.gif) repeat-x top left #fff;
}
#footer{
	width:100%;
	background:url(../img/footerbg.gif) repeat-x #64615a;
}
#footercont{
    position:relative;
    width:960px;
    margin:0 auto;
    text-align:center;
    padding-top:15px;
}
#beling{
	width:917px;
	height:110px;
	background:url(../img/beling2.gif) no-repeat left 5px;
	margin:0 auto;
}
#share{
	width:730px;
	height:24px;
	background:url(../img/share.png) no-repeat left 5px;
	margin:0 auto 10px;
	padding-left:68px;
}
#share li{
	float:left;
	margin-right:5px;
}
#follor{
    width:170px;
}
#tw{
	width:108px;	
}
#container{
    position:relative;
	width:960px;
	height:536px;
    margin:0 auto;
}

#main{
	width:960px;
	height:536px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#title{
    position:absolute;
}
#basedon{
	position:absolute;
	bottom:-110px;
	right:0px;
}
/**/
#header{
    width:100%;
    height:50px;
    background:url(../img/header_bg_center.jpg) no-repeat top center;
}
#header ul{
    width:960px;
    margin:0 auto;
	height:50px;
}
#header ul li{
    float:left;
    margin-right:2px;
	padding:8px 0;
}
#header ul li.last{
    margin-right:0;
}
#header ul li#rss{
    height:44px;
    width:635px;
	padding:0;
    margin-right:3px;
}

#mainCont{
    position:relative;
    width:960px;
    height:155px;
    margin:27px auto 9px;
    background:url(../img/mainnavbg.png) no-repeat top left;
}
#bt_true{
    position:absolute;
    left:0;
    top:15px;
}
#bt_story{
    position:absolute;
    right:-5px;
    top:12px;
    width:280px;
}
#bt_story ul{
    width:280px;
    padding:3px 0 4px;
    margin-top:-4px;
}

/**/
#navArea{
    position:relative;
    width:100%;
    background:url(../img/mainbg.jpg) repeat-x bottom center;
    margin-top:10px;
}
#navAreaCont{
    position:relative;
    width:960px;
    margin:0 auto;
    padding-bottom:5px;
}

#pn1{
    float:left;
    width:573px;
    margin-right:7px;
}
#pn2{
    float:left;
    width:378px;
    height:269px;
    background:url(../img/bt_highlight.png) no-repeat;
}
#pn2 li a{
    display:block;
    width:378px;
    height:28px;
    background:no-repeat 15px center;
}
#pn2 li a.n1{background-image:url(../img/bt_h_1.png);margin-top:61px;}
#pn2 li a.n2{background-image:url(../img/bt_h_2.png)}
#pn2 li a.n3{background-image:url(../img/bt_h_3.png)}
#pn2 li a.n4{background-image:url(../img/bt_h_4.png)}
#pn2 li a.n5{background-image:url(../img/bt_h_5.png)}
#pn2 li a.n6{background-image:url(../img/bt_h_6.png)}
#pn2 li a.n7{background-image:url(../img/bt_h_7.png);margin-top:4px;}
#column1{
    float:left;
    padding-right:7px;
    height:116px;
}
#column2{
    float:left;
    height:116px;
}
#interview{
    width:283px;
    float:left;
}
#special2{
    width:283px;
    float:left;
    padding-right:7px;
}
#special2 a,#interview a{
	display:block;
	height:146px;
	padding-bottom:7px;
}

#roadshow{
    position:absolute;
    top:0;
    right:0;
    width:328px;
    height:44px;
    background:url(../img/roadshow.gif) no-repeat top left;
}
#roadshow a{
	width:328px;
    height:44px;
}
#nav{
    width:960px;
    height:35px;
    margin:0 auto 10px;
}
#nav li{
    margin-right:7px;
    float:left;
    height:35px;
}
#bt_ticket{
	position:absolute;
	bottom:10px;
	left:0;
}

#intro{
	position:absolute;
    display:none;
}
#introclose{
    position:absolute;
    display:block;
    width:80px;
    height:24px;
    right:8px;
    top:0;
    display:none;
}
#special{
    position:absolute;
    display:block;
    top:25px;
    left:15px;
}

#banners{
	width:320px;
	margin:0 auto;
	padding-bottom:5px;
}
#banners li{
	float:left;
	width:156px;
	padding:0 2px;	
}
#s_banners{
    width:960px;
    margin:0 auto;
    padding-bottom:10px;
	text-align:left;
}
#s_banners li{
    float:left;
    padding-right:7px;
	padding-bottom:12px;
}
#s_banners li.last{
    padding-right:0;
}