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

body{
	margin:0;
	padding:0;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-color: #EDE9E0;
	background-image: url(../images/contact/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.wrapper {
	margin: 0px auto;
	width: 1920px;
	position:relative;
	height: 2656px;
}

#header_bg {
	background-image: url(../images/about/bg1.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#header {
	height: 1800px;
	position: relative;
}

.bg{
	position:absolute;
	width:1045px;
	height:150px;
	left: 0px;
	top: 0px;
}

.bg1{
	position:absolute;
	width:1045px;
	height:150px;
	left: 12px;
	top: 96px;
}
.bu-booking { 
	position:absolute;
	top: 61px;
	right: 41px;
	width: 132px;
	height: 38px;
	display: block;
	z-index: 9999;

}
.bu-booking2 { 
	position:absolute;
	top: 12px;
	right: 8px;
	width: 65px;
	height: 48px;
	display: none;
	z-index: 9999;

}
.bu-back { 
	position:fixed;
	width: 105px;
	height: 16px;
	top: 61px;
	left: 99px;
	display:block;
	z-index: 9999;
}
.bu-back2 { 
	position:fixed;
	width: 53px;
	height: 31px;
	top: 12px;
	left: 8px;
	display:none;
	z-index: 9999;
}



.content1{
	width:200px;
	height:59px;
	position:absolute;
	top:65px;
	margin-left: -100px;
	left:50%;
	color:#FFFFFF;
	z-index: 2;
	font-size: 12px;
	line-height: 30px;
	font-family: "細明體";
}

.content2{
	width:230px;
	height:100px;
	position:absolute;
	top:280px;
	left:50%;
	margin-left: -115px;
	color:#222;
	line-height:22px;
	visibility: visible;
	font-size: 24px;
	font-family: "cwTeXFangSong";
	z-index: 3;
	text-align: center;
}

.content3{
	width:600px;
	height:108px;
	position:absolute;
	top:345px;
	left:50%;
	margin-left: -300px;
	color:#222;
	line-height:30px;
	visibility: visible;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: bold;
}

.content4{
	width:170px;
	height:108px;
	position:absolute;
	top:384px;
	left:1092px;
	color:#FFFFFF;
	line-height:21px;
	visibility: visible;
	font-size: 12px;
}

.content5{
	width:170px;
	height:108px;
	position:absolute;
	top:523px;
	left:1092px;
	color:#FFFFFF;
	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:798px;
	height:27px;
	position:absolute;
	top:704px;
	left:-52px;
	color:#7c7f58;
	line-height:20px;
	letter-spacing:0.5px;
	visibility: visible;
}

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

.title1 { 
    position: absolute;
	width: 1244px;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 490px;
	left: 50%;
	margin-left: -622px;
}
.title1 span{
    
	text-align: center;
	color: #222;
	font-size: 27px;
	padding: 52px;
	background-color:#EDE9E0;
	font-family: "cwTeXFangSong";
	padding-top: 1px;
}
.meal1-pic { 
	position:absolute;
	width: 1200px;
	height: 471px;
	top: 560px;
	left: 50%;
	margin-left: -600px;
	
	
}
.meal1-txt { 
	position:absolute;
	width: 500px;
	height: 200px;
	top: 1080px;
	left: 50%;
	margin-left: -250px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
	line-height: 30px;
}

.bu1{
	position:absolute;
	top:1250px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 70px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}



.title2 { 
    position: absolute;
	width: 1244px;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 1700px;
	left: 50%;
	margin-left: -622px;
}
.title2 span{
    
	text-align: center;
	color: #222;
	font-size: 27px;
	padding: 52px;
	background-color:#EDE9E0;
	font-family: "cwTeXFangSong";
	padding-top: 1px;
}
.meal2-pic { 
	position:absolute;
	width: 1200px;
	height: 471px;
	top: 1770px;
	left: 50%;
	margin-left: -600px;
	
}
.meal2-txt { 
	position:absolute;
	width: 500px;
	height: 200px;
	top: 2290px;
	left: 50%;
	margin-left: -250px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
	line-height: 30px;
}

.bu2{
	position:absolute;
	top:1250px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 70px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}



.title3 { 
    position: absolute;
	width: 1244px;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 2140px;
	left: 50%;
	margin-left: -622px;
}
.title3 span{
    
	text-align: center;
	color: #222;
	font-size: 27px;
	padding: 52px;
	background-color:#EDE9E0;
	font-family: "cwTeXFangSong";
	padding-top: 1px;
}
.meal3-pic { 
	position:absolute;
	width: 1200px;
	height: 471px;
	top: 2210px;
	left: 50%;
	margin-left: -600px;
	background-image: url("../images/meal3.jpg");
	background-position: top center;
}
.meal3-txt { 
	position:absolute;
	width: 260px;
	height: 200px;
	top: 2730px;
	left: 50%;
	margin-left: -130px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
}

.bu3{
	position:absolute;
	top:2910px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 70px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}




.title4 { 
    position: absolute;
	width: 1244px;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 3060px;
	left: 50%;
	margin-left: -622px;
}
.title4 span{
    
	text-align: center;
	color: #222;
	font-size: 27px;
	padding: 52px;
	background-color:#EDE9E0;
	font-family: "cwTeXFangSong";
	padding-top: 1px;
}
.meal4-pic { 
	position:absolute;
	width: 1200px;
	height: 471px;
	top: 3130px;
	left: 50%;
	margin-left: -600px;
	background-image: url("../images/meal4.jpg");
	background-position: top center;
	background-size: cover;
}
.meal4-txt { 
	position:absolute;
	width: 260px;
	height: 200px;
	top: 3650px;
	left: 50%;
	margin-left: -130px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
}

.bu4{
	position:absolute;
	top:3832px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 70px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}

.list-bg {
	position:absolute;
	width: 100%;
	background-image: url("../images/index-title5.png");
	background-position: center top;
	background-color: #fff;
	top: 3000px;
	background-repeat: no-repeat;
	padding: 100px;
	height: 850px;
}
.list-title-hl {
	position:absolute;
	width: 100px;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	top: 3100px;
	left: 50%;
	margin-left: -50px;
}

.list-title-hl-line {
	position:absolute;
	width: 90%;
	height: 64px;
	top: 3130px;
	left: 50%;
	margin-left: -45%;
	background-image: url("../images/csr-line.png");
}
.list-title-yl {
	position:absolute;
	width: 100px;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	top: 3600px;
	left: 50%;
	margin-left: -50px;
}
.list-title-yl-line {
	position:absolute;
	width: 90%;
	height: 64px;
	top: 3630px;
	left: 50%;
	margin-left: -45%;
	background-image: url("../images/csr-line.png");
}
.list-sec1 {
	position:absolute;
	width: 150px;
	height: 500px;
	top: 3150px;
	background-image: url("../images/index-sub2.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: -300px;
	line-height: 36px;
}

.list-sec2 {
	position:absolute;
	width: 150px;
	height: 500px;
	top: 3150px;
	background-image: url("../images/index-sub1.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: -75px;
	line-height: 36px;
}

.list-sec3 {
	position:absolute;
	width: 150px;
	height: 500px;
	top: 3150px;
	background-image: url("../images/index-sub3.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: 175px;
	line-height: 36px;
}
.list-sec4 {
	position:absolute;
	width: 150px;
	height: 100px;
	top: 3650px;
	background-image: url("../images/index-sub3.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: 175px;
	line-height: 36px;
}
.footer-bg { 
	position:absolute;
	width: 100%;
	top: 3850px;
	height: 500px;
	background-image: url("../images/footer-line.png");
	background-position: bottom center;
	background-repeat: repeat-x;
	line-height: 27px;
	font-family: "cwTeXFangSong";	
	font-size: 14px;	
	text-align: center;
	padding-top: 375px;
	
}
.footer-icon { 
	display: block;
	position:absolute;
	width: 470px;
	left: 50%;
	margin-left: -235px;
	top: 3900px;
	font-size: 13px;
}
.footer-icon2 { 
	display: none;
	position:absolute;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	top: 4270px;
	font-size: 12px;
}	
.footer-bottom { 
	position:absolute;
	width: 100%;
	top: 4350px;
	height: 30px;
	background-color: #2e2d2b;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding-top: 7px;
}
.list-title-hl-line2 {display: none;}
.list-title-hl-line3 { display: none;}


@media screen and (max-width: 1200px) {
.title1 { 
    position: absolute;
	width: 95%;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 490px;
	left: 50%;
	margin-left: -47.5%;
}
.meal1-pic { 
	position:absolute;
	width: 95%;
	height: 471px;
	top: 560px;
	left: 50%;
	margin-left: -47.5%;
	
	
}
.title2 { 
    position: absolute;
	width: 95%;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 1700px;
	left: 50%;
	margin-left: -47.5%;
}
.meal2-pic { 
	position:absolute;
	width: 95%;
	height: 471px;
	top: 1770px;
	left: 50%;
	margin-left: -47.5%;
	
}
.title3 { 
    position: absolute;
	width: 95%;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 2140px;
	left: 50%;
	margin-left: -47.5%;
}
.meal3-pic { 
	position:absolute;
	width: 95%;
	height: 471px;
	top: 2210px;
	left: 50%;
	margin-left: -47.5%;
	background-image: url("../images/meal3.jpg");
	background-position: top center;
}
.title4 { 
    position: absolute;
	width: 95%;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 3060px;
	left: 50%;
	margin-left: -47.5%;
}
.meal4-pic { 
	position:absolute;
	width: 95%;
	height: 471px;
	top: 3130px;
	left: 50%;
	margin-left: -47.5%;
	background-image: url("../images/meal4.jpg");
	background-position: top center;
	background-size: cover;
}	
}


@media screen and (max-width: 600px) {
.bu-booking { 
	position:absolute;
	top: 61px;
	right: 41px;
	width: 132px;
	height: 38px;
	display: none;

}
.bu-booking2 { 
	position:absolute;
	top: 12px;
	right: 8px;
	width: 65px;
	height: 48px;
	display: block;

}
.bu-back { 
	position:fixed;
	width: 105px;
	height: 16px;
	top: 61px;
	left: 99px;
	display:none;
}
.bu-back2 { 
	position:fixed;
	width: 53px;
	height: 31px;
	top: 20px;
	left: 12px;
	display:block;
}	
.content1{
	width:200px;
	height:59px;
	position:absolute;
	top:30px;
	margin-left: -100px;
	left:50%;
	color:#FFFFFF;
	z-index: 2;
	font-size: 12px;
	line-height: 30px;
	font-family: "細明體";
}	
.content2{
	width:230px;
	height:100px;
	position:absolute;
	top:210px;
	left:50%;
	margin-left: -115px;
	color:#222;
	line-height:22px;
	visibility: visible;
	font-size: 24px;
	font-family: "cwTeXFangSong";
	z-index: 3;
	text-align: center;
}	
.content3{
	width:300px;
	height:108px;
	position:absolute;
	top:265px;
	left:50%;
	margin-left: -150px;
	color:#222;
	line-height:30px;
	visibility: visible;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: bold;
}
.meal1-pic { 
	position:absolute;
	width: 100%;
	height: 250px;
	top: 560px;
	left: 0;
	margin-left: 0;	
}	
.meal1-txt { 
	position:absolute;
	width: 260px;
	height: 200px;
	top: 895px;
	left: 50%;
	margin-left: -130px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
}

.bu1{
	position:absolute;
	top:1025px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 30px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}	
.title2 { 
    position: absolute;
	width: 95%;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 1550px;
	left: 50%;
	margin-left: -47.5;
}
.meal2-pic { 
	position:absolute;
	width: 100%;
	height: 250px;
	top: 1640px;
	left: 0;
	margin-left: 0;
}
.meal2-txt { 
	position:absolute;
	width: 300px;
	height: 200px;
	top: 1970px;
	left: 50%;
	margin-left: -150px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
}

.bu2{
	position:absolute;
	top:1250px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 70px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}	
.title3 { 
    position: absolute;
	width: 95%;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 1640px;
	left: 50%;
	margin-left: -47.5%;
}

.meal3-pic { 
	position:absolute;
	width: 100%;
	height: 250px;
	top: 1710px;
	left: 0;
	margin-left: 0;
	background-image: url("../images/meal3.jpg");
	background-position: top center;
}
.meal3-txt { 
	position:absolute;
	width: 260px;
	height: 200px;
	top: 2000px;
	left: 50%;
	margin-left: -130px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
}

.bu3{
	position:absolute;
	top:2180px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 70px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}
.title4 { 
    position: absolute;
	width: 95%;
	height: 64px;
	text-align: center;	
	font-size: 30px;
	background-image: url("../images/csr-line.png");
	padding-top: 10px;
	top: 2330px;
	left: 50%;
	margin-left: -47.5%;
}
.meal4-pic { 
	position:absolute;
	width: 100%;
	height: 250px;
	top: 2400px;
	left: 0;
	margin-left: 0;
	background-image: url("../images/meal4.jpg");
	background-position: top center;
	background-size: cover;
}
.meal4-txt { 
	position:absolute;
	width: 260px;
	height: 200px;
	top: 2690px;
	left: 50%;
	margin-left: -130px;
	font-size: 15px;
	font-family: "cwTeXFangSong";
	z-index: 4;
	font-weight: 500;
	text-align: left;
}

.bu4{
	position:absolute;
	top:2868px;
	left:50%;
	margin-left: -105px;
	visibility: visible;
	width: 210px;
	height: 70px;
	background-image: url("../images/csr-line.png");
	background-position: top;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
	z-index: 999;
}
.list-bg {
	position:absolute;
	width: 100%;
	background-image: url("../images/index-title5.png");
	background-position: center top;
	background-color: #fff;
	top: 2700px;
	background-repeat: no-repeat;
	padding: 100px;
	height: 1150px;
}
.list-title-hl {
	position:absolute;
	width: 100px;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	top: 2800px;
	left: 50%;
	margin-left: -50px;
}

.list-title-hl-line {
	position:absolute;
	width: 90%;
	height: 64px;
	top: 2830px;
	left: 50%;
	margin-left: -45%;
	background-image: url("../images/csr-line.png");
}
.list-title-hl-line2 {
	display: block;
	position:absolute;
	width: 90%;
	height: 64px;
	top: 2980px;
	left: 50%;
	margin-left: -45%;
	background-image: url("../images/csr-line.png");
}
.list-title-hl-line3 {
	display: block;
	position:absolute;
	width: 90%;
	height: 64px;
	top: 3400px;
	left: 50%;
	margin-left: -45%;
	background-image: url("../images/csr-line.png");
}	
.list-title-yl {
	position:absolute;
	width: 100px;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	top: 3600px;
	left: 50%;
	margin-left: -50px;
}
.list-title-yl-line {
	position:absolute;
	width: 90%;
	height: 64px;
	top: 3630px;
	left: 50%;
	margin-left: -45%;
	background-image: url("../images/csr-line.png");
}
.list-sec1 {
	position:absolute;
	width: 150px;
	height: 500px;
	top: 2850px;
	background-image: url("../images/index-sub2.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: -75px;
	line-height: 36px;
}

.list-sec2 {
	position:absolute;
	width: 150px;
	height: 500px;
	top: 3000px;
	background-image: url("../images/index-sub1.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: -75px;
	line-height: 36px;
}

.list-sec3 {
	position:absolute;
	width: 150px;
	height: 500px;
	top: 3420px;
	background-image: url("../images/index-sub3.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: -75px;
	line-height: 36px;
}
.list-sec4 {
	position:absolute;
	width: 150px;
	height: 100px;
	top: 3650px;
	background-image: url("../images/index-sub3.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 45px;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	left: 50%;
	margin-left: -75px;
	line-height: 36px;
}
.footer-bg { 
	position:absolute;
	width: 100%;
	top: 3850px;
	height: 450px;
	background-image: url("../images/footer-line.png");
	background-position: bottom center;
	background-repeat: repeat-x;
	line-height: 27px;
	font-family: "cwTeXFangSong";	
	font-size: 14px;	
	text-align: center;
	padding-top: 325px;
	
}
.footer-icon { 
	display: none;
}
.footer-icon2 { 
	display: block;
	position:absolute;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	top: 3870px;
	font-size: 12px;
}	
.footer-bottom { 
	position:absolute;
	width: 100%;
	top: 4300px;
	height: 30px;
	background-color: #2e2d2b;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding-top: 7px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}	



.gallery{
	position:absolute;
	top:402px;
	left:30px;
	visibility: visible;
	width: 34px;
	height: 406px;
	z-index: 2;
}

.information{
	position:absolute;
	top:120px;
	left:236px;
	visibility: visible;
	width: 763px;
	height: 475px;
	font-family: "細明體";
	font-size: 12px;
	line-height: 22px;
	color: #d0b181;
}

.information1{
	position: absolute;
	top: 532px;
	left: 52px;
	visibility: visible;
	width: 532px;
	height: 71px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #d0b181;
	z-index: 3;
	text-align: left;
}
.text-11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #d0b181;
}


.information2{
	position:absolute;
	top:535px;
	left:85px;
	visibility: visible;
	width: 166px;
	height: 172px;
	font-family: "細明體";
	font-size: 12px;
	line-height: 18px;
	color: #d0b181;
	z-index: 3;
}


.photo{
	position:absolute;
	top:0px;
	left:29px;
	width:648px;
	height:918px;
	z-index: 1;
}

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

.color-yellow{
	color:#facd89;
	font-size: 12px;
	line-height: 16px;
}
.color-white {
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
}

.color-blue {
	font-size: 12px;
	line-height: 20px;
	color: #7ecef4;
}
.color-green {
	font-size: 12px;
	line-height: 22px;
	color: #cce198;
}


A.nax:link {
	COLOR: #3d3d3b;
	TEXT-DECORATION: none;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;
}
A.nax:visited {
	COLOR: #3d3d3b;
	TEXT-DECORATION: none;
	font-size: 12px;
}
A.nax:hover {
	COLOR: #ccc;
	font-family: "cwTeXFangSong";
	font-weight: bold;
	font-size: 15px;


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

A.nay:link {
	COLOR: #222;
	TEXT-DECORATION: none;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	line-height: 36px
}
A.nay:visited {
	COLOR: #222;
	TEXT-DECORATION: none;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	line-height: 36px
}
A.nay:hover {
	COLOR: #222;
	font-family: "cwTeXFangSong";	
	font-size: 20px;
	text-align: center;
	line-height: 36px
TEXT-DECORATION: underline
	left: 2px;
	top: 1px;
	right: 0px;
	bottom: 0px;
	position: relative;
	left: 1px;	
}

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

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

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  font-family: 'Oswald', sans-serif;
}
.wrapper{
  position: fixed;
  top: 0;
  /*left: -100%;*/
  left: 0%;
  height: 100%;
  width: 100%;
  background: #EDE9E0;
  /*background: linear-gradient(90deg, #f92c78, #4114a1);*/
  /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
 /* background: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%);*/
  transition: all 0.6s ease-in-out;
}
#active:checked ~ .wrapper{
  /*left: 0;*/
  left:0;
}
.menu-btn{
  position: absolute;
  z-index: 2;
  left: 20px;
  /*left: 20px; */
  top: 20px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  /*color: #fff;*/
  /*background: linear-gradient(90deg, #f92c78, #4114a1);*/
  /* background: linear-gradient(375deg, #1cc7d0, #2ede98); */
 /* background: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%); */
  transition: all 0.3s ease-in-out;
}
.menu-btn span,
.menu-btn:before,
.menu-btn:after{
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid #000;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-btn:before{
  transform: translateY(-8px);
}
.menu-btn:after{
  transform: translateY(8px);
}


.close {
	z-index: 9999;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
}

/* closing animation */
#active:checked + .menu-btn span {
	transform: scaleX(0);
}
#active:checked + .menu-btn:before {
	transform: rotate(45deg);
  border-color: #000;
}
#active:checked + .menu-btn:after {
	transform: rotate(-45deg);
  border-color: #000;
}
.wrapper ul{
  position: absolute;
  top: 60%;
  left: 20%;
  height: 90%;
  transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
}
.wrapper ul li{
  height: 10%;
  margin: 15px 0;
}
.wrapper ul li a{
  text-decoration: none;
  font-size: 30px;
  font-weight: 500;
  padding: 5px 30px;
  color: #000;
  border-radius: 50px;
  position: absolute;
  line-height: 50px;
  margin: 5px 30px;
  opacity: 0;
  transition: all 0.3s ease;
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrapper ul li a:after{
  position: absolute;
  content: "";
  background: #fff;
   /*background: linear-gradient(#14ffe9, #ffeb3b, #ff00e0);*/
  /*background: linear-gradient(375deg, #1cc7d0, #2ede98);*/
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 0px;
  transform: scaleY(0);
  z-index: 9998;
  transition: transform 0.3s ease;
}
.wrapper ul li a:hover:after{
  transform: scaleY(1);
}
.wrapper ul li a:hover{
  color: #1a73e8;
}
input[type="checkbox"]{
  display: none;
}
.content{
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9998;
  text-align: center;
  width: 100%;
  color: #202020;
}
.content .title{
  font-size: 40px;
  font-weight: 700;
}
.content p{
  font-size: 35px;
  font-weight: 600;
}

#active:checked ~ .wrapper ul li a{
  opacity: 1;
}
.wrapper ul li a{
  transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateX(100px);
}
#active:checked ~ .wrapper ul li a{
	transform: none;
	transition-timing-function: ease, cubic-bezier(.1,1.3,.3,1); /* easeOutBackを緩めた感じ */
   transition-delay: .6s;
  transform: translateX(-100px);
}
.test { margin:auto; position:absolute; width:100px; height:500px; top:0px; left:50px; background-color:#ccc;}