@charset "utf-8";
/* CSS Document */

/* ----------------------- reset  ---------------------------*/	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

caption, th {
	text-align:left;
}

q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/* ----------------------- body  ---------------------------*/	
body {
	background-color:#87c126;
	background-repeat: repeat;
}

.LEFT {
	width:459px;
	background-image: url(images/bg_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.RIGHT {
	width:459px;
	background-image: url(images/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#FB{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #FFFFFF;
	position: absolute;
	margin-top:20px;
	margin-left: 80px;
}

#LOGO{
	margin:630px 0 0 30px;
	position:absolute;
	z-index:1;
}

#MENU_01{
	width:135px;
	height:70px;
	margin:450px 0 0 20px;
	position:absolute;
	z-index:5;
}

#MENU_02{
	margin:430px 0 0 180px;
	position:absolute;
	z-index:8;
}

#MENU_03{
	margin:530px 0 0 40px;
	position:absolute;
	z-index:5;

}

#MENU_04{
	margin:490px 0 0 210px;
	position:absolute;
	z-index:3;
}


.INDEX_01 {
	width:1002px;
	height:267px;
	background-image: url(images/index_01.jpg);
}

.INDEX_02 {
	width:1002px;
	height:578px;
	background-image: url(images/index_02.jpg);
}

.font_01{
	font-size:12px;
	color:#FFF;
	margin:0 0 0 30px;
	border: 8px solid #f5b381;
	}

.font_02{
	font-size:12px;
	color:#FF0;
	}

.font_03{
	font-size:12px;
	color:#000;
	border: 8px solid #f5b381;
	}
	
.font_04{
	font-size:12px;
	color:#C00;
	font-weight:bold;
    }

/*	--------------------------------------------------
	實體包
	-------------------------------------------------- */
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	background-image: url(images/main_bg_03.jpg);
	}
		
.reveal-modal_01 {		
		visibility: hidden;
		top: 30px; 
		left: 50%;
		margin-left: -500px;
		width: 930px;
		background: #fff ;
		position: absolute;
		z-index: 101;
		padding: 15px 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 15px;
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
		-box-shadow: 0 0 20px rgba(0,0,0,.4);
	}
		
.reveal-modal_01  .close-reveal-modal {
	font-size: 13px;
	line-height:1.8;
	position: absolute;
	top: 25px;
	right: 55px;
	color: #FFF;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	z-index:120;
	}		
		
.MAIN_01_01 {
	width:930px;
	height:701px;
	background-image: url(images/main_01_01.jpg);
}

.MAIN_01_02 {
	width:930px;
	height:459px;
	font-size:12px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/main_01_02.jpg);	
}

.MAIN_01_02 p{
	padding:20px 0 10px 30px;
}

.MAIN_01_02 ol {
	padding:0 0 0 50px;
	line-height:1.8;	
}

.MAIN_01_01 .reveal-logo_01{
	padding:850px 0 0 610px;
	position:absolute;
	z-index:120;
	}
	
.MAIN_01_01 .reveal-ti{
	padding:1100px 0 0 50px;
	position:absolute;
	z-index:110;
	}
/*	--------------------------------------------------
	虛擬包
	-------------------------------------------------- */		
.reveal-modal_02  {		
	visibility: hidden;
	top: 30px; 
	left: 50%;
	margin-left: -500px;
	width: 930px;
	background: #fff ;
	position: absolute;
	z-index: 101;
	padding: 15px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-box-shadow: 0 0 20px rgba(0,0,0,.4);
	}
		
.reveal-modal_02  .close-reveal-modal {
	font-size: 13px;
	line-height:1.8;
	position: absolute;
	top: 25px;
	right: 55px;
	color: #FFF;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	z-index:120;
	} 
		
.MAIN_02_01 {
	width:930px;
	height:313px;
	background-image: url(images/main_02_01.jpg);
}

.MAIN_02_02 {
	width:930px;
	height:843px;
	font-size:12px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/main_02_02.jpg);	
}

.MAIN_02_03 {
	width:930px;
	height:194px;
	font-size:12px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/main_02_03.jpg);	
}

.MAIN_02_02 p{
	font-size:12px;
}

.MAIN_02_03 p{
	font-size:12px;
	padding:10px 0 10px 30px;
}

