body, header, .content {
	min-width: 320px;
}

.header {
	position: relative;
	z-index: 10;
}

.mobi {
	display: none;
}
.desk {
	display: block;
}
.btn-ylw.desk {
	display: inline-block;
}
.prize-img-1 {
	display: inline;
}
.btn-newbie-1 {
	display: block;
}
.prize-img-2, .btn-newbie-2 {
	display: none;
}
@media only screen and (max-width: 1023px) {

	.desk {
		display: none;
	}
	.mobi {
		display: block;
	}
	.txt-decor.desk {
	    display: none !important;
	}
	.txt-decor.mobi {
	    display: inline !important;
	}
	.lbox a.desk {
	    display: none !important;
	}
	.lbox a.mobi {
	    display: inline !important;
	}
	.btn-ylw.desk {
		display: none;
	}
	.prize-img-1, .btn-newbie-1 {
		display: none;
	}
	.prizes > div > img.prize-img-2 {
		display: inline;
		left: 11px;
    	top: -11px;
	}
	.prize-item > div img {
	    max-width: 40%;
	}
	.btn-newbie-2 {
	 	display: block;
	}
	body {
		background: url('../img/bg-main1-768.jpg') #160202 center top no-repeat;
		font-size: 12px;
	}
	body.th {
		font-size: 12px;
	}
	body.kr {
		font-size: 11px;
	}
	.height {
		height: 63px;
	}
	.inner-header {
		padding: 10px 10px 10px 5px;
	}
	.dafabet-logo a.mobi {
		display: block;
		width: auto;
		height: 41px;
	}
	.inner-right-nav {
		width: 399px;
	}
	.id .inner-right-nav {
		width: 432px;
	}
	.download-btn {
		font-size: 11px;
	}
	.lang-trigger {
		padding: 4px 5px;
	}
	.lang-wrap  {
		width: 150px;
		left: 140px;
	}
	.id .lang-wrap {
		width: 150px;
	}
	.txt-lang {
		font-size: 12px;
	}
	.join-now {
		padding: 4px 5px;
	}
	.id .join-now {
		font-size: 10px;
		padding: 5px;
	}
	.banner {
		max-width: 275px;
    	height: 215px;
    	margin: 0 0 10px;
	}
	.banner p {
		font-size: 14px;
	}
	.sc .banner p, .ch .banner p {
		font-size: 13px;
	}

	.content-left {
	    max-width: 358px;
	}
	.content-right {
	    left: -50px;
	    max-width: 358px;
	}
	.tab-title {
	    top: -13px;
	    left: -7px;
	    padding: 5px;
	}
	.tab-title:before {
	    display: none;
	}
	.banner-logo {
	    width: 189px;
	    height: 116px;
	    margin: 0 auto 6px;
	}
	.banner-logo img {
	    height: 116px;
	    width: auto;
	}
	.banner-logo .banner-stars{
	    height: 91px;
	    left: 46px;
	    top: 2px;
	    width: 94px;
	}
	.banner p {
	    font-size: 14px;
	    line-height: 1.2;
	    margin-bottom: 6px;
	}
	.banner p.period {
	    font-size: 12px;
	}
	.sc .banner p.period, .ch .banner p.period {
		font-size: 11px;
	}
	.newbie.mobi {
		display: block;
	}
	.newbie .btn-newbie {
	    position: absolute;
	    top: 0px;
	    left: 80px;
	    cursor: pointer;
	    width: 98px;
	    height: 80px;
	}
	.newbie .btn-newbie img {
	    width: 100%;
	    height: auto;
	}
	.newbie {
	    position: absolute;
	    z-index: 6;
	    top: 200px;
	}
	.btn-newbie1a {
		display: none;
	}
	.btn-newbie1b {
		display: block;
	}
	.prizes {
		height: 200px;
	}
	.prizes > img {
	    position: relative;
	}
	.prizes > img.page1 {
	    left: 15px;
    	top: -14px;
	    width: 312px;
	    height: 212px;
	}
	.prizes > .page1.mobi {
		display: inline;
	}
	.prize-img1a {
		display: none;
	}
	.prize-img1b {
		display: inline;
	}
	.prizes > img.page2 {
	    left: -30px;
	    top: 0px;
	    width: 244px;
	    height: auto;
	}
	.prizes > img.page3 {
	    left: -40px;
	    top: -10px;
	    width: 239px;
	    height: auto;
	}
	.prizes > img.page4 {
	    left: -40px;
	    top: -2px;
	    width: 226px;
	    height: auto;
	}
	.prizes > img.page5 {
	    left: -40px;
	    top: -7px;
	    width: 256px;
	    height: auto;
	}
	.qr {
	    z-index: 6;
	    margin: -160px 0 50px 0px;
	    width: 260px !important;
	    cursor: pointer;
	    padding-left: 60px;
	    position: relative;
	}
	.kr .qr {
		width: 300px !important;
	}
	.qr .phone-wrap {
		height: auto;
	    left: -48px;
	    top: 1px;
	    width: 140px;
	}
	.qr .phone-wrap > img {
		width: 100%;
		height: auto;
	}
	
	.qr-bg-wrap {
	    width: 149px;
	    height: 108px;
	    margin-bottom: 20px;
	    left: -30px;
	    top: 20px;
	    position: relative;
	}
	.qr-bg {
	    width: 149px;
	    height: 108px;
	    position: relative;
	    display: none;
	    background-size: contain;
	}
	.qr img {
	    display: inline-block;
	    margin-bottom: 0px;

	}
	.qr-code {
	    position: absolute;
	    top: 5px;
	    right: 3px;
	    width: 83px;
	    height: auto;
	}
	.qr-icn {
	    cursor: pointer;
	}
	.qr p {
	    line-height: 1.2;
	    font-size: 11px;
	    text-shadow: 0 1px 1px #000;
	}
	.box {
		width: 357px;
		height: 400px;
		overflow: hidden;
	}
	.top {
		margin-bottom: 12px;
	}
	.mobile {
		width: 65px;
		height: auto;
		left: -6px;
		top: -5px;
	}
	.top-left, .top-right {
		height: 140px;
	}
	.top-left {
		width: 140px;
	}
	.top-right {
		width: 146px;
	}
	.top-right img {
	    display: inline-block;
	    margin: 0 auto;
	    max-width: 100px !important;
	}
	.top-right img {
    	margin-top: 10%;
	}
	.daily4 .top-right img {
    	margin-top: 5%;	
	}
	.daily5 .top-right img {
	    margin: 10px auto 0;
	    max-width: 150px !important;
	}
	.daily-thumb {
	    position: relative;
	    width: 100%;
	    width: 132px;
	}
	.daily {
		padding: 10px;
	}
	/*.daily1 .top-left .daily-thumb {
	    left: -10px;
	    width: 148px;
	}
	.daily4 .top-left .daily-thumb {
	    width: 144px;
	}
	.daily7 .top-left .daily-thumb {
	    width: 132px;
	}*/
	.date {
		font-size: 12px;
	}
	.daily h2 {
		font-size: 14px;
		margin-bottom: 6px;
		position: relative;
    	z-index: 5;
	}
	.daily h3 {
		font-size: 13px;
	}
	.daily p {
		margin-bottom: 6px;
	}
	.daily hr {
		margin-bottom: 6px;
	}
	.daily li {
		font-size: 12px;
		padding-left: 10px;
	}
	.th .daily li {
		font-size: 11px;
	}
	.kr .daily li {
		font-size: 11px;
	}
	.kr .daily li br {
		display: none;
	}
	.btn-ylw {
		width: 137px;
		height: 23px;
		font-size: 12px;
	}
	.th .btn-ylw {
		font-size: 12px;
	}
	.vn .btn-ylw {
		font-size: 11px;
	}
	.kr .btn-ylw {
		font-size: 10px;
	}
	.btn-ylw span {
		top: 5px;
	}
	.id .btn-ylw span {
		top: 5px;
	}
	.sc .btn-ylw span, .ch .btn-ylw span.sc .btn-ylw span, .ch .btn-ylw span {
		top: 3px;
	}
	.kr .btn-ylw span {
		top: 4px;
	}
	.btn-ylw.mobi {
		display: inline-block !important;
	}
	.btn-play {
		width: 110px;
		height: 24px;
		font-size: 16px;
		left: 13px;
	}
	.th .btn-play {
		font-size: 14px;
	}
	.vn .btn-play {
		font-size: 12px;
	}
	.kr .btn-play {
		font-size: 11px;
	}
	.btn-play span {
		top: 3px;
	}
	.id .btn-play span {
		top: 4px;
	}
	.sc .btn-play, .ch .btn-play{
		font-size: 14px;
	}
	.sc .btn-play span, .ch .btn-play span {
		top: 2px;
	}
	.scroll-pane {
		height: 190px;
	}
	/*.vn .scroll-pane {
		height: 190px;
	}*/
	.tabpc-content2 .scroll-pane {
		height: 160px;
	}
	.bx-wrapper .bx-prev {
		left: -10px;
	}
	.bx-wrapper .bx-next {
		right: -10px;
	}
	.daily table, .lbox-newbie table {
		font-size: 11px;
	}
	table th, table td {
		padding: 3px;
	}
	.page li {
		padding-left: 10px;
	}
	.kr .page li br {
		display: none;
	}
	.page3 .box-inner, .page4 .box-inner, .page5 .box-inner {
		padding: 0;
	}
	.tabm, .tabp {
		font-size: 12px;
	}
	.tabpc {
		height: 26px;
	}
	.tabpc span {
		top: 6px;
	}
	.tabpc-content .top-left, .tabpc-content .top-right {
		height: 142px;
	}
	.tabpc-content2 h1 {
		font-size: 16px;
	}
	.tabpc-content2 .top-left, .tabpc-content2 .top-right {
		height: 133px;
	}
	.th .tabm, .th .tabp {
		font-size: 10px;
	}
	.vn .tabm, .vn .tabp {
		font-size: 10px;
	}
	.kr .tabp {
		width: 33%;
	}
	.tabm4 span {
		top: 4px;
	}
	.sc .tabm4 span, .ch .tabm4 span {
		top: 10px;
	}
	.th .tabm1 span, .th .tabm4 span {
		top: 4px;
	}
	.tabm-content, .tabp-content {
		padding: 10px;
		height: 350px;
	}
	.kr .tabm-content, .kr .tabp-content {
		font-size: 11px;
	}
	.kr .tabp-content .scroll-pane {
		height: 275px !important;
	}
	.tabm-content .badges th, .tabm-content .badges td {
		font-size: 12px;
	}
	.kr .tabm-content .badges th, .kr .tabm-content .badges td {
		font-size: 11px;
	}
	.tabm-content .scroll-pane {
		height: 255px;
	}
	.vn .tabm-content .scroll-pane {
		height: 275px;
	}
	.page2 h2, .page3 h2, .page4 h2, .page5 h2 {
	    font-size: 20px;
	}
	.th .page2 h2, .th .page3 h2, .th .page4 h2, .th .page5 h2 {
		font-size: 16px;
	}
	.vn .page2 h2, .vn .page3 h2, .vn .page4 h2, .vn .page5 h2 {
		font-size: 16px;
	}
	.page2 p, .page3 p, .page4 p, .page5 p {
		margin-bottom: 6px;
	}
	.kr .page2 table, .kr .page3 table, .kr .page4 table, .kr .page5 table {
		font-size: 11px;
	}
	.badge.mobi {
		display: block;
	}
	.badge > img {
	    width: 69px;
	    height: auto;
	}
	.page2 th, .page2 td, .page3 th, .page3 td, .page4 th, .page4 td, .page5 th, .page5 td {
		font-size: 11px;
	}
	.page2 h3, .page3 h3, .page4 h3, .page5 h3 {
		margin-bottom: 6px;
		font-size: 13px;
	}
	.page3 .scroll-pane, .page4 .scroll-pane, .page5 .scroll-pane {
		height: 325px;
	}
	.th .page3 .scroll-pane {
		height: 310px;
	}
	.page5 .scroll-pane h2 {
		font-size: 16px;
		margin-bottom: 6px;
	}
	.bxslider-prize {
		margin-top: 0;
	}
	.bxslider-prize h4 {
		font-size: 16px;
	}
	.medal {
	    margin-bottom: 6px;
	    width: 109px;
	    height: auto;
	}
	.prize-item > img.prize-item-medal {
	    width: 69px;
	    height: auto;
	}
	.prize-item {
	    height: 260px;
	}
	.prize-item > img {
	    width: auto;
	    height: 166px;
	}
	.prize-item > img.prize-item-medal {
	    width: 69px;
	    height: auto;
	}
	.tabm-content3 .scroll-pane {
		height: 225px;
	}
	.vn .tabm-content3 .scroll-pane {
		height: 230px;
	}
	.tabm-content4 .scroll-pane {
		height: 310px;
	}
	.vn .tabm-content4 .scroll-pane {
		height: 305px;
	}
	.goal span {
		font-size: 13px;
	}
	.goal-meter-bg {
	    background: url("../img/progress-bg.png") no-repeat;
	    width: 438px;
	    height: 29px;
	    margin: 10px auto 20px;
	    width: 315px;
	    background-size: contain;
	}
	.goal-meter {
	    height: 19px;
	    left: 30px;
	    top: 6px;
	    width: 0;
	    max-width: 278px;
	    text-align: left;
	}
	.goal-meter img {
	    width: 278px;
	}
	.bxslider-news {
	    margin-top: 6px;
	    height: 280px;
	}
	.news-thumb{
	    width: 85%;
	    margin-bottom: 6px;
	}
	.news-thumb img {
	    width: 90%;
	    display: inline-block;
	}
	.news-item h2 {
	    font-size: 17px;
	    margin-bottom: 6px;
	}
	.kr .news-item h2 {
		font-size: 16px;
	}
	.page4 .bx-wrapper .bx-prev {
		left: 0px;
	}
	.page4 .bx-wrapper .bx-next {
		right: 0px;
	}
	.stay-tune {
	    font-size: 18px;
	}
	.lbox {
	    width: 461px;
	    height: 367px;
	    font-size: 12px;
	    padding: 25px;
	    margin-top: 8%;
	}
	.lbox h3 {
		font-size: 13px;
	}
	.lbox a.mobi {
		display: inline;
	}
	.lbox-newbie {
		padding-top: 65px;
	}
	.lbox-newbie > img {
	    position: absolute;
	    left: 39%;
	    top: -40px;
	    width: 98px;
	}
	.lbox-newbie .scroll-pane {
	    height: 285px;
	}
	.lbox-terms .scroll-pane {
	    margin-top: 10px;
	    height: 230px;
	}

}

