@charset "utf-8";
#Center {
	width: 962px;
	background-color: #FFFFFF;
	margin: auto;
	height: auto;
	}

.atworkCenter2 {
	width: 960px;
	height: auto;
	margin: auto;
	float: left;
	}

#atworkCenter2 {
	width: 960px;
	height: auto;
	margin: auto;
	float: left;
	}

#atworkCenter3 {
	width: 960px;
	height: 716px;
	float: left;
	position: relative;
	padding-top: 2000px;
	}

#upworkname {
	width: auto;
	height: 37px;
	float: left;
	padding-right: 50px;
	padding-top: 27px;
	padding-left: 130px;

}

#top-bar{
	width: 962px;
	height: 75px;
	background-color: #FFFFFF;
	position: fixed;
	left: 50%;
	margin-left: -483px;
	top: -75px;
	z-index: 3;
}

#top-barlogo{
	width: 960px;
	height: 75px;
	z-index: 4;
	float: left;
}

.w80bar{
	width: 960px;
	height: 5px;
	float: left;
}

#aclogo2 {
	height: auto;
	width: auto;
	float: left;
	margin-right: 273px;
}


.aclogo2 {
	height: auto;
	width: auto;
	float: left;
	margin-right: 273px;
}


.item2C {
	min-height: 0px;
	margin-top: 0px;
	width: auto;
	margin-left: 50px;
	padding-top: 0px;
	height: 75px;
	float: left;
	
}

.item2C2 {
	min-height: 0px;
	margin-top: 0px;
	width: 120px;
	padding-top: 0px;
	float: right;
	height: 75px;
	
}
.item
{
	font-size: 12px;
	font-family: "微軟正黑體";
	line-height: 28px;
	color: #727171;
	font-weight: bold;
	width: auto;
	height: 26px;
	padding-top: 36px;
	padding-right: 50px;
	float: left;
	text-decoration: underline;
}


.item-over
{
	font-size: 12px;
	font-family: "微軟正黑體";
	line-height: 28px;
	color: #727171;
	font-weight: bold;
	width: auto;
	height: 26px;
	padding-top: 36px;
	padding-right: 50px;
	float: left;
}


.item-over a 
{
	font-size: 12px;
	font-family: "微軟正黑體";
	line-height: 28px;
	color: #727171;
	text-decoration: underline;
}

.item-over a:hover
{
	font-size: 12px;
	font-family: "微軟正黑體";
	line-height: 28px;
	color: #727171;
	text-decoration: underline;
}	

.about450 {
	width: 842px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	height: 510px;
	padding-bottom: 50px;
	position: relative;
	float: left;
	padding-left: 80px;
}
.map3 {
	width: 587px;
	height: auto;
	left: 50%;
	float: left;
	margin-left: 270px;
	margin-bottom: 150px;
}
#map {
	width: 418px;
	height: 215px;
	margin-top: 20px;
}

#mapc {
	width: 418px;
	height: auto;
	margin-top: 30px;

}


.up702LINE {
	width: 697px;
	height: 413px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 75px;
	/* [disabled]top: 300px; */
	margin-top: 10px;
	border: 2px solid #ECECEC;
	background-color: #Fbfbfb;
}

.up702 {
	width: 699px;
	height: 413px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 0;
	/* [disabled]top: 300px; */
	margin-top: 10px;

}



.center702 {
	width: 702px;
	height: 417px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 0;
	margin-top: 75px;

}

.center702y {
	width: 699px;
	height: 393px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 0;
	margin-top: 75px;
	border: 1px solid #E1E1E1;
}

.center702j {
	width: 46px;
	height: 30px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: 300px;
	margin-bottom: 0;

}

.down702y {
	width: 699px;
	height: 393px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 75px;
	margin-top: 75px;
	border: 1px solid #E1E1E1;

}

.down702 {
	width: 702px;
	height: 417px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 75px;
	margin-top: 75px;

}

.downlonco {
	width: 702px;
	height: 417px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 75px;
	margin-top: 75px;

}



.down702LINE {
	width: 698px;
	height: 413px;
	position: relative;
	left: 50%;
	margin-right: 0;
	margin-left: -351px;
	margin-bottom: 75px;
	margin-top: 75px;
	border: 2px solid #ECECEC;

}


.hoverabout {
	width: 842px;
	height: 700px;
	margin-top: 50px;
	padding-left: 50px;
	float: left;
}

.hoverabout img {
	/* CSS3淡出淡入效果,1秒 */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
}

.hoverabout img:nth-of-type(2):hover{
  opacity:0; /*滑鼠滑入時，透明度變0*/
}
	

.hover {
	height: 179px;
	float: left;
	width: 240px;
}

.hover img {
	/* CSS3淡出淡入效果,1秒 */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
}

.hover img:nth-of-type(2):hover{
  opacity:0; /*滑鼠滑入時，透明度變0*/
}

.hoverwork193 {
	height: 179px;
	float: left;
	position: relative;
	width: 193px;
}

.hoverwork193 img {
	/* CSS3淡出淡入效果,1秒 */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
}

.hoverwork193 img:nth-of-type(2):hover{
  opacity:0; /*滑鼠滑入時，透明度變0*/
}

.hoverwork287 {
	height: 179px;
	float: left;
	position: relative;
	width: 287px;
}

.hoverwork287 img {
	/* CSS3淡出淡入效果,1秒 */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
}

.hoverwork287 img:nth-of-type(2):hover{
  opacity:0; /*滑鼠滑入時，透明度變0*/
}

.hoverwork298 {
	height: 179px;
	float: left;
	position: relative;
	width: 298px;
}

.hoverwork298 img {
	/* CSS3淡出淡入效果,1秒 */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
}

.hoverwork298 img:nth-of-type(2):hover{
  opacity:0; /*滑鼠滑入時，透明度變0*/
}

.hoverwork331 {
	height: 179px;
	float: left;
	position: relative;
	width: 331px;
}

.hoverwork331 img {
	/* CSS3淡出淡入效果,1秒 */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	position: absolute;
}

.hoverwork331 img:nth-of-type(2):hover{
  opacity:0; /*滑鼠滑入時，透明度變0*/
}


.wp {
	margin-left: 35px;
	line-height: 19px;
	color: #fbfbfb;
	width: auto;
	height: auto;
}

.word1 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 12px;
	/* [disabled]background-color: #FBFBFB; */
	margin-left: 35px;
	margin-top: 25px;
	margin-right: 27px;
	line-height: 21px;
	color: #727171;
	height: 120px;
}

.wordT {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 13px;
	/* [disabled]background-color: #FBFBFB; */
	color: #727171;
	font-weight: bold;
}