html {}{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:'';}
abbr,acronym {border: 0;}
i,b,u{font-style:normal;font-weight:normal;text-decoration: none;}
/*common*/
.fl{float:left;}.fr{float:right;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1;}
/*main*/
body{background: url(back_07073.jpg) center 33px no-repeat #FEF7DA; font-size:12px;}.di_topMainNav dt a { height:22px; overflow: hidden}


a:link,a:visited{text-decoration:none}
a:hover{text-decoration: underline;}
.content{width:1000px; margin:0 auto;position:relative; z-index: 400}
#movie_content{ position: absolute; left:100px; top:376px}
.pic{position: absolute; left:178px; top:755px; border: 1px solid #ccc; width: 241px; height: 184px; cursor:pointer ; overflow: hidden;}
.pic .inner{margin-top: -20px; height: 361px; width: 2169px;}
.pic img{float: left}
.content_inner{ position: absolute; left:16px; top:990px; width: 968px; padding-bottom: 85px; background: #FEF8E2 url(inner_back_bottom.jpg) 0 bottom no-repeat;}
.introduction{ position: absolute; left:462px; top:800px; background: url(title1.jpg) no-repeat; padding:40px 0 0 4px; text-indent: 2em; width: 438px;line-height: 1.5em}
.text{ margin: 28px 0 0 46px; width: 450px; line-height: 1.8em; padding: 50px 10px 0; background: url(title2.jpg) -8px 0 no-repeat; position: relative;}
.text a{color:#00f; text-decoration: underline}
.text b{color:#00f}
.text .inner_text_back{background: url(inner_text_bottom.jpg) center bottom no-repeat; height: 30px}
.title{ background: url(title3.jpg) 2px 0 no-repeat;}
.text i{color:#f00; display: block}
.inner_back{position: absolute; background: url(inner_back.jpg) no-repeat; width: 420px; height: 411px; top:40px; right: 28px}
.games{margin: 28px 0 0 25px; background: url(gameback.jpg) no-repeat; width: 927px; height: 541px; position: relative;}

.but_dt{width:169px; height: 43px; position: absolute; background: url(but_dt.jpg); right:0px; top:0px; text-indent: -999em}
.but_cy{width:169px; height: 43px; position: absolute; background: url(but_cy.jpg); right:0px; top:0px; text-indent: -999em}

.links {position: absolute; left:18px; top:79px; width: 980px; height: 500px;}
.links a{ float: left; display: inline; width: 120px; height: 187px; text-emphasis: none; margin: 0 188px 62px 0;}
.links a:hover{ text-decoration: none}

.items{ position: absolute; background: url(but_lq.jpg); width: 121px; height: 31px; text-indent: -999em; left:158px; top:230px;}
.items a{float:left;margin: 0 187px 219px 0; background: url(but_lq.jpg); width: 121px; height: 31px; text-indent: -999em; display: inline;}

#pop_tips{ background: url(pop_tips.png) no-repeat; width: 895px; height: 361px; position: absolute; margin-left: -457px; left:50%; top:930px; z-index: 9999}
#game_pop{  background: url(game_pop.png) no-repeat; width: 620px; height: 360px; position: absolute; left:50%; margin-left: -310px; z-index: 9999 }
#question{ position: absolute; color: #C62500; width: 430px; left:72px; top:80px; text-align: center; font-size: 14px}
#answer{position: absolute; left:80px; top:120px;}
#answer p{padding-bottom: 10px; font-size: 16px;}
#answer label{padding-left: 10px}
#game_pop iframe{ position: absolute; left:60px; top:60px}
#game_pop .share{font-weight: bold; font-size: 14px; color:#222; padding: 293px 0 0 70px;}
#game_pop .share iframe{ left:250px;top:260px; }

.bannerbox { position: absolute; left:0; top:0; width:100%; z-index: 500}
.bannerbox img{ width: 400px}

.pop_back { position: absolute; left:0; top:0; width:100%; height: 2405px; overflow: hidden; background: #000; opacity: .5;  filter:alpha(opacity=50); z-index: 499 }

#focus { width: 400px; height: 600px; overflow: hidden; position: absolute; left:50%; margin-left: -200px;}
#focus ul { height: 600px; position: absolute; clear: both; padding: 0px; margin: 0px;}
#focus ul li { float: left; width: 400px; height: 600px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 200px; height: 600px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(sprite.png) no-repeat left center; z-index: 501 }
#focus .next { right: 0; background: url(sprite1.png) no-repeat right center; z-index: 501 }

.close_but{ width: 30px; height: 30px; text-indent: -999em; background: url(close.jpg) no-repeat}