@charset "utf-8";
@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Roboto:300);

/* CSS Document */

/* 網站基本設定
---------------------------------------------*/
html,body {
	color: #333;
	font-family: "微軟正黑體", "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 75%;
	text-align: justify; /*文章齊頭齊尾*/
	text-justify: inter-ideograph;
	background-color: #fcfbf0;
}
a {
	color: #5f5f5f;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
img {	
    display: block;
}
.clean-float {
	clear: both;
	}
hr{height:0; border:none; border-bottom:1px solid rgba(255,255,255,1); border-top:1px solid rgba(226,226,226,1); margin:10px 0; clear:both;}

/* TOP設定
---------------------------------------------*/
#gotop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 60px;
	padding: 10px 15px;
	font-size: 15px;
	background: #333;
	color: white;
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	z-index:999;
}

/* 首頁設定
---------------------------------------------*/
#header{
	display:table;
	position: relative;
	min-width:960px;
	width: 100%;
	height: 328px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat;
	background-position: right;
	}
#headerContent{
	position: relative;
	width: 840px;
	height: 266px;
	margin:0 auto;
	padding:0 60px;
	}
.menuBar{
	display:table;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 62px;
	background-image: url(../images/menu_bar_bg.png);
	background-repeat: repeat-x;
	z-index: 10;
	}
.menuContent{
	width:840px;
	margin:0 auto;
	padding:0 60px;
	}
.menuContent li{ margin-left:60px; float:right;}
.logo{
	position:absolute;
	width:68px;
	height:32px;
	top:20px;
	left:60px;
	}
.headerTitle{
	position: absolute;
	width: 539px;
	height: 130px;
	top: 70px;
	left:54px;
	z-index:9;
	animation-delay:0s;
	-webkit-animation-delay: 0s;
	}
.people{
	position: absolute;
	width: 267px;
	height: 280px;
	z-index: 7;
	right: 60px;
	top: 37px;
	animation-delay:0.4s;
	-webkit-animation-delay: 0.4s;
	}
.rainbow{
	position: absolute;
	width: 534px;
	height: 268px;
	z-index: 1;
	left: 189px;
	}
.headerPhoto{
	position: absolute;
	width: 377px;
	height: 271px;
	z-index: 20;
	top: 201px;
	animation-delay:0.5s;
	-webkit-animation-delay: 0.5s;
	}
.menuColorbg{
	width: 100%;
	height:5px;
	background-color: #c7c7c7;
	}
.menuColorBar{
	width:840px;
	padding:0 60px;
	margin:0 auto;
	}
.menu01{
	width: 110px;
	height: 60px;
	cursor: pointer;
	background-image: url(../images/01_btn01.png);
	background-position: 0 0px;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	}
.menu01 a{
	height:100%; display:block;
	}
.menu01:hover{
	background-image: url(../images/01_btn01.png);
	background-position: 0 -60px;
	}
.menu02{
	width: 184px;
	height: 60px;
	cursor: pointer;
	background-image: url(../images/01_btn02.png);
	background-position: 0 0px;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	}
.menu02 a{
	height:100%; display:block;
	}
.menu02:hover{
	background-image: url(../images/01_btn02.png);
	background-position: 0 -60px;
	}
.article{
	width:100%;
	min-width:960px;
	}
.articleContent{
	position:relative;
	width:840px;
	margin:0 auto;
	padding:50px 60px;
	}
.articleContent h1{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #F75D5C;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	}
.articleContent h1 img{ 
    float:right; 
	margin-right:43px;
	}
.articleContent h2{
	margin-bottom:10px;
	}
.articleContent p{
	font-size: 15px;
	line-height: 24px;
	color: #333;
	}
.articleContent .width430{
	width:430px;
	}
.articleContent dt{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #F75D5C;
	}
.articleContent dt.noline{
	border-bottom: 0px;
	}
.photo02{
	position: absolute;
	right: 58px;
	top: 190px;
	}
.photo03{
	position: absolute;
	right: 58px;
	top: 456px;
	}
.footerColor{
	border-top: 1px solid #333;
	}
.footer{
	width: 100%;
	display: table;
	background-color: #FFF;
	}
.footerContent{
	width: 840px;
	margin: 0 auto;
	padding: 60px 60px;
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	color: #333;
	text-align: center;
	}