body {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif, "新細明體";
	color: #000;
	font-size: 1.0em;
	webkit-tap-highlight-color: rgba(255,255,255,.2);
	line-height: 1.5em;

}
a img {
	border: none
}
.menu a:link, .menu a:visited {
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
.menu a:hover, .menu a:active {
	color: #0099ff;
	background-color: transparent;
	text-decoration: none;
}
.golink a:link, .golink a:visited {
	color: #007c7d;
	background-color: transparent;
	text-decoration: none;
}
.golink a:hover, .golink a:active {
	color: #007c7d;
	background-color: transparent;
	text-decoration: underline;
}
.article {
	width: 1000px;
	margin: 0px auto;
	background-color: #f4f4f4;
}
.header {
	width: 1000px;
	position: relative
}
.section {
	padding: 20px;
	overflow: hidden;
	width: 1000px;
	background-color: #fff
}
h1 {
	font-size: 18px;
	color: #007c7d;
	margin-bottom: 10px
}
h2 {
	font-size: 1.1em;
	color: #d61e1f;
}
/*span {
	color:#e4007f;
}*/
p {
	margin-bottom: 10px
}
ul {
	margin-bottom: 20px;
}
li {
	margin-left: 20px;
	margin-bottom: 5px;
}
.freeli ul {
	margin-bottom: 20px;
	list-style-type: none;
}
.freeli li {
	margin-left: 0px;
	margin-bottom: 5px;
	list-style-type: disc;	
}
ul#myList {
	list-style-type: none;
	font-size: 13px;
	margin-bottom: 5px;
}
ul#myList li {
	margin-bottom: 5px;
	margin-left: 0px;
}
.logo {
	vertical-align: middle;
	/*margin-right: 10px;*/
	margin-bottom: 10px
}
.section .left-div {
	width: 48%;
	float: left;
}
.section .right-div {
	width: 48%;
	float: right;
}
.top {
	background-color: #007c7d;
	padding: 10px;
	text-align: left;
	width: 1000px;
}
/*.footer {
	border-top:10px solid #007c7d;
	padding:5px;
	font-size:14px;
	line-height:20px;
	text-align:center;width:1000px;
}*/

