/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */
@media (max-width: 750px){
body {
	background:url(../images/mobile/bg_pos.jpg) fixed top center #000;
}
.bg {
	background-attachment: fixed;
}
.bg2 {
	background-attachment: fixed;
}
.desktop {
	display:none;
}
.mobile {
	display:block;
}
#warning .copy {
	font-size:12px;
	line-height:13px;
	margin:5px 35px 5px 5px;
}
#warning .close {
	top:5px;
	right:5px;
	width:25px;
	height:25px;
}
#header {
	padding:10px 0px;
	height:30px;
}
#logo {
	margin-left:10px;
	width:88px;
}
#menu {
	display:none;
}
#btn_menu {
	cursor: pointer;
	float:right;
	display:block;
	background:url(../images/btn_menu.png) no-repeat -4px;
	width:28px;
	height:28px;
	border:2px solid #ffffff;
	margin-right:10px;
	padding-left:30px;
	line-height:28px;
	font-size:14px;
	font-weight:bold;
}
#btn_close {
	position:absolute;
	top:10px;
	right:10px;
	width:48px;
	height:48px;
	background:url(../images/btn_close.png) no-repeat;
	display:block;
}
#menu_over {
	display:none;
	background:url(../images/menu_bg.png);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:999;
}
#menu_over li a {
	width:66%;
	display:block;
	font-size:29px;
	font-weight:bold;
	padding:5px 15px;
	border:2px solid #ffffff;
	margin:0px auto 10px;
	text-align:center;
}
#menu_over li a.current {
	border:2px solid #fc1712;
	color:#fc1712;
}
#share {
	cursor: pointer;
	background-position:-4px;
	margin-right:10px;
	width:28px;
	height:28px;
	padding-left:30px;
	line-height:28px;
}
#share li {
	line-height:28px;
}
#share a {
	width:28px;
	height:28px;
}
#share a.btn_waibo {
	background-position:-4px;
}
#share a.btn_qq {
	background-position:-4px;
}
#home {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_home.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#home1 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_home1.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#home2 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_home2.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
.game1 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_game1.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
.game2 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_home2.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#btn_top {
	background-position:-4px;
	width:28px;
	height:28px;
}

/*====== home ======*/
.intro {
	width:90%;
	margin-top:80px;
}
.intro span {
	display:inline;
}
h1 {
	font-size:38px;
}
#home_intro h1 span {
	display:block;
}
#home_intro h1 br {
	display:none;
}
h1.ss span {
	display:block;
}
h2 {
	font-size:19px;
}
p {
	font-size:15px;
}
#btn_start {
	margin-top:20px;
}
.yrs {
	display:none;
	/*position:inherit;
	width:180px;
	height:156px;
	margin:0px auto;*/
}

