/* =========================== Written by Peter ============================ */

/* ECODES INEGRATES MARKETING */


/* Galaxy Note Note2 S3  One S Landscape */
@media only screen and (max-width:640px) {
	.website, .logo_landscape_1, .logo_portrait, .download_320, .download_480, .fun_middle, .fun_small, .hot_landscape_1, .hot_portrait {
		display: none;
	}
	
	/* class change */
	.mobile_index {
		background: url(../images/header_bg.jpg) repeat 0 0;
		padding: 0 !important;
	}
	
	.window_load {
		display: none;
	}
	
	.home_page {
		width: 100%;
		height: auto;
		overflow-x: hidden;
	}
	
	.left_menu {
		position: absolute !important;
		display: block;
		padding-bottom: 10px;
		top:390px;
		left: 0;
	}
	
	.menu_button_mobile {
		display: block;
	}
	
	.toyota_mobile {
		display: block;
		position: absolute;
		top:10px;
		left: 10px;
	}
	
	.toyota_mobile img {
		width: 144px;
		height: 25px;
	}
	
	.logo_landscape {
		position: absolute !important;
		top: 25px;
		left: 25px;
	}
	
	.hot_landscape {
		position: absolute !important;
		top:780px;
		left: 290px;
		z-index: 9;
	}
	
	.snow_mobile {
		position: absolute !important;
		right:0;
		top:160px;
	}
	
	.window_mobile {
		position: absolute !important;
		top:525px;
		right: 0;
	}
			
	.download_640 {
		position: absolute !important;
		left: 83px;
		top:380px;
	}
	
	/* Content Page */
	.left_menu_content {
		top:200px;
	}
	
	.mobile_content {
		background: #f8c6cf;
		padding: 0 !important;
	}
	
	.content_page {
		width: 100%;
		height:200px;
		background: url(../images/content_page_bg.jpg) repeat-x 0 0;
	}
	
	.fun_content_position {
		position: absolute;
		margin-left: 90px;
		margin-top: 30px;
		padding-bottom: 30px;
	}
	
	.fun_title_box {
		width: 300px;
		height: 52px;
	}
	
	.fun_title_pic {
		float: left;
	}
	
	.fun_title {
		float: left;
		margin-left: 10px;
		margin-top: 6px;
	}
	
	.fun_content_box {
		width: 520px;
		padding: 70px 0 25px 0;
		background: white;
		margin-top: 15px;
		border-radius: 10px;
	}
	
	.fun_content_title {
		width: 520px;
		height: 38px;
		position: absolute;
		margin-top: -38px;
	}
	
	.right_red {
		width: 20px;
		height: 38px;
		background: #d73570;
		float: left;
	}
	
	.fun_content_title_pic {
		float: left;
		margin-left: 20px;
	}
	
	.fun_content_arrow {
		position: absolute;
		margin-top: -88px;
		margin-left: 237px;
		z-index: 9;
	}
	
	.fun_content, .fun_content_2 {
		width: 475px;
		padding: 15px 10px 0 35px;
		line-height: 40px;
		font-size: 30px;
		word-wrap: break-word;
	}
	
	.fun_content_2 {
		border-top: 2px dashed #000;
		padding: 15px 0 0 25px;
		margin-left: 10px;
	}
	
	.red {
		color: #d73570;
	}
	
	.fun_download {
		display: block;
		margin-top: 15px;
		margin-left: 52px;
	}
	
	.fun_content_3 {
		width: 520px;
		line-height: 25px;
		font-size: 20px;
		word-wrap: break-word;
		padding: 15px 0 25px 0;
		margin-top: 10px;
	}
	
	.fun_content_3 ul {
		margin-left: 40px;
	}
	
	.fun_content_3 ul li {
		list-style: decimal;
	}
	
	.fun_content_3 a {
		color: #d73570 !important;
	}
	
	.luck_table {
		width: 504px;
		border: 8px solid white;
		margin-top: 20px;
	}
	
	.luck_table tr td {
		font-size: 20px;
		line-height: 50px;
		border-right: 2px solid white;
		text-align: center;
		background: #e5e5e5;
	}
	
	.bg_gray td {
		background: #f2f2f2 !important;
	}
	
	.prize_notice {
		position: absolute;
		cursor: pointer;
		margin-top: 345px;
		margin-left: 190px
	}
	
	.prize_notice_content {
		position: absolute;
		margin-top: 400px;
		opacity: 0;
	}
	
	.prize_notice_esc {
		position: absolute;
		cursor: pointer;
		margin-left: 484px;
	}
	
	.prize_pic_mobile_1 img {
		width: 520px;
		height: 1940px;
	}
	
	.prize_pic_mobile_2 img {
		width: 520px;
		height: 1410px;
	}
}

