html,
body {width: 100%;height: 100%;background-color: #f0efea;/*background-color: #2c2c2c;*/margin: 0px;font-family: 'Noto Serif TC', serif;scroll-behavior: smooth;}
a,a:link,a:hover,a:active,a:visited{transition: 1s;text-decoration: none;}    
img, object, embed, video {max-width: 100%;vertical-align: bottom;border: 0px;}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {width:100%;border: 0px;}
div,img{width: 100%;}
.row-all{padding-right: 20px;padding-left: 20px;}
p{line-height: 1.75em;font-size: 15px;text-align: center;padding-bottom: 20px;}
#wap-body{position: relative;}
.container-wap {width: 100%;float: left;}
/* 選單區設定 */
.menu-area{width: 100%;line-height: 1.75em;padding-top: 0px;text-align: center;position: absolute;top: 0px;z-index: 999;}
.menu-area .m{width: 100px;}

/* 關於我們設定 */
.fullscreen {
	width: 100%;
	height: 100vh;
	background-image: url(../images/aboutus/about-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* 	position: relative; */
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-animation: bg-image 20s ease-in-out infinite;
	animation: bg-image 20s ease-in-out infinite;
	background-color: #000;
}

.content {
	width: 100%;
	text-align: center;
}

/* 個案內容設定 */
.fullscreens {
	width: 100%;
	height: 100vh;
	background-image: url(../images/newcase/img01-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* 	position: relative; */
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-animation: bg-image 20s ease-in-out infinite;
	animation: bg-image 20s ease-in-out infinite;
	background-color: #000;
}
.fullscreens2 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/newcase/img03-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* 	position: relative; */
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-animation: bg-image 20s ease-in-out infinite;
	animation: bg-image 20s ease-in-out infinite;
	background-color: #000;
}

.fullscreens3 {
	width: 100%;
	height: 100vh;
	background-image: url(../images/newcase/img04-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/* 	position: relative; */
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-animation: bg-image 20s ease-in-out infinite;
	animation: bg-image 20s ease-in-out infinite;
	background-color: #000;
}

/* 內容區設定 */
.main-area{width: 100%;float: left;}
.main-content{
	text-align: center;
	width: 50%;
	padding-right: 25%;
	padding-left: 25%;
	padding-top: 60px;
	padding-bottom: 150px;
}

/* 輪播圖片英文大標與標題字型設定 */
.inx-title{font-size: 300%;font-family: 'Libre Baskerville', serif;color: #FFF;text-transform: uppercase;font-weight: normal;letter-spacing: 1px;padding-bottom: 20px;text-shadow: 2px 2px 6px rgba(0,0,0,0.6);}
.inx-titles{
	font-size: 180%;
	font-family: 'Libre Baskerville', serif;
	color: #CCCCCC;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	padding-bottom: 20px;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

/* 社群icon區設定 */
.fonticon{width: 100%;float: left;}
.fonticon-color{color: #00ad94;font-size: 100%;padding-right:20px;}


/* 標題區設定 */
.title-area{width: 100%;float: left;line-height: 1.55em;padding-top: 0px;padding-bottom: 20px;}
.title-h1{font-size: 160%;font-family: 'Libre Baskerville', serif;color: #333333;line-height: 1.75em;text-transform: uppercase;text-align: center;}
.title-h2{font-size: 148%;text-align: center;color: #6b5b5b;line-height: 1.75em;}
.title-h3{font-size: 148%;text-align: center;color: #00ad94;line-height: 1.75em;}
.title-h4{font-size: 136%;font-family: 'Libre Baskerville', serif;color: #c6b5a4;}
.title-p-text{font-size: 100%;text-align: center;color: #FFFFFF;margin-bottom: 20px;padding-right: 35.5%;padding-left: 35.5%;width: 29%;letter-spacing: 1px;text-shadow: 2px 2px 6px rgba(0,0,0,0.9);}

.title-h1s{font-size: 160%;font-family: 'Libre Baskerville', serif;color: #333333;line-height: 1.75em;text-transform: uppercase;text-align: center;}
.title-h2s{
	font-size: 200%;
	text-align: center;
	color: #FFFFFF;
	line-height: 1.75em;text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
}
.title-h3s{font-size: 148%;text-align: center;color: #00ad94;line-height: 1.75em;}
.title-h3ss{font-size: 148%;text-align: left;color: #966a3a;line-height: 1.75em;}
.title-h4s{font-size: 136%;font-family: 'Libre Baskerville', serif;color: #c6b5a4;}
.title-p-texts{font-size: 100%;text-align: center;color: #333;letter-spacing: 1px;line-height: 1.75em;}
.title-p-textss{font-size: 100%;text-align:left;color: #333;letter-spacing: 1px;line-height: 1.75em;}
/* 浮動區設定 */

#float{width: 100%;height: 100%;float: left;position: relative;}
.float-left{position: absolute;left: 30px;top: 20px;width: 156px;;z-index: 999999;}

.float-right{position: absolute;right: 50px;top: 50px;text-align: right;color: #FFF;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;z-index: 9999;}
.float-right a,a:link{color: #fff;}.float-right a:hover{color: #00ad94;}

.float-l-bottom{width: 50%;position: fixed;bottom: 50px;color: #FFF;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;padding-left: 50px;}
.float-l-bottom a,a:link{color: #fff;}.float-l-bottom a:hover{color: #00ad94;}

.float-r-bottom{width: 50%;position: fixed;right: 50px;bottom: 50px;text-align: right;color: #FFF;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;}
.float-r-bottom a,a:link{color: #fff;}.float-r-bottom a:hover{color: #00ad94;}

/* 浮動區設定2 */

#floats{width: 100%;height: 100%;float: left;position: relative;}
.floats-left{position: absolute;left: 30px;top: 20px;width: 156px;;z-index: 999999;}

.floats-right{position: absolute;right: 50px;top: 50px;text-align: right;color: #a8a8a8;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;z-index: 9999;}
.floats-right a,a:link{color: #a8a8a8;}.floats-right a:hover{color: #00ad94;}

.floats-l-bottom{width: 50%;position: fixed;bottom: 50px;color: #a8a8a8;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;padding-left: 50px;}
.floats-l-bottom a,a:link{color: #a8a8a8;}.floats-l-bottom a:hover{color: #00ad94;}

.floats-r-bottom{width: 50%;position: fixed;right: 50px;bottom: 50px;text-align: right;color: #a8a8a8;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;}
.floats-r-bottom a,a:link{color: #a8a8a8;}.floats-r-bottom a:hover{color: #00ad94;}

@media(max-width:768px){
	
.menu-nav {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	list-style-type: none;
	font-family: 'Ibarra Real Nova', serif;
	margin-top: 70px;
	flex-direction: column;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}	
	
.menu-inner{
	text-align: left;
	width: 100%;
	float: left;
	padding-right: 0%;
	padding-left: 0%;
}

.menu .gallery {
	margin-top: 0px;
	text-align: left;
	width: 100%;
	float: left;
	padding: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #454545;
}

.contact-area{color: #FFF;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 80%;line-height: 1.5em;}
.contact-copy{color: #FFF;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 60%;line-height: 1.75em;text-transform: uppercase;}

/* 內容區設定 */
.main-content{
	text-align: center;
	width: 84%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 40px;
	padding-bottom: 80px;
}

	
/* 輪播圖片英文大標與標題字型設定 */
.inx-title{
	font-size: 160%;
	font-family: 'Libre Baskerville', serif;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.title-h2s{font-size: 160%;text-align: center;color: #fff;line-height: 1.75em;}
.title-h3s{font-size: 148%;text-align: left;color: #00ad94;line-height: 1.75em;}
.title-h4s{font-size: 136%;text-align: left;font-family: 'Libre Baskerville', serif;color: #c6b5a4;}
.title-p-text{
	font-size: 100%;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 20px;
	padding-right: 5%;
	padding-left:5%;
	width: 90%;
	letter-spacing: 1px;
	line-height: 1.55em;
}
.title-p-texts{font-size: 100%;text-align:left;color: #333;letter-spacing: 1px;text-align: justify;}

.title-h3ss{font-size: 126%;text-align: left;color: #966a3a;line-height: 1.75em;}
	
/* 浮動區設定 */
.float-left{position: absolute;z-index: 1;left: 0px;top: 10px;width: 156px;}
.float-right{position: absolute;right: 20px;top: 30px;text-align: right;color: #62676e;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;}

.float-l-bottom{
	width: 100%;
	position: fixed;
	bottom: 20px;
	color: #FFF;
	font-family: 'Jost', serif;
	letter-spacing: 1px;
	font-size: 100%;
	padding-left: 0px;
	left: 15px;
	padding-bottom: 30px;
}

.float-r-bottom{
	width: 100%;
	position: fixed;
	left: 15px;
	bottom: 20px;
	text-align: left;
	color: #FFF;
	font-family: 'Jost', serif;
	letter-spacing: 1px;
	font-size: 100%;
}
/* 浮動區設定2 */
.floats-left{position: absolute;z-index: 1;left: 0px;top: 10px;width: 156px;}
.floats-right{position: absolute;right: 20px;top: 30px;text-align: right;color: #62676e;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;}

.floats-l-bottom{
	width: 92%;
	position: static;
	bottom: 20px;
	color: #a8a8a8;
	font-family: 'Jost', serif;
	letter-spacing: 1px;
	font-size: 15px;
	left: 0px;
	padding-bottom: 0px;
	line-height: 1.75em;
	padding-right: 4%;
	padding-left: 4%;
}

.floats-r-bottom{
	width: 92%;
	position: static;
	left: 0px;
	bottom: 40px;
	text-align: left;
	color: #a8a8a8;
	font-family: 'Jost', serif;
	letter-spacing: 1px;
	font-size: 15px;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 30px;
}
}