@charset "utf-8";
body {
	margin: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: "微軟正黑體";
}
#a1 {
	height: 695px;
	width: 100%;
}
#a1-1 {
	height: 112px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #4cadd7;
	background-position: center;
}

#a1-1a {
	float: left;
	height: 84px;
	width: 180px;
	margin-top: 24px;
	margin-left: 30px;
}
#a1-1b {
	float: right;
	width: 600px;
	margin-top: 55px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	text-align: right;
	color: #FFF;
	break-after: auto;
}
#a1-2 {
	height: 112px;
	width: 270px;
	margin-right: auto;
	background-color: #428ec1;
	background-image: url(../images/bigtitle.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	letter-spacing: 1px;
	text-align: center;
	padding-top: 0px;
	height: 112px;
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 0px;
}
#a1-1b ul {
	list-style-type: none;
	font-size: 16px;
	margin-top: -10px;
	display: block;
	letter-spacing: normal;
}
#a1-1b ul li a {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-family: "微軟正黑體";
}
#a1-1b ul li a:hover {
	color: #FFCC00;
	display: block;

}
#a1-2 ul {
	list-style-type: none;
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#a1-2 ul li a {
	display: block;
	width: 240px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	background-color: #02adbf;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 15px;
	text-transform: uppercase;
}
.s01 {
	height: 42px;
	padding-top: 8px;
}
.s02 {
	height: 33px;
	padding-top: 17px;
}
#a1-2 ul li a:hover {
	background-color: #007884;
    transition: 0.5s;

}
#a2 {
	height: 575px;
	width: 100%;
	background-color: #e9eef2;
}
#a2-1 {
	height: 300px;
	width: 587px;
	font-family: "微軟正黑體";
	color: #9b9b9b;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.5px;
	float: right;
	margin-top: 65px;
}
.s_title {
	font-size: 36px;
	font-weight: bold;
	color: #404b52;
	/* [disabled]letter-spacing: 3px; */
	font-family: "微軟正黑體";
}
.s_title_2 {
	font-size: 24px;
	color: #404b52;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 190px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0975d4;
	padding-top: 5px;
}
.s_title3 {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	font-family: "微軟正黑體";
	line-height: 30px;
}
.s_title4 {
	font-size: 24px;
	color: #fff;
	font-family: "微軟正黑體";
	font-weight: bold;
	display: block;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#a2-2 {
	float: left;
	height: 377px;
	width: 547px;
	margin-top: 100px;
	transition: 0.5s;
}
#a2-2:hover {
	-webkit-filter:brightness(1.1);
	transition: 0.5s;
	}
#a2-2 img {
	width: 95%;
	margin-left: 15px;
	margin-top: 10px;
	transition: 0.5s;

	}
#a2-2 img:hover {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	transition: 0.5s;
	}

#a4-1 {
	height: 1600px;
	width: 100%;
	text-align: center;
}
#a4-1a {
	width: 350px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
#a4-1b {
	width: 280px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 31px;
}
#a4-1b {
	width: 300px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]margin-top: 16px; */
}
#a4-1d {
	width: 639px;
	height: 315px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	z-index: -1;
	position: absolute;
	left: 0px;
	top: 0px;
}
#a4-1e {
	width: 1140px;
	height: 430px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
	font-family: "微軟正黑體";
	font-size: 20px;
	color: #4c565c;
	margin-top: 30px;
	line-height: 10px;
}
.sw_01 {
	height: 50px;
	width: 280px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/* [disabled]margin-top: 60px; */
	margin-left: auto;
	color: #404b52;
	font-size: 24px;
	margin-right: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0975d4;
}
.sw_02 {
	height: 100px;
	width: 1142px;
	font-family: "微軟正黑體";
	color: #9b9b9b;
	font-size: 20px;
	line-height: 28px;
	margin-right: auto;
	margin-left: auto;
}
.sw_03 {
	height: 300px;
	width: 770px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #3e3e3e;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.5px;
	margin-left: 70px;
	margin-top: 10px;
}


