html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	vertical-align:baseline
}
html {
	line-height:1
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
q, blockquote {
	quotes:none
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none
}
a img {
	border:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block
}


@media screen and (min-width: 900px) {
.content-2nd h1, .content-3rd h1, .content-4th h1, .content-5th h1, .content-6th h1 {
margin-bottom:20px
}
.content-2nd h1 span, .content-3rd h1 span, .content-4th h1 span, .content-5th h1 span, .content-6th h1 span {
display:none
}
}
@media screen and (max-width: 899px) {
.content-2nd h1, .content-3rd h1, .content-4th h1, .content-5th h1, .content-6th h1 {
margin-bottom:10px
}
.content-2nd h1 img, .content-3rd h1 img, .content-4th h1 img, .content-5th h1 img, .content-6th h1 img {
display:none
}
.content-2nd h1 span, .content-3rd h1 span, .content-4th h1 span, .content-5th h1 span, .content-6th h1 span {
font-size:28px
}
}



body {
	background-color:#fff;
	color:#fff;
	width:100%;
	min-height:100%;
	font-size:14px;
	font-family:"微软雅黑"
}
a {
	color:#72431d;
	display:block;
	text-decoration:none
}
a:visited {
	color:#72431d
}
a:focus {
	color:#72431d
}
a:hover {
	color:#72431d
}
a:active {
	color:#72431d
}
img {
	max-width:100%;
	height:auto
}
hr {
	border:none;
	border-bottom:dashed 1px #93cb5b
}
.main-wide {
	margin:auto;
	max-width:900px;
	width:100%
}
iframe {
	max-width:100%
}
.header {
	width:100%;
	margin:0;
	padding:10px 0;
	background-color:rgba(255, 255, 255, 0.5);
	position:fixed;
	top:0;
	left:0;
	z-index:999
}
.header .header-menu {
	float:left
}
@media screen and (max-width: 899px) {
.header .header-menu {
padding-left:10px
}
}
.header .header-menu .head-home {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	-webkit-box-shadow:1px 1px 0 #fde267 inset;
	-moz-box-shadow:1px 1px 0 #fde267 inset;
	box-shadow:1px 1px 0 #fde267 inset;
	border:solid 1px #fccf02;
	background-color:#fdd934;
	padding:10px;
	-webkit-appearance:none;
	text-indent:-119988px;
	overflow:hidden;
	text-align:left;
	-webkit-background-size:60%;
	-moz-background-size:60%;
	-o-background-size:60%;
	background-size:60%;
	background-image:url('https://image.game.uc.cn/2014/7/18/9808360.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:14px;
	height:14px
}
.header .header-menu .head-home:hover {
	background-color:#fdde4d
}


.header .header-menu .download_leading {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	-webkit-box-shadow:1px 1px 0 #fde267 inset;
	-moz-box-shadow:1px 1px 0 #fde267 inset;
	box-shadow:1px 1px 0 #fde267 inset;
	border:solid 1px #fccf02;
	background-color:#fdd934;
	padding:10px;
	-webkit-appearance:none;
	text-indent:-119988px;
	overflow:hidden;
	text-align:left;
	-webkit-background-size:60%;
	-moz-background-size:60%;
	-o-background-size:60%;
	background-size:60%;
	background-image:url('https://image.game.uc.cn/2014/7/20/9810920.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:70px;
	height:14px;
}
.header .header-menu .download_leading:hover {
	background-color:#fdde4d
}



.header .header-menu .head-btn01 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	-webkit-box-shadow:1px 1px 0 #f9b28f inset;
	-moz-box-shadow:1px 1px 0 #f9b28f inset;
	box-shadow:1px 1px 0 #f9b28f inset;
	border:solid 1px #f3702f;
	background-color:#f6915f;
	padding:10px;
	-webkit-appearance:none
}
.header .header-menu .head-btn01:hover {
	background-color:#f7a277
}
@media screen and (max-width: 899px) {
.header .header-menu .head-btn01 {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
}




.header .header-menu .head-btn02 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	-webkit-box-shadow:1px 1px 0 #ec99ca inset;
	-moz-box-shadow:1px 1px 0 #ec99ca inset;
	box-shadow:1px 1px 0 #ec99ca inset;
	border:solid 1px #a05280;
	background-color:#d884b6;
	padding:10px;
	-webkit-appearance:none
}
.header .header-menu .head-btn02:hover {
	background-color:#e08dbf
}
@media screen and (max-width: 899px) {
.header .header-menu .head-btn02 {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
}


.header .header-menu .head-btn03 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	-webkit-box-shadow:1px 1px 0 #a4acd6 inset;
	-moz-box-shadow:1px 1px 0 #a4acd6 inset;
	box-shadow:1px 1px 0 #a4acd6 inset;
	border:solid 1px #757ca6;
	background-color:#9ba1c5;
	padding:10px;
	-webkit-appearance:none
}
.header .header-menu .head-btn03:hover {
	background-color:#a9aed0
}
@media screen and (max-width: 899px) {
.header .header-menu .head-btn03 {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
}


.header .header-menu .head-btn04 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	-webkit-box-shadow:1px 1px 0 #93dcd6 inset;
	-moz-box-shadow:1px 1px 0 #93dcd6 inset;
	box-shadow:1px 1px 0 #93dcd6 inset;
	border:solid 1px #47c2b8;
	background-color:#6dcfc7;
	padding:10px;
	-webkit-appearance:none
}
.header .header-menu .head-btn04:hover {
	background-color:#80d5ce
}
@media screen and (max-width: 899px) {
.header .header-menu .head-btn04 {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
}


.header .header-menu .head-btn05 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
*vertical-align:auto;
	zoom:1;
*display:inline;
	-webkit-box-shadow:1px 1px 0 #add782 inset;
	-moz-box-shadow:1px 1px 0 #add782 inset;
	box-shadow:1px 1px 0 #add782 inset;
	border:solid 1px #7ab83b;
	background-color:#93cb5b;
	padding:10px;
	-webkit-appearance:none
}
.header .header-menu .head-btn05:hover {
	background-color:#a0d16e
}
@media screen and (max-width: 899px) {
.header .header-menu .head-btn05 {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
}

.header .header-menu .head-btn01,  .header .header-menu .head-btn02, .header .header-menu .head-btn03, .header .header-menu .head-btn04, .header .header-menu .head-btn05 {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
@media screen and (min-width: 900px) {
.header .header-menu .head-btn01,  .header .header-menu .head-btn02, .header .header-menu .head-btn03, .header .header-menu .head-btn04, .header .header-menu .head-btn05 {
color:#fff;
font-size:12px;
font-weight:bold;
text-align:center;
min-width:100px
}
}
@media screen and (max-width: 899px) {
.header .header-menu .head-btn01,  .header .header-menu .head-btn02, .header .header-menu .head-btn03, .header .header-menu .head-btn04, .header .header-menu .head-btn05 {
display:none
}
}

@-webkit-keyframes slide {
0% {
-webkit-transform:translate3d(0, 0, 0)
}
50% {
-webkit-transform:translate3d(0, -20px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0)
}
}
p {
	line-height:1.6
}
@media screen and (min-width: 900px) {
p {
font-size:20px
}
}
.content-1st, .content-3rd, .content-4th, .content-5th, .content-6th {
	background-repeat:no-repeat;
	width:100%
}
@media screen and (min-width: 900px) {
.content-1st, .content-3rd, .content-4th, .content-5th, .content-6th {
background-attachment:fixed
}
}
.content-2nd {
	background-repeat:no-repeat;
	width:100%
}
@media screen and (min-width: 900px) {
.content-2nd, .content-3rd, .content-4th, .content-5th, .content-6th {
padding:120px 0
}
}
@media screen and (max-width: 899px) {
.content-2nd, .content-3rd, .content-4th, .content-5th, .content-6th {
padding:50px 0
}
}
.content-1st {
	background-position:center top
}
@media screen and (min-width: 900px) {
.content-1st {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-image:url('https://image.game.uc.cn/2014/7/18/9808357.jpg');
overflow:hidden
}
}
@media screen and (max-width: 899px) {
.content-1st {
-webkit-background-size:100%;
-moz-background-size:100%;
-o-background-size:100%;
background-size:100%;
background-color:#b5de7b;
min-height:568px
}
}
.content-1st .chara {
	background-image:url('https://image.game.uc.cn/2014/7/18/9808361.png');
	background-repeat:no-repeat;
	width:100%;
	position:relative;
	z-index:5
}
@media screen and (min-width: 900px) {
.content-1st .chara {
display:block
}
}
@media screen and (max-width: 899px) {
.content-1st .chara {
display:none
}
}
.content-1st .content-1st-main {
	overflow:hidden;
*zoom:1;
	width:100%;
	max-width:900px;
	margin:0 auto;
	position:relative;
	z-index:10
}
@media screen and (max-width: 899px) {
.content-1st .title-wrapper, .content-1st .banner-wrapper, .content-1st .button-wrapper {
max-width:100%;
text-align:center
}
}
.content-1st .catch-wrapper {
	position:relative;
	z-index:10
}
@media screen and (min-width: 900px) {
.content-1st .catch-wrapper img {
margin-top:60px
}
}
@media screen and (max-width: 899px) {
.content-1st .catch-wrapper {
text-align:center
}
.content-1st .catch-wrapper img {
max-width:94%
}
}
@media screen and (min-width: 900px) {
.content-1st .f-left {
float:left;
width:50%
}
}
@media screen and (min-width: 900px) {
.content-1st .title-wrapper .logo {
display:block
}
}
@media screen and (max-width: 899px) {
.content-1st .title-wrapper .logo {
display:none
}
}
@media screen and (min-width: 900px) {
.content-1st .button-wrapper {
text-align:left
}
}
.content-1st .button-wrapper .entry-btn {
	width:440px;
	margin-bottom:10px
}
@media screen and (max-width: 899px) {
.content-1st .button-wrapper .entry-btn {
max-width:90%
}
}
@media screen and (min-width: 900px) {
.content-1st .banner-wrapper {
float:right;
text-align:right;
width:50%
}
}
.content-1st .banner-wrapper img {
	border:solid 2px #fff;
	width:320px;
	margin-bottom:10px
}
@media screen and (max-width: 899px) {
.content-1st .banner-wrapper img {
max-width:90%
}
}

.content-2nd {
	background-color:#f6915f
}
.content-2nd .column {
	max-width:600px;
	margin:0 auto;
	display:table
}
@media screen and (max-width: 899px) {
.content-2nd .column {
margin:10px
}
}

.content-3rd {
	background-color:#d884b6
}
.content-3rd .column {
	max-width:600px;
	margin:0 auto;
	display:table
}
@media screen and (max-width: 899px) {
.content-3rd .column {
margin:10px
}
}

.content-4th {
	background-color:#9ba1c5
}
.content-4th .column {
	max-width:600px;
	margin:0 auto;
	display:table
}
@media screen and (max-width: 899px) {
.content-4th .column {
margin:10px
}
}


.content-5th {
	background-color:#6dcfc7
}
.content-5th .column {
	max-width:600px;
	margin:0 auto;
	display:table
}
@media screen and (max-width: 899px) {
.content-5th .column {
margin:10px
}
}

.content-6th {
	background-color:#93cb5b
}
.content-6th .column {
	max-width:600px;
	margin:0 auto;
	display:table
}
@media screen and (max-width: 899px) {
.content-6th .column {
margin:10px
}
}


.goto-top {
	text-align:center
}
@media screen and (min-width: 900px) {
.goto-top {
margin-top:80px
}
}
@media screen and (max-width: 899px) {
.goto-top {
margin-top:0
}
.goto-top img {
width:27px
}
}