@media only screen and (max-width: 1023px) {
	body {
		background-image: url('../_img/767/bg-767.jpg');
	}
	.wrap1 {
		background: url("../_img/767/bg-767-2.jpg") no-repeat top center;
	}
	.wrap2 {
		background: url("../_img/767/bg-767-3.jpg") no-repeat top center;
	}
	main{
		height:auto;
	}
	main .inner {
		max-width:100%;
	}
	.container{
		display: block;
		margin: 0 auto !important;
	}
	.qr{
		display:none;
	}
	.page-logo {
		margin-bottom: -50px;
	}
	.marketing-message{
		background: url("../_img/767/text.png") no-repeat top center;
		width:365px;
		height:208px;
		padding: 66px 30px 66px 40px;
		margin:0 auto;
	}
	.snow{
		height:100%;
	}
	.left-container{
		width:460px;
		height: 592px;
	}
	.prizes {
		left:0;
		right:0;
		margin: 0 auto;
		top: 335px;
	}
	.right-container {
		width: 100%;
		padding:0px;
	}
	.tab-nav {
		display: block;
		background-color: rgba(0, 0, 0, .7);
		width:100%;
		text-align:center;
		margin: 0;
		position: fixed;
		bottom: 0;
		z-index: 1;	
		padding: 10px 10px 0px;
	}
	.tab{
		display:inline-block;
		background-size: contain!important;
		background-repeat:no-repeat;
		width: 50px;
		height: 62px;
		padding-top: 26px;
		vertical-align: top;
		margin: 0px 10px;
	}
	.tab img{
		width:22px;
	}
	.buttons{
		display:none;
	}
	.tab-container {
		margin: 10px;
	}
	.tab5{
		display:inline-block;
		border:none;
		padding: 0px;
		width:50px;
		height:50px;
		margin: 12px 10px;
	}
}
@media only screen and (max-width: 767px) {
	.fbanner{
		display:none;
	}
}
@media only screen and (max-width: 479px) { 
	.page-logo {
		height: 188px;
	}
	.page-logo img {
		width:150px;
	}
	.left-container {
		width: 100%;
		height: 467px;
	}
	.tab-container {
		background-size: contain!important;
		width: 300px;
		height: 404px;
	}
	.marketing-message {
		background-size: contain!important;
		width: 300px;
		height:171px;
		padding: 50px 25px 48px 29px;
	}
	body.th .marketing-message ,
	body.id .marketing-message {
		width: 318px;
		height:181px;
		padding: 50px 25px 48px 33px;
	}
	.marketing-message span{
		font-size:11px;
	}
	.marketing-message span .promo-date {
		font-size: 10px;
	}
	body.th .marketing-message span .promo-date ,
	body.id .marketing-message span .promo-date {
		margin-top: 4px;
	}
	.prizes {
		top: 301px;
		width: 290px;
	}
	.tab-container{
		padding:15px;
		font-size:10px;
	}
	.tab-title{
		font-size:11px;
		margin-bottom:30px;
	}
	.htw{
		font-size:11px;
	}
	.sub-menu-title{
		font-size:11px;
	}
	.sub-menu-wrap{
		margin-bottom:8px;
	}
	.sub-menu{
		width:83px;
		height:21px;
		font-size:10px;
		padding-top:6px;
	}
	.tab4-content .sub-menu {
		width: 117px;
	}
	.scroll-pane,
	.tab2-content .scroll-pane{
		width:99% !important;
		height:315px;
	}
	.jspVerticalBar{
		width:7px;
	}
	.tab1-content .scroll-pane,
	.tab4-content .scroll-pane{
		height:282px;
	}
	.tab4-content img{
		width:170px;
	}
	.games-wrapper{
		width:90%;
		margin:0 auto;
	}
	.games-wrapper div{
		margin:10px 7px 34px;
	}
	.tab{
		width:35px;
		height:43px;
		padding-top:18px;
	}
	.tab2{
		padding-top:15px;
	}
	.tab img {
		width: 16px;
	}
	.tab5 {
		margin: 7px 10px;
	}
}