/*样式初始化*/
* {
  margin: 0px;
  padding: 0px; 
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; 
}

input, textarea, select {
  *font-size: 100%; 
}

em {
  font-style: normal; 
}

img {
  border: 0; 
}

blockquote, body, caption, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, input, label, legend, li, object, ol, p, pre, span, strong, table, tbody, td, tfoot, th, thead, tr, ul {
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0; 
}

body, html {
  font: 12px/1.25 'Microsoft YaHei',sans-serif;
  overflow-x: hidden;
   }

ol, ul {
  list-style: none; 
}

table {
  border-collapse: collapse;
  border-spacing: 0; 
}

:focus {
  outline: 0; 
}

button::-moz-focus-inner {
  padding: 0;
  border: 0; 
}

a {
  outline: 0;
  text-decoration: none; 
}

.clear {
  clear: both;
  display: block;
  margin: 0;
  padding: 0; 
}

* html .clearfix {
  height: 1%; 
}

.clearfix {
  zoom: 1; 
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both
}
.relative {
  position: relative;
}
.pl3{
	padding-left:3px;
}

/*样式开始*/

body {
	width: 100%;
}

.base_bottom {
	width: 100%;
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/160926thegoldsaucer/bg.png)  repeat;
	padding-top: 0px;
	/*background-size: cover;*/
}
.nav_top{
	width:960px;
	/* margin:0 auto; */
	margin:0 auto 30px;
}
.nav_top a {
	width: 147px;
	height: 60px;
	display: block;
	text-indent: -9999px;
}

.nav_top a img {
	display: block;
}

.main {
	width:960px;
	margin: 0 auto;
	height: 1710px;
/* 	padding-bottom:40px
 */}
/*.tc {
	text-align: center;
}*/
.tr img{
	display: block;
}
.tr{
	text-align: right;
}
.mb15{
	margin-bottom:15px!important;
}
.tc .special_footer {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/151025halloween/special_footer.png) left bottom no-repeat;
    padding-bottom: 64px;
    margin-bottom: 10px;
    *margin-top:-5px;
}
.tc .special_body {
    background: transparent url(https://static.web.sdo.com/jijiamobile/pic/ff14/151025halloween/special_body.png) repeat-y left top;
    width: 720px;
    padding: 0px 40px 30px;
}
.tc .special_body h2{
    font-size: 16px;
    font-weight: bold;
    color: #960;
    margin-bottom:5px;
   /* text-align: left;*/
}
.tc .special_body p{
	color:#333;
}
.window {
	width: 790px;
	margin: 0 auto;
	position: relative;
	top: 10px;
	
}

.window .footer {
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/Moonfire/bg_content_window_footer.png) left bottom no-repeat;
	padding-bottom: 36px;
}

.window .header {
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/160926thegoldsaucer/icon.png) center top no-repeat;
	padding-top: 46px
}

.window .body {
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/Moonfire/bg_content_window_body.png) left top repeat-y;
}

.window .inr {
padding: 18px 35px 0;
}
.window .inr2 {
}

.window h2 {
	color: #ffb400;
	font:bold 18px/32px '微软雅黑';
}

.window h3 {
	color: #ffad39;
	font:bold 16px/28px '微软雅黑';
	margin-top: 30px;
}

.window .green {
	color: #79caf2;
	font:normal 14px/24px '微软雅黑';
}

.window p {
	color: #fff;
	font:normal 14px/24px '微软雅黑';
}
.window .mb5 {
	margin-bottom: 5px !important;
}
.window .wrap_eventitem {
	width: 340px;
	padding: 5px 0 70px 0;
}

.ic_reflection_box {
	width: 48px;
	height: 48px;
	float: left;
	position: relative;
	display: block;
	cursor:pointer;
}

.ic_reflection_box .bigimg{
	position:absolute;
	top:50px;
	left:15px;
	z-index: 10;
	display: none;
}

.ic_reflection_box .ic_reflection_frame {
	width: 48px;
	height: 48px;
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/151025halloween/reflection_frame.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0px;
}

