html,
body {width: 100%;height: 100%;background-color: #f0efea;/*background-color: #2c2c2c;*/margin: 0px;font-family: 'Noto Serif TC', serif;}
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{padding-right: 15px;padding-left: 15px;}

p{line-height: 1em;font-size: 15px;text-align: center;}
#wap-body{position: relative;width: 100%;}
.container-wap {width: 100%;float: left;}

/* 選單區設定 */
.menu-area{line-height: 1.75em;text-align: center;float: left;width: 100%;padding-bottom: 120px;}
.menu-area .m{width: 100px;}




/* 輪播圖片英文大標與標題字型設定 */
.inx-title{font-size: 136%;font-family: 'Libre Baskerville', serif;}

/* 社群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: 90%;text-align: center;color: #333333;margin-bottom: 20px;padding-right: 25%;padding-left: 25%;width: 50%;}

/* 浮動區設定 */

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

.float-right{position: fixed;right: 50px;top: 50px;text-align: right;color: #62676e;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 108%;z-index: 99999;}
.float-right a,a:link{
	color: #9A9EA5;
}.float-right a:hover{color: #00ad94;}

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

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


/* 內容區設定 */
.main-area{width: 100%;float: left;}
.main-content{text-align: center;width: 90%;padding-right: 5%;padding-left: 5%;}

/*-------------------------------------------
                 熱銷個案 設定區
-------------------------------------------*/
.newcase-area{width: 100%;float: left;}
.dates{width: 100%;float: left;color:#f0efea;font-family: 'Jost', serif;font-size:70%;;line-height: 0.9em;}
.section-padding {
  width: 80%;
  margin: 0 auto;
  padding: 0px 0;
}

.owl-item .item {
	transform: translate3d(0, 0, 0);
	margin: 0px 0;
	position: relative;
}

.item-name-sm{
	font-size: 15px;
	font-family: 'Noto Serif TC', serif;
	color: #f5ffab;
	line-height: 1.55em;
	text-shadow:1px 2px 4px rgba(0, 0, 0, 0.6);
}

.item-title-h1{
	font-size: 180%;
	font-family: 'Noto Serif TC', serif;
	color: #fff;
	line-height: 1.75em;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom:30px;
	z-index: 999;
	text-shadow:1px 2px 4px rgba(0, 0, 0, 0.6);

}
.item-title-h2{
	font-size: 108%;
	font-family: 'Jost', serif;
	color: #fff;
	line-height: 1em;
	text-transform: uppercase;
	float: left;
	width: 100%;
}

.screenshot_slider .owl-item .item img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.screenshot_slider .owl-item.center .item img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.screenshot_slider .owl-nav {
  text-align: center;
}

.screenshot_slider .owl-nav button {
	font-size: 24px !important;
	margin: 10px;
	color: #009999 !important;
}
/*-------------------------------------------
                 消息 設定區
-------------------------------------------*/
#news-area{width: 90%;float: left;padding-right: 5%;padding-left: 5%;margin-bottom: 30px;}
.news-area{width: 100%;float: left;}
.news-allmore{
	width: 100%;
	float: left;
	color: #666;
	text-align: center;
	font-family: 'Jost', serif;
	text-transform: uppercase;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E3E3E3;
	line-height: 2em;
	margin-top: 35px;
	padding-bottom: 50px;
}
.em{width: 28.3333%;float: left;padding-right: 2.5%;padding-left: 2.5%;}
.em .date{width: 100%;float: left;color:#0d7860;font-family: 'Jost', serif;font-size:100%;;line-height: 1.75em;}
.em .news-title{width: 100%;float: left;color: #333333;font-size: 108%;;line-height:2.5em;}
.em .news-img{width: 100%;float: left;}
.em .news-con{width: 100%;float: left;font-size: 100%;line-height: 1.75em;padding-top: 15px;padding-bottom: 30px;height: 125px;}
.em .news-btn{float: left;width: 100%;text-align: right;}

/*------------- 表單 設定區 ------------*/
.form-areass{width: 100%;float: left;}
.form-areass .acon{padding-top: 35px;padding-right: 35px;padding-bottom: 35px;padding-left: 35px;}
.form-areass .acons{float: left;width: 100%;padding-bottom: 15px;}
.form-areass .em-left{width: 48%;padding-right: 10px;border-right-width: 0px;border-right-style: solid;border-right-color: #CCC;float: left;}	
.form-areass .em-right{width: 48%;padding-left: 10px;float: left;}
.col-mdd{float: left;width: 18%;color: #fff;text-align: right;line-height: 1.75em;}
.col-mdd2{float: left;width: 80%;color: #fff;}
.text-right{text-align: right;float: left;width: 100%;}
/*-------------------------------------------
                 表單 設定區
-------------------------------------------*/
#form-areas{width: 80%;float: left;padding-right: 10%;padding-left: 10%;}
.form-areas{box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);background-color: #FFF;float: left;margin-bottom: 30px;}	
.form-areas .acon{width: 92%;float: left;padding-right: 4%;padding-left: 4%;padding-top: 15px;}
.form-areas .acons{float: left;width: 100%;padding-bottom: 45px;padding-top: 0px;}
.form-areas .em-left{width: 48%;padding-right: 10px;float: left;}	
.form-areas .em-right{width: 48%;padding-left: 10px;float: left;}
.f-h1{font-size: 28px;line-height: 1em;color: #006e5e;float: left;width: 100%;font-family: 'Libre Baskerville', serif;padding-top: 35px;}
.f-h2{font-size: 18px;line-height: 1.75em;color: #666;float: left;width: 100%;}
.f-h1s{font-size: 36px;line-height: 1em;color: #4d67b1;float: left;width: 100%;}	
.f-h2s{font-size: 18px;line-height: 1.75em;color: #fff;float: left;width: 100%;}
#form_area{float: left;width: 100%;}
.form_area{color: #FFF;text-align: left;font-size: 100%;float: left;width: 100%;padding-top: 8px;padding-bottom: 8px;}	
.form_areas{color: #FFF;text-align: left;font-size: 100%;float: left;width: 48%;padding-top: 0px;padding-bottom: 10px;padding-right: 2%;}
.form_areasx{color: #FFF;text-align: left;font-size: 100%;float: left;width: 100%;padding-top: 5px;padding-bottom: 5px;}
.wbk{padding: 3px;box-shadow: inset 0 2px 5px #eee;color: #333;font-family: "微軟正黑體";background-color: #F8F8F8;border: 1px solid #f0f0f0;font-size: 15px;}
.wbk2{padding: 4px;color: #bcbcbc;font-family: "微軟正黑體";font-size: 100%;border-radius: 5px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #D4D4D4;border-right-color: #D4D4D4;border-bottom-color: #b8b8b8;border-left-color: #D4D4D4;}
.col-md{float: left;width: 18%;color: #333;text-align: right;line-height: 1.75em;}
.col-md2{float: left;width: 80%;color: #CCC;}
.col-mds{float: left;width: 37%;color: #666;text-align: right;line-height: 1.75em;}
.col-md2s{float: left;width: 63%;}
.col-md3{float: left;width: 11%;color: #333;font-size: 15px;text-align: right;}
.col-md4{float: left;width: 89%;color: #FFF;}

@media(max-width:1440px){

/*-------------------------------------------
                 熱銷個案 設定區
-------------------------------------------*/
.section-padding {
  width: 85%;
  margin: 0 auto;
  padding: 0px 0;
}
.dates{width: 100%;float: left;color:#f0efea;font-family: 'Jost', serif;font-size:70%;;line-height: 0.9em;}
.item-title-h2{
	font-size: 106%;
	font-family: 'Jost', serif;
	color: #fff;
	line-height: 1em;
	text-transform: uppercase;
	float: left;
	width: 100%;
}
}



@media(max-width:768px){
	

.item-title-h1{
	font-size: 118%;
	font-family: 'Noto Serif TC', serif;
	color: #fff;
	line-height: 1.75em;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom:0px;
	z-index: 999;
	text-shadow:1px 2px 4px rgba(0, 0, 0, 0.6);
}
.dates{width: 100%;float: left;color:#f0efea;font-family: 'Jost', serif;font-size:15px;line-height: 0.9em;}
.item-title-h2{
	font-size:15px;
	font-family: 'Jost', serif;
	color: #fff;
	line-height: 0.9em;
	text-transform: uppercase;
	float: left;
	width: 100%;
}	
.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;}
	

	
/* 標題區設定 */
.title-p-text{font-size: 90%;text-align: left;color: #333333;margin-bottom: 20px;padding-right: 6%;padding-left: 6%;width: 88%;}	

/*-------------------------------------------
                 消息 設定區
-------------------------------------------*/
#news-area{width: 90%;float: left;padding-right: 5%;padding-left: 5%;margin-bottom: 30px;}
.news-area{width: 100%;float: left;}
.news-allmore{width: 100%;float: left;color: #666;text-align: center;font-family: 'Jost', serif;text-transform: uppercase;padding-top: 20px;border-top-width: 1px;border-top-style: solid;border-top-color: #E3E3E3;line-height: 2em;margin-bottom: 25px;}
.em{width: 100%;float: left;padding-right: 0%;padding-left: 0%;}
.em .date{width: 100%;float: left;color:#0d7860;font-family: 'Jost', serif;font-size:100%;;line-height: 1.75em;}
.em .news-title{width: 100%;float: left;color: #333333;font-size: 108%;;line-height: 2.5em;}
.em .news-img{width: 100%;float: left;}
.em .news-con{width: 100%;float: left;line-height: 1.75em;padding-top: 15px;padding-bottom: 10px;height:auto;}
.em .news-btn{float: left;width: 100%;text-align: right;padding-bottom: 30px;}


	
/*-------------- 表單 設定區 ----------------*/
#form_area{float: left;width: 100%;}
.form_area{color: #FFF;text-align: left;font-size: 100%;float: left;width: 100%;padding-top: 8px;padding-bottom: 8px;}	
.form_areas{color: #FFF;text-align: left;font-size: 100%;float: left;width: 100%;padding-top: 0px;padding-bottom: 10px;padding-right: 0%;}
.form_areasx{color: #FFF;text-align: left;font-size: 100%;float: left;width: 100%;padding-top: 5px;padding-bottom: 5px;}
.wbk{padding: 3px;box-shadow: inset 0 2px 5px #eee;color: #333;font-family: "微軟正黑體";background-color: #F8F8F8;border: 1px solid #f0f0f0;}
.wbk2{padding: 4px;color: #333333;font-family: "微軟正黑體";font-size: 100%;border-radius: 5px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #D4D4D4;border-right-color: #D4D4D4;border-bottom-color: 8b8;border-left-color: #D4D4D4;}
.col-md{float: left;width: 100%;color: #333;text-align:left;line-height: 1.75em;}
.col-md2{float: left;width: 100%;color: #333;font-size: 15px;}
.col-mds{float: left;width: 100%;color: #333;text-align: left;line-height: 1.75em;}
.col-md2s{float: left;width: 100%;}
.col-md3{float: left;width: 100%;color: #333;font-size: 15px;text-align: left;}
.col-md4{float: left;width: 100%;color: #FFF;}
.form-areas .em-left{width: 92%;padding-right: 4%;border-right-width: 0px;border-right-style: solid;border-right-color: #CCC;float: left;padding-left: 4%;}	
.form-areas .em-right{width: 92%;padding-left: 4%;float: left;padding-right: 4%;}

/*-------------------------------------------
                 表單 設定區
-------------------------------------------*/
#form-areas{width: 90%;float: left;padding-right: 5%;padding-left: 5%;}
/* 浮動區設定 */
.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: 90%;position: static;color: #62676e;font-family: 'Jost', serif;letter-spacing: 1px;font-size:15px;padding-left: 5%;float: left;padding-right: 5%;}
.float-l-bottom a,a:link{color: #62676e;}.float-l-bottom a:hover{color: #00ad94;}
.float-r-bottom{width: 90%;position: static;text-align: left;color: #62676e;font-family: 'Jost', serif;letter-spacing: 1px;font-size: 15px;float: left;padding-right: 5%;padding-left: 5%;padding-bottom: 30px;}
.float-r-bottom a,a:link{color: #62676e;}.float-r-bottom a:hover{color: #00ad94;}
}