/*====== game ======*/
#game_home {
	width:90%;
	font-size:50px;
}
#game_q1 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q1.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q2 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q2.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q3 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q3.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q4 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q4.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q5 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q5.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q6 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q6.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q7 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q7a.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q8 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q8.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q9 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q9.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q10 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q10.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q11 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q11.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q12 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q12.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
#game_q13 {
	width:100%;
	height:100%; 
	display:block; 
	background:url(../images/mobile/bg_q13.jpg) no-repeat center center; 
	background-size: cover;  
	-ms-behavior: url(backgroundsize.min.htc);
}
.quesbox img {
	margin-bottom:10px;
}
.answer {
    margin-top: 40px;
}
.btn_back a {
	cursor: pointer;
	bottom:10px;
	right:10px;
}
.content2 {
	padding-top:100px;
}
.item {
	float:none;
	height:60px;
	width:100%;
	margin:10px 4% 0px;
}
.item li {
	float:left;
	height:60px;
	padding-right: 5px;
}
.item li.restart {
	float:left;
}
.item li a{
	display:block;
	margin:0px 2px;
	width:60px;
	height:60px;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.item li.type1 a, .item li.type1 a:hover {
	background:url(../images/mobile/btn_result_1.png) no-repeat 0px 0px;
}
.item li.type2 a, .item li.type2 a:hover {
	background:url(../images/mobile/btn_result_2.png) no-repeat 0px 0px;
}
.item li.type3 a, .item li.type3 a:hover {
	background:url(../images/mobile/btn_result_3.png) no-repeat 0px 0px;
}
.item li.type4 a, .item li.type4 a:hover {
	background:url(../images/mobile/btn_result_4.png) no-repeat 0px 0px;
}
.item li.restart a, .item li.restart a:hover {
	cursor: pointer;
	background:url(../images/mobile/btn_result_5.png) no-repeat 0px 0px;
}
.item li.type1 a.current {
	background:url(../images/mobile/btn_result_1_on.png) no-repeat 0px 0px;
}
.item li.type2 a.current {
	background:url(../images/mobile/btn_result_2_on.png) no-repeat 0px 0px;
}
.item li.type3 a.current {
	background:url(../images/mobile/btn_result_3_on.png) no-repeat 0px 0px;
}
.item li.type4 a.current {
	background:url(../images/mobile/btn_result_4_on.png) no-repeat 0px 0px;
}
.product {
	float:none;
	width:84%;
	margin:10px 4% 0px;
	padding:4%;
}
.icon {
	display:none;
}
.share {
	background:url(../images/mobile/btn_share.png) no-repeat;
	width:60px;
	height:60px;
	top:10px;
	right:10px;
}
.title1 {
	font-size:22px;
	line-height:25px;
}
.title2 {
	font-size:18px;
	margin-bottom:10px;
}
.subtitle {
	font-size:16px;
	line-height:30px;
	padding-left:10px;
	margin-bottom:10px;
}
ul.pt li {
	font-size:14px;
}
.remark {
	font-size:11px;
}
.pdtstep img {
	width:100%;
}
.magazine {
	float:none;
	width:84%;
	height:auto;
	margin:10px 4% 10px;
	padding:4%;
}
.btn {
	height:auto;
	text-align:center;
}
.btn input {
	width:60%;
	margin-bottom:10px;
}
.btn input.btn_photo {
	float:none;
}
.btn input.btn_upload {
	float:none;
}
.btn input.btn_comfirm {
	float:none;
}
.btn input.btn_back {
	float:none;
}
.btn input.btn_skip {
	display:inline;
}
.skip {
	display:none;
}
.control {
	width:100%;
}
.control .teachTag{
	display:block;
	width:100%;
	height:97px;
	background:url(../images/mobile/icon_hand.gif) top center no-repeat;
}
.control .proportion {
	display:none;
}
.control .position {
	display:none;
}
.pos {
	float:none;
	width:84%;
	margin:10px 4% 10px;
	padding:4%;
}
.pos .banner img {
	width:100%;
}
.pos ul {
	float:none;
}
.pos ul.gift {
	width:100%;
	border-right:0px;
	border-bottom:1px solid #666;
	padding-bottom:20px;
}
.pos ul.discount {
	width:100%;
}
.pos ul.gift p {
	display:none;
}
.pos ul.gift li {
	width:36%;
	margin:5px 3% 0;
}
.pos ul.gift li.and {
	width:9%;
	padding-top:70px;
}
.pos ul.discount li {
	width:44%;
	margin:0 3%;
}

/*====== prize ======*/
.content {
	width:90%;
	padding-top:60px;
}
#prize ul {
	float:none;
}
#prize ul.gift {
	width:100%;
	border-right:0px;
	border-bottom:1px solid #666;
	padding-bottom:20px;
}
#prize ul.discount {
	width:100%;
}
#prize ul.gift p {
	display:none;
}
#prize ul.gift li {
	width:36%;
	margin:5px 3% 0;
}
#prize ul.gift li.and {
	width:9%;
	padding-top:70px;
}
#prize ul.discount li {
	width:44%;
	margin:0 3%;
}
#prize .remarks p {
	font-size:12px;
}
.arrow_line {
	margin:60px auto 0px;
}
.form {
	padding-top:60px;
}
.form div {
	width:100%;
}
.form span {
	display:block;
}
.form #captcha {
    margin: 10px auto;
}
#siimage {
	width:50%;
}
#thanks #submitbar {
	width:90%;
}

/*====== pos ======*/
#pos {
	padding-bottom:20px;
}
#pos h3 {
	font-size:12px;
}
#pos p {
	display:none;
}
#pos .col3 {
	clear:both;
	width:100%;
	float:none;
	text-align:center;
}
#pos .col3 li {
	float:left;
	width:19%;
	padding:1%;
	border:2px solid #ffffff;
	margin:0px 1.3% 10px;
}
#pos .col3 #add2 {
	width:70%;
	margin-left:15%;
}
#pos .col3 #add2 li {
	width:26%;
}
#pos .address {
	display:block;
	clear:both;
	margin:20px 0px;
}
#pos .address h3 {
	font-size:18px;
}
#pos .address p {
	font-size:14px;
	display:block;
}
.kingpower {
	margin-top:20px;
}
.kingpower .img{
	display:block;
}
.kingpower .reward {
	display:block;
	margin:20px 0 10px;
}
}


@media (max-width: 320px){
#menu_over li a {
	font-size:26px;
}
h1 {
	font-size:34px;
}
h2 {
	font-size:16px;
}
p {
	font-size:13px;
}
#btn_start {
	margin-top:15px;
}
#btn_start a {
	width:80px;
	height:80px;
	margin:15px auto 0px;
	background-size:100%;
}
#btn_start a:hover {
	background-position:0px 0px;
}
.yrs {
	width:130px;
	height:113px;
}
.item {
	margin:0;
}
.item li {
	padding-right: 0;
}
#footer .content {
	text-align:left;
}
}