.ic_reflection_box img {
	position: absolute;
	top: 0px;
	left: 0px
}

.ic_reflection_box img.ic_reflection {
	margin: 2px 0 0 4px
}
/*侧边栏样式*/
#code, #code_hover {
    width: 170px;
    height: 120px;
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/151025halloween/pagetop2.png);
    position: fixed;
    right: 0px;
    bottom:205px;
}
.nav1 {
    width: 130px;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #4f4f4f;
    padding-left: 35px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.nav1:hover{
	color:#000;
}
/*返回顶部样式*/
#gotop {
	  width: 48px;
	  height: 48px;
	  display: block;
	  position: fixed;
	  right:8%;
	  bottom:160px;
	  cursor: pointer;
	  z-index: 1;
	  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/Moonfire/top.png) no-repeat left top;
}


.left{
	float: left;
}
.m_left{
	margin-left: 50px;
}
.box{
	margin-bottom: 80px;
}


.show_btn{
	position: fixed;
	bottom: 80px;
	left: 17%;
}
.show_btn a{
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/Moonfire/bt_main_art.png) 0 0 no-repeat;
}

.show_btn a:hover{
	background-position: 0px -64px;
}


.mask{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	z-index: 99;
	display: none;
}

.mask_box{
	display: none;
	position: fixed;
	top: 20px;
	left: 0px;
	z-index: 100;
	text-align: center;
	width: 100%;
}
.mask_cont{
	height: 90%;
}
.mask_box img{
	margin-top: 3%;
}

.close_btn{
	position: absolute;
	top: 0px;
	right: 33%;
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/Moonfire/button_close.png) 0 0 no-repeat;
}
.close_btn:hover{
	background-position: 0px -48px;
}
.content__main-art{
    position: relative;
    /*padding:24px 0 12px;*/
    text-align: center;
}
.content__event-info{
	background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/160926thegoldsaucer/icon.png) center top no-repeat;
	padding-top: 46px
}
.content__event-info__quest{
	float:left;
	padding:50px 0 0 87px;
	width:398px
}
.content__event-info__quest--title{
	background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/160926thegoldsaucer/ic_quest.png) left top no-repeat;
	padding:8px 0 0 34px;
	min-height: 32px;
	color:#cc6d3d;
	font-size: 18px;
	font-weight: bold;
}
.content__event-info__quest--text{
	padding-top:8px;
	color:#4d3422;
	font-size:16px
}
.content__event-info__map{
	float:right
}
.content__event-reward{
	position: relative;
	width: 826px;
	margin:0 71px;
}
.content__event-reward--title{
	position:absolute;
	top:10px;
	left:18px;
	padding-left:28px;
	color:#cc6d3d;
	font-size:18px;
	font-weight:bold;
	background:url(https://static.web.sdo.com/jijiamobile/pic/ff14/160926thegoldsaucer/ic_event.png) left top no-repeat
}
.content__item{
	width:826px;
	margin:0 72px 30px
	}
.content__item__area{
	float:left;
	width:248px
}
.content__item__emote{
	padding-left:22px
}
.content__item__item{
	padding-left:152px;
	text-align:center;
}
.content__item h3{
	padding-bottom:8px;
	font-size:14px;
	color:#4d3422;
	font-weight:bold;
	text-align:center
}
.content__item__table{
	text-align:center 
}.content__item__table img{
	padding-right:8px;
	vertical-align:middle
}
.content__item__table div{
	font-size:14px;
	color:#4d3422;
}
.content__notes{
	position:relative;
	bottom:-43px;
	right:19px;
	width:792px;
	height:auto;
	margin:7px auto;
	padding-bottom:24px;
}
.content__notes:after{
	position:absolute;
	bottom:-12px;
	right:-85px;
	content:"";
	background:url("https://static.web.sdo.com/jijiamobile/pic/ff14/160926thegoldsaucer/minions.png") left top no-repeat;
	width:290px;
	height:140px;
}