@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-color: #ECE2D8;
	background-image: url(../images/about/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.wrapper {
	margin: 0px auto;
	width: 1376px;
	position:relative;
	height: 758px;
}

.bg{
	position:absolute;
	width:1800px;
	height:443px;
	left: 50%;
	top: 0px;
	margin-left: -900px;
}

.content{
	width:541px;
	height:73px;
	position:absolute;
	top:800px;
	left:50%;
	z-index: 1;
	text-align: center;
	margin-left: -270px;
}

.content1{
	width:100%;
	height:190px;
	position:absolute;
	top:299px;
	left:0px;
	z-index: 10;
	background-image: url(../images/about/line.png);
	background-position: center top;
}

.content2{
	width:245px;
	height:44px;
	position:absolute;
	top:273px;
	left:739px;
	color:#b7aa00;
	line-height:25px;
	visibility: visible;
	font-size: 12px;
	font-family: "細明體";
	z-index: 3;
}

.content3{
	width:133px;
	height:110px;
	position:absolute;
	top:380px;
	left:353px;
	color:#434343;
	line-height:25px;
	visibility: visible;
	font-size: 12px;
	font-family: "細明體";
	z-index: 2;
}

.content4{
	width:232px;
	height:203px;
	position:absolute;
	top:1535px;
	left:696px;
	color:#434343;
	line-height:25px;
	visibility: visible;
	font-size: 12px;
}

.content5{
	width:450px;
	height:86px;
	position:absolute;
	top:131px;
	left:677px;
	color:#000000;
	line-height:22px;
	visibility: visible;
	font-size: 12px;
	font-family: "細明體";
	z-index: 6;
}

.content6{
	width:200px;
	height:20px;
	position:absolute;
	top:601px;
	left:914px;
	color:#a0a0a0;
	line-height:19px;
	visibility: visible;
	font-size: 12px;
}

.mainmenu{
	width:740px;
	height:50px;
	position:absolute;
	top:20px;
	left:340px;
	color:#7c7f58;
	line-height:20px;
	letter-spacing:0.5px;
	visibility: visible;
	z-index: 6;
}

.mainmenu1{
	width:541px;
	height:27px;
	position:absolute;
	top:33px;
	left:726px;
	color:#7c7f58;
	line-height:20px;
	letter-spacing:0.5px;
	visibility: visible;
	z-index: 1;
}

.msg{
	width:544px;
	height:404px;
	position:absolute;
	top:172px;
	left:673px;
	color:#7c7f58;
	line-height:20px;
	letter-spacing:0.5px;
	visibility: visible;
}

.bu{
	position:absolute;
	top:174px;
	left:407px;
	visibility: visible;
	width: 54px;
	height: 21px;
	z-index: 4;
}

.bu1{
	position:absolute;
	top:254px;
	left:116px;
	visibility: visible;
	width: 45px;
	height: 30px;
	z-index: 5;
}

.bu2{
	position:absolute;
	top:176px;
	left:272px;
	visibility: visible;
	width: 77px;
	height: 22px;
	z-index: 5;
}

.bu3{
	position:absolute;
	top:295px;
	left:451px;
	visibility: visible;
	width: 154px;
	height: 41px;
	z-index: 5;
}

.bu4{
	position:absolute;
	top:113px;
	left:557px;
	visibility: visible;
	width: 100px;
	height: 20px;
	z-index: 5;
}
.bu5{
	position:absolute;
	top:225px;
	left:703px;
	visibility: visible;
	width: 100px;
	height: 20px;
	z-index: 5;
}

.bu6{
	position:absolute;
	top:104px;
	left:890px;
	visibility: visible;
	width: 100px;
	height: 20px;
	z-index: 5;
}

.gallery{
	position:absolute;
	top:116px;
	left:0px;
	visibility: visible;
	width: 744px;
	height: 518px;
	z-index: 5;
}

.information{
	position:absolute;
	top:489px;
	left:50%;
	visibility: visible;
	width: 993px;
	height: 231px;
	font-family: "細明體";
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	z-index: 4;
	background-image: url(../images/about/content.png);
	margin-left: -496px;
}

.information1{
	position:absolute;
	top:707px;
	left:50%;
	width: 148px;
	height: 44px;
	z-index: 10;
	margin-left: -74px;
}

.information2{
	position:absolute;
	top:543px;
	left:204px;
	visibility: visible;
	width: 272px;
	height: 113px;
	font-family: "細明體";
	font-size: 12px;
	line-height: 22px;
	color: #81511c;
	z-index: 3;
}

.information3{
	position:absolute;
	top:599px;
	left:657px;
	visibility: visible;
	width: 298px;
	height: 127px;
	font-family: "細明體";
	font-size: 12px;
	line-height: 22px;
	color: #59493f;
	z-index: 3;
}


.photo{
	position:absolute;
	top:123px;
	left:690px;
	width:450px;
	height:300px;
	z-index: 1;
}

.photo2{
	position:absolute;
	top:86px;
	left:504px;
	width:1177px;
	height:413px;
	z-index: 2;
}

.color-yellow{
	color:#4c3d30;
	font-size: 12px;
	line-height: 20px;
}
.color-white {
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
}

.color-blue {
	font-size: 12px;
	line-height: 24px;
	color: #0075a9;
}
.color-green {
	font-size: 12px;
	line-height: 22px;
	color: #cce198;
}


A.nax:link {
	COLOR: #00b7ee;
	TEXT-DECORATION: none;
	font-size: 12px;
}
A.nax:visited {
	COLOR: #00b7ee;
	TEXT-DECORATION: none;
	font-size: 12px;
}
A.nax:hover {
	COLOR: #FFFFFF;



TEXT-DECORATION: underline
	left: 2px;
	top: 1px;
	right: 0px;
	bottom: 0px;
	position: relative;
	left: 1px;
}

A.nay:link {
	COLOR: #f39700;
	TEXT-DECORATION: none;
	font-size: 12px;
}
A.nay:visited {
	COLOR: #f39700;
	TEXT-DECORATION: none;
	font-size: 12px;
}
A.nay:hover {
	COLOR: #ffffff;


TEXT-DECORATION: underline
	left: 2px;
	top: 1px;
	right: 0px;
	bottom: 0px;
	position: relative;
	left: 2px;
}

A.naz:link {
	COLOR: #909090;
	TEXT-DECORATION: none;
	font-size: 12px;
}
A.naz:visited {
	COLOR: #909090;
	TEXT-DECORATION: none;
	font-size: 12px;
}
A.naz:hover {
	COLOR: #ffffff;
TEXT-DECORATION: underline
	left: 2px;
	top: 1px;
	right: 0px;
	bottom: 0px;
	position: relative;
	left: 2px;
}

img.serv-icon{-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}

img.serv-icon:hover{opacity:0.7;}