﻿@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #787A7C;
	line-height: 15pt;
	letter-spacing: 1pt;
	text-align: center;
	/*overflow-x:hidden; 
	overflow-y:hidden;*/
}

.text-white {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #FFFFFF;
	line-height: 15pt;
	letter-spacing: 0pt;
}

/* --------------------------------
連結文字
----------------------------------- */
A: {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:link    {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:visited {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:active  {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}
A:hover   {font:12px Verdana, arial, Helvetica, sans-serif, 新細明體;color:#F6D330;line-height: 15pt;text-decoration:none;letter-spacing:1pt;}

.NewsTitle: 	   {font:70px 標楷體 ,新細明體, Verdana, arial, Helvetica, sans-serif;color:#ffffff;line-height: 60pt;text-decoration:none;letter-spacing:-5pt;padding-left: 50px;}
.NewsTitle:link    {font:70px 標楷體 ,新細明體, Verdana, arial, Helvetica, sans-serif;color:#ffffff;line-height: 60pt;text-decoration:none;letter-spacing:-5pt;padding-left: 50px;}
.NewsTitle:visited {font:70px 標楷體 ,新細明體, Verdana, arial, Helvetica, sans-serif;color:#ffffff;line-height: 60pt;text-decoration:none;letter-spacing:-5pt;padding-left: 50px;}
.NewsTitle:active  {font:70px 標楷體 ,新細明體, Verdana, arial, Helvetica, sans-serif;color:#ffffff;line-height: 60pt;text-decoration:none;letter-spacing:-5pt;padding-left: 50px;}
.NewsTitle:hover   {font:70px 標楷體 ,新細明體, Verdana, arial, Helvetica, sans-serif;color:#ffffff;line-height: 60pt;text-decoration:none;letter-spacing:-5pt;padding-left: 50px;}

.month:        {font:20px arial, Helvetica, Verdana, sans-serif;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:-2pt;font-weight: bold;}
.month:link    {font:20px arial, Helvetica, Verdana, sans-serif;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:-2pt;font-weight: bold;}
.month:visited {font:20px arial, Helvetica, Verdana, sans-serif;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:-2pt;font-weight: bold;}
.month:active  {font:20px arial, Helvetica, Verdana, sans-serif;color:#FFF12D;line-height: 15pt;text-decoration:none;letter-spacing:-2pt;font-weight: bold;}
.month:hover   {font:20px arial, Helvetica, Verdana, sans-serif;color:#FFF12D;line-height: 15pt;text-decoration:none;letter-spacing:-2pt;font-weight: bold;}

.page:        {font:14px arial, Helvetica, Verdana, sans-serif;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.page:link    {font:14px arial, Helvetica, Verdana, sans-serif;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.page:visited {font:14px arial, Helvetica, Verdana, sans-serif;color:#ffffff;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.page:active  {font:14px arial, Helvetica, Verdana, sans-serif;color:#FFF12D;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}
.page:hover   {font:14px arial, Helvetica, Verdana, sans-serif;color:#FFF12D;line-height: 15pt;text-decoration:none;letter-spacing:0pt;font-weight: bold;}

/* --------------------------------
flash頁最外框
----------------------------------- */
#flash {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* --------------------------------
最外框
----------------------------------- */
#content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* --------------------------------
top區
----------------------------------- */
#top-bg {
	width: 100%;
	height: 90px;
	background-image: url(../images/top_bg.gif);
}

.top-bg {
	font-size: 70px;
	font-family: 標楷體 ,新細明體, Verdana, arial, Helvetica, sans-serif, ;  
	color: #FFFFFF;
	line-height: 15pt;
	letter-spacing: 1pt;
	padding-left: 50px;
	padding-top: 20px;
}

.top-flash {
	text-align: right;
	padding-right: 30px;
}

#top-btn {
	margin-bottom: 5px;
	margin-right: 10px;
}

/* --------------------------------
bottom區
----------------------------------- */
.sum {
	font-size: 25px;
	font-family: Verdana, arial, Helvetica, sans-serif,;  
	color: #FFFFFF;
	line-height: 23pt;
	letter-spacing: 0.3pt;
	font-weight: bold;
	text-align: right;
	padding-top: 18px;
	padding-right: 30px;
}

.url {
	text-align: right;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 32px;
}

.mark {
	text-align: right;
}

/* --------------------------------
news區
----------------------------------- */
#news-content {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.year {
	font-size: 30px;
	font-family: arial, Helvetica, Verdana, sans-serif,;  
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20pt;
	letter-spacing: -2pt;
}

.month-visited {
	font-size: 20px;
	font-family: arial, Helvetica, Verdana, sans-serif,;  
	font-weight: bold;
	color: #FFF12D;
	line-height: 15pt;
	letter-spacing: -2pt;
}

#news-main {
	width: 570px;
	height: 355px;
	text-align: left;
	border: 1pt solid #FFFFFF;
	background-color:#000000;
	margin-top: 45px;
}

.news-main {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.news-title {
	font-size: 45px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #FF0099;
	font-weight: bold;
	line-height: 35pt;
	letter-spacing: -2pt;
}

.news-text {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #FFFFFF;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
	padding-top: 5px;
}

/* --------------------------------
event區
----------------------------------- */
.event-title {
	font-size: 45px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #F6D330;
	font-weight: bold;
	line-height: 35pt;
	letter-spacing: -2pt;
}

/* --------------------------------
join區
----------------------------------- */
#join-content {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#join-main {
	width: 930px;
	height: 330px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1pt solid #FFFFFF;
	background-color:#000000;
	margin-top: 8px;
}

.join-main {
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 45px;
	padding-right: 18px;
}

.input  {font:9pt Verdana, arial, Helvetica, sans-serif, 新細明體;
		color:#251F21;
		background-color: #FFFFFF;
		border: 1px solid #7F7D7D;
}

#join-btn {
	margin-top: 70px;
}

/* --------------------------------
club區
----------------------------------- */
#club-content {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*
#club-main {
	width: 462px;
	height: 335px;
	text-align: left;
	border: 1pt solid #FFFFFF;
	background-color:#000000;
	margin-top: 6px;
}
*/

.club-main {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.club-title {
	font-size: 45px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #9EC54D;
	font-weight: bold;
	line-height: 35pt;
	letter-spacing: -2pt;
}

#club-blog {
	width: 458px;
	height: 186px;
	text-align: left;
	border: 1pt solid #FFFFFF;
	background-color:#9EC54D;
	margin-top: 70px;
}

/*
.club-blog {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #FFFFFF;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
*/

#club-pic {
	margin-top: 3px;
}

/* --------------------------------
guest區
----------------------------------- */
#guest-content {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/*
#guest-main {
	width: 835px;
	height: 330px;
	text-align: left;
	margin-left: 48px;
	margin-top: 10px;
}
*/
#guest-main02 {
	width: 865px;
	height: 330px;
	text-align: left;
	border: 1pt solid #FFFFFF;
	background-color:#8160A4;
}

#guest-main03 {
	width: 845px;
	height: 310px;
	margin-left: 9px;
	text-align: left;
	vertical-align:middle;
	border: 1pt solid #FFFFFF;
	background-color:#000000;
}

#guest-main04 {
	width: 750px;
	height: 310px;
	margin-left: 9px;
	text-align: left;
	vertical-align:middle;
	border: 1pt solid #FFFFFF;
	background-color:#8160A4;
}

#guest-add {
	width: 700px;
	text-align: left;
	margin-left: 45px;
	margin-top: 15px;
}

.guest-title {
	font-size: 25px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #8160A4;
	font-weight: bold;
	line-height: 35pt;
	letter-spacing: -2pt;
	text-align: left;
	background-color:#FFFFFF;
	padding-left: 10px;
}

.guest-title02 {
	font-size: 25px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #F6D330;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 0pt;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}

.guest-date {
	font-size: 14px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #8160A4;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 0pt;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color:#FFFFFF;
}

.guest-date02 {
	font-size: 14px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #F6D330;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 0pt;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.guest-text {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #FFFFFF;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.guest-text02 {
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #F6D330;
	font-weight: bold;
	line-height: 15pt;
	letter-spacing: 1pt;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#guest-btn {
	margin-right: 18px;
}

/* --------------------------------
shop區
----------------------------------- */
#shop-content {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}




#shop-main {
	width: 415px;
	height: 200px;
	text-align: left;
	margin-bottom: 15px;
	border: 1pt solid #FFFFFF;
}

.shop-main {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align:text-top;
	text-align:left;
}

.shop-title {
	font-size: 30px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25pt;
	letter-spacing: -1pt;
	text-align: left;
}

#shop-btn {
	width: 415px;
	margin-bottom: 8px;
}

.shop-cost {
	font-size: 30px;
	font-family: 新粗黑體, arial, Helvetica, Verdana, sans-serif, ;  
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18pt;
	letter-spacing: -1pt;
	text-align: right;
}

#shop-pic {
	width: 500px;
	height: 418px;
	border: 1pt solid #FFFFFF;
}

#shop-icon {
	margin-top: 10px;
	margin-bottom: 5px;
}

#shop-order-btn {
	width: 118px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 8px;
}

#shop-list-bgcolor {
	width: 408px;
	background-color:#FFFFFF;
}

.shop-list-icon {
	text-align: center;
	background-color:#797B7D;
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #FFFFFF;
	line-height: 15pt;
	letter-spacing: 0pt;
}

#shop-list-btn {
	width: 138px;
	margin-top: 5px;
	margin-left: 270px;
}
/*

.shop-list-data {
	text-align: left;
	font-size: 12px;
	font-family: Verdana, arial, Helvetica, sans-serif, 新細明體;  
	color: #2F3031;
	line-height: 15pt;
	letter-spacing: 0pt;
}
/*