/* iPhone 5 Landscape */
@media only screen and (max-width:568px) {
	.logo_landscape, .download_640, .fun_big, .hot_landscape {
		display: none;
	}
	
	.logo_landscape_1, .download_480, .fun_middle, .hot_landscape_1 {
		display: block;
	}
	
	/* class change */
	.left_menu {
		top:270px;
	}
	
	.logo_landscape_1 {
		position: absolute !important;
		top: 30px;
		left: 45px;
	}
	
	.hot_landscape_1 {
		position: absolute !important;
		top:615px;
		left: 275px;
		z-index: 9;
	}
	
	.snow_mobile {
		top:10px;
	}
	
	.window_mobile {
		top:400px;
	}
	
	.window_mobile img {
		width: 475px;
		height: 542px;
	}
	
	.download_480 {
		position: absolute !important;
		left: 83px;
		top:295px;
	}
	
	/* Content Page */
	
	.fun_content_position {
		margin-left: 120px;
	}
	
	.fun_title_box {
		width: 300px;
		height: 40px;
	}
	
	.fun_title_pic img {
		width: 50px;
		height: 40px;
	}
	
	.fun_title {
		margin-top: 4px;
	}
	
	.fun_title img {
		width: 160px;
		height: 32px;
	}
	
	.fun_content_box {
		width: 389px;
		padding: 65px 0 25px 0;
		background: white;
		margin-top: 10px;
		border-radius: 10px;
	}
	
	.fun_content_title {
		width: 389px;
		height: 30px;
		position: absolute;
		margin-top: -30px;
	}
	
	.right_red {
		width: 15px;
		height: 30px;
		background: #d73570;
		float: left;
	}
	
	.fun_content_title_pic {
		float: left;
		margin-left: 15px;
	}
	
	.fun_content_arrow {
		position: absolute;
		margin-top: -79px;
		margin-left: 180px;
		z-index: 9;
	}
	
	.fun_content_arrow img {
		width: 33px;
		height: 38px;
	}
	
	.fun_content, .fun_content_2 {
		width: 349px;
		padding: 10px 10px 0 30px;
		line-height: 30px;
		font-size: 22px;
		word-wrap: break-word;
	}
	
	.fun_content_2 {
		border-top: 2px dashed #000;
		padding: 10px 0 0 20px;
		margin-left: 10px;
	}
	
	.red {
		color: #d73570;
	}
	
	.fun_download {
		display: block;
		margin-top: 10px;
		margin-left: 60px;
	}
	
	.fun_download img {
		width: 274px;
		height: 84px;
	}
	
	.fun_content_3 {
		width: 389px;
		line-height: 22px;
		font-size: 14px;
		word-wrap: break-word;
		padding: 10px 0 10px 0;
		margin-top: 10px;
	}
	
	.fun_content_3 ul {
		margin-left: 25px;
	}
	
	.luck_table {
		width: 389px;
		border: 5px solid white;
		margin-top: 15px;
	}
	
	.luck_table tr td {
		font-size: 18px;
		line-height: 40px;
	}
	
	.prize_notice {
		margin-top: 260px;
		margin-left: 133px
	}
	
	.prize_notice_content {
		margin-top: 317px;
	}
	
	.prize_notice_content img {
		width: 389px;
		height: 233px;
	}
	
	.prize_notice_esc {
		margin-left: 360px;
	}
	
	.prize_notice_esc img {
		width: 36px;
		height: 35px;
	}
	
	.prize_pic_mobile_1 img {
		width: 389px;
		height: 1453px;
	}
	
	.prize_pic_mobile_2 img {
		width: 389px;
		height: 1045px;
	}

}

