﻿/* 本次活動特做，下次可刪 */
.link_go{ 
	height:150px;
	width:124px;
	float:left;
	padding:0 10px;
	display:block;
	background-image:url(images/01.png); 
	background-position:center; 
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin:10px 0;
	}
#lg01{ background:url(images/01.png);background-repeat:no-repeat;background-position:center; }
#lg02{ background:url(images/02.png);background-repeat:no-repeat;background-position:center; }
#lg03{ background:url(images/03.png);background-repeat:no-repeat;background-position:center; }
#lg04{ background:url(images/04.png);background-repeat:no-repeat;background-position:center; }
#lg05{ background:url(images/05.png);background-repeat:no-repeat;background-position:center; }
#lg06{ background:url(images/06.png);background-repeat:no-repeat;background-position:center; }
#lg07{ background:url(images/07.png);background-repeat:no-repeat;background-position:center; }
#lg08{ background:url(images/08.png);background-repeat:no-repeat;background-position:center; }
#lg09{ background:url(images/09.png);background-repeat:no-repeat;background-position:center; }

#des{clear:both; padding:20px 40px; text-align:left; background:#fff; background-repeat:no-repeat;}
.des_p{	line-height:300%;}
	#life{ display:inline-block; width:219px; height:45px; background:url(images/ego.jpg); text-indent:-9999px;}
	#mcligo{ display:inline-block; width:450px; height:45px; background:url(images/mycard.jpg); text-indent:-9999px;}
.title_red{
	clear:both;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 10px 20px;
	background:#a80a1c ;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #a80a1c;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	margin:0 0 15px 0;
}
.title_act2{
	clear:both;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	padding: 10px 20px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	margin:0 0 15px 0;}
/* for卡密活動等css用 */
p{ line-height:150%;}
.content{background:url(images/red_bg.jpg);}
#middle{background-color:#fff;}

header{width:1000px;
	height:197px;}

h1 a{
	display:block;
	width:1000px;
	height:197px;
	background:url(images/a3.jpg);
	text-indent:-9999px;
	}
	h2 {
	display:block;
	border-bottom:1px dashed #ccc;
	margin:0 auto 25px auto;
	padding:10px 0;
	text-align:center;
	background:#FFF9EE;
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
	text-indent:0;
	height:auto;
}
#time {
	width:1000px;
	height:39px;
	background:url(images/a1.gif);
	text-indent:-99999px;
	border-bottom: 1px dashed #CCCCCC;
	padding: 15px 0;
	background-position:center;
	background-repeat:no-repeat;
}
.big_section {
	width:964px; /* =1000-6(border:3px x 2)-30(padding) */
	min-height:400px;
	padding: 35px 15px 15px;
	background:#fff;
	
}
p.step_title {
	width:352px;
	height:40px;
	text-indent:-9999px;
	margin:0 auto 15px auto;
}
#step1 {
	background:url(images/title_input.gif);
}
#step2 {
	background:url(images/title_system.gif);
}
#step22 {
	background:url(images/title_gift.gif);
}/* 中獎結果 */

#step33 {
	background:url(images/title_input_choice.gif);
}/* 選擇兌換的遊戲 */


