body.m{  margin:0 auto; padding:0;}
body{margin:0 auto; padding:0; font-size:12px;font-family:"宋体", arial;color:#333;}
 
div,ul,li,ol,dl,dd,dt,p,em,span,strong,img{margin:0; padding:0; border:0; list-style:none;}
form,table,tr,th,td,h1,h2{margin:0; padding:0;}
a{color:#333; text-decoration:none;}
a:hover{color:#f60; text-decoration:none;}

.wrap800{background:url(../images/in_bg.jpg) #fff no-repeat center center; width:800px; height:600px; margin:0 auto; position:relative; }
.logo{height:124px; width:766px; padding-left:34px; padding-top:8px; }
.logo1{ height:109px; width:766px; padding-left:34px; padding-top:2px;}
.logo h1,.logo1 h1,.star1 b{display:none;}
.logo a{background:url(../images/thicon.png) no-repeat; width:286px; height:124px; background-position:0 -164px; display:block;}
.logo1 a{background:url(../images/thicon.png) no-repeat; width:286px; height:109px; background-position:-297px -164px; display:block;}
.star{background:url(../images/thicon.png) no-repeat; width:104px; height:101px; background-position:-556px -56px; position:relative; top:4px; left:110px; z-index:10; display:block;}
.star1{background:url(../images/thicon.png) no-repeat; width:104px; height:101px; background-position:-556px -56px; position:relative; top:-9px; left:113px; z-index:10; display:block; }

.menu{width:780px; margin:0 auto; margin-top:-60px; }
.menu ul{height:99px; width:780px;}
.menu ul li{float:left;}
.menu ul li a{background:url(../images/menu.png) no-repeat;   width:156px; height:99px; line-height:99px; text-align:center; display:block;}
.menu ul li a b{display:none;}
.menu ul li a.history{background-position:0px 0px; }
.menu ul li a.greetings{background-position:-156px 0px;}
.menu ul li a.music{background-position:-312px 0px;}
.menu ul li a.composition{background-position:-468px 0px;}
.menu ul li a.paper{background-position:-624px 0px;}

.menu ul li a:hover{background:url(../images/menu.png) no-repeat;   width:156px; height:99px; line-height:99px; text-align:center; display:block;}
.menu ul li a:hover.history,.menu ul li a.hi{background-position:0px -99px;}
.menu ul li a:hover.greetings,.menu ul li a.gr{background-position:-156px -99px;}
.menu ul li a:hover.music,.menu ul li a.mu{background-position:-312px -99px; width:156px; height:99px; }
.menu ul li a:hover.composition,.menu ul li a.co{background-position:-468px -99px;}
.menu ul li a:hover.paper,.menu ul li a.pa{background-position:-624px -99px;}


/* tmall focus */
.container{width:188px; position:absolute; top:320px; left:73px;}
#focus {width:188px; height:145px; overflow:hidden; position:relative;}
#focus ul {height:145px; position:absolute; overflow:hidden;}
#focus ul li {background:#000; width:188px; height:145px; overflow:hidden; position:relative; float:left;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:188px; height:15px; right:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:188px; height:15px; left:85px; bottom:0px; }
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:15px; height:15px; line-height:15px; text-align:center; font-size:14px; font-family:"Microsoft YaHei",SimHei; margin-right:5px; cursor:pointer; color:#fff;}
#focus .btn span.on {background:url(../images/flashbutton.gif) no-repeat; color:#fff;}

.hist{ width:410px; position:absolute; top:322px; left:360px; font-size:14px; line-height:25px; text-indent:2em;}

.listtable{width:650px;margin:0 auto;padding-top:5px;_padding-bottom:18px; overflow:hidden; }
.listtable ul{overflow:hidden; height:300px;}
.listtable li{float:left;width:145px;height:135px;text-align:center;margin:0px 0px 16px 15px; display:inline;}
.listtable li a{background:url(../images/tumb.jpg) no-repeat;height:131px;width:145px;display:block; padding-top:5px; }
.listtable li a img{width:112px;height:82px;border:solid 2px #fff; padding:1px; margin-bottom:8px;}
.listtable li a:hover img{border:solid 2px #f90;}


/*history*/
.his800{background:url(../images/history_bg.jpg) #fff no-repeat center center; width:800px; height:600px; margin:0 auto; position:relative; }
.boxlist{width:625px; margin:0 auto; font-size:14px; padding-top:37px; overflow:hidden; }
.boxlist1{width:670px; margin:0 auto; font-size:12px; padding-top:37px; padding-left:18px; overflow:hidden; position:relative;}
.boxlist h1{line-height:25px; font-family:'宋体','微软雅黑', '黑体'; font-size:15px; text-align:center;}
.boxlist p{ line-height:25px; text-indent:2em;}
.back a{background:url(../images/thicon.png) no-repeat; width:44px; height:21px; background-position:-672px -9px; display:block; position:absolute; top:540px; right:80px;}

/*greeting*/
.gre800{background:url(../images/greeting_bg.jpg) #fff no-repeat center center; width:800px; height:600px; margin:0 auto; position:relative; }
.greetlist{padding-top:12px;}
#load {background: #68AF02;color: white;height: 21px;line-height: 21px;padding: 0px 8px; display:none;position: absolute;right: 0px;text-align: center;top: 0px;width: auto;z-index: 999;}
.greetlist li{background:url(../images/thicon.png) no-repeat; background-position:0 0; width:665px; height:50px; margin-bottom:10px;}
.greetlist .li_data{ background: transparent none repeat scroll 0px 0px; border: medium none; color: #fff; font-size:14px; cursor: pointer; height: 36px;line-height: 18px; margin: 4px 10px 0px; outline: medium none; overflow: hidden; resize: none; text-align: left;width: 640px;}




/*music*/
.mus800{background:url(../images/music_bg.jpg) #fff no-repeat center center; width:800px; height:600px; margin:0 auto; position:relative; }
.musul,.comul,.paul{width:625px; height:auto; padding-top:12px;}
.musul li{position:relative; padding-bottom:17px; margin-bottom:17px;border-bottom:1px dashed #8D6241; height:auto; overflow:hidden;}
.musul li a{display:block; font-family: "宋体", "微软雅黑","黑体"; font-size:15px; font-weight:bold; float:left; margin-right:15px;}
.musul li a:hover{text-decoration:underline;}
.musul li a.picbg{background:url(../images/thicon.png) no-repeat; width:120px; height:92px; background-position:0px -56px; text-align:center; }
.musul li a:hover.picbg{background:url(../images/thicon.png) no-repeat; width:120px; height:92px; background-position:-122px -56px; text-align:center; }
.musul li a.ctit{width:392px; line-height:30px; color:#333;}
.musul li a.picbg img{padding-top:4px;}
.musul li .pp{width:392px;  font-size:12px; display:block; float:left; }
.musul li .pp p{line-height:20px; text-indent:0;}
.musul li a.palyer{background:url(../images/thicon.png) no-repeat; width:64px; height:64px;  background-position:-249px -56px;  margin-right:0; position:absolute; top:20px; right:0px;}
.musul li a:hover.palyer{background:url(../images/thicon.png) no-repeat; width:64px; height:64px; background-position:-320px -56px;  margin-right:0; position:absolute; top:20px; right:0px;}

/*composition*/
.com800{background:url(../images/composition_bg.jpg) #fff no-repeat center center; width:800px; height:600px; margin:0 auto; position:relative; }

.comul li{ margin-bottom:12px; border-bottom:1px dashed #8D6241; font-size:12px; height:72px; position:relative;overflow:hidden; }
.comul li .comtitle{font-family: "宋体","微软雅黑", "黑体"; font-size:15px; font-weight:bold; color:#333; }
.comul li a:hover.comtitle{color:#333;}
.comul li a:hover{text-decoration:underline;}
.comul li p{line-height:21px; margin-top:5px; height:40px; display:block; text-indent:0;}
.comul li span{position:absolute; right:0px; top:45px; }
.comul li span a,.comul li span a:hover{color:#E2123D;}

.pa800{background:url(../images/paper_bg.jpg) #fff no-repeat center center; width:800px; height:600px; margin:0 auto; position:relative; }
.paul{width:670px; }
.paul li{text-align:center;margin-bottom:12px; width:134px;float:left; }
.paul li a{background:url(../images/thicon.png) no-repeat; width:124px; height:96px; background-position:0px -290px;  display:block; }
.paul li a:hover{background:url(../images/thicon.png) no-repeat; width:124px; height:96px; background-position:-125px -290px;  display:block;}
.paul li a img{padding:2px; background:#fff; margin-top:4px;}
.paul li  p{text-indent:0; font-size:12px; line-height:20px;}



.pages{width:400px; margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:10px; position:absolute; top:526px; left:240px; }
.pages{width:360px; margin:0 auto; overflow:hidden; margin-top:10px; margin-bottom:10px;}
.total{ color:#683A2F; font-size:14px; font-family: "宋体","黑体","微软雅黑" ; line-height:25px; font-weight:bold; float:left; margin-right:30px; display:inline;}
.pages a{color:#683A2F; border:1px solid #B88966; font-weight:bold; font-size:14px; font-family:Arial,黑体，微软雅黑;  padding:2px 6px; background:#fff; margin-right:10px; float:left; }
.pages a:hover{background:#B88966; color:#fff;}
.pages .next{padding:2px 6px; display:block; float:left; background:#fff; margin-right:10px;}
.pages .current{background:#B88966; padding:2px 6px; color:#fff;}

.foot{width:100%; text-align:center; padding:15px 0 10px 0;}
.foot p{line-height:180%; color:#666;}
.foot p a{color:#666;}


/*播放页*/
.kuan{width:800px; height:600px; margin:0 auto; background:#61C6F1;}
.headatic{width:800px;height:50px;background:#40BAEE;margin:0 auto;position:relative;overflow:hidden; padding-top:15px;}
.headatic .pic{background:url(../images/thicon.png) no-repeat;height:35px;width:111px; background-position:-395px -56px; display:block; margin-left:20px;float:left; }
.headatic .wenzi{width:555px;font-family:微软雅黑,黑体;font-size:20px;color:#fff;font-weight:bold;text-align:center;float:left;line-height:36px; }
.headatic .fanhui{width:65px;float:left;height:30px;margin-top:4px;}
.headatic .fanhui a{background:url(../images/thicon.png) no-repeat; height:30px; width:45px; background-position:-403px -98px; display:block; line-height:30px; text-align:center; color:#fff; font-size:14px; padding-left:20px; }
.headatic .fanhui a:hover{background:url(../images/thicon.png) no-repeat;height:30px; width:45px; padding-left:20px; background-position:-473px -98px; color:#FFF; }



.main_800{position: relative; width:735px; height:467px; margin:0 auto; text-align:center; background:#fff; padding:15px; overflow: hidden; }