/* ---------------------------------------------------------------- 初始化 -----------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
	}
fieldset,img {
   border:0;
}
ol,ul {
	list-style-type: none;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
    font-size:12px;
}	
/* Remove the link outline */
a {
  outline:none;	/* For FF */
  noFocusLine:expression(this.onFocus=this.blur()); /* For IE */
} 
:focus {
  -moz-outline-style: none;
} /* For Firefox */ 	

html body div.clear, html body span.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

/* ---------------------------- 基本設定 ---------------------------- */

body {
	background: #fff url(shutterstock_92877205.jpg) repeat-x center top;
	font-size: 12px;
	color: #6b6b6b;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
}
a {
	color: #6b6b6b;
	text-decoration: none;
}
a:hover {
	color: #c90202;
}

/*body {
	background: #fff url(shutterstock_147980465.jpg) repeat-x left top;	
	font-size: 12px;
	color: #6b6b6b;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height:18px;
}
a {
	color: #6b6b6b;
	text-decoration: none;
}
a:hover {
	color: #c90202;
}
*/





/* ---------------------------- 框架設定 ---------------------------- */



.wrap {
	width: 778px;
	margin: 0 auto;
	}


.container {
	background:#ebebeb;
	padding: 10px;
	}


.form_out {
  margin: 0;
  padding: 10px 0 0 0;
}