@media only screen and (max-width: 767px) {
	body {
		background-image: url("../img/bg-main1-600.jpg");
		background-position: center 50px;
	}
	.inner-header {
		padding: 8px 10px; 
	}
	.right-nav {
		width: 290px;
	}
	.id .right-nav {
		width: 320px;
	}
	.inner-right-nav {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		margin-top: 6px;
		width: 320px;
	}
	.id .inner-right-nav {
		width: 352px;
	}
	.lang-wrap {
		width: 70px !important;
		top: 0;
	}
	.txt-lang {
		display: none;
	}
	.content {
		max-width: 600px;
	}
	.content-left {
		max-width: 100%;
		height: 280px;
	}
	.banner {
		position: absolute;
		left: 5px;
		right: 20px;
	}
	.newbie {
		top: 0;
		right: 170px;
	}
	.newbie .btn-newbie {
		left: auto;
		right: 0;
	}
	.prizes {
		right: 0;
	    position: absolute;
	    top: 29px;
	}
	.prizes > div > img.prize-img-2 {
		left: 0;
	}
	.prizes > img.page2 {
	    left: auto;
	    right: 60px;
	    top: -10px;
	}
	.prizes > img.page3 {
	    left: auto;
	    right: 60px;
	    top: -22px;
	}
	.prizes > img.page4 {
	    left: auto;
	    right: 60px;
	    top: -10px;
	}
	.prizes > img.page5 {
	    left: auto;
	    right: 60px;
	    top: -10px;
	}
	.qr {
		right: 70px;
	    margin: 0;
	    position: absolute;
	    top: 72px;
	    width: 260px !important;
	}
	.kr .qr {
		right: 40px;
	}
	.content-right {
		left: auto;
		margin: 0 auto;
	}
	/*.tab-title {
	    top: 16px;
	    left: 50px;
	    background: rgba(0,0,0,.55);
	    color: #ffe000;
	    padding: 5px 5px 0 0;
	}
	.tab-title:before {
		display:  block;
	}*/
	.lbox {
		margin-top: 8%;
	}
}

