.desk {
	display: block !important;
}
.mobi, .mobi-768, .mobi-320 {
	display: none !important;
}
.popup{
	    text-decoration: underline;
	    color: #af0000;
	    cursor: pointer;
	}

body.week4 .popup{
	text-decoration: underline;
	color: #ffe000;
	cursor: pointer;
}
/* responsive */
@media only screen and (max-width: 1200px) {
	.content-left {
		width: 470px;
	}
	.popup{
	    text-decoration: underline;
	    color: #af0000;
	    cursor: pointer;
	}
	body.week3 .popup{
		color: #ffe000 !important;
	}
	body.week4 .popup{
		color: #ffe000 !important;
	}

}
@media only screen and (max-width: 1023px) {
	.desk {
		display: none !important;
	}
	.mobi, .mobi-768 {
		display: inline-block !important;
	    position: absolute;
	    top: 26px;
	}
	.bottom-links {
		display: none !important;
	}
	.color-wh #popup-mobi{
		color: #ffe000 !important;
	}
	body.week1 {
	    background: url('../_img/background-780.jpg') no-repeat center 40px  #88d8f3;
	    height: 1295px;
	}
	body.week2 {
	    background: url('../_img/background-780.jpg') no-repeat center 40px  #88d8f3;
	    height: 1295px;
	}
	body.week3 {
	    background: url('../_img/background-780-wk3.jpg') no-repeat center 40px  black;
	    height: 1295px;
	}
	body.week4 {
	    background: url('../_img/background-780-wk3.jpg') no-repeat center 40px  black;
	    height: 1295px;
	}
	.popup{
	    text-decoration: underline;
	    color: #af0000;
	    cursor: pointer;
	}
	body.week3 .popup{
		color: #ffe000 !important;
	}
	body.week4 .popup{
		color: #ffe000 !important;
	}
	/*body.week2 {
	    background: url('../_img/bg-main-0-768-week1.jpg') no-repeat center top  #000;
	}
	body.week3 {
	    background: url('../_img/bg-main-0-768-week3.jpg') no-repeat center top  #000;
	}
	body.week4 {
	    background: url('../_img/bg-main-0-768-week4.jpg') no-repeat center top  #000;
	}*/
	.content {
		margin: 0px auto 0;
		height: auto;
	}
	.content-left, .content-right {
		display: block;
		margin: 0 auto;
		max-width: 600px;
		width: 100%;
	}
	.content-left {
		padding: 0;
	}
	.content-right {
		margin-bottom: 100px;
		margin-top: 127px;
	}
	.banner {
		height: 350px;
		margin-top: 25px;
		margin-bottom: 0;
		margin-right: auto;
	}
	.logo {
		max-width: 210px;
		height: 90px;
		margin: 0 auto 10px;
	}
	.banner h2 {
		margin: 0 auto 10px;
		font-size: 13px;
	}
	.float-temple {
		width: 161px;
		height: 115px;
	}
	.float-temple.act {
		top: -14px;
	    left: 5px;
	}
	@-webkit-keyframes sway {
	    0% {
	        top: -14px;
	        left: 5px;
	    }
	    25% {
	        top: -16px;
	        left: 7px;
	    }
	    50% {
	        top: -12px;
	        left: 4px;
	    }
	    75% {
	        top: -15px;
	        left: 6px;
	    }
	    100% {
	        top: -14px;
	        left: 5px;
	    }
	}
	@keyframes sway {
	   	0% {
	        top: -14px;
	        left: 5px;
	    }
	    25% {
	        top: -16px;
	        left: 7px;
	    }
	    50% {
	        top: -12px;
	        left: 4px;
	    }
	    75% {
	        top: -15px;
	        left: 6px;
	    }
	    100% {
	        top: -14px;
	        left: 5px;
	    }
	}
	.prizes {
		width: 182px;
		height: 129px;
	}
	.qr {
		display: none !important;
	}
	.tabs {
		position: fixed;
		width: 100%;
		top: auto;
		bottom: 0;
		left: 0;
		z-index: 10;
		text-align: center;
		padding: 10px 0 20px;
		background: rgb(0 0 0 / 87%);
	}
	.tab {
		display: inline-block;
		margin: 0 1%;
	}
	.tab > span {
		width: 100%;
		text-align: center;
	}
	.tpl-header8>.tpl-inner {
		text-align: center;
	}
	.tpl-header8 .tpl-box.tpl-logo-wrap {
		width: 145px;
	}
	.tpl-header8 .tpl-box.tpl-download-faq {
		width: 80px;
	    float: right;
	    margin-right: 20px;
	}
	.tpl-back-btn.tpl-box {
		width: 80px;
	}
	.tpl-hamburger {
		display: none;
	}
	#tpl-back-button {
		top: -2px !important;
	}
	.tpl-footer {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.content {
		overflow-x: hidden;
	}
	.popup{
	    text-decoration: underline;
	    color: #af0000;
	    cursor: pointer;
	}
	body.week3 .popup{
		color: #ffe000 !important;
	}
	body.week4 .popup{
		color: #ffe000 !important;
	}
}

