*{-webkit-text-size-adjust:none;}
body {
	margin: 0;
	padding: 0;
	font-size:12px;
	font-family: "微軟正黑體", "Microsoft JhengHei", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	color:#ffffff;
	background:url(../images/bg_pos.jpg) fixed top center #000;
}
body, html {
	width:100%;
	height:100%;
}
body, ul, li {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style:none;
}
a:link, a:visited {
	color:#ffffff;
	text-decoration:none;
}
a:hover, a:active {
	color:#fc1712;
}
input, textarea {
	font-size:14px;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
img {
	border:0px;
}
.clear {
	clear:both;
}
.desktop {
	display:block;
}
.mobile {
	display:none;
}
#warning {
	background-color:#fc1712;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
}
#warning .copy {
	font-size:14px;
	line-height:16px;
	margin:5px 40px 7px 20px;
}
#warning .close {
	position:absolute;
	width:20px;
	height:20px;
	top:5px;
	right:20px;
	cursor:pointer;
}
#warning a {
	text-decoration:underline;
	color:#FFFFFF;
}

.bg {
	width:100%;
	height:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	z-index:0;
	top:0px;
	left:0px;
}
.bg2 {
	width:100%;
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	z-index:0;
	top:0px;
	left:0px;
}
#wrap {
	width:100%;
	height:100%;
}
#header {
	background:url(../images/header_bg.png);
	padding:20px 0px;
	width:100%;
	height:40px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:99;
}
#logo {
	float:left;
	margin-left:20px;
	margin-right:30px;
	width:117px;
}
#logo img {
	width:100%;
}
#menu {
	float:left;
	margin-top:5px;
}
#menu li {
	float:left;
}
#menu li a {
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:4px 15px;
	cursor:pointer;
	margin:2px 0px 0px 2px;
}
#menu li a:hover {
	color:#fc1712;
}
#menu li a.current {
	border:2px solid #fc1712;
	color:#fc1712;
	margin:0px;
}
#btn_menu {
	display:none;
}
#menu_over {
	display:none;
}
#share {
	cursor: pointer;
	float:right;
	margin-right:20px;
	border:2px solid #ffffff;
	background:url(../images/btn_share.png) no-repeat top left;
	display:block;
	width:36px;
	height:36px;
	padding-left:40px;
	line-height:36px;
	font-size:14px;
	font-weight:bold;
}
#share ul {
	display:none;
	float:right;
}
#share li {
	float:left;
}
#share li.topshare:hover {
	background:url(../images/btn_share_over.png);
}
#share a {
	display:block;
	width:36px;
	height:36px;
}
#share a.btn_waibo {
	background:url(../images/btn_share_waibo.png) no-repeat;
}
#share a.btn_qq {
	background:url(../images/btn_share_qq.png) no-repeat;
}
#home {
	background-image:url(../images/bg_home.jpg);
}
#home1 {
	background-image:url(../images/bg_home1.jpg);
	opacity: 1;
    filter: alpha(opacity=1);
	z-index:1;
}
#home2 {
	background-image:url(../images/bg_home2.jpg);
	opacity: 0;
    filter: alpha(opacity=0);
	z-index:2;
}
.game1 {
	background-image:url(../images/bg_game1.jpg);
}
.game2 {
	background-image:url(../images/bg_home2.jpg);
}
#footer {
	text-align:center;
	padding:13px 0px;
	width:100%;
	position:relative;
}
#footer .content{
	padding:0;
}
#footer .content div {
	width:33%;
	float:left;
}
#footer .email {
	text-align:left;
}
#footer .copy {
	text-align:center;
}
#footer .policy {
	text-align:right;
}
#btn_top {
	position:absolute;
	top:0px;
	right:20px;
	border:2px solid #ffffff;
	background:url(../images/btn_top.png) no-repeat top left;
	display:block;
	width:36px;
	height:36px;
	cursor:pointer;
}

/*====== home ======*/
.intro {
	max-width:1000px;
	margin:150px auto 0px;
	text-align:center;
	opacity: 1;
    filter: alpha(opacity=100);
}
h2 span, p span {
	display:block;
}
.redtxt {
	color:#fc1712;
}
h1 {
	font-size:54px;
}
h1.ss {
	font-size:30px;
	font-weight:normal;
	margin-bottom:0px;
}
h2 {
	font-size:24px;
}
p {
	font-size:18px;
}
#btn_start {
	margin-top:40px;
}
#btn_start a {
	width:114px;
	height:114px;
	display:block;
	background:url(../images/btn_start.png) no-repeat top left;
	margin:0 auto;
}
#btn_start a:hover {
	background-position:0px -114px;
}
.yrs {
	position:absolute;
	bottom:30px;
	right:30px;
	width:274px;
	height:238px;
}
.yrs img {
	width:100%;
}