@media only screen and (max-width: 599px) {

	body {
		background-image: url("../img/bg-main1-480.jpg");
		background-position: center top;
		background-attachment: fixed;
		margin: 0 auto;
		/*width: 480px;*/
	}
	.inner-header {
		padding: 8px 20px;
	}
	.dafabet-logo {
		display: inline-block;
		float: none;
	}
	.right-nav {
		float: none;
		display: inline-block;
		width: 235px;
		position: absolute;
		top: 0;
		right: 0;
		padding-top: 24px;
	}
	.id .right-nav {
		width: 235px;
	}
	.inner-right-nav {
		width: 100%;
		margin: 0;
	}
	.id .inner-right-nav {
		width: 100%;
	}

	.inner-right-nav > a, .inner-right-nav > span {
		position: absolute;
		top: 10px;
	}
	.inner-right-nav > span {
		width: 100px;
		display: inline-block;
	}
	.lang-wrap {
		position: absolute;
		left: 0;
		width: 235px !important;
		top: -20px;
	}
	.id .lang-wrap {
		left: 0;
	}
	.txt-lang {
		display: block;
	}
	.download-btn {
		float: none;
		display: inline-block;
		position: absolute;
		top: 0px;
	}
	.join-now {
		float: none;
		display: inline-block;
		height: 25px;
		padding: 7px 0;
		position: absolute;
		/*top: -9px;*/
		left: 135px;
	}
	.id .join-now {
		/*top: -9px;*/
		width: 101px;
		font-size: 9px;
		padding: 7px 0;
	}
	.sc .join-now, .ch .join-now {
		line-height: 1;
		/*top: -13px;*/
	}
	.kr .join-now {
		line-height: .5;
		/*top: -12px;*/
	}
	.th .join-now {
		/*top: -13px;*/
	}
	.vn .join-now {
		/*top: -12px;*/
	}
	.content-left, .content-right {
		display: block;
	}
	.content-left {
		max-width: 320px;
		margin: 0 auto;
		height: 560px;
	}
	.banner {
	    position: relative;
	    left: auto;
	    right: auto;
	    margin: 0 auto;
	}
	.newbie {
		/*position: relative;*/
		/*width: 98px;
		height: 80px;*/
		top: 220px;
		/*width: 320px;
		height: 80px;*/
		right: auto;
		left: 35px;

	}
	.newbie .btn-newbie {
		left: 0;
		right: auto;
	}
	.prizes {
		position: relative;
		left: auto;
		right: auto;
		margin: 0 auto;
		text-align: center;
	}
	.prizes > img.page2 {
		left: auto;
		right: auto;
	}
	.prizes > img.page3 {
		left: auto;
		right: auto;
	}
	.prizes > img.page4 {
		left: auto;
		right: auto;
	}
	.prizes > img.page5 {
		left: auto;
		right: auto;
	}
	.qr {
		left: auto;
		right: auto;
		top: 345px;
		text-align: center;
		padding-left: 0;
		width: 100% !important;
	}
	.kr .qr {
		right: 0;
		width: 100% !important;
	}
	.qr-bg-wrap {
		left: 30px;
		top: 0;
		margin-bottom: 35px;
	}
	.qr .phone-wrap {
		left: -34px;
	}
	.tab-main {
		right: auto;
	    top: 448px;
	    left: auto;
	    text-align: center;
	    width: 100%;
	}
	.tab {
		display: inline-block;
		margin: 5px 10px;
	}
	.tab-selected {
		display: none;
	}
	.tab-title {
		top: -18px;
	    left: -53%;
	    padding: 5px;
	    position: relative;
	    margin: 0 auto;
	    display: block;
	    width: 200%;
	}
	.vn .tab-title {
		left: -85%;
		width: 255%;
	}
	.box {
		width: 100%;
		top: 35px;
	}
	.links {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.lbox {
		width: 100%;
		margin-top: 10%;
	}
	.lbox-newbie > img {
		left: 40%;
	}
}

@media only screen and (max-width: 479px) {
	body.sc, body.ch {
		font-size: 11px;
	}
	body.th {
		font-size: 11px;
	}
	.sc .daily h3, .ch .daily h3 {
		font-size: 12px;
	}
	.sc .daily p, .ch .daily p {
		font-size: 11px;
	}
	.sc .daily li, .ch .daily li {
		font-size: 11px;
	}
	.inner-header {
		padding: 8px 5px;
	}
	.dafabet-logo {
		width: 45%;
	}
	.dafabet-logo img {
		width: 100%;
		margin-top: 4px;
	}
	.right-nav {
		width: 180px;
		padding-top: 23px;
	}
	.id .right-nav  {
		width: 180px;
	}
	.top-left, .top-right {
		width: 50%;
	}
	.download-btn {
		/*top: -1px;*/
	}
	.join-now {
	    position: absolute;
	    /*top: -11px;*/
	    left: 134px;
	}
	.id .join-now {
		/*top: -11px;*/
	    left: 134px;
	}
	.sc .join-now, .ch .join-now {
		/*top: -13px;*/
	}
	.kr .join-now {
		/*top: -13px;*/
	}
	.vn .join-now {
		/*top: -13px;*/
	}
	.th .join-now {
		/*top: -13px;*/
	}
	.inner-right-nav {
		-webkit-transform: scale(.6);
		-moz-transform: scale(.6);
		-o-transform: scale(.6);
		-ms-transform: scale(.6);
		transform: scale(.6);
	}
	.box {
		padding: 10px 5px;
	}
	.lbox {
		margin-top: 15%;
		padding: 10px;
		font-size: 11px;
	}
	.lbox-newbie {
		padding-top: 65px;
	}
	.lbox li {
		padding-left: 10px;
	}
	.lbox-newbie > img {
		left: 35%;
	}
	.tabm-content, .tabp-content {
		padding: 10px 0;
	}
	.goal-meter-bg {
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		margin-left: -12px;
	}
	.scroll-pane {
		overflow-x: hidden 
	}
	.bx-wrapper .bx-prev {
		left: -5px;
	}
	.bx-wrapper .bx-next {
		right: -5px;
	}
	.tabm-content2 .bx-wrapper .bx-prev {
		left: -1px !important;
	}
	.tabm-content2 .bx-wrapper .bx-next {
		right: 0;
	}
	.page1 .bx-wrapper .bx-controls-direction a {
		top: 34%;
	}

}