@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400&display=swap');
body {
	margin: 0;
	background-color: #D3D3D3;
}
* {
	font-family: 'Noto Sans TC', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
.container {
	font-size: 24px;
	width: 1280px;
	margin: 0 auto;
}
.area-menu {
	background-color:#FFF;
	height: 153px;
}
.area-banner {
	height:456px; 
	/*overflow:hidden;*/	
}
.area-intro {
	background-image: url(../images/home-intro-background.jpg);
	color: #333333;
	height: 530px;
	letter-spacing: 1px;
	padding: 85px 90px 85px 350px;
}
.area-intro .cht {
	font-size:18px;	
	line-height: 36px;
}
.area-intro .en {
	color:#8d8d8d;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 28px;
	margin-top:18px;
}

.area-breadcrumb {
	padding:10px 90px; 
	background-color:#F4F4F4; 
	font-size:12px; 
	font-family:Verdana, Geneva, sans-serif; 
	color:#0f7e9b;	
}
.area-middle {
	background-image: url(../images/inner-content-background.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display:flex;
	background-color:#FFF;	
}

.area-title {
	color:#0f7e9b ;
	font-size: 24px;
	height: 199px;
	line-height: 48px;
	width:400px;
	margin-left:85px; 
	margin-top:70px;
}
.area-title .en {
	color:#0f7e9b;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 40px;
	font-weight:bold;
	line-height:36px;
}
.area-content {
	color:#333333;
	font-size: 18px;
	line-height: 36px;
	padding-top: 50px;
	padding-right:90px;
	padding-bottom: 50px;
	width:100%;
}
.area-content .en {
	color:#8d8d8d;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 26px;
}
.area-content li {
	margin-left:36px;	
}

.area-content .highlights {
	list-style: none;
}
.area-content .highlights li {
	float: left;
	margin-left:0px;	
	margin-right: 20px;
	margin-bottom: 10px;
}
.area-content .highlights li img {
	border:#FFF solid 5px;	
	width:250px;
}
.area-content .highlights li img:hover {
	border:#2ab6db solid 5px;
	cursor:pointer;
	opacity:0.8;
}
.area-content .highlights li:nth-child(3n) {
	margin-right: 0px;	
}
.contact-us {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	margin-top:20px;
}
.contact-us i {
	color:#2ab6db;
	margin-right:12px;
}
.contact-us div {
	margin-bottom:10px;	
}
.contact-us .en {
	color:#333333;	
}

.area-address {
	background-color: #0f7e9b;
	color: #FFF;
	padding: 30px 90px;
	text-align: left;
	display:flex;
}
.area-address .companyname {
	width:700px;
}
.area-address .companyname .cht {
	font-size: 18px;
	font-weight:700;
	margin-bottom:5px;	
}
.area-address .companyname .en {
	font-size: 14px;;
	font-family:Verdana, Geneva, sans-serif;
	line-height:18px;
}

.area-address .detail {
	font-size: 14px;
	line-height:24px;
}
.area-address .detail a {
	color:inherit;	
}

.area-address .small {
	font-size: 14px;
}
.area-address .en {
	font-family:Verdana, Geneva, sans-serif;
}

.area-copyright {
	background-color: #FFFFFF;
	color: #585858;
	font-size: 14px;
	line-height: 72px;
	text-align: center;
}
.area-copyright span {
	color:#03acd9;	
}
.logo {
	display: inline;
	float: left;
	padding: 38px 20px 0px 80px;
}
.menu {
	display: inline;
	float: right;
	font-size: 20px;
	margin: 30px 80px 0px;
	line-height: 24px;
}
.menu a {
	color: #000000;
	text-decoration: none;
}
.menu a:hover, .menu a:hover .en {
	color: #0f7e9b;
}
.menu .en {
	color: #8d8d8d;
	font-family: Arial, Verdana, "sans-serif";
	font-size: 16px;
	line-height: 24px;
}
.menu ul {
	list-style: none;
}
.menu ul li {
	float: right;
	margin-left: 60px;
	text-align: center;
}
.align-left {
	text-align: left
}