@media only screen and (max-width: 599px) {
	.banner h2 {
		font-size: 13px;
	}
	.float-temple.act {
		top: -30px;
	    left: -10px;
	}
	@-webkit-keyframes sway {
	    0% {
	        top: -30px;
	    	left: -10px;
	    }
	    25% {
	        top: -32px;
	        left: -12px;
	    }
	    50% {
	        top: -28px;
	        left: -8px;
	    }
	    75% {
	        top: -31px;
	        left: -11px;
	    }
	    100% {
	        top: -30px;
	    left: -10px;
	    }
	}
	@keyframes sway {
	   	0% {
	        top: -30px;
	    	left: -10px;
	    }
	    25% {
	        top: -32px;
	        left: -12px;
	    }
	    50% {
	        top: -28px;
	        left: -8px;
	    }
	    75% {
	        top: -31px;
	        left: -11px;
	    }
	    100% {
	        top: -30px;
	    left: -10px;
	    }
	}
	.tab {
		margin: 0;
	}
	.lbox {
		/*background: none;*/
		height: 60%;
	}

	.close {
		top: -10px;
	}
	.content-left, .content-right {
		max-width: 480px;
	}
	.overlay {
		z-index: 20;
	}
	.lbox {
		margin-top: 75px;
	}
	.tpl-header8 .tpl-box.tpl-logo-wrap {
		width: 145px;;
	}
	.popup{
	    text-decoration: underline;
	    color: #af0000;
	    cursor: pointer;
	}
	body.week3 .popup{
		color: #ffe000 !important;
	}
	body.week4 .popup{
		color: #ffe000 !important;
	}
	
}
@media only screen and (max-width: 479px) {
	.mobi {
	    display: inline-block !important;
	    position: absolute;
	    top: 44px;
	}
	body.week3 {
	    background: url(../_img/background-480-wk3.jpg) no-repeat center -117px black;
    	height: 996px !important;
	}
	body.week4 {
	    background: url(../_img/background-480-wk3.jpg) no-repeat center -117px black;
    	height: 996px !important;
	}
	.color-wh p{
	    color: white !important;
	    text-shadow: none !important;
	}
	body.week3.vn .font-size-12{
		font-size: 12px;
	}
	body.week4.vn .font-size-12{
		font-size: 12px;
	}
	body.week3.kr .font-size-12{
		font-size: 9px;
	}
	body.week4.kr .font-size-12{
		font-size: 9px;
	}
	body.week3 .box{
		padding: 35px 20px !important;
	}
	body.week4 .box{
		padding: 35px 20px !important;
	}
	.b-t-s-wk3{
	    color: white !important;
	    text-shadow: none !important;
	}
	.mobi img{
	    width: 27px;
	}
	.content-right {
    	margin-bottom: 0px;
    }
	.tabm-4a-prize > img {
		max-height: 150px;
	}
	body {
		font-size: 12px;	
	}
	.wk3.box{
		padding: 35px 20px;
	}
	.wk4.box{
		padding: 35px 20px;
	}
	body, body:before, body:after {
	    background-size: 581px auto !important;
    	height: 840px !important;
	}
	body.week3 .tab-main-content.act, body.week3 .tab-leader-content.act{
		top: -12px !important;
	}
	body.week4 .tab-main-content.act, body.week4 .tab-leader-content.act{
		top: -12px !important;
	}
	/*.icons-wk3{
		width: 115% !important;
    	margin: -17px -18px !important;
	}*/
	.color-wh #popup-mobi{
		color: #ffe000 !important;
	}
	.mobi-768 {
		display: none !important;
	}
	.mobi-320 {
		display: block !important;
	}
	.content-left, .content-right {
		max-width: 320px;
	}
	.content-right {
		margin-top: 0px;
	}
	.prize-wk3{
		width: 54px !important;
	}
	.prize-wk4{
		width: 54px !important;
	}
	.logo {
		max-width: 115px;
		height: 45px;
	}
	.banner {
		height: 250px;
		padding: 0 10px;
	}
	.banner h2 {
		font-size: 11px;
		color: #4d1d08;
		text-shadow: -1px 1px 1px #a74d25;
	}
	.banner p {
		color: #4d1d08;
	}
	.float-temple {
		width: 111px;
		height: 80px;
	}
	.prizes {
		width: 150px;
		height: 106px;
	}
	.tab {
		width: 40px;
		height: 40px;
	}
	.tab > span {
		font-size: 10px;
	}
	
	.tab-i-d4{
		width: 22px !important;
	    top: 2px !important;
	    left: 6px !important;
	    height: 25px !important;
	}
	.tab-i-d2{
		width: 25px !important;
	    top: 4px !important;
	    left: 4px !important;
	}
	.tab-i-d1{
		width: 25px !important;
	    top: 3px !important;
	    left: 4px !important;
	    height: 24px !important;
	}
	.tab-i-d3{
		width: 26px !important;
	    top: 1px !important;
	    left: 4px !important;
	}
	.tab-i-a1 {
	    position: absolute !important;
	    top: -3px !important;
	    left: -1px !important;
	    width: 35px !important;
	}
	.tab-i-a2 {
	    position: absolute !important;
	    top: -2px !important;
	    left: -1px !important;
	    width: 35px !important;
	}
	.tab-i-a3 {
	    position: absolute !important;
	    top: -6px !important;
	    left: -2px !important;
	    width: 38px !important;
	}
	.tab-i-a4 {
	    position: absolute !important;
	    top: -5px !important;
	    left: -2px !important;
	    width: 38px !important;
	    height: 39px;
	}
	.tab-wk3-2 .tab-i-d2{
		width: 25px !important;
	    top: 4px !important;
	    left: 4px !important;
	}

	.tab-wk3-2 .tab-i-a2{
	    position: absolute !important;
	    top: 0px !important;
	    left: -2px !important;
	    width: 38px !important;
	}

	.tab-wk3-3 .tab-i-d3{
	    width: 16px !important;
	    top: 3px !important;
	    left: 8px !important;
	}

	.tab-wk4-3 .tab-i-d3{
	    width: 25px !important;
	    top: 4px !important;
	    left: 3px !important;
	    height: 25px !important;
	}

	.tab-wk3-3 .tab-i-a3{
	    position: absolute !important;
	    top: -6px !important;
	    left: 0px !important;
	    width: 33px !important;
	}

	.tab-wk4-3 .tab-i-a3{
	    position: absolute !important;
	    top: -4px !important;
	    left: -4px !important;
	    width: 38px !important;
	    height: 41px;
	}

	.tab-wk3-4 .tab-i-d4{
	    width: 25px !important;
	    top: 4px !important;
	    left: 3px !important;
	    height: 25px !important;
	}

	.tab-wk4-4 .tab-i-d4{
	    width: 16px !important;
	    top: 3px !important;
	    left: 8px !important;
	}

	.tab-wk3-4 .tab-i-a4{
	    position: absolute !important;
	    top: -4px !important;
	    left: -4px !important;
	    width: 38px !important;
	    height: 41px;
	}

	.tab-wk4-4 .tab-i-a4{
	    position: absolute !important;
	    top: -6px !important;
	    left: 0px !important;
	    width: 33px !important;
	}
	.box {
		background: url('../_img/box-bg-1-320.png') no-repeat;
		background-size: contain;
		max-width: 320px;
		height: 540px;
		padding: 20px;
	}
	.hr-line {
		max-width: 320px;
	}
	.tabs-mini {
		margin: 0 auto 10px;
	}
	.tab-main-content4 h2{
		margin-bottom: 6px !important;
	}
	.tabm, .tab-leader {
		font-size: 9px;
		width: 32%;
	}
	.all_prizes img{
		width: 140px;
	}
	.tabm-4a-prize img{
		width: 110px;
    	margin-bottom: 6px;
	}
	.tabm-4a-prize{
		margin: -29px auto;
	}
	#sign-up-mobi{
		margin-top: 6px;
	}
	.tabm-content p{
		margin-top: 10px !important;
	}
	.tab-leader {
		width: 31%;
		height: 42px;
	}
	.tabm-link {
		font-size: 9px;
	}
	.tab-main-content h2 {
		font-size: 16px;
		margin-bottom: -13px;
	}
	.tab-main-content h3 {
		font-size: 13px;
		margin-top: -13px;
	}
	.tabs{
		padding: 40px 0 40px;
	}
	.hr-line {
		margin-bottom: 5px;
	}
	.btn-red{
		margin-top: 11px;
	}