.social {
	position: absolute;
	top: 10px;
	right: 10px
}
.social img {
	width: 45px
}
.social a {
	margin-left: 8px
}
#openbox_bg {
	position: fixed;
	opacity: .8;
	background-color: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 120%;
	margin: 0;
	padding: 0;
	display: none;
	z-index: 10;
	overflow: hidden
}
.openbox_close {
	position: absolute;
	z-index: 12;
	top: 0;
	right: 0;
	cursor: pointer;
	padding: 0 5px;
	margin: 8px;
	width: 25px;
	height: 25px;
	font-size: 30px;
	line-height: 26px;
	display: block;
	color: #000;
	border-radius: 100px;
	text-align: center
}
.ok_close {
	position: absolute;
	z-index: 12;
	display: block;
}
.openbox_modal {
	position: absolute;
	background-color: #e9e9e9;
	margin: 10px;
	z-index: 99;/*11*/
	left: 0;
	right: 0;
	top: 0;
	border-radius: 5px;
	display: none;
	padding: 0px;
	border: 10px solid #fff;
	overflow: hidden
}
.openbox_modal h2 {
	background-color: #bcf2e6;
	padding: 0px;
	margin: 0px;
	text-align: left
}
.openbox_modal .logo2 {
	text-align: left!important;
	margin-left: 0px;
	width: 100%;
}
.openbox_modal .info {
	word-wrap: break-word;
	margin: 10px 30px 30px 30px;
	padding: 20px;
	font-size: 1.0em;
	line-height: 2em
}
.openbox_modal .info b {
	color: #f00
}
.openbox_modal .freeinfo {
	word-wrap: break-word;
	background-color: #ffffff;
	margin: 0px;
	padding: 10px 20px 20px 20px;
	font-size: 1.55em!important;
	line-height: 2em
}
.openbox_classic {
	box-shadow: 0 0 8px 4px rgba(0,0,0,.2);
	border-radius: 0
}
.openbox_clear {
	background-color: transparent
}
.openbox_modal img {
	max-width: 100%;
	height: auto;
	display: block;
	text-align: center;
	margin: 0px auto;
}
/*  Basic Title  */
.tab01-title {
	width: 100%;
	font-weight: 100;
	text-align: center;
	color: #000;
	-webkit-animation: 2s fade;
	animation: 2s fade;
	margin: 30px;
	line-height: 30px
}
.tab01-title span {
	font-size: 24px;
	font-family: helvetica, xingothic-tc, 蘋果儷中黑, 微軟正黑體;
	display: inline-block;
	position: relative;
	padding: .5em 1em;
	font-weight: bold;
	color: #1e7cb5
}
.tab01-title span:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #1e7cb5;
	-webkit-animation: 1.5s draw;
	animation: 1.5s draw;
}
.tab01-title span:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	border-bottom: 1px solid #1e7cb5;
	-webkit-animation: 1.5s draw-bottom;
	animation: 1.5s draw-bottom;
}
.tab02-title {
	width: 100%;
	font-weight: 100;
	text-align: center;
	color: #000;
	-webkit-animation: 2s fade;
	animation: 2s fade;
	margin: 30px;
	line-height: 30px
}
.tab02-title span {
	font-size: 24px;
	font-family: helvetica, xingothic-tc, 蘋果儷中黑, 微軟正黑體;
	display: inline-block;
	position: relative;
	padding: .5em 1em;
	font-weight: bold;
	color: #44a44a
}
.tab02-title span:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #44a44a;
	-webkit-animation: 1.5s draw;
	animation: 1.5s draw;
}
.tab02-title span:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	border-bottom: 1px solid #44a44a;
	-webkit-animation: 1.5s draw-bottom;
	animation: 1.5s draw-bottom;
}
.tab03-title {
	width: 100%;
	font-weight: 100;
	text-align: center;
	color: #000;
	-webkit-animation: 2s fade;
	animation: 2s fade;
	margin: 30px;
	margin: 30px;
	line-height: 30px
}
.tab03-title span {
	font-size: 24px;
	font-family: helvetica, xingothic-tc, 蘋果儷中黑, 微軟正黑體;
	display: inline-block;
	position: relative;
	padding: .5em 1em;
	font-weight: bold;
	color: #c89200
}
.tab03-title span:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #c89200;
	-webkit-animation: 1.5s draw;
	animation: 1.5s draw;
}
.tab03-title span:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	border-bottom: 1px solid #c89200;
	-webkit-animation: 1.5s draw-bottom;
	animation: 1.5s draw-bottom;
}
.tab04-title {
	width: 100%;
	font-weight: 100;
	text-align: center;
	color: #000;
	-webkit-animation: 2s fade;
	animation: 2s fade;
	margin: 30px;
	line-height: 30px
}
.tab04-title span {
	font-size: 24px;
	font-family: helvetica, xingothic-tc, 蘋果儷中黑, 微軟正黑體;
	display: inline-block;
	position: relative;
	padding: .5em 1em;
	font-weight: bold;
	color: #da5b2d
}
.tab04-title span:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #da5b2d;
	-webkit-animation: 1.5s draw;
	animation: 1.5s draw;
}
.tab04-title span:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	border-bottom: 1px solid #da5b2d;
	-webkit-animation: 1.5s draw-bottom;
	animation: 1.5s draw-bottom;
}
/* Film Animations */
@keyframes grain {
 0%, 100% {
 transform: translate(0, 0, 0);
}
 10% {
 transform: translate(-1%, -1%);
}
 20% {
 transform: translate(1%, 1%);
}
 30% {
 transform: translate(-2%, -2%);
}
 40% {
 transform: translate(3%, 3%);
}
 50% {
 transform: translate(-3%, -3%);
}
 60% {
 transform: translate(4%, 4%);
}
 70% {
 transform: translate(-4%, -4%);
}
 80% {
 transform: translate(2%, 2%);
}
 90% {
 transform: translate(-3%, -3%);
}
}
@keyframes scratch {
 0%, 100% {
 transform: translateX(0);
 opacity: 0.075;
}
 10% {
 transform: translateX(-1%);
}
 20% {
 transform: translateX(1%);
}
 30% {
 transform: translateX(-2%);
 opacity: 0.09;
}
 40% {
 transform: translateX(3%);
}
 50% {
 transform: translateX(-3%);
 opacity: 0.05;
}
 60% {
 transform: translateX(8%);
}
 70% {
 transform: translateX(-3%);
}
 80% {
 transform: translateX(10%);
 opacity: 0.02;
}
 90% {
 transform: translateX(-2%);
}
}
@keyframes inner-scratch {
 0% {
 transform: translateX(0);
 opacity: 0.08;
}
 10% {
 transform: translateX(-1%);
}
 20% {
 transform: translateX(1%);
}
 30% {
 transform: translateX(-2%);
}
 40% {
 transform: translateX(3%);
}
 50% {
 transform: translateX(-3%);
 opacity: 0.06;
}
 60% {
 transform: translateX(8%);
}
 70% {
 transform: translateX(-3%);
}
 80% {
 transform: translateX(10%);
 opacity: 0.03;
}
 90% {
 transform: translateX(20%);
}
 100% {
 transform: translateX(30%);
}
}
/* Simple Title Animation */
@keyframes draw {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
 @keyframes draw-bottom {
 0% {
 width: 0%;
}
 100% {
 width: 100%;
}
}
@keyframes fade {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
table {
	width: 100%;
	margin: 0px auto;
	border-collapse: collapse;
	border: 1px solid #ebebeb;
	border-bottom: 2px solid #007c7d;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 0px 10px 10px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05);
}
table tr:nth-child(even) {
	background: #e8eeef;
}
table th, table td {
	border: 1px solid #eee;
	padding: 12px 20px;
	border-collapse: collapse;
}
table th {
	background: #007c7d;
	color: #fff;
	text-transform: uppercase;
}
table th.last {
	border-right: none;
}
/*list*/
/* gallery display */
.photos {
	display: block;
	margin-bottom: 100px
}
.photos ul {
	list-style: none;
}
.photos ul li {
	background: #fff;
	display: inline;
	list-style: none;
	float: left;
	margin: 0 25px 10px 0;
	padding: 0;
	text-align: center;
	color: #000;
	width: 30%
}
.photos ul li a {
	display: block;
	margin-bottom: 10px;
	opacity: 0.85;
	text-decoration: none;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.photos ul li span {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.photos ul li a:hover {
	opacity: 1.0;
}
.photos ul li a img {
	border: 6px solid #d4d4d4;
	width: 280px;
	height: 210px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin-bottom: 10px
}
.photos ul li a img:hover {
	border: 6px solid #91f9fa;
}