/*====== game ======*/
#game_home {
	max-width:1000px;
	font-size:91px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
}
.question {
	display:none;
	opacity: 0;
    filter: alpha(opacity=0);
}
#white {
	background-color:#ffffff;
	z-index:1;
}
#game_q1 {
	background-image:url(../images/bg_q1.jpg);
	z-index:2;
}
#game_q2 {
	background-image:url(../images/bg_q2.jpg);
	z-index:2;
}
#game_q3 {
	background-image:url(../images/bg_q3.jpg);
	z-index:2;
}
#game_q4 {
	background-image:url(../images/bg_q4.jpg);
	z-index:2;
}
#game_q5 {
	background-image:url(../images/bg_q5.jpg);
	z-index:2;
}
#game_q6 {
	background-image:url(../images/bg_q6.jpg);
	z-index:2;
}
#game_q7 {
	background-image:url(../images/bg_q7a.jpg);
	z-index:2;
}
#game_q8 {
	background-image:url(../images/bg_q8.jpg);
	z-index:2;
}
#game_q9 {
	background-image:url(../images/bg_q9.jpg);
	z-index:2;
}
#game_q10 {
	background-image:url(../images/bg_q10.jpg);
	z-index:2;
}
#game_q11 {
	background-image:url(../images/bg_q11.jpg);
	z-index:2;
}
#game_q12 {
	background-image:url(../images/bg_q12.jpg);
	z-index:2;
}
#game_q13 {
	background-image:url(../images/bg_q13.jpg);
	z-index:2;
}
.quesbox {
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	font-size:48px;
	font-weight:bold;
}
.quesbox img {
	margin-bottom:20px;
}
.answer {
    width: 154px;
    height: 46px;
    margin-top: 110px;
    background: url(../images/answer.png) no-repeat 0px 0px;
    position: relative;
	left:50%;
	margin-left:-77px;
}
.answer a {
    background: url(../images/answer.png) no-repeat;
    overflow: hidden;
    text-indent: -200px;
    width: 77px;
    height: 100%;
    float: left;
    position: relative;
    z-index: 10;
}
.answer a.yes {
	cursor: pointer;
	background-position:0px -92px;
}
.answer a.no {
	cursor: pointer;
	background-position:-77px -92px;
}
.answer a.yes.off {
	background-position:0px -138px;
}
.answer a.no.off {
	background-position:-77px -138px;
}
.answer .ansbg {
	position:absolute;
	top:0px;
	left:0px;
    background: url(../images/answer.png) no-repeat;
	background-position:0px -46px;
    width: 77px;
    height: 46px;
}
.btn_back a {
	cursor: pointer;
	background:url(../images/btn_back.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	bottom:50px;
	right:50px;
}
.btn_back a:hover {
	background-position:0px -30px;
}
#result {
	z-index:1;
	display:none;
	opacity: 0;
    filter: alpha(opacity=0);
}
.content2 {
	max-width:1000px;
	margin:0px auto;
	padding-top:150px;
}
.item {
	float:left;
	width:70px;
	margin-right:10px;
}
.item li a{
	display:block;
	width:70px;
	height:70px;
	background:url(../images/btn_result.png) no-repeat;
	margin:10px 0px;
}
.item li.type1 a {
	background-position:0px 0px;
}
.item li.type2 a {
	background-position:0px -70px;
}
.item li.type3 a {
	background-position:0px -140px;
}
.item li.type4 a {
	background-position:0px -210px;
}
.item li.restart a {
	cursor: pointer;
	background-position:0px -280px;
}
.item li.type1 a:hover {
	background-position:-140px 0px;
}
.item li.type2 a:hover {
	background-position:-140px -70px;
}
.item li.type3 a:hover {
	background-position:-140px -140px;
}
.item li.type4 a:hover {
	background-position:-140px -210px;
}
.item li.restart a:hover {
	background-position:-70px -280px;
}
.item li.type1 a.current {
	background-position:-70px 0px;
}
.item li.type2 a.current {
	background-position:-70px -70px;
}
.item li.type3 a.current {
	background-position:-70px -140px;
}
.item li.type4 a.current {
	background-position:-70px -210px;
}
.product {
	float:left;
	background:url(../images/menu_bg.png);
	width:600px;
	margin-right:10px;
	padding:20px;
	position:relative;
}
.icon {
	background:url(../images/icon_result.png) no-repeat;
	display:block;
	width:90px;
	height:90px;
	position:absolute;
	top:20px;
	right:120px;
}
.share {
	background:url(../images/btn_share2.png) no-repeat;
	display:block;
	width:90px;
	height:90px;
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
}
.share a {
	width:50px;
	height:50px;
	display:none;
	position:absolute;
	top:0px;
	right:0px;
}
.share a.share_waibo {
	background:url(../images/btn_share_waibo2.png) no-repeat 0px 0px;
}
.share a.share_qq {
	background:url(../images/btn_share_qq2.png) no-repeat 0px 0px;
}
.share a.share_waibo:hover {
	background-position:0px -50px;
}
.share a.share_qq:hover {
	background-position:0px -50px;
}
.title1 {
	font-size:45px;
	font-weight:bold;
	line-height:47px;
}
.title2 {
	font-size:33px;
	margin-bottom:20px;
}
.subtitle {
	font-size:20px;
	font-weight:bold;
	line-height:35px;
	padding-left:10px;
	display:block;
	color:#ffffff;
	margin-bottom:10px;
}
ul.pt {
	padding-left:30px;
	margin-bottom:10px;
}
ul.pt li {
	font-size:16px;
	list-style:url(../images/icon_pt.gif);
	margin-left:10px;
}
.remark {
	font-size:12px;
	padding-left:12px;
	margin-bottom:10px;
}
.pdtstep {
	padding-left:10px;
}
#type1 .icon {
	background-position:0px 0px;
}
#type1 .title1 {
	color:#b6dddb;
}
#type1 .subtitle {
	background-color:#b6dddb;
	color:#000000;
}
#type2 .icon {
	background-position:0px -103px;
}
#type2 .title1 {
	color:#1e8cb3;
}
#type2 .subtitle {
	background-color:#1e8cb3;
}
#type3 .icon {
	background-position:0px -203px;
}
#type3 .title1 {
	color:#c52f2c;
}
#type3 .subtitle {
	background-color:#c52f2c;
}
#type4 .icon {
	background-position:0px -304px;
}
#type4 .title1 {
	color:#004c8c;
}
#type4 .subtitle {
	background-color:#004c8c;
}
.magazine {
	float:left;
	background:url(../images/menu_bg.png);
	width:230px;
	padding:20px;
}
.take {
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
}
.btn {
	clear:both;
	margin-top:20px;
	height:40px;
}
.btn input {
	width:48%;
	height:40px;
	line-height:36px;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	background:none;
	padding:0px;
	cursor:pointer;
}
.btn input:hover {
	border:2px solid #fc1712;
	color:#fc1712;
}
.btn input.btn_photo {
	float:left;
}
.btn input.btn_upload {
	float:right;
}
.btn input.btn_comfirm {
	float:left;
}
.btn input.btn_back {
	float:right;
}
.btn input.btn_skip {
	display:none;
}
.btn a {
	display:block;
	width:70px;
	height:70px;
}
.btn a.share_qq2 {
	background:url(../images/btn_share_qq3.png) no-repeat;
	float:left;
	margin-right:20px;
}
.btn a.share_waibo2 {
	background:url(../images/btn_share_waibo3.png) no-repeat;
	float:left;
}
.btn a.share_qq2:hover {
	background-position:0px -70px;
}
.btn a.share_waibo2:hover {
	background-position:0px -70px;
}
.skip {
	margin-top:20px;
	height:35px;
}
.skip a.btn_skip {
	background:url(../images/btn_skip.png) no-repeat;
	display:block;
	width:35px;
	height:35px;
	float:right;
}
.skip a.btn_skip:hover {
	background-position:0px -35px;
}
.edit {
	width:230px;
	height:296px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.mask {
	width:230px;
	height:296px;
	z-index:100;
	overflow:visible;
	pointer-events:none;
	background:none !important;
}
.edit .userimg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.control {
	font-size:16px;
	text-align:center;
	width:160px;
	margin:10px auto 0;
}
.control .teachTag{
	display:none;
}
.control .proportion {
	float:left;
	width:70px;
	margin-right:20px;
}
.control .position {
	float:left;
	width:70px;
}
.pos {
	float:left;
	background:url(../images/menu_bg.png);
	width:600px;
	margin-right:10px;
	padding:20px;
	position:relative;
	text-align:center;
}
.pos h1 {
	font-size:22px;
}
.pos h2 {
	font-size:16px;
	font-weight:normal;
}
.pos .remarks {
	font-size:12px;
}
.pos ul {
	float:left;
	margin:20px 0;
	font-size:16px;
}
.pos span {
	font-size:20px;
	margin-right:10px;
	font-weight:bold;
}
.pos ul.gift {
	width:41%;
	border-right:1px solid #666;
}
.pos ul.discount {
	width:58%;
}
.pos li {
	float:left;
	text-align:center;
	font-size:14px;
}
.pos li img {
	width:100%;
}
.pos ul.gift li {
	width:38%;
	margin-right:5%;
}
.pos ul.gift li.and {
	width:9%;
	padding-top:50px;
}
.pos ul.discount li {
	width:45%;
	margin-left:5%;
}

/*====== prize ======*/
.content {
	max-width:1000px;
	margin:0px auto;
	text-align:center;
	padding-top:100px;
}
#prize ul {
	float:left;
	margin-bottom:20px;
	font-size:16px;
}
#prize span {
	font-size:24px;
	margin-right:10px;
	font-weight:bold;
}
#prize ul.gift {
	width:41%;
	border-right:1px solid #666;
}
#prize ul.discount {
	width:58%;
}
#prize li {
	float:left;
	text-align:center;
	font-size:14px;
}
#prize li img {
	width:100%;
}
#prize ul.gift li {
	width:38%;
	margin-right:5%;
}
#prize ul.gift li.and {
	width:9%;
	padding-top:70px;
}
#prize ul.discount li {
	width:45%;
	margin-left:5%;
}
#prize h3 {
	font-size:18px;
	margin-bottom:5px;
}
#prize .remarks {
	margin-bottom:40px;
}
#prize .remarks p {
	font-size:14px;
}
.arrow_line {
	max-width:1000px;
	height:52px;
	margin:80px auto 0px;
	background:url(../images/arrow_line.gif) no-repeat top center;
	display:block;
	clear:both;
}
.arrow_line a {
	display:block;
	width:100%;
	height:52px;
}
.form {
	padding-top:100px;
}
.form div {
	width:50%;
	margin:0px auto 10px;
}
.form div .input {
	width:100%;
	text-align:center;
	font-size:22px;
	color:#d6d6d6;
	background:url(../images/btn_share_over.png) transparent;
	border:none;
	padding-top:5px;
	padding-bottom:5px;
}
.form div.checkbar {
	text-align:left;
	font-size:14px;
}
.form div.checkbar input {
	margin-left:0px;
	margin-right:5px;
}
.form #captcha {
	margin:30px auto;
}
.form #submitbar {
	height:60px;
}
.form #submitbar input {
	width:48%;
	height:40px;
	line-height:36px;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	background:none;
	padding:0px;
	cursor:pointer;
}
.form #submitbar input:hover {
	border:2px solid #fc1712;
	color:#fc1712;
}
.form #submitbar input.btn_submit {
	float:left;
}
.form #submitbar input.btn_reset {
	float:right;
}
.form .errormsg {
	color:#fc1712;
	font-size:12px;
	text-align:left;
}
#thanks {
	padding-top:100px;
}
#thanks #submitbar {
	width:50%;
	margin:40px auto;
	height:60px;
	text-align:center;
}
#thanks #submitbar input {
	width:48%;
	height:40px;
	line-height:36px;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	background:none;
	padding:0px;
	cursor:pointer;
}
#thanks #submitbar input:hover {
	border:2px solid #fc1712;
	color:#fc1712;
}

/*====== pos ======*/
#pos h3 {
	font-size:18px;
	margin-top:0px;
	margin-bottom:3px;
}
#pos p {
	font-size:14px;
	margin-top:3px;
	margin-bottom:0px;
}
#pos .col3 {
	width:33.33%;
	float:left;
	text-align:left;
}
#pos .col3 li {
	padding:10px;
	border:2px solid #000000;
	margin-bottom:20px;
	margin-right:10px;
	cursor:pointer;
}
#pos .col3 li:hover, #pos .col3 li.current {
	color:#fc1712;
	border:2px solid #fc1712;
}
#pos .address {
	display:none;
}
.kingpower {
	clear:both;
	background-color:#1d1d1d;
	padding:10px;
	text-align:center;
}
.kingpower .img{
	display:inline-block;
	vertical-align:middle;
}
.kingpower .reward {
	margin-left:30px;
	display:inline-block;
	vertical-align:middle;
}
.kingpower a{
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:16px;
	padding:3px 20px;
}
.kingpower a:hover{
	border:2px solid #fc1712;
	color:#fc1712;
}