*{padding: 0;}
body{color:#fff;background:#0a2c66 url(../images/bg.jpg) 0 0 no-repeat;background-position:top center;background-attachment:inherit;text-align:center}
.container{width:1200px;margin:0 auto}
.logo{position:absolute;left:0;width:100%;text-align:center}
.logo img{width:180px}
.menu{position:absolute;width:100%;left:0;top:1150px;z-index:99;list-style: none;margin-bottom: 50px;}
.menu li{display:inline-block}
.menu li:first-child{margin:0 40px 0 0}
.menu li:last-child{margin:0 0 0 40px}
.menu li a img{max-width: 100%;}
.download{position:absolute;width:100%;left:0;top:600px;z-index:99999}
.download li{display:inline-block;margin:0 5px}
.text-taigame{position: absolute;width: 100%;left: 0;top:960px ;}
.text-taigame img{max-width: 100%;}
.slider-home{position:absolute;width:100%;text-align:center;left:0;top:190px;z-index:99}
.slider-home .owl-theme .owl-controls .owl-buttons div{margin:0;padding:0;border-radius:0;opacity:1}
.slider-home .owl-prev{background:url(../images/arrow-left.png) no-repeat 0 bottom!important;height:85px;width:51px;margin:0;top:50%;transform:translate(0,-50%);position:absolute;left:5%;display:inline-block;text-indent:-9999px}
.slider-home .owl-next{background:url(../images/arrow-right.png) no-repeat!important;height:85px;width:51px;top:50%;transform:translate(0,-50%);position:absolute;right:5%;margin:0;display:inline-block;text-indent:-9999px}
.slider-home .owl-theme .owl-controls{margin:-70px 0 0 0;}
.slider-home .text-image img{display: block;margin: -100px auto 20px;max-width: 100%;}
.table{position:absolute;width:100%;left:0;top:1020px;text-align:center}
.otp{position:absolute;width:100%;left:0;top:930px;margin-bottom: 300px;}
.otp li{display:inline-block;margin:0 5px}
.text-logo li.bannermix{clear:both;display:block}
.text-logo li.bannermix img{max-width:80%;width:auto}
.text-logo{position:absolute;width:100%;left:0;top:295px;z-index:99999;list-style: none;}
.text-logo .downloadotp a{clear: both;display: block;text-align: center;text-decoration: underline;font-weight: bold;font-size: 20px;color: #1f007d;}
.slider-tutorial{position:absolute;width:100%;text-align:center;left:0;top:750px;z-index:99}
.slider-tutorial .owl-theme .owl-controls .owl-buttons div{margin:0;padding:0;border-radius:0;opacity:1}
.slider-tutorial .owl-prev{background:url(../images/arrow-left.png) no-repeat 0 bottom!important;height:85px;width:51px;margin:0;top:50%;transform:translate(0,-50%);position:absolute;left:25%;display:inline-block;text-indent:-9999px}
.slider-tutorial .owl-next{background:url(../images/arrow-right.png) no-repeat!important;height:85px;width:51px;top:50%;transform:translate(0,-50%);position:absolute;right:25%;margin:0;display:inline-block;text-indent:-9999px}
.slider-tutorial .owl-theme .owl-controls{margin:0}
.slider-tutorial img.taigame-text{display: block;margin: 0 auto;text-align: center;max-width: 99%;}
.btn-taigame{display:block;width:293px;height:88px;position:fixed;bottom:20px;right:20px;z-index:1000;}

.footer{width: 100%;min-height: 300px;text-align: center;clear: both;top:1900px;position: absolute;font-family: Roboto, Arial, Sans-serif;background:rgba(0,0,0,0.25);margin: 0;padding: 0;}
.footer p{line-height: 300px;color: #957cb5;}
 #android-guide, #ios-guide {
   display: none;
 }
 #ios, #android, #desktop, #windows, #taigameandroid, #taigameios {
   display: none;
 }
@media only screen and (max-width: 411px) {
.logo img{width: 360px;}
	.slider-home .text-image img{margin: -50px auto 20px;}
.menu{top:545px}
.menu li img{width:120px}
.menu li:first-child{margin:0 10px 0 0}
.menu li:last-child{margin:0 0 0 10px}
.download{top:350px}
.download li{margin:2px}
.download li img{width:168px}
.slider-home{top:70px;width: 100%;}
.slider-home .owl-theme .owl-controls .owl-buttons{display:none}
.slider-home .item img{width:104%}
.table img{width:100%}
.otp{top:510px;z-index:99}
.otp li{display:inline-block;margin:5px}
.otp li img{width:168px}
.text-logo{top:185px;}
.text-taigame{top:530px;}
.text-taigame img{max-width: 90%;}

.slider-tutorial{top:575px;width: 100%;}
.slider-tutorial .owl-theme .owl-controls .owl-buttons{display:none}
.slider-tutorial .item img{width:50%}
.table{top:590px}
.table img{width:80%}
.footer{top: 1200px;}
}
@media only screen and (max-width: 320px) {
.download {top: 340px;}
.menu {top: 480px;}
.menu li:first-child{margin:0 10px 0 0}
.menu li:last-child{margin:0 0 0 10px}
.menu li img {width: 110px;}
.download li img{width:150px}
.slider-tutorial{top:450px;width: 100%;}
.table{top:560px}
.table img{width:80%}
.otp{top:480px;z-index:99}
.otp li img{width:145px}
	.text-taigame{top: 480px;}
.slider-home{top: 100px;}
.footer{top: 1100px;}
}
@media only screen and (min-width: 411px) and (max-width: 768px) {
	.slider-home .text-image img{margin: -40px auto 20px;}
.download{top:450px;}
.download li{margin:2px}
.download li img{width:180px}
.slider-home{top:70px;}
.slider-home .owl-theme .owl-controls .owl-buttons{display:none}
.slider-home .item img{width:104%}
.table{top:720px}
.table img{width:100%}
.otp{top:640px;z-index:99}
.otp li{display:inline-block;margin:0px}
.otp li img{max-width:90%;}
.footer{top: 1520px;}
.slider-tutorial{top:600px;}
.slider-tutorial .owl-theme .owl-controls .owl-buttons{display:none}
.slider-tutorial .item img{width:70%}
.menu li a img{width: 130px;}
.logo img{width: 150px;}
.menu{top:600px;}
.menu li:first-child{margin:0 10px 0 0}
.menu li:last-child{margin:0 0 0 10px}
.text-taigame{top:620px;}
.text-taigame img{max-width: 90%;}

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.slider-home .text-image img{margin: -100px auto 20px;}
.download{top:690px;}
.download li{margin:2px}
.download li img{width:290px}
.slider-home{top:200px;}
.slider-home .owl-theme .owl-controls .owl-buttons{display:none}
.slider-home .item img{width:80%}
.table{top:720px}
.table img{width:100%}
.otp{top:640px;z-index:99}
.otp li{display:inline-block;margin:0px}
.otp li img{max-width:90%;}
.footer{top: 1520px;}
.slider-tutorial{top:1020px;}
.slider-tutorial .owl-theme .owl-controls .owl-buttons{display:none}
.slider-tutorial .item img{width:70%}
.menu li a img{width: 220px;}
.logo img{width: 150px;}
.menu{top:1030px;}
.menu li:first-child{margin:0 30px 0 0}
.menu li:last-child{margin:0 0 0 30px}
.text-taigame{top:920px;}
.text-taigame img{max-width:90%;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.slider-home .item img{width:70%}
}