@charset "utf-8";
/* CSS Document */
html {overflow: -moz-scrollbars-vertical;overflow-y: scroll;overflow-x:auto;}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
p{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; line-height:100%;}
a{ text-decoration:none; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; transition:all .2s ease-in; cursor:pointer;}
body{ margin:0px; padding:0px; background:#000; font-family: 'Open Sans', sans-serif, Arial;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

.clear{ clear:both;}

.inner{ width: 1000px; margin: 0px auto;}
@media (max-width: 1051px) {
	.inner{ width:auto; padding:0px 20px;}
}

.center{ text-align:center;}

.text{ font-size:21px; font-weight:700; color:#fff;}
.text h1{ font-size:26px; font-weight:700; color:#ffc80b; line-height:120%; margin-bottom:20px;}
@media (max-width: 1199px) {
	.text{ font-size:18px;}
	.text h1{ font-size:24px;}
}
@media (max-width: 991px) {
	.text{ font-size:17px;}
	.text h1{ font-size:21px;}
}
@media (max-width: 767px) {
	.text{ font-size:16px; font-weight:400;}
	.text h1{ font-size:18px; margin-bottom:10px;}
}
@media (max-width: 481px) {
	.text{ font-size:14px;}
	.text h1{ font-size:16px;}
}

header{ background:url(../images/body_bg.jpg) no-repeat bottom center #000;}
header .photo{ padding:20px 0px;}
header .slogan{ font-size:30px; font-weight:700; color:#efeada;}
header .separator{ height:61px; padding:30px 0px; background:url(../images/arrow_1.png) no-repeat center center;}
header .button a{ display:inline-block; width:300px; height:75px; line-height:75px; background:url(../images/button_bg.png) no-repeat; background-size:300px 75px; text-align:center; font-size:26px; font-weight:700; color:#ffc80b;}
header .button a:hover{ color:#fff;}
header .text{ padding:60px 0px;}
@media (max-width: 1199px) {
	header .photo img{ width:90%;}
	header .slogan{ font-size:28px;}
	header .separator{ height:50px; padding:20px 0px; background-size:auto 50px;}
	header .button a{ width:280px; height:70px; line-height:70px; background-size:280px 70px; font-size:24px;}
}
@media (max-width: 991px) {
	header .slogan{ font-size:24px;}
	header .separator{ height:40px; background-size:auto 40px;}
	header .button a{ width:240px; height:60px; line-height:60px; background-size:240px 60px; font-size:21px;}
}
@media (max-width: 767px) {
	header .slogan{ font-size:21px;}
	header .separator{ height:30px; padding:15px 0px; background-size:auto 30px;}
	header .button a{ width:200px; height:50px; line-height:50px; background-size:200px 50px; font-size:18px;}
}
@media (max-width: 481px) {
	header .slogan{ font-size:18px;}
	header .separator{ height:20px; padding:10px 0px; background-size:auto 20px;}
	header .button a{ width:160px; height:40px; line-height:40px; background-size:160px 40px; font-size:16px;}
}

.video-content .left, .video-content .right{ width:50%; float:left; position:relative;}
.video-content .photo{ opacity:0.50; filter:alpha(opacity=50); -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; transition:all .2s ease-in;}
.video-content .photo img{ display:block; width:100%;}
.video-content a:hover .photo{ opacity:0.75; filter:alpha(opacity=75);}
.video-content .play{ width:60px; height:60px; padding:20px; background:rgba(0, 0, 0, 0.5); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}
.video-content .play img{ display:block; width:100%;}
@media (max-width: 1199px) {
	.video-content .play{ width:50px; height:50px; padding:15px; margin-left:-40px; margin-top:-40px;}
}
@media (max-width: 991px) {
	.text{ font-size:17px;}
	.text h1{ font-size:21px;}
	.video-content .play{ width:40px; height:40px; padding:15px; margin-left:-35px; margin-top:-35px;}
}
@media (max-width: 767px) {
	.text{ font-size:16px; font-weight:400;}
	.text h1{ font-size:18px; margin-bottom:10px;}
	.video-content .play{ width:30px; height:30px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-left:-25px; margin-top:-25px;}
}
@media (max-width: 481px) {
	.text{ font-size:14px;}
	.text h1{ font-size:16px;}
	.video-content .play{ width:20px; height:20px; margin-left:-20px; margin-top:-20px;}
}

.container{ background:url(../images/body_bg.jpg) no-repeat bottom center #000;}

.warrior-text-content{ padding:60px 0px;}
@media (max-width: 991px) {
	.warrior-text-content{ padding:40px 0px;}
}
@media (max-width: 767px) {
	.warrior-text-content{ padding:20px 0px;}
}

.tab-menu{ padding:0px 15%; margin-bottom:20px;}
.tab-menu ul li{ display:inline-block; width:22%; margin:0px 5%; vertical-align:top;}
.tab-menu ul li a{ display:block; opacity:0.25; filter:alpha(opacity=25);}
.tab-menu ul li a.active{ opacity:1; filter:alpha(opacity=100);}
.tab-menu ul li .photo img{ width:100%;}
.tab-menu ul li .name{ font-size:21px; font-weight:700; color:#ffc80b; padding-bottom:30px;}
.tab-menu ul li a.active .name{ background:url(../images/arrow_3.png) no-repeat bottom center;}
.tab-content{ display:none;}
@media (max-width: 1199px) {
	.tab-menu{ padding:0px 10%; margin-bottom:10px;}
	.tab-menu ul li{ width:24%; margin:0px 4%;}
	.tab-menu ul li .name{ font-size:18px; padding-bottom:25px;}
}
@media (max-width: 991px) {
	.tab-menu ul li{ width:28%; margin:0px 2%;}
	.tab-menu ul li .name{ font-size:17px;}
}
@media (max-width: 767px) {
	.tab-menu ul li .name{ font-size:14px;}
}
@media (max-width: 481px) {
	.tab-menu{ padding:0px 5%;}
	.tab-menu ul li{ width:30%; margin:0px 1%;}
	.tab-menu ul li .name{ font-size:12px;}
}

.warriors-detail{ padding:0px 15%;}
.warriors-detail section{ padding:50px 100px; position:relative;}
.warriors-detail .info{ width:100px; position:absolute; top:0px; left:50%; margin-left:-50px;}
.warriors-detail .info .icon img{ display:block; width:100%;}
.warriors-detail .info .name{ font-size:18px; font-weight:700; color:#f4e4ad; margin-top:-10px; text-align:center;}
.warriors-detail .list{ margin-bottom:40px;}
.warriors-detail .list ul li{ display:inline-block; width:25%;}
.warriors-detail .list ul li .photo{ margin-bottom:10px;}
.warriors-detail .list ul li .photo img{ display:block; width:100%;}
.warriors-detail .list ul li .name{ font-size:13px; font-weight:700; color:#fff;}
.warriors-detail .text{ font-size:17px; font-weight:400;}
.warriors-detail .text h1{ font-size:24px;}
.knights-content section{ background:url(../images/knights_bg.jpg) no-repeat top center; background-size:cover;}
.samurai-content section{ background:url(../images/samurai_bg.jpg) no-repeat top center; background-size:cover;}
.vikings-content section{ background:url(../images/vikings_bg.jpg) no-repeat top center; background-size:cover;}
@media (max-width: 1367px) {
	.warriors-detail{ padding:0px 10%;}
}
@media (max-width: 1199px) {
	.warriors-detail section{ padding:40px 60px 30px 60px;}
	.warriors-detail .info{ width:80px; margin-left:-40px;}
	.warriors-detail .info .name{ font-size:16px; margin-top:-5px;}
	.warriors-detail .text{ font-size:16px;}
	.warriors-detail .text h1{ font-size:21px;}
}
@media (max-width: 991px) {
	.warriors-detail{ padding:0px 5%;}
	.warriors-detail section{ padding:40px 40px 20px 40px;}
	.warriors-detail .text{ font-size:15px;}
	.warriors-detail .text h1{ font-size:18px;}
	.warriors-detail .list ul li .name{ font-size:12px;}
}
@media (max-width: 767px) {
	.warriors-detail section{ padding:40px 30px 20px 30px;}
	.warriors-detail .info{ width:60px; margin-left:-30px;}
	.warriors-detail .info .name{ font-size:13px; font-weight:400;}
	.warriors-detail .list ul li{ width:50%;}
	.warriors-detail .text{ font-size:14px;}
}
@media (max-width: 481px) {
	.warriors-detail section{ padding:40px 20px 20px 20px;}
	.warriors-detail .text{ font-size:13px;}
	.warriors-detail .text h1{ font-size:16px;}
}

.helmet-content{ padding:720px 0px 0px 0px; background:url(../images/helmet.png) no-repeat top center;}
@media (max-width: 991px) {
	.helmet-content{ padding:520px 0px 0px 0px; background-size:600px auto;}
}
@media (max-width: 767px) {
	.helmet-content{ padding:420px 0px 0px 0px; background-size:480px auto;}
}
@media (max-width: 481px) {
	.helmet-content{ padding:310px 0px 0px 0px; background-size:360px auto;}
}

.gallery{ padding:80px 10%;}
.gallery ul li{ display:inline-block; width:23%; margin:0px 1%; position:relative;}
.gallery ul li .photo{ -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; transition:all .2s ease-in;}
.gallery ul li .photo img{ display:block; width:100%;}
.gallery ul li .photo:hover{ opacity:0.75; filter:alpha(opacity=75);}
.gallery ul li .zoom{ width:30px; height:30px; padding:15px; background:rgba(0, 0, 0, 0.5); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}
.gallery ul li .zoom img{ display:block; width:100%;}
@media (max-width: 1199px) {
	.gallery{ padding:60px 8%;}
}
@media (max-width: 991px) {
	.gallery{ padding:40px 5%;}
	.gallery ul li .zoom{ width:20px; height:20px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-left:-20px; margin-top:-20px;}
}
@media (max-width: 767px) {
	.gallery{ padding:30px 10%;}
	.gallery ul li{ width:48%; margin:0px 1%; margin-bottom:2%;}
}
@media (max-width: 481px) {
	.gallery{ padding:20px 5%;}
	.gallery ul li .zoom{ width:14px; height:14px; padding:8px; margin-left:-15px; margin-top:-15px;}
}

.info-text-content .item{ margin-bottom:40px;}
.info-text-content .item:last-child{ margin-bottom:0px;}
@media (max-width: 767px) {
	.info-text-content .item{ margin-bottom:20px;}
}

.packshots{ padding:80px 0px;}
.packshots ul li{ display:inline-block; margin:0px 40px;}
.packshots ul li a{ display:block;}
.packshots ul li .photo{ margin-bottom:10px;}
.packshots ul li .name{ font-size:17px; color:#f4e4ad; margin-bottom:20px;}
.packshots ul li .price{ font-size:21px; font-weight:700; color:#ffc80b; margin-bottom:20px;}
.packshots ul li .price span{ display:block; font-size:18px; font-weight:400; color:#fff; text-decoration:line-through;}
.packshots ul li .button{ display:inline-block; width:180px; height:45px; line-height:45px; background:url(../images/button_bg.png) no-repeat; background-size:180px 45px; text-align:center; font-size:14px; font-weight:700; color:#ffc80b; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; transition:all .2s ease-in;}
.packshots ul li:hover .button{ color:#fff;}
@media (max-width: 1199px) {
	.packshots ul li{ margin:0px 20px;}
	.packshots ul li .photo img{ width:150px;}
}
@media (max-width: 767px) {
	.packshots ul li{ width:40%; margin:0px 5%;}
	.packshots ul li .photo img{ width:75%;}
	.packshots ul li .name{ font-size:16px; margin-bottom:10px;}
	.packshots ul li .price{ font-size:18px; margin-bottom:10px;}
	.packshots ul li .price span{ font-size:15px;}
	.packshots ul li .button{ width:160px; height:40px; line-height:40px; background-size:160px 40px; font-size:13px;}
}
@media (max-width: 481px) {	
	.packshots ul li{ width:42%; margin:0px 4%;}
	.packshots ul li .name{ font-size:14px;}
	.packshots ul li .price{ font-size:16px;}
	.packshots ul li .price span{ font-size:13px;}
	.packshots ul li .button{ width:100px; height:25px; line-height:25px; background-size:100px 25px; font-size:12px;}
}

footer .footer-top{ height:16px; background:url(../images/footer_bg.png) no-repeat center center;}
footer .footer-bottom{ background:#17171a; padding:6px 20px 10px 20px;}
footer .footer-bottom .inner{ position:relative;}
footer ul li{ display:inline-block; margin:0px 20px;}
footer ul li.left{ position:absolute; left:20px; top:0px;}
footer ul li.right{position:absolute; right:20px; top:0px;}
@media (max-width: 1199px) {
	footer img{ height:40px;}
}
@media (max-width: 991px) {
	footer img{ height:32px;}
}
@media (max-width: 767px) {
	footer ul li{ margin:5px 10px;}
	footer ul li.left{ position:relative; left:auto; top:auto;}
	footer ul li.right{position:relative; right:auto; top:auto;}
	footer img{ height:25px;}
}

.topofpage{ display:none; width:40px; padding:10px; background:#8e6d27; position:fixed; bottom:20px; right:10px; z-index:990; cursor:pointer; -moz-transition:background .2s ease-in; -webkit-transition:background .2s ease-in; transition:background .2s ease-in;}
.topofpage img{ display:block; width:100%;}
.topofpage:hover{ background:#ffc80b;}
@media (max-width: 767px) {
	.topofpage{ width:30px; padding:10px; bottom:10px;}
}

.aralgame{ position:fixed; left:10px; top:10px; z-index:990;}
.aralgame a{ display:block; height:48px; line-height:48px; padding-left:20px; font-size:18px; font-weight:700; color:#ffc80b; background:url(../images/home_arrow.png) no-repeat left center; background-size:auto 48px; cursor:pointer; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; transition:all .2s ease-in;}
.aralgame a:hover{ color:#fff;}
@media (max-width: 1199px) {
	.aralgame{ left:0px; top:0px;}
	.aralgame a{ height:40px; line-height:40px; padding:0px 10px 0px 25px; font-size:15px; background:url(../images/home_arrow.png) no-repeat left 5px center #1e1e21; background-size:auto 40px;}
}
@media (max-width: 767px) {
	.aralgame a{ height:32px; line-height:32px; padding:0px 10px 0px 20px; font-size:12px; background-size:auto 32px;}
}