.form {
  line-height: 26px;
  margin: 0 0 20px 0;
  font-weight: bold;
  border-collapse: separate;
  border-spacing: 7px;
}
.form caption {
  background: #acd598;
  color: white;
  padding: 4px 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 16px 0;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.form tr th {
  background: #acd598;
  text-align: center;
  padding: 0;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dfecf4;
}
.form tr td {
  padding: 0 7px;
  text-align: left;
}
.form tr td.s1 {
  background: #4893be;
  color: white;
  padding: 4px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.form span {
  color: #c9151e;
}
.form img#captchaimg {
  vertical-align: middle;
}

.input {
  text-decoration: none;
  border: 1px solid #d8d8d8;
  width: 189px;
  height: 20px;
  padding: 1px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: white;
}

.btn1 {
  -moz-box-shadow: inset 0px 1px 0px #c1dae9;
  -webkit-box-shadow: inset 0px 1px 0px #c1dae9;
  box-shadow: inset 0px 1px 0px #c1dae9;
  background-color: #4893be;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzQ4OTNiZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmNjY4NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #4893be), color-stop(100%, #2f6686));
  background-image: -moz-linear-gradient(center top, #4893be 5%, #2f6686 100%);
  background-image: -webkit-linear-gradient(center top, #4893be 5%, #2f6686 100%);
  background-image: linear-gradient(to center bottom, #4893be 5%, #2f6686 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #2f6686;
  display: inline-block;
  cursor: pointer;
  color: white;
  text-decoration: none;
  padding: 5px 30px;
  margin: 0 5px;
}
.btn1:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzJmNjY4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ4OTNiZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #2f6686), color-stop(100%, #4893be));
  background-image: -moz-linear-gradient(center top, #2f6686 5%, #4893be 100%);
  background-image: -webkit-linear-gradient(center top, #2f6686 5%, #4893be 100%);
  background-image: linear-gradient(to center bottom, #2f6686 5%, #4893be 100%);
  background-color: #2f6686;
}
.btn1:active {
  position: relative;
  top: 1px;
}



/* 日曆-彈跳視窗 */
#iframedetail, #iframedetail2 {
  position: absolute;
  z-index: 10000000;
  left: 30px;
  top: 0;
  background: #a0a0a0;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  display: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.iframedetailcell {
  height: 200px;
  width: 250px;
  position: relative;
  vertical-align: middle;
  display: table-cell;
  z-index: 10000001;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

#iframedetail iframe, #iframedetail2 iframe {
  background: #fff;
  padding: 0;
  vertical-align: middle;
}
#iframedetail .closebox, #iframedetail2 .closebox {
  width: 250px;
  margin: 0 auto;
  background: #bfbfbf;
  text-align: center;
}
#iframedetail .closebox a, #iframedetail2 .closebox a {
  display: block;
  font-weight: bold;
  cursor: pointer;
}

.date_icon {
  background: url(calendar_add.png) no-repeat left center;
  width: 25px;
  height: 25px;
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  *text-indent: -9999px;
  vertical-align: bottom;
}

.datebox {
  position: relative;
  display: inline-block;
}


/* 日曆-彈跳視窗頁面 */
.yeardate {
  position: relative;
  height: 35px;
  line-height: 35px;
  width: 250px;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #4a862f;
}

ul.year_PN {
  position: absolute;
  left: 20px;
}

ul.date_PN {
  position: absolute;
  right: 20px;
}

ul.year_PN li, ul.date_PN li {
  float: left;
}

ul.year_PN li a, ul.date_PN li a {
  margin-top: 12px;
}

ul.year_PN li:nth-of-type(2), ul.date_PN li:nth-of-type(2) {
  margin: 0 10px;
}

ul.year_PN a.pre, ul.date_PN a.pre {
  background: url(calendar_arrow.png) no-repeat;
  background-position: 0 0;
  width: 8px;
  height: 9px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  *text-indent: -9999px;
}

ul.year_PN a.pre:hover, ul.date_PN a.pre:hover {
  background-position: 0 -9px;
}

ul.year_PN a.next, ul.date_PN a.next {
  background: url(calendar_arrow.png) no-repeat;
  background-position: -8px 0;
  width: 8px;
  height: 9px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  *text-indent: -9999px;
}

ul.year_PN a.next:hover, ul.date_PN a.next:hover {
  background-position: -8px -9px;
}

.cal {
  border-collapse: separate;
  border-spacing: 3px;
  background-color: white;
}
.cal th {
  width: 33px;
  text-align: center;
  line-height: 20px;
  font-size: 8px;
  color: #7f7f7f;
  background: #d8d8d8;
}
.cal td {
  width: 33px;
  text-align: center;
  line-height: 18px;
}
.cal td a {
  font-size: 11px;
  font-weight: bold;
  background: #c1e9d0;
  color: #3aa44e;
  display: block;
}
.cal td a:hover {
  color: white;
  background: #ff;
}
.cal td.off {
  color: #d8d8d8;
  background: white;
}
.cal td.active a {
  color: white;
  background: #84b7d4;
}



div.contact_btn {
  margin: 15px 0;
  text-align: center;
}

.box1 {
	position: absolute;
	left:0;
	top: 0;
	z-index: 99;
	}
	
	.btn1 {
  -moz-box-shadow: inset 0px 1px 0px #acd598;
  -webkit-box-shadow: inset 0px 1px 0px #bef6cf;
  box-shadow: inset 0px 1px 0px #bef6cf;
  background-color: #acd598;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzQ4OTNiZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJmNjY4NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #4ad183), color-stop(100%, #2f8e57));
  background-image: -moz-linear-gradient(center top, #48be7d 5%, #2f864e 100%);
  background-image: -webkit-linear-gradient(center top, #48be7d 5%, #2f864e 100%);
  background-image: linear-gradient(to center bottom, #48be7d 5%, #2f864e 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #acd598;
  display: inline-block;
  cursor: pointer;
  color: white;
  text-decoration: none;
  padding: 5px 30px;
  margin: 0 5px;
}

.btn1:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzJmNjY4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ4OTNiZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #2f864e), color-stop(100%, #48be7d));
  background-image: -moz-linear-gradient(center top, #2f864e 5%, #48be7d 100%);
  background-image: -webkit-linear-gradient(center top, #2f864e 5%, #48be7d 100%);
  background-image: linear-gradient(to center bottom, #2f864e 5%, #48be7d 100%);
  background-color: #2f864e;
}
.btn1:active {
  position: relative;
  top: 1px;
}

.content_main {
  border: 1px solid #eaeaea;
  padding: 1px;
  min-height:5px;
  margin: 0 1 0px 0;
}
.content_main .top_info {
  margin: 0 2px 5px 2px;
}
.content_main .top_info span {
  color: #c9151e;
  font-size: 5px;
  margin: 0 3px;
  vertical-align: bottom;
}
.content_main .font2 {
  font-size: 5px;
  line-height: 10px;
  text-align: center;
}

/* ---------------------------------------------------------- 內頁背景 --------------------------------------------------*/


div#wrap_box {	
	width: 940px;
	margin: 0 auto;
}
div#wrap {	
	width: 940px;
	margin:0 auto;
	position: relative;	
}