/* Galaxy S2 One V Landscape */
@media only screen and (max-width:535px) {
	.snow_mobile {
		top: 70px;
	}
	
	.snow_mobile img {
		width: 198px;
		height: 398px;
	}
	
	.hot_landscape_1 {
		top:580px;
		left: 255px;
	}
	
	.window_mobile {
		top:375px;
	}
	
	.window_mobile img {
		width: 450px;
		height: 513px;
	}
	
	.download_480 {
		top:280px;
	}
	
	/* Content Page */
	
	.fun_content_position {
		margin-left: 105px;
	}
}

/* iPhone < 5 Landscape */
@media only screen and (max-width:480px) {
	.logo_landscape_1 {
		left: 20px;
	}
	
	.hot_landscape_1 {
		top:570px;
		left: 215px;
	}
		
	.menu_button_mobile img {
		width: 57px;
		height: 172px;
	}
	
	.snow_mobile {
		top: 100px;
	}
	
	.snow_mobile img {
		width: 181px;
		height: 364px;
	}
	
	.window_mobile {
		top: 380px;
	}
	
	.window_mobile img {
		width: 425px;
		height: 485px;
	}
		
	.download_480 {
		left: 60px;
	}
	
	/* Content Page */
	
	.fun_content_position {
		margin-left: 70px;
	}
}

/* Galaxy Note Portrait */
@media only screen and (max-width:400px) and (max-height:640px) {
	.logo_landscape_1, .download_480, .fun_middle, .hot_landscape_1 {
		display: none;
	}
	
	.logo_portrait, .download_320, .fun_small, .hot_portrait {
		display: block;
	}
	
	/* class change */	
	.left_menu {
		top:215px;
	}
	
	.menu_button_mobile img {
		width: 38px;
		height: 115px;
	}
	
	.logo_portrait {
		position: absolute !important;
		top: 50px;
		left: 30px;
	}
	
	.hot_portrait {
		position: absolute !important;
		z-index: 9;
		top:450px;
		left: 185px;
	}
	
	.snow_mobile {
		top:30px;
	}
	
	.window_mobile {
		top: 284px;
		overflow: hidden;
		height: 355px;
	}
	
	.window_mobile img {
		width: 360px;
		height: 411px;
	}
	
	.download_320 {
		position: absolute !important;
		left: 50px;
		top:225px;
	}
	
	/* Content Page */
	.left_menu_content {
		top:110px;
	}
	
	.fun_content_position {
		margin-left: 85px;
	}
	
	.fun_title_box {
		width: 200px;
		height: 26px;
	}
	
	.fun_title_pic img {
		width: 34px;
		height: 26px
	}
	
	.fun_title {
		margin-top: 2px;
	}
	
	.fun_title img {
		width: 110px;
		height: 22px;
	}
	
	.fun_content_box {
		width: 263px;
		padding: 35px 0 15px 0;
		background: white;
		margin-top: 5px;
		border-radius: 10px;
	}
	
	.fun_content_title {
		width: 263px;
		height: 20px;
		position: absolute;
		margin-top: -20px;
	}
	
	.right_red {
		width: 10px;
		height: 20px;
		background: #d73570;
		float: left;
	}
	
	.fun_content_title_pic {
		float: left;
		margin-left: 10px;
	}
	
	.fun_content_arrow {
		position: absolute;
		margin-top: -44px;
		margin-left: 120px;
		z-index: 9;
	}
	
	.fun_content_arrow img {
		width: 21px;
		height: 26px;
	}
	
	.fun_content, .fun_content_2 {
		width: 233px;
		padding: 10px 5px 0 20px;
		line-height: 24px;
		font-size: 18px;
		word-wrap: break-word;
	}
	
	.fun_content_2 {
		border-top: 2px dashed #000;
		padding: 10px 0 0 10px;
		margin-left: 10px
	}
	
	.red {
		color: #d73570;
	}
	
	.fun_download {
		display: block;
		margin-top: 10px;
		margin-left: 18px;
	}
	
	.fun_download img {
		width: 233px;
		height: 68px;
	}
	
	.fun_content_3 {
		width: 263px;
		line-height: 18px;
		font-size: 12px;
		word-wrap: break-word;
		padding: 5px 0 10px 0;
		margin-top: 5px;
	}
	
	.fun_content_3 ul {
		margin-left: 15px;
	}
	
	.luck_table {
		width: 263px;
		border: 5px solid white;
		margin-top: 15px;
	}
	
	.luck_table tr td {
		font-size: 12px;
		line-height: 25px;
	}
	
	.prize_notice {
		margin-top: 170px;
		margin-left: 92px
	}
	
	.prize_notice img {
		width: 25px;
		height: 40px;
	}
	
	.prize_notice_content {
		margin-top: 210px;
	}
	
	.prize_notice_content img {
		width: 263px;
		height: 158px;
	}
	
	.prize_notice_esc {
		margin-left: 231px;
	}
	
	.prize_notice_esc img {
		width: 36px;
		height: 35px;
	}
	
	.prize_pic_mobile_1 img {
		width: 263px;
		height: 972px;
	}
	
	.prize_pic_mobile_2 img {
		width: 263px;
		height: 709px;
	}
}

