/**----------------- 原始設定 ---------------------**/
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.html_listTo {
	width: 150%;
	height: 100%;
	overflow-x: hidden
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
	background: #000;
	word-wrap: break-word;/*英文換行*/
	word-break: normal;/*英文換行*/
}
body {
}
.ft{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#767676;
	height:40px;
}

/*input, textarea {
	color: #555;
	border: 0px solid #999999;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}*/
/*@font-face {
  font-family:'MGentleHK-Light';
  src: url('http://www1.suntravel.com.tw/ad_temp/test-use/asa2015/pktravel/bali/MGentleHK-Light.otf') format("opentype");
}*/
@media screen and (min-width: 700px) {
	.bg{
		padding-left:15%;
		padding-top:15%;
		width:60%;
		height:auto;
		text-align:center;
		margin:0px auto;
	}
	.bg1{
		float:left;
		width:200px;
		height:200px;
		text-align:center;		
	}
}
@media screen and (max-width: 600px){
	.bg{
	padding-top:55%;
	width:100%;
	height:100%;
	text-align:center;
	}
	.bg1{
		float:left;
		width:300px;
		height:200px;
		text-align:center;	
	}
}
/**---------- 頁面設定 ----------**/
.wrapper {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #000;
	overflow-y: auto;
	position: relative;
	font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}
.wrapper_listTo {
	width: 80%;
	height: 100%;
}
.wrapper .Index_Layout {
	position: absolute;
	width: 720px;
	height: 110px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 290px 0 0 0;
	margin: auto;
	text-align: center;
	background: url(../images/logo.jpg) no-repeat;
	background-size: cover;
}
.wrapper .Index_Layout input[type="button"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	background-color: #CCC;
	color: #333;
}
.wrapper .Index_Layout input[type="button"]:active {
	background-color: #666;
	color: #FFF;
}
.wrapper .Login_Layout {
	position: absolute;
	width: 420px;
	height: 160px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #FFF;
	font-size: 1.2em;
	padding: 290px 200px 0 200px;
	margin: auto;
	text-align: center;
	background: url(../images/logo.jpg) no-repeat;
	background-size: cover;
}
/*-- 表單 --*/
.wrapper .Login_Layout table {
	width: 100%;
	border-collpase: collpase;
	margin: 0;
	padding: 0;
}
.wrapper .Login_Layout table tr {
	line-height: 40px;
	margin: 0;
	padding: 0;
}
.wrapper .Login_Layout table td {
	line-height: 40px;
	color: #FFF;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.wrapper .Login_Layout table td a {
	color: #FFF;
    text-decoration: none;
}
.wrapper .Login_Layout table td a:hover{
	color:#CCC;
    text-decoration: underline;
}
.wrapper .Login_Layout table td input[type="text"] {
	width: 100%;
	height: 24px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}
