@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
body{font-size:14px;font-family:'微软雅黑',Helvetica,Arial,sans-serif;color:#fff;background:#000000;position:relative}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;font-size:inherit;width:100%}img{border:0 none}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}a{text-decoration:none;outline:none;color:#000000}input,button,select,textarea{outline:none}textarea{resize:none}a:hover{text-decoration:underline;}section,article,header,footer{display: block;}
/*reset over*/

#allbox{ width: 100%; overflow: hidden; background:url('images/banner.jpg') no-repeat center top; }
.main{ width:960px; margin:0 auto; position:relative; z-index:10; }
.left{ float: left; }
.right{ float: right; }
.clear{ clear:both; }

/* header */
.header{ height:760px; overflow:hidden; position:relative; padding-bottom:120px; background:url('images/hr.jpg') no-repeat bottom center; margin-bottom:50px; }
.header .art{ position: absolute; left: 0px;  font-size:16px; top:450px; width:470px; line-height:27px; }
.header .art h1{ font-size:24px; color:#b80000; font-weight:bold; line-height:50px; margin-bottom:12px; width:100%;}
.header .art p{ color:#fff; font-size:18px; margin-bottom:20px; }
.header .art a{ display:block; width:203px; height:50px; background:url('images/jk.jpg'); }
.header .back{ display: block; width:78px; height: 77px; background:url('images/back.png'); position: absolute; 
	       filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;    }
.header .back:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;  }
.header img.banner{ position: absolute; left: -999px; top:-999px; }

/* disbox */
.dis{ width:445px; height:400px; overflow:hidden; background:url('images/disbg.png'); overflow:hidden; position:absolute; right:0; top:450px; }
.disbox{ padding:22px 20px 0; overflow:hidden; }
.disbox ul{ height:35px; overflow:hidden; font-size:18px; background:#926666; }
.disbox ul li{ float:left; width:80px; height:35px; line-height:35px; text-align:center; border-left:1px solid #4a0000; overflow:hidden; cursor:pointer; }
.disbox ul li.on{ background:#fff; color:#000; }
.disbox ul li.dis_0{ border-left:none; }

.text{ padding:20px 20px 0; height:182px; background:#fff; }
.text textarea{ width:370px; height:120px; line-height: 24px; color:#333; font-size: 14px; overflow-y:auto; border:0px solid #fff; }
.textsub{ overflow:hidden; }
.textsub .sub{ float:right; margin-top:15px; width:153px; height:52px; border: none; cursor: pointer; }
.textsub input.sub_0{ background:url('images/subbtn.jpg') no-repeat left 0px; }
.textsub input.sub_1{ background:url('images/subbtn.jpg') no-repeat left -59px; }
.textsub input.sub_2{ background:url('images/subbtn.jpg') no-repeat left -120px; }
.textsub input.sub_3{ background:url('images/subbtn.jpg') no-repeat left -184px; }
.textsub h3{  padding:5px 0 0; height: 28px; line-height: 28px; color:#cca491; }
.ykname{ border:none; height: 20px; padding: 5px 10px; width:135px; color:#cca491; background:#320000; }

#phizbtn{ margin-top:18px; float:left; display:inline-block; height:21px; line-height:21px; color:#999; font-size:14px; padding-left:25px; overflow: hidden; background: url('images/phizbtn.jpg') no-repeat left center; cursor: pointer; }
#phiz{ padding-right:6px; background:url(images/btarr.png) no-repeat right bottom; width:375px; position:absolute; left:0; top:0; z-index:100; display:none; white-space:nowrap; }
#phiz ul{ padding:5px 7px 7px; background:#ffffff; }
#phiz ul li{ border-bottom:1px solid #eeeeee; padding:10px 0; text-align:center; overflow:hidden; }
#phiz ul li img{ margin:0 1px; cursor:pointer; }

/* sharebox */
.sharebox{ float:right; overflow:hidden; height: 28px; font-size: 14px; padding:15px 0 0;  }
.sharebox #ckepop a{ display:inline-block; height:25px; background-image:url(images/share.jpg); background-repeat:no-repeat; float:left; cursor:pointer; margin-left:5px; }
.sharebox #ckepop a span{ background:none !important; }
.sharebox #ckepop a.jiathis_button_tsina{ width:28px;background-position:0 top; }
.sharebox #ckepop a.jiathis_button_renren{ width:28px; background-position:-35px top; }
.sharebox #ckepop a.jiathis_button_tqq{ width:28px; background-position:-68px top; }
.sharebox #ckepop a.jiathis_button_kaixin001{ width:28px; background-position:-101px top; }

/* listshow */
#list_0,#list_1,#list_2{ width: 300px; }
#list_1{ margin-left:30px; }
.disshow{ clear: both; overflow: hidden; }
.disshow dl{ margin-bottom: 25px; padding-top: 5px; position: relative;; }
.disshow dt{ float: left; position: absolute; left: 10px; top: 0px; }
.disshow dt img{ width:60px; height:60px; }
.disshow dd{ background: #fff; border-radius: 3px; padding:12px 5px 12px 80px; color: #333333; line-height: 20px; }
.disshow dd strong{ font-weight: normal; margin-right: 5px; }
.disshow dl img{ vertical-align:middle; }
.disshow dl.show_0 strong{ color:#777777; } /* 哀悼 */
.disshow dl.show_1 strong{ color:#b47114; } /* 祈福 */
.disshow dl.show_2 strong{ color:#b40000; } /* 加油 */
.disshow dl.show_3 strong{ color:#ff6600; } /* 纪念 */
#loading{ width: 40px; height: 44px; background: url('images/loading.gif'); margin:0 auto; }

/* footer */
.footer{ text-align: center; font-size:12px; color:#fff; height:65px; padding-top:20px;  line-height:20px; }
.footer a{ color:#fff; }
.footer span{ margin:0 10px; }

/* totop */
#totop{ display:none; width:73px; height: 56px; background: url('images/totop.jpg') no-repeat left top; position: fixed; left: 50%; bottom: 10%; margin-left: 500px; cursor: pointer; }
#totop:hover{ background: url('images/totop.jpg') no-repeat right top; };