/* Galaxy S3 Note2 One S Portrait */
@media only screen and (max-height:640px) and (max-width:360px) {
	.snow_mobile {
		top:110px;
	}
	
	.snow_mobile img {
		width: 121px;
		height: 244px;
	}
	
	.hot_portrait {
		top:430px;
		left: 170px;
	}
	
	.window_mobile img {
		width: 320px;
		height: 365px;
	}
	
	/* Content Page */
	
	.fun_content_position {
		margin-left: 65px;
	}
}

/* iPhone5 Galaxy S2 Portrait */
@media only screen and (max-height:568px) and (max-width:320px) {
	.left_menu {
		top:205px;
	}
	
	.logo_portrait {
		top: 35px;
		left: 20px;
	}
	
	.hot_portrait {
		top:390px;
		left: 150px;
	}
	
	.snow_mobile {
		top:80px;
	}
	
	.window_mobile {
		height: 298px;
		right: 0;
		top: 270px;
		overflow: hidden;
	}
	
	.window_mobile img {
		width: 271px;
		height: 309px;
	}
	
	.download_320 {
		top:205px;
		left: 40px;
	}
	
	/* Content Page */
	.left_menu_content {
		top:70px;
	}
	
	.fun_content_position {
		margin-left: 40px;
	}
}

/* Galaxy S2 One V */
@media only screen and (max-width:320px) and (max-height:535px) {
	.menu_button_mobile img {
		width: 33px;
		height: 97px;
	}
	
	.window_mobile {
		height: 263px;
	}
}
/* iPhone < 5 */
@media only screen and (max-height:480px) and (max-width:320px) {
	.toyota_mobile {
		top:5px;
		left: 5px;
	}
	
	.toyota_mobile img {
		width: 115px;
		height: 20px;
	}
	
	.logo_portrait {
		top:23px;
	}
	
	.left_menu {
		top:178px;
	}
	
	.window_mobile {
		top: 242px;
		height: 237px;
	}
	
	.window_mobile img {
		width: 265px;
		height: 303px;
	}
	
	.download_320 {
		top:190px;
	}
	.hot_portrait {
		top:360px;
	}
}