#step3 {
	background:url(images/title_input_search.gif);
}
#step4 {
	background:url(images/title_input_info.gif);
}
#data_space {
	width:600px;
	margin:0 auto;
	border:1px dashed #ccc;
	padding:0 0 15px 0;
}
h2 {
	display:block;
	border-bottom:1px dashed #ccc;
	margin:0 auto 25px auto;
	padding:10px 0;
	text-align:center;
	background:#fff0f1;
	font-size:16px;
	font-weight:bold;
	color:#541318;
}
.input_area {
	text-align:center;
	margin:0 0 20px 10px;
}
input {
	width:400px;
	padding: 5px;
	font-size: 15px;
	border:1px solid #ccc;
	outline: none;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari, Chrome */
	-khtml-border-radius: 6px; /* Konqueror */
	border-radius: 6px; /* Opera 10.50 and later (CSS3 standard) */
	-webkit-box-shadow: inset 0 1px 1px #DEDEDE;
	box-shadow: inset 0 2px 2px #DEDEDE;
}
input:focus {
	border:1px solid #FF6666;
}
.input_title {
	display:block;
	vertical-align:middle;
	width:100px;
	float:left;
	line-height:15px;
	padding:5px;
	color:#666666;
}
.red_nec {
	color:#FF0000;
	padding:0 3px;
}
.btn {
	border-top:1px dashed #ccc;
	padding:15px 0 0 0;
	margin:15px 0;
	text-align:center;
	clear:both;
}
p#game_start a {
	display:block;
	width:150px;
	height:150px;
	background:url(images/start.png);
	text-indent:-9999px;
	margin:0 auto;
}
p#pisp {
	display:block;
	text-align:center;
	line-height:30px;
	padding:0 15px;
}
p#price, p#price a {
	font-size:22px;
	color:#FF0000;
	font-weight:bold;
	display:block;
	text-align:center;
}
p#price a:hover {
	color:#000000;
}
p#pisp_num {
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#FF0000;
}
p.pisp_num {
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#FF0000;
}

#apDiv1 {
	background-color: #FF0000;
	border-radius: 25px 25px 25px 25px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 18px;
	line-height: 18px;
	margin: 0 auto;
	padding: 6px 10px;
	text-align: center;
	width: 160px;
	z-index: 9;
}
p.input_red {
	display:block;
	color:#FF0000;
	font-size:13px;
	margin:-15px 0 15px 50px;
}
#gift_message {
	font-size:13px;
	font-weight:bold;
	padding:10px 35px;
	line-height:20px;
	border-bottom:1px dotted #ccc;
	width:85%;
	margin:0 auto;
}
.cp_footer{ padding:10px 0; border:1px dashed #ccc; clear:both;}
/* 黃按鈕 */
.b_yellow {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffee66;
}.b_yellow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background-color:#ffab23;
}.b_yellow:active {
	position:relative;
	top:1px;
}
/* end黃按鈕 */


/* 白按鈕 */
.b_white {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.b_white:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.b_white:active {
	position:relative;
	top:1px;
}
/* end白按鈕 */


#c6{ right:30px;}
#class_w6 { right:50px;}

.result{ margin: 0 auto;}
.result td{ vertical-align:top;}
p.rp_1{ display:block; margin:10px 0 -5px 25px;text-align:left; line-height:200%;}
	#rp_1_right a{ float:right;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d) );
	background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d');
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}#rp_1_right a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83) );
	background:-moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83');
	background-color:#e4685d;
}#rp_1_right a:active {
	position:relative;
	top:1px;
}
.notice{ font-size:13px; line-height:150%; padding:0 35px; color:#666; text-align:left;}
p#pisp2{ font-size:11px; color:#ccc;clear:both;}
.clear{ clear:both;}
.tabs{ clear:both;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,.ui-widget-content{ border:0;}
.ui-widget-header .ui-state-focus,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
 {background:none; border:0;}
.ui-tabs .ui-tabs-nav li{ padding:0 25px; height:130px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a,
.ui-widget-header{background:none;border:0;padding:0;}
.ui-tabs .ui-tabs-nav li a{ padding:0;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:0;}
.ui-tabs .ui-tabs-panel{ padding:0px 35px;}
.go_active {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	color:#c92200;
	font-family:arial;
	font-size:19px;
	font-weight:bold;
	padding:20px 31px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ded17c;
}.go_active:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color:#f2ab1e;
}.go_active:active {
	position:relative;
	top:1px;
}
#center{
	text-align:center;
	margin:30px auto;}
	
.dialog p{ font-size:15px; line-height:150%;}
#ex{ font-size:13px; color:#666; line-height:150%; padding:10px 0 0 20px;}

.left{ width:63%; float:left; margin:0 0 35px ; padding:10px; background:url(images/left.jpg);}
.right{ width:30%; float:right;margin:0 0 35px ;padding:15px; background:#f6f6f6;}
.act2_p{ color:#999;}