/*	.tab-main-content p{
		margin-top: -11px;
	}*/
	.note{
		margin-top: 2px !important;
	}
	.tab-main-content3 h2{
		margin-bottom: -3px !important;
	}
	th, td {
		font-size: 9px;
	}
	table.table-leader td {
		font-size: 11px;
	}
	.navi {
		top: 30px;
	}
	.prev {
		left: -20px;
	}
	.next {
		right: -20px;
	}
	.scroll-pane {
		height: 390px;
	}
	.tab-main-content3 .scroll-pane {
		height: 340px;
	}
	.tabm-4a-prize {
		width: 180px;
		height: 180px;
	}
	.lbox .scroll-pane {
		height: 420px;
	}
	.btn {
		width: 150px;
	}
	.btn-blue {
		font-size: 13px;
	}
	a.icon {
		width: 63px;
		height: 63px;
		margin-bottom: 32px;
		margin: 5px 1px 32px 1px;
	}
	.icon-border-hov {
	    width: 60px;
	}
	.vn a.icon {
		margin: 26px 1px 20px 1px;
	}
	a.big {
		width: 65px;
	}
	a.icon > img.icon-ribbon {
	    top: -4px;
	    left: -6px;
	    max-width: 44px;
	    max-height: 44px;
	}
	a.icon > span {
		font-size: 8px;
    	bottom: -30px;
	}
	a.icon > span.gametype {
	    font-size: 8px;
	}
	.native a.icon {
	    width: 80px;
	    height: 80px;
	    margin: 5px 20px 45px 20px;
	}
	.native a.icon > span {
		font-size: 10px;
		bottom: -35px;
	}
	.note {
		font-size: 10px;
	}
	.lbox {
		background: url('../_img/box-bg-1-320.png') no-repeat;
		padding: 30px 10px;
		background-size: contain;
		max-width: 320px;
	}
	.lbox .top > h3 {
		font-size: 16px;
	}
	.lbox .accord > h3 {
		font-size: 14px;
	}
	.accord > ol, .accord > ul {
		width: 100%;
		padding-left: 20px;
	}
	.accord li {
		padding-left: 10px;
	}
	li {
		font-size: 12px;
	}
	.close {
		top: -10px;
	}
	.tpl-header {
	   padding-left: 0px;
	   padding-right: 0px;
	}

	.tpl-header7 .tpl-back-btn.tpl-box #tpl-back-button, .tpl-header8 .tpl-back-btn.tpl-box #tpl-back-button {
		top: 50px;
		left: 5px;
	}
	.tpl-header8 .tpl-box.tpl-download-faq {
		margin-right: 5px;
	}
	#tpl-back-button {
		top: 1px !important;
		display: block;
		width: 30px;
		left: 15px !important;
	}
	#tpl-back-button > img {
		width: 100%;
		height: auto;
	}
	.vn .icons{
		margin: -46px auto !important;
	}
	/*native*/
	.native a.icon > span {
	    font-size: 10px !important;
	    bottom: -68px !important;
	}
	.native .icon-border-hov {
	    width: 89px !important;
	}
	.sc .tab-main-content2 p{
		margin-top: -4px !important;
	}
	.sc .tab-main-content3 p{
		margin-top: 8px !important;
	}
	.sc .tab-main-content h3{
		margin-top: 0px !important;
	}
	.kr .m14 p{
		margin-top: 14px !important;
	}
	.kr .tabm-1a-content .note{
		margin-top: -13px !important;
	}
	.kr .tabm-1b-content .note{
		margin-top: -4px !important;
	}
	.kr .m-8{
		margin-top: 8px;
	}
	.kr .tab-main-content2 h2{
		margin-bottom: -5px;
	}
	.th .all_prizes{
		margin-top: -14px;
	}
	.th .font-size-14{
		margin-top: -10px !important;
	}
	.th .tabm-4a-prize img {
	    margin-bottom: -1px;
	}
	.th .prize-wk1{
		margin-top: -10px;
	}
	.en .tabm-content p{
		margin-top: 4px !important;
	}
	.id #sign-up-mobi{
		margin-top: 16px;
	}
	.in #sign-up-mobi{
		margin-top: 14px;
	}
	.th #sign-up-mobi{
		margin-top: 18px;
	}
	.vn .font-size-16{
		margin-top: -6px;
	}
	.vn #sign-up-mobi{
		margin-top: 15px;
	}
	.kr .font-size-16{
		margin-top: -5px;
	}
	.top-special{
	    top: 67px;
	}
	.popup{
	    text-decoration: underline;
	    color: #af0000;
	    cursor: pointer;
	}
	body.week3 .popup{
		color: #ffe000 !important;
	}
	body.week4 .popup{
		color: #ffe000 !important;
	}
	.tabm-4a-prize img {
	    width: 78px;
	    margin-bottom: 6px;
	}
	.t-117 {
	    top: 66px !important;
	}
}