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

/* ECODES INEGRATES MARKETING */


/* 1920 */
@media only screen and (min-width:641px) {
	.website {
		display: block;
	}
	
	.mobile, .logo_middle, .logo_small, .hot_website_middle, .hot_website_small {
		display: none;
	}
	
	/* Class Change */
	.website_index {
		background: #ea618a;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0 !important;
	}
	
	.website {
		background: url(../images/header_bg.jpg) repeat 0 0;
	}
	
	.window_load {
		display: none;
	}
	
	.header {
		width:100%;
		height: 40px;
	}
	
	.home_page {
		width: 100%;
	}
	
	.toyota {
		display: block;
		margin-top:5px;
		left: 5%;
		position: absolute;
		z-index: 9999;
	}
	
	.hit_box {
		height: 30px;
		text-align: right;
		position: absolute;
		color: #c8301c;
		font-size: 20px;
		line-height: 30px;
		right: 5%;
		margin-top: 5px;
		z-index: 9999;
	}
	
	.counter_number {
		background: white;
		padding: 0 10px;
	}
	
	.counter_title {
		color: black;
	}
	
	.left_menu {
		width: 4%;
		position: absolute;
		left: 0;
		margin-top: 4%;
		z-index: 999;
	}
	
	.menu_button {
		width: 100%;
		display: block;
		margin-top: 5%;
	}
	
	.snow_right {
		margin-top: 0.68%;
		right: 0;
		position: absolute;
		width: 29%;
		z-index: 8;
	}
	
	.window {
		width: 28%;
		position: absolute;
		margin-top: 1%;
		right:33%;
	}
	
	.hot_website_big {
		position: absolute !important;
		right: 24%;
		margin-top: 11%;
		z-index: 999;
	}
	
	.download_button_final {
		width: 30%;
		margin-top: 52%;
		margin-left: 75%;
		position: absolute;
		z-index: 9999;
	}
	
	.download_button_shake {
		width: 100%;
		display: block;
	}
	
	.sponsor_box {
		width: 100%;
		margin-top: 44.61%;
		position: absolute;
		z-index: 9;
	}
	
	.sponsor_list {
		width: 100%;
		position: absolute;
		margin-top: 1.6%;
	}
	
	.sponsor_link {
		display: block;
		float: left;
		width: 4.05%;
		margin-left: 0.1%;
	}
	
	.baground_heart_left_1, .baground_heart_left_2 {
		position: absolute;
		width: 36%;
		left: 0;
		margin-top: 17.7%;
	}
	
	.baground_heart_right_1, .baground_heart_right_2 {
		width: 26%;
		position: absolute;
		top:0;
		right:0;
	}
	
	.logo_position {
		max-width: 32%;
		min-width: 402px;
		margin-left: 7%;
		z-index: 9;
		position: absolute;
	}
	
	.logo_big {
		width: 607px;
		height: 444px;
		margin: 0 auto;
	}
	
	.video_background {
		width: 368px;
		height: 207px;
		margin: 0 auto;
		margin-top: 7%;
		padding: 21px 17px 50px 17px;
		background: url(../images/video_bg.png) no-repeat 0 0;
	}
	
	.video_box {
		width: 368px;
		height: 207px;
	}
	
	.video_1 {
		display: block;
	}
	
	.video_2, .video_3, .video_4 {
		display: none;
	}
	
	.video_click_box {
		height: 15px;
		width: 105px;
		position: absolute;
		margin-top: 215px;
		margin-left: 131px;
	}
	
	.video_click_1, .video_click_2, .video_click_3, .video_click_4 {
		width: 15px;
		height: 15px;
		float: left;
		margin-left: 10px;
		cursor: pointer;
		background: url(../images/video_click_1.png) no-repeat 0 -15px;
	}
	
	.video_click_2 {
		background: url(../images/video_click_2.png) no-repeat 0 0;
	}
	
	.video_click_3 {
		background: url(../images/video_click_3.png) no-repeat 0 0;
	}
	
	.video_click_4 {
		background: url(../images/video_click_4.png) no-repeat 0 0;
	}
	
	/* safari*/
	::i-block-chrome, .download_button_final {
		margin-top: 34% !important;
	}
	
	::i-block-chrome, .sponsor_box {
		margin-top: 86.71% !important;
	}
	
	::i-block-chrome, .sponsor_list {
		margin-top: 32% !important;
	}
	
	::i-block-chrome, .sponsor_link {
		width: 4.11%;
	}
	
	::i-block-chrome, .hot_website_big, .hot_website_middle, .hot_website_small {
		margin-top: 22% !important;
	}
	
	::i-block-chrome, .window {
		right: 34%;
	}
	
	::i-block-chrome, .snow_right {
		margin-top: 0 !important;
		bottom: 0 !important;
	}
	
	::i-block-chrome, .download_pic_right_index_position {
		margin-top: 12.5% !important;
	}
	
	::i-block-chrome, .content_bannar {
		margin-top: 0 !important;
		bottom: 0 !important;
	}
	
	::i-block-chrome, .content_snow {
		margin-top: 0 !important;
		bottom: 0 !important;
	}
	
	::i-block-chrome, .window_content_box {
		margin-top: 21% !important;
	}
	
	::i-block-chrome, .prize_notice {
		margin-top: 10% !important;
	}
	
	::i-block-chrome, .prize_notice_content {
		margin-top: 11.1% !important;
	}
	
	::i-block-chrome, .content_empty_bottom {
		margin-top: 49.8% !important;
	}
	
	::i-block-chrome, .lotto_click, .share_click {
		margin-top: 14% !important;
	}
	
	::i-block-chrome, .share_title {
		margin-top: 18.5% !important;
	}
	
	::i-block-chrome, .prize_right_talkbox {
		margin-top: 12.5% !important;
	}
	
	::i-block-chrome, .baground_heart_left_1, .baground_heart_left_2 {
		margin-top: 0 !important;
		bottom: 0 !important;
	}
	
	/* content */
	
	.website_content {
		background: #f7c6ce;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0 !important;
	}
	
	.contnet_website_bg {
		background: #f7c6ce;
	}
	
	.header_content {
		background: url(../images/header_bg_2.jpg) repeat-x 0 bottom;
		height: 50px;
	}
	
	.content_page {
		width: 100%;
		background: url(../images/content_page_bg.jpg) repeat-x 0 0;
		min-height: 500px;
	}
	
	.content_logo {
		display: block;
		width: 22%;
		position: absolute;
		left: 4%;
	}
	
	.empty {
		width: 100%;
		height: 1px;
	}
	
	.content_empty_bottom {
		width: 100%;
		height: 1px;
		margin-top:50%;
	}
	
	.content_bannar {
		width: 20%;
		margin-top:15.72%;
		margin-left: 4%;
		position: absolute;
		z-index: 9;
	}
	
	.content_window {
		width: 54%;
		margin-left: 28%;
		position: absolute;
	}
	
	.content_snow {
		width: 17%;
		right:1%;
		margin-top: 4.1%;
		position: absolute;
	}
	
	.back_home {
		width: 36px;
		height: 35px;
		display: block;
		position: absolute;
		right: 2%;
		margin-top: 1.5%;
		z-index: 99;
		background: url(../images/back_home.png) no-repeat 0 0;
	}
	
	.window_content_box {
		position: absolute;
		width: 85%;
		height: 61%;
		margin-left: 8%;
		margin-top: 18.5%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	.window_content_img {
		width: 98%;
	}
	
	.puff_luck_table {
		width: 98%;
	}
	
	.puff_luck_table tr td {
		font-size: 12px;
		padding: 10px 0;
		border-right: 2px solid white;
		background: #fff4b6;
		text-align: center;
		vertical-align: middle;
	}
	
	.seprare {
		border-right: 3px solid #ffef96 !important;
	}
	
	.border_end {
		border: 0 !important;
	}
	
	.coler_red {
		color: #c82579;
	}
	
	.bactground_bright td {
		background: #fff8ce !important;
	}
	
	.prize_notice {
		position: absolute;
		cursor: pointer;
		margin-top: 60%;
		margin-left: 35%;
		width: 4%;
	}
	
	.prize_notice_content {
		position: absolute;
		width: 32%;
		margin-top: 67%;
		margin-left: 12%;
		opacity: 0;
	}
	
	.prize_notice_esc {
		position: absolute;
		width: 12%;
		cursor: pointer;
		margin-left: 81%;
	}
	
	.download_shoes {
		position: absolute;
		width: 16%;
		z-index: 999;
		margin-left: 48%;
		margin-top: 32.5%;
	}
	
	.download_pic_right {
		position: absolute;
		z-index: 999;
		right: 16%;
		margin-top: 6%;
		width: 18%;
	}
	
	.download_pic_right_index_position {
		right: 20%;
		margin-top: 5.5%;
	}
	
	.fun_notice {
		width: 95%;
	}
	
	.fun_notice ul {
		margin-left: 7%;
	}
	
	.fun_notice ul li {
		list-style: decimal;
		font-size: 16px;
		line-height: 20px;
	}
	
	.puff_share {
		display: none;
	}
	
	.lotto_click, .share_click {
		position: absolute;
		margin-top: 12%;
		width: 14.5%;
		margin-left: 59%;
		cursor: pointer;
		display: block;
	}
	
	.share_click {
		margin-left: 75%;
	}
	
	.share_title {
		position: absolute;
		margin-left: 75%;
		margin-top: 16.5%;
		width: 13.9%;
	}
	
	.prize_right_talkbox {
		right: 14%;
		margin-top: 6%;
		position: absolute;
		z-index: 999;
		width: 9%;
	}
}

@media only screen and (max-width:1680px) {
	.logo_middle, .hot_website_middle {
		display: block;
	}
	
	.logo_big, .hot_website_big {
		display: none;
	}
	
	/* Class Change */
	.hot_website_middle {
		position: absolute !important;
		right: 24%;
		margin-top: 11%;
		z-index: 999;
	}
	
	.logo_middle {
		width: 478px;
		height: 350px;
		margin: 0 auto;
	}
	
	.video_background {
		margin-top: 3%;
	}
}

@media only screen and (max-width:1380px) {
	.logo_small, .hot_website_small {
		display: block;
	}
	
	.logo_middle, .hot_website_middle {
		display: none;
	}
	
	/* Class Change */
	.hot_website_small {
		position: absolute !important;
		right: 24%;
		margin-top: 11%;
		z-index: 999;
	}
	
	.logo_small {
		width: 350px;
		height: 258px;
		margin: 0 auto;
	}
	
	.video_background {
		margin-top: 0;
	}
}

@media only screen and (max-width:1150px) {
	.window {
		right:29%;
	}
	
	.sponsor_box {
		margin-top: 52%;
	}
	
	.snow_right {
		margin-top: 11.31%;
	}
}

@media only screen and (max-width:1000px) {
	.window, .video_background {
		display: none;
	}
	
	/* Class Change */
	
	.logo_position {
		margin: 0 auto;
		margin-top: 2%
	}
}