@charset "UTF-8";
/**
 * 
 * @authors Mina
 */

body {
	overflow-x: hidden;
	border: medium none;
    margin: 0 auto;
    padding: 0;
    outline: none;
    font-family: 'Arial';
    /* width: 100%;
    max-width: 1920px;
    min-width: 1000px; */
    height: 1620px;
    background: #000 url('https://web-static.5xgames.com/production/sea-aws-seiya/yuyue/static/en/images/apk_bg.jpg?ver=20190702') top center no-repeat;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.move {
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

/* ----- Scrollbar -----*/

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow:0px 0px 0px #000;
    background-color: rgba(0, 0, 0, 0);
}
.scrollbar::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 998;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(114, 18, 18, 1);
}

/* ----- Main -----*/

#main {
    overflow: hidden;
    width: 1000px;
	margin: 0 auto;
}

#top {
	position: relative;
	height: 674px;
}

#main img {
	position: absolute;
}

.fb {
	left: 25px;
	top: 25px;
	cursor: pointer;
    display: none;
}

.logo {
	right: 16px;
    top: 14px;
    width: 377px;
}

#btns {
	position: relative;
	height: 220px;
}

.icon {
	left: 118px;
    top: 68px;
}

.apk {
	left: 302px;
	top: 145px;
	cursor: pointer;
}

.google {
	left: 638px;
    top: 72px;
	cursor: pointer;
}

.ios {
	left: 638px;
    top: 136px;
	cursor: pointer;
}

.apk_video {
    left: 604px;
    top: 76px;
    cursor: pointer;
}

.apk:hover, .apk_video:hover {
    filter: brightness(1.2);
}

#pics {
	height: 680px;
	position: relative;
}

.owlpic_box {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	top: 78px;
    cursor: pointer;
	pointer-events: auto;
}

#owlpic {
	width: 98%;
	position: relative;
    margin: 0 auto;
    right: 0;
    left: 0;
/*     top: 50%;
    transform: translate(0,-50%); */
}

#owlpic .owlpics img {
	border: 1px solid #dcc774;
	margin: 0 auto;
}

#dots {
	position: relative;
    top: 26px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 140px;
    pointer-events: none;
}

.owl-dot {
	float: left;
	width: 28px;
 	height: 27px;
 	opacity: 0.8;
    pointer-events: none;
}

.owl-dot:hover {
	filter: brightness(1.2);
	opacity: 1;
}

.owl-dot.active span {
	background: url('https://web-static.5xgames.com/production/sea-aws-seiya/yuyue/static/en/images/owl/dot1.png') top center no-repeat;
	background-size: contain;
}

.owl-dot span {
 	width: 28px;
 	height: 27px;
 	background: url('https://web-static.5xgames.com/production/sea-aws-seiya/yuyue/static/en/images/owl/dot2.png') top center no-repeat;
 	background-size: contain;
 	position: absolute;
 	top: 0;
}

.owl-carousel .owl-stage-outer {
	height: 530px;
}

button {
	margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background: none;
    text-align: inherit;
    pointer-events: none;
}