.wrapper .Login_Layout table td input[type="submit"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.wrapper .Login_Layout table td input[type="submit"]:active {
	background-color: #666;
	color: #FFF;
}
.wrapper .Login_Layout table td input[type="reset"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.wrapper .Login_Layout table td input[type="reset"]:active {
	background-color: #666;
	color: #FFF;
}
.wrapper .Login_Layout table td input[type="button"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.wrapper .Login_Layout table td input[type="button"]:active {
	background-color:#666;
	color: #FFF;
}
.wrapper .Login_Layout table td select {
	height: 24px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*border:0px solid #ebcac0;*//*background:#ffebe5;*/
}
.wrapper .Login_Layout table td textarea {
	width: 100%;
	height: 160px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}
.wrapper .Login_Layout table th {
	/*border:0px solid #89B3DB;*/
	font-size: 17px;
	font-weight: bold;
	line-height: 40px;
	/*background:#ffebe5;*/
	/*color:#FFF;*/
	margin: 0;
	padding: 0 5px;
}
.button_example{
border:2px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #000000;
 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

.button_example:hover{
 border:2px solid #bfc4c4;
 background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}


/**---------- 內頁頁面設定 --------
.wrap {
   position:relative;
   text-align: left;
   behavior:expression(this.style.width =  (document.documentElement.offsetWidth<1280)?"1280px":"100%");
   max-width:1280px;
   min-width:320px;
   margin:0px auto;
   background-color:#666666;
   align:center;
   padding: 0px 0px 0px 0px;
}
.wrap .slogan{
	float:left;
	width:1000px;
	margin:0;
	padding:0 3px;
	bottom:-5px;
	position: absolute;
	z-index:999;
}


--**/
/*header內頁抬頭*/
.header {
	float: left;
	width: 100%;
	height: 100px;
	padding: 0;
	background: url(../images/header_bg.jpg) repeat-x;
	/*border-bottom:1px solid rgba(102,102,102,1);*/
	position: relative;
}
.header .x {
	float: left;
	width: 100px;
	height: 100px;
}
.header .x img {
	width: 100%;
	height: auto;
}
.header .Inpage-titleA {
	float: left;
	line-height:100px;
	font-size:2em;
	padding-left:0.3em;
	padding-top:0.2em;
	color:#FFF;
}
@media screen and (min-width: 700px) {
.header .Inpage-titleA img{
	height:100px;
}
}
@media screen and (max-width: 600px){
.header .Inpage-titleA img{
	height:55px;
}
}
.header .share {
	float: right;
	width: 100px;
	height: 100px;
	position: relative;
	z-index:1000;
}
.header .share img{
	width: 100%;
	height: auto;
}
.header .share ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.header .share ul li {
	float: left;
	position: relative;
}
.header .share ul a, .header .share ul a:visited {
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-decoration: none;
}
.header .share ul li:hover > a {
	width: 100px;
	height: 100px;
	display: block;
	color: #c00;
}
.header .share ul li ul {
	display: none;
}
.header .share ul li:hover > ul {
	display: block;
	position: absolute;
	top: 0;
	left: 100px;
}
.header .share ul > li:hover > ul {
	left: 0;
	top: 100px;
}
/**---------- 大圖倫播 ----------**/
.Nav {
	float: left;
	width: 100%;
	height: 70px;
	background-color: #f2f2f2;
}
.Nav .toggle-menu {
	float: left;
	width: 70px;
	height: 70px;
	background-color: #f2f2f2;
}
.Nav .Inpage-titleB {
	float: left;
	line-height: 70px;
	font-size: 1.5em;
	color: #000000;
}
/**---------- 大圖倫播 ----------**/
.slider {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.slider img{
	width: 100%;
	height:auto;
}

.slider .slideBox {
	float: left;
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
}
.slider .slideBox .hd {
	height: 10px;
	overflow: hidden;
	position: absolute;
	bottom: 4px;
	z-index: 1;
	width: 81px;
	background: url(../images/slider/btnBg.png) no-repeat;
	margin-left: -46px;
	left: 50%;
	padding: 4px 0px 0px 11px;
}
.slider .slideBox .hd ul {
	zoom: 1;
}
.slider .slideBox .hd ul li {
	float: left;
	width: 6px;
	height: 6px;
	background: url(../images/slider/btn1.png) no-repeat;
	cursor: pointer;
	margin-right: 10px;
}
.slider .slideBox .hd ul li.on {
	background: url(../images/slider/btn2.png) no-repeat;
}
.slider .slideBox .bd {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.slider .slideBox .bd ul, .slideBox .bd ul li {
	width: 100%!important
}
.slider .slideBox .bd img {
	width: 100%;
	height: auto;
	display: block;
}

/**---------- 大圖倫播2 ----------**/
.sliderB {
	float: left;
	width: 100%;
	height:100%;
	position: relative;
	overflow: hidden;
}

#abgneBlock {
	padding: 5px;
	width:98%;
	height:98%;
	border: 0px solid #ccc;
}
#abgneBlock #player {
	position: relative;
	overflow: hidden;
	height: 100%;
}
#abgneBlock ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 100%;
	height: 100%;
}
#abgneBlock ul.list li {
	float: left;
	width: 100%;
	height: 100%;
}
#abgneBlock .list img{
	width: 100%;
	height:100%;
	border: 0;
}
#abgneBlock ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 20px;
}
#abgneBlock ul.playerControl li {
	float: left;
	color: #ff99cc;
	text-align: center;
	line-height: 20px;
	width: 20px;
	height: 20px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	margin: 0px 2px;
	round: url(http://www.ishome.com.tw/uploads/2013/07/original/945289_91c8d5d204c4d04d4950b2b0b3c5b9b9.gif?1373884071) no-repeat -21px 0;
}
#abgneBlock ul.playerControl li.current { 
	color: #fff;
	font-weight: bold;
	background-position: 0 0;
}