.MAIN_02_03 ol {
	padding:0 0 0 50px;
	line-height:1.8;	
}

.MAIN_02_02 .reveal-logo_01{
	position:absolute;
	margin:790px 0 0 610px;
	position:absolute;
	}
		
/*	--------------------------------------------------
	儲值活動
	-------------------------------------------------- */		
.reveal-modal_03  {		
	visibility: hidden;
	top: 30px; 
	left: 50%;
	margin-left: -500px;
	width: 930px;
	background: #fff ;
	position: absolute;
	z-index: 101;
	padding: 15px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-box-shadow: 0 0 20px rgba(0,0,0,.4);
}
		
.reveal-modal_03  .close-reveal-modal {
	font-size: 13px;
	line-height:1.8;
	position: absolute;
	top: 25px;
	right: 55px;
	color: #FFF;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	z-index:120;
}

.MAIN_03_01 {
	width:930px;
	height:1136px;
	background-image: url(images/main_03_01.jpg);
	font-size:12px;
	line-height:1.6;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px
}

.MAIN_03_02 {
	width:930px;
	height:194px;
	font-size:12px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(images/main_03_02.jpg);	
}

.MAIN_03_01 p{
	font-size:12px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
}


.MAIN_03_02 p{
	font-size:12px;
	padding:10px 0 10px 30px;
}

.MAIN_03_02 ol {
	padding:0 0 0 50px;
	line-height:1.8;	
}

.MAIN_03_02 .reveal-logo_01{
	position:absolute;
	margin:750px 0 0 610px;
	position:absolute;
	}
	
.MAIN_03_02 .reveal-logo_01{
	position:absolute;
	margin:-130px 0 0 610px;
	position:absolute;
	}
/*	--------------------------------------------------
	虛寶領取
	-------------------------------------------------- */
.reveal-modal_04 {		
	visibility: hidden;
	top: 30px; 
	left: 50%;
	margin-left: -500px;
	width: 930px;
	background: #fff ;
	position: absolute;
	z-index: 101;
	padding: 15px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
	-box-shadow: 0 0 20px rgba(0,0,0,.4);	
}

.reveal-modal_04 .close-reveal-modal {
	font-size: 13px;
	line-height:1.8;
	position: absolute;
	top: 25px;
	right: 55px;
	color: #FFF;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
} 

.reveal-modal_04 .main_04_01{
	width:930px;
	height:1160px;
	background-image: url(images/main_04_01.jpg);
 }
 
 .reveal-modal_04 .reveal-logo_04{
	padding:890px 0 0 570px;
	}
	
/*	--------------------------------------------------
	滑動版面
	-------------------------------------------------- */


			
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.container {
	width: 552px;
	margin:0 0 0 25px;
}

h2.acc_trigger {
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 552px;
	font-size:13px;
	font-weight: normal;
	float: left;
	letter-spacing:1px;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 1px 0 0 70px;
	font-weight:bold;

}
h2.acc_trigger a:hover {
	color:#FF0;
}

h2.active {background-position: left bottom;
	}

.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 552px;
	clear: both;
	border: 1px solid #f4cabe;
	background-image:url(images/black_01.png);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container .block {
	padding: 20px;
}
.acc_container .block p {
	padding: 4px 0;
	margin: 4px 0;
}
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
}

.acc_container h4 {
	text-align:center;
	padding: 35px 0;
}
.acc_container h5 {
	text-align:center;
}

.acc_container h6 {
	text-align:center;
	padding: 15px 0 0 0;
}



h2.acc_trigger1 {
	padding: 0;
	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 552px;
	font-size:13px;
	font-weight: normal;
	float: left;
	letter-spacing:1px;
}
h2.acc_trigger1 a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 1px 0 0 70px;
	font-weight:bold;

}
h2.acc_trigger1 a:hover {
	color:#FF0;
}


.acc_container1 {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 552px;
	clear: both;
	border: 1px solid #f4cabe;
	background-image:url(images/black_01.png);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container1 .block {
	padding: 20px;
}
.acc_container1 .block p {
	padding: 4px 0;
	margin: 4px 0;
}
.acc_container1 h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
}

.acc_container1 h4 {
	text-align:center;
	padding: 35px 0;
}
.acc_container1 h5 {
	text-align:center;
}

.acc_container1 h6 {
	text-align:center;
	padding: 15px 0 0 0;
}