.sw2_b {
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}
#a5 {
	background-color: #30698F;
	height: 460px;
	width: 100%;
	text-align: center;
	color: #FFCC33;
	font-family: "微軟正黑體";
	font-size: 18px;
	padding-top: 100px;
}
#a5-1 {
	height: 200px;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}
#a5-2 {
	height: 60px;
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	color: #FFF;
	font-family: "微軟正黑體";
}
#a5-2a {
	height: 35px;
	width: 125px;
	float: left;
	color: #FFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center;
	text-align: center;
	padding-top: 15px;
	margin-right: 18px;
}
#a5-2a-1 {
	background-image: url(../images/icon_phone.png);
	height: 50px;
	width: 50px;
	text-align: center;
	float: left;
}
#a5-2b {
	height: 35px;
	width: 335px;
	float: left;
	color: #FFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	ackground-position: center;
	text-align: left;
	padding-top: 15px;
	/* [disabled]margin-right: 15px; */
	padding-left: 15px;
}
#a5-2b-1 {
	background-image: url(../images/icon_company.png);
	height: 50px;
	width: 50px;
	text-align: center;
	float: left;
}
#a5-2c {
	height: 35px;
	width: 360px;
	float: left;
	color: #FFF;
	font-size: 18px;
	ackground-position: center;
	text-align: center;
	padding-top: 15px;
	padding-left: 5px;
}
#a5-2c-1 {
	background-image: url(../images/icon_mail.png);
	height: 50px;
	width: 50px;
	text-align: center;
	float: left;
}
#a5-2 input {
	background-color: #007884;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer {
	color: #FFFFFF;
	background-color: #24506C;
	height: 120px;
	width: 100%;
	font-family: "微軟正黑體";
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 40px;
}
.sbr01 {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.title03 {
	display: block;
	width: 300px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #C90;
}
#a4-00 {
	background-image: url(../images/img_service_map.png);
	height: 880px;
	width: 1142px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 99px;
	margin-right: auto;
	margin-left: auto;
}
#a1-x {
	width: 1150px;
	margin-right: auto;
	margin-left: auto;
	height: 112px;
}
#a2-1x {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#top-b {
	position: fixed;
	text-align: center;
	width: 100px;
	padding-top: 4px;
	padding-bottom: 0px;
	right: 0px;
	bottom: 0px;
}

#hua04 img {
	height: auto;
	width: 80%;
	margin-top: 0px;
	transition: 0.5s;

}

#hua04 img:hover {
	height: auto;
	width: 90%;
	margin-top: 10px;
	transition: 0.5s;

}

img {
     height: auto;
     max-width: 100%;
}
.a4-1e_bp {
	width: 366px;
	height: 430px;
	float: left;
	margin-right: 7px;
	margin-left: 7px;
	background-color: #ecedee;
	transition: 0.5s;
	
}
/*.a4-1e_bp:hover {
	-webkit-filter:brightness(1.1);
	transition: 0.5s;
}*/


/* Media Query ，也就是當寬度 < 1200 px 時將載入下面這段 CSS :*/
 @media only screen and (max-width: 1140px) {


#a2-1 {
	width: 500px;
	float: right;
	margin-left: 10px;
	margin-right: 70px;
}	
#a2-2 {
	margin-left: 30px;
}

.sw_02 {
	width: 1000px;
	font-size: 14px;
	padding-right: 70px;
	padding-left: 70px;
}
#a4-1 {
		width: 1200px;
}
#a4-00 {
		width: 100%;
}
#a1-x {
		width: 1200px;
}
#a1 {
		width: 1200px;
}
#a2 {
		width: 1200px;
}
#a5 {
		width: 1200px;
}
#footer {
	width: 1200px;
	height: 130px;
	line-height: 14px;
}	 
}