.sales{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #000;
	position: relative;
	z-index: 1;
}
.coupon{
  float:left;
  width:98%;
  margin:0 1% 1em 1% ;
  padding:0;
  background-color:#fff;
  position: relative;
  z-index: 1;
}
.coupon img{
  width:100%;
  height:auto;
}
.sales .datepicker{
	float:left;
	width:98%;
	margin:0 1% 1em 1% ;
}
.sales .datepicker input[type="text"] {
	width:30%;
	height: 24px;
	margin: 8px 0;
	font-size:1.3em;
	display:inline-block;
	vertical-align:middle;
	border: 0px solid #333;/*background:#ffebe5;*/
}
.sales .datepicker label{  
    display: inline-block;  
	margin: 8px 0;
	font-size:1.6em;
	color:#000;
    vertical-align: middle;  
}  
.sales .datepicker input[type="submit"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#fff;
	color:#333;
}
.sales .datepicker input[type="submit"]:active {
	background-color: #666;
	color: #FFF;
}
.sales .datepicker input[type="reset"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.sales .datepicker input[type="reset"]:active {
	background-color: #666;
	color: #FFF;
}
.sales .datepicker input[type="button"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.sales .datepicker input[type="button"]:active {
	background-color:#666;
	color: #FFF;
}

/**---------- 內頁大圖 ----------**/
.sliderA {
	width: 100%;
	position: relative;
}
.sliderA img {
	width: 100%;
	height: auto;
	position: relative;
}
/**---------- 隱藏選單 ----------**/
.MenuA {
	float: left;
	width: 300px;
	height: 100%;
	padding: 0;
	top: 0;
	/*left:-300px;*/
	position: fixed;
	z-index: 9999;
	display: none;
	background: #999;
	transition: left .5s ease-in;
}
.MenuA ul {
	width: 100%;
	padding: 0;
	margin-top: 1em;
	list-style: none;
}
.MenuA ul li {
	float: left;
	width: 250px;
	line-height: 60px;
	text-align: center;
	font-size: 1.2em;
	list-style: none;
	color: #333;
    background: #999;
}
.MenuA ul li ul{
	padding: 0;
	margin:0;
	list-style: none;
}
.MenuA ul li ul li{
	float: left;
	width: 150px;
	padding:0 0 0 100px;
	line-height: 60px;
	text-align: center;
	font-size: 1.2em;
	list-style: none;
	color: #333;
    background: #999;
}
.MenuA ul li a {
	color: #FFF;
	text-decoration: none;
}
.MenuA_listTo {
	display: block;
	left: 0 !important;
	overflow-y:auto;
}
.menuBG {
	width: 100%;
	min-height: 100%;
	padding: 0px;
	position: absolute;
	background-color: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	transition: left .5s ease-in;
}
/*Main*/
.Main {
	float: left;
	width: 100%;
	padding: 0;
	/* [disabled]margin:0; */
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color:#000000;
	
}
@media screen and (min-width: 700px) {
.Main .menu {
	float: left;
	width: 90%;
	margin: 0 15%;
}
}
@media screen and (max-width: 600px){
.Main .menu {
	float: left;
	width: 90%;
	margin: 0 5%;
}
}
.Main .menu li {
	float: left;
	width: 15%;
	margin: 0 0 0 0;
	list-style: none;
}
.Main .menu li img {
	width: 100%;
	height: auto;
}
/*-- 表單 --*/

.Main table {
	width: 100%;
	/*border:0px solid #000;*/
	border-collpase: collpase;
	margin: 0;
	padding: 0;
	background-color:#FFF;
}
.Main table tr {
	border-top:0px solid #000000;
	line-height: 50px;
	margin: 0;
	padding: 0;
}
.Main table td {
	border-right:0px solid #000000;
	line-height: 50px;
	color: #000;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.Main table td a {
	color: #000;
    text-decoration: none;
}
.Main table td a:hover{
	color: #000;
    text-decoration: underline;
}
.Main table input[type="text"] {
	width: 80%;
	height: 24px;
	margin: 8px 0;
	display:inline-block;
	vertical-align:middle;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}
.Main table input[type="submit"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.Main table input[type="submit"]:active {
	background-color: #666;
	color: #FFF;
}
.Main table input[type="reset"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.Main table input[type="reset"]:active {
	background-color: #666;
	color: #FFF;
}
.Main table input[type="button"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.Main table input[type="button"]:active {
	background-color:#666;
	color: #FFF;
}
.Main table select {
	height: 24px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*border:0px solid #ebcac0;*//*background:#ffebe5;*/
}
.Main table textarea {
	width: 100%;
	height: 160px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}
.Main table th {
	/*border:0px solid #89B3DB;*/
	/*background:#ffebe5;*/
	/*color:#FFF;*/
	margin: 0;
	padding: 0;
}

/**---------- 主內容框設定 ----------**/
.container {
	width:100%;
	padding: 0;
	margin:1em 0;
	position: relative;
	z-index: 1;
}

.container .listA{
	width:98%;
	padding:1%;
	margin:0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.container .listA ul{
	padding: 0;
	margin:0;
	list-style:none;
	position: relative;
	z-index: 1;
}
.container .listA ul li{
	width:97.5%;
	padding:1em;
	margin:0;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.container .listA ul li:nth-child(even){
	background:#f1f1f1;
}
.container .listA ul li .ImgPic{
	float:left;
	width:250px;
	height:250px;
	padding:0;
	margin:0;
	position: relative;
	z-index: 1;
}
.container .listA ul li .ImgPic img{
	width:100%;
	height: auto;
}
.container .listA ul li .Listext{
	float:left;
	height:250px;
	line-height:250px;
	font-size:1.6em;
	padding:0;
	margin:0 0 0 1em;
	position: relative;
	z-index: 1;
}
.listB{
	width:100%;
	padding:0;
	margin:0;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.listB .th{
	float: left;
	width: 98%;
	line-height: 40px;
	font-size: 1.3em;
	background-color: #8ec31f;
	color: #8ec31f;
	padding: 0;
	margin: 0 1%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.listB .th .th15{
	float:left;
	width:24.5%;
	line-height:40px;
	padding:0 0 0 0.5%;
	margin:0;
	background:url(../images/line.png) left no-repeat;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.listB .th .th70{
	float:left;
	width:49.5%;
	line-height:40px;
	padding:0 0 0 0.5%;
	margin:0;
	background:url(../images/line.png) left no-repeat;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.listB ul{
	float:left;
	width:98%;
	padding:0 1%;
	margin:0;
	background-color:#000;
}
.listB ul li{
	float:left;
	width:100%;
	height:35px;
	padding:0;
	margin:0;
	font-size:1.2em;
	border-bottom:0px solid #000;
	list-style:none;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.listB ul li a{
	color: #FFF;
	text-decoration: none;
}

.listB ul li .td15{
	float:left;
	width:24.5%;
	line-height:35px;
	padding:0 0 0 0.5%;
	margin:0;
	position: relative;
	z-index: 1;
	overflow:hidden;
	background-color:#000;
	color:#FFFFFF;
}
.listB ul li .td70{
	float:left;
	width:49.5%;
	line-height:35px;
	padding:0 0 0 0.5%;
	margin:0;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.listC{
	width:98%;
	padding:1%;
	margin:0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.listC ul{
	padding: 0;
	margin:0;
	list-style:none;
	position: relative;
	z-index: 1;
}
.listC ul li{
	float:left;
	width:24.5%;
	padding:0;
	margin:0 0 0 0.5%;
	position: relative;
	z-index: 1;
	text-align:center;
	overflow:hidden;
}
.listC ul li .ImgPic{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	position: relative;
	z-index: 1;
}
.listC ul li .ImgPic img{
	width:100%;
	height: auto;
}
.listC ul li .Listext{
	float:left;
	width:100%;
	line-height:40px;
	font-size:1.5em;
	text-align:center;
	padding:0;
	margin:0 0 0 0;
	position: relative;
	z-index: 1;
}
.listC ul li .Listext a{
	color:#000;
	text-decoration:none;
}
/*檔案A*/
.archives{
	float: left;
	width:90%;
	height:100%;
	padding:1em 5%;
	margin: 0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.archives .Inpage-boxA{
	width:100%;
	padding:0;
	margin:0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.archives .Inpage-boxA .ImgPic{
	float:left;
	width:250px;
	height:250px;
	padding:0;
	margin:0 15px 0 0;
	position: relative;
	z-index: 1;
}
.archives .Inpage-boxA .ImgPic img{
	width:100%;
	height: auto;
}
.archives .Inpage-boxA .names{
	width:735px;
	padding:1em 0;
	margin:0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.archives .Inpage-boxA .names li{
	float:left;
	width:100%;
	font-size:1.3em;
	padding:0.45em 0;
	margin:0;
	line-height:35px;
	position: relative;
	list-style:none;
	z-index: 1;
	overflow:hidden;
}
.archives .archives-title{
	float:left;
	width:100%;
	font-size:1.5em;
	padding:0.5em 0;
	margin:0;
	line-height:35px;
	color:#000;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.archives .archives-table{
	width:100%;
	padding:0;
	margin:1em 0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
/*-- 表單 --*/
.archives .archives-table table {
	width: 100%;
	border:0px solid #000000;
	border-collpase: collpase;
	margin:0;
	padding: 0;
	background-color:#FFF;
}
.archives .archives-table table tr {
	border-top:0px solid #000000;
	line-height: 50px;
	margin: 0;
	padding: 0;
}
.archives .archives-table table tr:nth-child(even){
	background:#f1f1f1;
}

.archives .archives-table table td {
	border-right:0px solid #000000;
	line-height: 50px;
	color: #000;
	margin: 0;
	padding: 0;
	text-align:center;
	vertical-align: middle;
}

.archives .archives-table table td a {
	color: #000;
    text-decoration: none;
}
.archives .archives-table table td a:hover{
	color: #000;
    text-decoration: underline;
}
.archives .archives-table table th {
	border:0px solid #000;
	background:#CCC;
	font-size:1.2em;
	margin: 0;
	padding: 0;
}

.archives .archives-table table input[type="text"] {
	width: 80%;
	height: 24px;
	margin: 8px 0;
	display:inline-block;
	vertical-align:middle;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}
.archives .archives-table table input[type="submit"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.archives .archives-table table input[type="submit"]:active {
	background-color: #666;
	color: #FFF;
}
.archives .archives-table table input[type="reset"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.archives .archives-table table input[type="reset"]:active {
	background-color: #666;
	color: #FFF;
}
.archives .archives-table table input[type="button"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.archives .archives-table table input[type="button"]:active {
	background-color:#666;
	color: #FFF;
}
.archives .archives-table table select {
	height: 24px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*border:1px solid #ebcac0;*//*background:#ffebe5;*/
}
.archives .archives-table table textarea {
	width: 100%;
	height: 160px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}

.archives .archives-tableB{
	width:100%;
	padding:0;
	margin:1em 0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
/*-- 表單 --*/
.archives .archives-tableB table {
	width: 100%;
	border-collpase: collpase;
	border:none;
	margin:0;
	padding: 0;
	background-color:#FFF;
}
.archives .archives-tableB table tr {
	border:none;
	margin:0;
	padding: 0;
}

.archives .archives-tableB table td {
	border:none;
	color: #000;
	margin: 0;
	padding:0;
	text-align:center;
	vertical-align: middle;
}
.archives .archives-tableB table td img{
	width:30%;
	height:auto;
	padding:.3em 0;
}

.archives .archives-tableB table td a {
	color: #000;
    text-decoration: none;
}
.archives .archives-tableB table td a:hover{
	color: #000;
    text-decoration: underline;
}
.archives .archives-tableB table th {
	font-size:1.2em;
	border:none;
	margin: 0;
	padding: 0;
}



/*input*/
.archives .archives-input{
	width:100%;
	padding:0;
	margin:1em 0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
/*-- 表單 --*/
.archives .archives-input table {
	width: 100%;
	/*border:0px solid #000;*/
	border-collpase: collpase;
	margin: 0;
	padding: 0;
	background-color:#FFF;
}
.archives .archives-input table tr {
	/*border-top:0px solid #000;*/
	line-height: 50px;
	margin: 0;
	padding: 0;
}
.archives .archives-input table td {
	/*border-right:0px solid #000;*/
	line-height: 50px;
	color: #000;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.archives .archives-input table td a {
	color: #000;
    text-decoration: none;
}
.archives .archives-input table td a:hover{
	color: #000;
    text-decoration: underline;
}
.archives .archives-input table input[type="text"] {
	width: 98%;
	height: 24px;
	padding:0 1%;
	margin: 8px 0;
	display:inline-block;
	vertical-align:middle;
	border: 0px solid #999;/*background:#ffebe5;*/
}
.archives .archives-input table input[type="submit"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.archives .archives-input table input[type="submit"]:active {
	background-color: #666;
	color: #FFF;
}
.archives .archives-input table input[type="reset"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.archives .archives-input table input[type="reset"]:active {
	background-color: #666;
	color: #FFF;
}
.archives .archives-input table input[type="button"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.archives .archives-input table input[type="button"]:active {
	background-color:#666;
	color: #FFF;
}
.archives .archives-input table select {
	width:98%;
	height: 24px;
	padding:0 1%;
	margin: 8px 0;
	border: 0px solid #999;/*border:0px solid #ebcac0;*//*background:#ffebe5;*/
}
.archives .archives-input table textarea {
	width: 100%;
	height: 160px;
	margin: 8px 0;
	border: 0px solid #999;/*background:#ffebe5;*/
}
.archives .archives-input table th {
	/*border:1px solid #89B3DB;*/
	/*background:#ffebe5;*/
	/*color:#FFF;*/
	margin: 0;
	padding: 0;
}
/*檔案B*/
.profile{
	float: left;
	width:90%;
	height:100%;
	padding:1em 5%;
	margin: 0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.profile .Inpage-boxA{
	width:100%;
	padding:0;
	margin:0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.profile .Inpage-boxA .ImgPic{
	float:left;
	width:250px;
	height:250px;
	padding:0;
	margin:0 15px 0 0;
	position: relative;
	z-index: 1;
}
.profile .Inpage-boxA .ImgPic img{
	width:100%;
	height: auto;
}
.profile .Inpage-boxA .names{
	width:735px;
	padding:1em 0;
	margin:0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
.profile .Inpage-boxA .names li{
	float:left;
	width:100%;
	font-size:1.3em;
	padding:0 0 0.1em 0;
	margin:0;
	line-height:35px;
	position: relative;
	list-style:none;
	z-index: 1;
	overflow:hidden;
}
.profile .profile-title{
	float:left;
	width:100%;
	font-size:1.5em;
	padding:0.5em 0;
	margin:0;
	line-height:35px;
	color:#000;
	position: relative;
	z-index: 1;
	overflow:hidden;
}
.profile .profile-table{
	float:left;
	width:100%;
	padding:0;
	margin:1em 0;
	position: relative;
	background:#FFF;
	z-index: 1;
	overflow:hidden;
}
/*-- 表單 --*/
.profile .profile-table table {
	width: 100%;
	border:0px solid #000;
	border-collpase: collpase;
	margin:0;
	padding: 0;
	background-color:#FFF;
}
.profile .profile-table table tr {
	border-top:0px solid #000;
	line-height: 50px;
	margin: 0;
	padding: 0;
}
.profile .profile-table table tr:nth-child(even){
	background:#f1f1f1;
}

.profile .profile-table table td {
	border-right:0px solid #000;
	line-height: 50px;
	color: #000;
	margin: 0;
	padding: 0;
	text-align:center;
	vertical-align: middle;
}

.profile .profile-table table td a {
	color: #000;
    text-decoration: none;
}
.profile .profile-table table td a:hover{
	color: #000;
    text-decoration: underline;
}
.profile .profile-table table th {
	border:0px solid #000;
	background:#CCC;
	font-size:1.2em;
	line-height:30px;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

.profile .profile-table table input[type="text"] {
	width: 80%;
	height: 24px;
	margin: 8px 0;
	display:inline-block;
	vertical-align:middle;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}
.profile .profile-table table input[type="submit"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.profile .profile-table table input[type="submit"]:active {
	background-color: #666;
	color: #FFF;
}
.profile .profile-table table input[type="reset"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.profile .profile-table table input[type="reset"]:active {
	background-color: #666;
	color: #FFF;
}
.profile .profile-table table input[type="button"] {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 9px 0 9px 20px;
	font-size: 16px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	text-align: center;
	border: none;
	cursor:pointer;
	background-color:#CCC;
	color:#333;
}
.profile .profile-table table input[type="button"]:active {
	background-color:#666;
	color: #FFF;
}
.profile .profile-table table select {
	height: 24px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*border:0px solid #ebcac0;*//*background:#ffebe5;*/
}
.profile .profile-table table textarea {
	width: 100%;
	height: 160px;
	margin: 8px 0;
	border: 0px solid #899b3e;/*background:#ffebe5;*/
}
/*html編輯器*/
.htmltext {
	float: left;
	width: 96%;
	padding: 20px 2%;
	letter-spacing: 0.05em;
	font-size: 16px;
	line-height: 32px;
	padding-bottom: 10px;
	color:rgba(255,255,255,1);
}
.htmltxt {
	float: left;
	width:98%;
	padding:1%;
	font-size: 16px;
	line-height: 32px;
	padding-bottom: 10px;
	background-color:#fff;
}
.date {
	float: left;
	width:98%;
	padding:0px 1%;
	font-size:1.6em;
	line-height:40px;
	background-color:#fff;
}
/*News*/
.News {
	width: 100%;
	padding: 0;
	margin: 0;
}
/*************頁碼設定***************/
#light-pagination {
	width: 100%;
	margin: 20px 0 20px 0;
}
.back {
	width: 100%;
	margin: 20px 0 20px 0;
	text-align: center;
}
.back a {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	border: 0px solid #BBB;
	text-decoration: none;
	min-width: 14px;
	padding: 5px 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #efefef 100%); /* W3C */
}
.back a:hover {
	text-decoration: none;
	background: #FCFCFC;
	color: #666;
}
.back a:active {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}
/*--------- 內頁底部資訊設定 -----------*/
footer {
	width: 1000px;
	margin: auto;
}
/*連結CSS*/
.test {
	font-family: "Microsoft JhengHei";
	font-size: 12px;
	line-height: 24px;
	color: #990;
	letter-spacing: 3px;
	margin: 10px;
	padding: 10px;
	height: 200px;
	width: auto;
	text-decoration: underline;
}
.font {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.ft {
	font-size: 20px;
	font-style: normal;
	font-weight: bolder;
	color: #8ec31f;
}
.mar {
	margin:0px auto;
}
.ft_2 {
	font-size: 22px;
	font-style: normal;
	font-weight: bolder;
	color: #fff;