body{
  margin: 0;
  font-family: Arial, Helvetica,"Microsoft yahei","黑體","微軟正黑體",sans-serif;
  font-size: 14px;
  background-color: #222222;
  color: #e6e6e6;
}
.all_w{
  width: 1000px; /**內容寬度**/
  margin: auto;
}
a{text-decoration: none;color: #80d4ff;}
a:hover{color:#ffea00;}
img{border: 0;vertical-align: middle;line-height: 0;}
p,ol,ul{
  margin: 0; 
  *margin: 0px 2.5em;
}
br{line-height: 1.8;}
li{line-height: 1.8;}
hr{border-top:1px dotted #4d4d4d;border-bottom: none;}
h1,.h1 {font-size: 36px;}
h2,.h2 {font-size: 24px;}
h3,.h3 {font-size: 20px;}
h4,.h4 {font-size: 16px;}
h5,.h5 {font-size: 13px;}
h6,.h6 {font-size: 12px;}
.yellow{color: #ffff33}
.red{color: #e50000}
.blue{color: #0088cc}


p,.top_menu_bg:after,.rank:after{
  content:"";
  display: block;
  clear: both;
}
.top_menu_bg{}
.logo{float: left;line-height: 44px;}
.top_menu{}
.top_menu a{
  display: block; 
  margin-left: 15px;
  padding: 0px;
  color: #b3b3b3;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height:48px;
}
.top_menu a:hover,.top_menu a.on,.top_menu a.rankicon.on{color: #ffea00;}

.top_menu a.join{
  padding: 2px 13px;
  line-height: 24px;
  border: 1px solid #ffb2ff;
  border-radius: 15px;
  color: #ffb2ff;
  box-shadow: 0 0 1px #ffb2ff inset;
}
.top_menu a.join:hover,.top_menu a.join.on{color: #222222;background-color: #ffb2ff;}

.top_menu span.joinicon,
.top_menu span.rankicon{
  width: 16px; 
  height: 16px;
  display: inline-block; 
  margin-right: 5px;  
  vertical-align: text-bottom;
}
.top_menu span.joinicon{background: url(../images/join_sicon_hover.png);}
.top_menu a:hover span.joinicon,.top_menu a.on span.joinicon{background-image:  url(../images/join_sicon_on.png);}
.top_menu span.rankicon{background: url(../images/rank_sicon.png);}
.top_menu a:hover span.rankicon,.top_menu a.on span.rankicon{background-image:  url(../images/rank_sicon_hover.png)}

.top_bg{background: url(../images/top_bg.jpg) repeat-x;}
.top_banner{
  background: url(../images/banner.jpg) no-repeat;
  height: 250px;
  position: relative;
}
.top_banner .date{
  position: absolute;
  bottom: 11px;
  left: 670px;
  font-size: 26px;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.main_bg{background-color: #111111;background: url(../images/main_bg.jpg);}
.main{padding: 10px 0;}

.comment{padding: 10px 0;}
.main_info{margin-top: 15px;}
.sub_title{margin: 10px 5px;letter-spacing: 0.1em}

.present{
  border: 5px solid #ffffff;
  padding: 30px 20px;
  margin: 10px 0;
  color: #ffffff;
  line-height: 1.8;
  background: url(../images/present_bg.jpg) center bottom;
  letter-spacing: 0.1em;
  text-shadow: 0px 1px 3px #000000;
  box-shadow: 0px 0px 5px #000000;
}
.present p{margin: 1.2em 0;}

.more_info{
  margin: 12px 0;
  background-color: #222222;
  padding: 15px;
  color: #ffffff;
  line-height: 1.8;
  border:1px solid #fff779;
}
.more_info p{margin: 0; padding: 0 10px;}
.more_info li{line-height: 1.6;margin-top: 5px;}
.more_info hr{border-top:1px dotted #fff266;border-bottom: none;}

.join_way{}
.join_way ol li{margin: 10px 0;}
.join_way img{padding: 4px;background-color: #ffffff;border: 1px solid #cccccc}

.btn-primary{
  background:-webkit-gradient(linear, left bottom, left top, color-stop(0.05, #ff5500), color-stop(1, #ff8400));
  background:-moz-linear-gradient(bottom, #ff5500 0%, #ff8400 100%);
  background:-webkit-linear-gradient(bottom, #ff5500 0%, #ff8400 100%);
  background:-o-linear-gradient(bottom, #ff5500 0%, #ff8400 100%);
  background:-ms-linear-gradient(bottom, #ff5500 0%, #ff8400 100%);
  background:linear-gradient(to top, #ff5500 0%, #ff8400 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#ff5500',GradientType=0);
  background-color:#ff5500;
  border:1px solid #bf550a;
  color:#ffffff;
  text-decoration:none;
  text-shadow: 0px 0px 1px #555555;
  display: inline-block;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 5px;
  *zoom: 1; 
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 
}
.btn-primary:hover{
  color:#ffffff;  
  background:-webkit-gradient(linear, left bottom, left top, color-stop(0.05, #ff8400), color-stop(1, #ff5500));
  background:-moz-linear-gradient(top, #ff5500 0%, #ff8400 100%);
  background:-webkit-linear-gradient(top, #ff5500 0%, #ff8400 100%);
  background:-o-linear-gradient(top, #ff5500 0%, #ff8400 100%);
  background:-ms-linear-gradient(top, #ff5500 0%, #ff8400 100%);
  background:linear-gradient(to bottom, #ff5500 0%, #ff8400 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5500', endColorstr='#ff8400',GradientType=0);
  background-color:#ff5500;
}
.large{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 10px 25px;
}
.btn-round{
  width: 160px;
  height: 160px;  
  border-radius: 100px;
  border: 0;
  padding: 20px;
}
.reward_border{margin: 15px 0; border:1px solid #fff799;border-top: none;}
.reward_border td{border-top: 1px solid #fff799;}
.reward_title{margin: 3px 10px 3px 10px;padding:5px;line-height: 1.2;}
.reward_title .h2{letter-spacing: 0.05em}
.reward th{text-align: left;font-weight: normal;}
.reward td{padding: 8px; text-align: center;color: #ffffff;border: 1px solid #222;background-color: #1a1a1a;}
.reward td li{float: left; list-style: none;line-height: 1.2;}
.reward .number{width: 70px;font-weight: bold;text-align: center;font-size: 16px;color: #fff9b2;}
.reward .get{font-size: 16px;}

.reward dl:after{
  content:"";
  display: block;
  clear: both;
}
.reward dl{margin: 0;}
.reward dt{float: left;padding:2px 15px 2px 10px;}
.reward dt img{height: 50px;}
.reward dd{float: left;width: ;margin: 0;text-align: left;}
.reward .yellow{color:#fff799;} 

.rank{color: #000000;margin-top: 0;}
.rank td{
  background-color: #f2f2f2;
  border: 1px solid #111111;
  padding: 3px;
}
.rank td:first-child{background-color: #fffde5;}
.rank li{float: left;list-style: none;}
.rank li.get{line-height: 40px; font-size: 16px;}
.rank .number{color:#b30000;font-weight: bold;width: 70px;text-align: center;font-size: 15px;line-height:40px;}
.rank li.number img{height: 40px;}
.rank li.photo{width: 45px;}
.rank li.photo img{width: 40px;border: 1px solid #999999;}
.rank li.name{
  color:#000000;
  line-height: 1.2;
  font-size: 16px;
  max-width: 190px;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
}
.rank li.dot{float: right;color: #555555;color: #e50000;padding-right: 5px; text-align: right;line-height: 1.5;max-width: 200px;}
.rank li.now{line-height: 40px;font-size: 15px;font-weight: bold;}

.footer{padding:10px 0 15px 0; background-color: #222222;border-top:1px solid #111111;color: #b3b3b3;}
.footer table{width: 1000px;}
.last{margin: 0 auto;line-height: 1.5rem;}