@charset "utf-8";
/*一般設定**************************************************************************/
body, img, p, ul, li, h1, h2, h3, h4, h5, h6, th, dl, dd, dt, b, a, div {
	margin: 0px;
	padding: 0px;
	height:auto;
	line-height:0;
	list-style-type: none;
	font-size: 100%;
	border:0px;
}

body {
	padding:0px;
	margin:0 auto 0 auto;
	background-color:#000000;
}


#wrapper {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin:0;
	padding:0 0;
	background-color: #4f3445;
	float:left;
}



/* 首頁用*/
#top_bar {
	position:absolute;
	z-index:9;
	width:100%;
	height:auto;
	margin:0;
	float:left;
}
#top_bar .btn_9splay {
	width:14%;
	height:auto;
	right:0;
	margin:5px 0 2px 1%;
}
#top_bar .btn_9splay img {width:100%;}
#title {
	position:absolute;
	z-index:3;
	width:90%;
	height:auto;
	margin:80% 5% 0 5%;
}
#title img {width:100%;}
#main {
	width:100%;
	height:auto;
	margin:0;
    float:left;
}
#main img {width:100%;}


#content {
	width:90%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0 5% 15px 5%;
	float:left;
}
#content h1 {
	width:30%;
	height:auto;
	margin:2% 70% 10px 0;
	padding:8px 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 28px;
	line-height: 28px;
	color: #000;
	text-align:center;
	background-color:#f5d822;
    border-radius: 50px;
}
#content p {
	width:100%;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	text-align:left;
	float:left
}
#content p a {
	color: #C00;
	text-decoration: underline;
}
#content p a:hover {
	color: #ff0000;
	text-decoration: underline;
}
#content .line { width:100%;height:10px; margin:0 0 10px 0; border-bottom:1px solid #ffffff; float:left;}
#content h2 {
	width:100%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	text-align:left;
	float:left;
	font-weight: normal;
}
#content h2 a {
	color: #ffffff;
    text-decoration: underline;
}
#content h2 a:hover {
	color: #ffcc00;
    text-decoration: underline;
}
.btn1 {
	width:48%;
	height:auto;
	margin:4% 1% 0 1%;
	text-align:center;
	display:inline;
background: rgb(239,123,27); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,123,27,1) 0%, rgba(233,75,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,123,27,1) 0%,rgba(233,75,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,123,27,1) 0%,rgba(233,75,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7b1b', endColorstr='#e94b19',GradientType=0 ); /* IE6-9 */
  border-radius: 20px;
  -webkit-box-shadow: 0px 2px 4px #582620;
  -moz-box-shadow: 0px 2px 4px #582620;
  box-shadow: 0px 2px 4px #582620;
  font-family: 微軟正黑體;
  color: #ffffff;
  font-size: 42px;
  line-height:42px;
  text-shadow:0 1px 1px #582620;
  padding: 5% 0px 5% 0px;
  text-decoration: none;
  float:left;
}
.btn1 a {color: #ffffff; text-decoration: none;}
.btn1:hover { position:relative; bottom:3px; text-decoration: none; cursor:pointer;}
.btn2 {
	width:48%;
	height:auto;
	margin:4% 1% 2% 1%;
	text-align:center;
	display:inline;
background: rgb(232,52,48); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(232,52,48,1) 0%, rgba(177,30,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(232,52,48,1) 0%,rgba(177,30,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(232,52,48,1) 0%,rgba(177,30,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83430', endColorstr='#b11e23',GradientType=0 ); /* IE6-9 */
  border-radius: 20px;
  -webkit-box-shadow: 0px 2px 4px #582620;
  -moz-box-shadow: 0px 2px 4px #582620;
  box-shadow: 0px 2px 4px #582620;
  font-family: 微軟正黑體;
  color: #ffffff;
  font-size: 36px;
  line-height:42px;
  text-shadow:0 1px 1px #582620;
  padding: 5% 0px 5% 0px;
  text-decoration: none;
  float:left;
}
.btn2 a {color: #ffffff; text-decoration: none;}
.btn2:hover { position:relative; bottom:3px; text-decoration: none; cursor:pointer;}
.btn3 {
	width:98%;
	height:auto;
	margin:2% 1% 2% 1%;
	text-align:center;
	display:inline;
background: rgb(245,226,82); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(245,226,82,1) 0%, rgba(244,217,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(245,226,82,1) 0%,rgba(244,217,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(245,226,82,1) 0%,rgba(244,217,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e252', endColorstr='#f4d923',GradientType=0 ); /* IE6-9 */
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 3px #582620;
  -moz-box-shadow: 0px 1px 3px #582620;
  box-shadow: 0px 1px 3px #582620;
  font-family: 微軟正黑體;
  color: #000000;
  font-size: 42px;
  line-height:42px;
  text-shadow:0 1px 1px #582620;
  padding: 5% 0px 5% 0px;
  text-decoration: none;
  float:left;
}
.btn3 a {color: #000000; text-decoration: none;}
.btn3:hover { position:relative; bottom:3px; text-decoration: none; cursor:pointer;}
.btn4 {
	width:98%;
	height:auto;
	margin:2% 1% 2% 1%;
	text-align:center;
	display:inline;
background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
  border-radius: 20px;
  -webkit-box-shadow: 0px 1px 3px #582620;
  -moz-box-shadow: 0px 1px 3px #582620;
  box-shadow: 0px 1px 3px #582620;
  font-family: 微軟正黑體;
  color: #ffffff;
  font-size: 42px;
  line-height:42px;
  text-shadow:0 1px 1px #582620;
  padding: 5% 0px 5% 0px;
  text-decoration: none;
  float:left;
}
.btn4 a {color: #ffffff; text-decoration: none;}
.btn4:hover { position:relative; bottom:3px; text-decoration: none; cursor:pointer;}

#copyright {
	width:100%;
	height:auto;
	margin:2% 0 0 0;
	float:left;
}
#copyright img {width:100%;}

.yellow { color:#ffff00; }
.red { color:#F00;}
.white { font-size:24px; color:#ffffff; }
.form {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 18px;
	color: #333;
	text-align:left;
	float:left;
	background-color:#666;
	margin:10px 0 0 0;
}


/* P2頁籤 */
#gallery2 {font:16px 微軟正黑體; width:98%; margin:0 0% 0 2%; padding:0px 0 0 0; line-height:18px; }
#gallery2 div.off {color:#ffffff; width:32%; height:33px; margin:0 0.5% 5px 0; line-height:33px; padding:0; float:left; text-align:center;
border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-right:2px solid #ffffff; cursor:pointer; position:relative; z-index:3;}
#gallery2 div.on {width:32%; color:#ffff00; padding:0; margin:0 0.5% 5px 0; float:left; text-shadow: 0 1px 1px #a33c30; text-align:center;
border-top:2px solid #ffff00;border-left:2px solid #ffff00;border-right:2px solid #ffff00; cursor:pointer; height:33px; line-height:32px; position:relative; z-index:2;}

div.hide2 {display:none; width:0; overflow:hidden;}
div.show2 {
	clear:left;
    width:94%;
	height:auto;
	margin:0 0%;
	padding:2% 3% 3% 3%;
	float:left;
background-color: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
-webkit-box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
}
div.show2 h3 {
	width:560px;
	padding:8px 0;
	margin:0 0 15px 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 25px;
	line-height: 25px;
	color: #000;
	text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
background: rgb(255,214,94); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,214,94,1)), color-stop(100%,rgba(254,191,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 50px; /* Firefox */ -webkit-border-radius: 50px; /* Safari, Chrome */ -khtml-border-radius: 50px; /* Konqueror */ border-radius: 50px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	text-shadow: 0 -1px 0 #ffd400, 1px 0 0 #ffd400, 0 1px 0 #ffd400, -1px 0 0 #ffd400;
}
div.show2 h2 {
	width:530px;
	padding:8px 15px;
	margin:-25px 0 15px 0;
	float:left;
	font-family: "微軟正黑體";
	font-size: 25px;
	line-height: 28px;
	color: #000;
	text-align:left;
	background-color: #ffffff;
	-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	text-shadow: 0 -1px 0 #ffd400, 1px 0 0 #ffd400, 0 1px 0 #ffd400, -1px 0 0 #ffd400;
}
div.show2 p {
	width:100%;
	float:left;
	padding:0;
	margin:0 0 10px 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 25px;
	color: #fef895;
	text-shadow: 0 -1px 0 #311c12, 1px 0 0 #311c12, 0 1px 0 #311c12, -1px 0 0 #311c12;
	text-align:left;
}
div.show2 p a {
	color: #ffffff;
	text-align:left;
	text-decoration: underline;
}
div.show2 p a:hover {
	color: #ffff00;
	text-align:left;
	text-decoration: underline;
}
div.show2 .end {
	width:100%;
	height:45px;
	float:left;
	border-top:1px dotted #ffcc00;
}
div.show2 .end2 {
	width:100%;
	height:15px;
	float:left;
	border-top:1px dotted #ffcc00;
}
div.show2 .img1 {
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	padding:0%;
	float:left;
}
div.show2 .img1 img {width:100%;}
div.show2 .img2 {
	width:50%;
	height:auto;
	margin:0 25% 15px 25%;
	padding:0;
	float:left;
}
div.show2 .img2 img {width:100%; margin:0 0 0 0;}
div.show2 .img3 {
	width:70%;
	height:auto;
	margin:0 15% 15px 15%;
	padding:0;
	float:left;
}
div.show2 .img3 img {width:100%;}
/* P2頁籤結束 */