@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "微軟正黑體";
	background-position: left top;
	background-color: #F90;
	background-image: url(images/by2.jpg);
}



#up {
	height: 420px;
	background-color: #FFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #F90;
}
#upWithin {
	height: 100px;
	background-color: #FFF;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #F90;
}
#up1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	padding-top: 18px;
	float: left;
	height: 72px;
	width: 230px;
}
#logo2 {
	height: 85px;
	width: 240px;
	position: absolute;
	left: 10px;
	background-color: #F90;
	text-align: center;
}

#fash {
	background-color: #000;
	height: 300px;
	width: 740px;
	position: absolute;
	right: 10px;
}

#Menu {
	height: 60px;
	width: 760px;
	position: absolute;
	left: 239px;
	top: 34px;
}
#carte1 {
	width: 1000px;
	position: relative;
	height: 330px;
	float: left;
}
#Home-news {
	background-color: #CCC;
	height: 198px;
	width: 222px;
	position: absolute;
	left: 10px;
	top: 86px;
	padding-top: 8px;
	padding-right: 9px;
	padding-bottom: 8px;
	padding-left: 9px;
}

#next {
	background-image: url(images/bg_gradient.png);
	width: 100%;
	margin-top: 20px;
	font-size: 10pt;
	color: #FFF;
	line-height: 18pt;
}
#next1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	overflow: hidden;
}

#skyep ul li {
	float: left;
	height: 35px;
	width: 35px;
	margin-right: 5px;
	margin-left: 5px;
}
#skyep {
	height: 35px;
	width: 135px;
	float: right;
	margin-right: 10px;
	margin-bottom: 30px;
}

#skyep ul li a {
	background-image: url(images/skype.png);
	color: #FFFFFF;
	display: block;
	overflow: hidden;
	height: 0 !important;
	height/**/: 35px;
	_height: 0;
	width: 35px;
	font-size: 0px;
	padding-top: 35px;
}
#main1 a { background-position: 0 0;}
#main2 a {background-position: -35px 0px;}
#main3 a { background-position:-70px 0px;}

#main1 a:hover {background-position: 0px -35px;}
#main2 a:hover {background-position: -35px -35px;}
#main3 a:hover {background-position: -70px -35px;}




#Middle {
	width: 1050px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 30px;
}
#Middle1 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	float: left;
	width: 800px;
}
#top {
	height: 40px;
	width: 40px;
	margin-left: 1025px;
	text-align: center;
	position: fixed;
	right: 30px;
	bottom: 40px;
}
#top a {
	height: 40px;
	width: 40px;
	position: fixed;
	background-image: url(images/TOP.png);
	background-position: 0px 0px;
	display: block;
	font-size: 0px;
	color: #FFF;
}
#top a:hover {
	background-position: -40px 0px;
}
#Content1000 {
	float: left;
	width: 1000px;
	position: relative;
}

#Content750 {
	float: left;
	width: 750px;
}
#Content250 {
	float: left;
	width: 250px;
	overflow: hidden;
}
.HomeServices {
	height: 370px;
	width: 230px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	position: relative;
}
.HomeServices .map {
	float: left;
	height: 230px;
	width: 230px;
	overflow: hidden;
	background-color: #FFF;
	background-image: url(images/more1.png);
	background-position: center center;
}
.HomeServices .map a img:hover {
	filter: alpha(opacity=80);
	opacity: 0.5;
	
}

.HomeServices .White {
	background-color: #FFF;
	width: 200px;
	float: left;
	height: 80px;
	background-image: url(images/Serviceby.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.HomeServices .Black {
	background-color: #666;
	width: 200px;
	float: left;
	height: 80px;
	background-image: url(images/Serviceby.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.HomeServices .Gray {
	background-color: #CCC;
	width: 200px;
	float: left;
	height: 80px;
	background-image: url(images/Serviceby.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.Content2 {
	float: left;
	height: 80px;
	width: 200px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
}
.Content2 a {
	color: #F90;
	text-decoration: none;
}
.Content2 a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.Content {
	overflow: hidden;
	height: 80px;
	width: 180px;
	line-height: 17pt;
	font-family: "微軟正黑體";
	font-size: 14px;
	letter-spacing: 1px;
}
.Content ul {
	width: 200px;
	margin: 0px;
	padding: 0px;
	height: 80px;
	list-style-type: none;
}
.Content ul li {
	float: left;
	height: 20px;
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(images/bg_gradient.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	width: 180px;
}
.Content ul li a {
	color: #000;
	text-decoration: none;
}
.Content ul li a:hover {
	color: #F60;
}





.HomeServices .Title {
	height: 60px;
	width: 195px;
	position: absolute;
	left: -6px;
	top: 197px;
	z-index: 2;
}





.Homeabout {
	height: 300px;
	width: 200px;
	margin-right: 10px;
	margin-left: 10px;
	float: right;
	position: relative;
	background-color: #FFF;
	background-image: url(images/Serviceby.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 15px;
	padding-left: 15px;
}



.Homeabout .Title {
	height: 60px;
	width: 195px;
	position: absolute;
	left: -5px;
	top: 11px;
	z-index: 2;
}
.Homeabout .map {
	width: 200px;
	margin-top: 75px;
	margin-bottom: 10px;
	overflow: hidden;
	height: 81px;
	float: left;
}
.Homeabout .character1 {
	height: 120px;
	width: 200px;
	overflow: hidden;
	float: left;
	font-size: 14px;
	line-height: 20px;
}
.Homeabout .character1 a {
	color: #F90;
	text-decoration: none;
}
.Homeabout .character1 a:hover {
	font-weight: bold;
	color: #F00;
}
#Homearrangements {
	float: right;
	height: 100px;
	width: 230px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	
}
#Homearrangements a {
	color: #FFF;
	background-image: url(images/Title7.png);
	font-size: 0px;
	display: block;
	padding-top: 100px;
}
#Homearrangements a:hover {
	background-position: 0px -100px;
}



#HomeMedia {
	float: right;
	height: 164px;
	width: 214px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	background-color: #F90;
	border: 8px solid #FFF;
	background-image: url(images/Title10.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#HomeMedia #Media {
	width: 200px;
	margin-top: 55px;
	margin-right: 7px;
	margin-left: 7px;
	height: 90px;
}
#HomeMedia #Media ul li {
	height: 20px;
	width: 180px;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 20px;
	background-image: url(images/bg_gradient.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 20px;
}
#HomeMedia #Media ul li a {
	color: #FFF;
	text-decoration: none;
}
#HomeMedia #Media ul li a:hover {
	color: #000;
}
#HomeMedia .more1 {
	height: 20px;
	width: 50px;
	position: absolute;
	right: 13px;
	bottom: 134px;
}




#HomeMedia #Media ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


#HomePhotos {
	background-color: #FFF;
	float: left;
	height: 230px;
	width: 730px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#Homefacebook {
	float: right;
	width: 230px;
	margin-right: 10px;
	margin-left: 10px;
	height: 370px;
	background-color: #FFF;
}
#HomePhotos .map {
	background-color: #FFE109;
	height: 230px;
	width: 230px;
	float: left;
}
#HomePhotos .Photo {
	margin: 10px;
	height: 210px;
	width: 480px;
	float: left;
}
#HomePhotos .Photo ul li {
	background-color: #FFF;
	float: left;
	height: 94px;
	width: 140px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	overflow: hidden;
	background-image: url(images/more1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#HomePhotos .Photo ul li a img:hover {
	filter: alpha(opacity=80);
	opacity: 0.3;
	
}

#HomePhotos .Photo ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#Advertising {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	float: left;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}









#Within-menu {
	float: right;
	width: 214px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: #F90;
	border: 8px solid #FFF;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 60px;
	padding-bottom: 15px;
}
.jiobar {
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}.jiobar ul {
	margin: 0px;
	float: left;
	width: 190px;
	list-style-type: none;
	padding: 0px;
}
.jiobar li {
	float: left;
	width: 190px;
	margin-bottom: 5px;
}

.jiobar li a {
	font-size: 12pt;
	color: #000000;
	background-image: url(images/Point22.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 155px;
	padding-top: 5px;
	line-height: 20px;
	padding-left: 25px;
	padding-right: 5px;
	text-decoration: none;
	padding-bottom: 5px;
	border: 1px solid #FFCB7D;
}
.jiobar a:hover {
	background-position: 0px -50px;
	font-size: 12pt;
	line-height: 20px;
	color: #601F00;
	text-decoration: none;
	font-weight: bold;
}
/*------跑馬燈------*/
#Marquee {
	height: 40px;
	width: 720px;
	margin-left: 10px;
	background-image: url(images/bg_gradient22.png);
	position: relative;
	margin-right: 10px;
}

#abgne_marquee {
	position: absolute;	/* 超出範圍的部份要隱藏 */
	width: 740px;
	height: 40px;
	overflow: hidden;
	}
	#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#abgne_marquee ul {
	position: absolute;
	left: 98px;
	width: 620px;
	overflow: hidden;
	top: 2px;
	}
#Marquee #map {
	height: 100px;
	width: 100px;
	position: absolute;
	z-index: 40;
	left: -12px;
	top: -30px;
}


	#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size: 11pt;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #000;
	}

#abgne_marquee div.marquee_btn {
		position: absolute;
		cursor: pointer;
	}
#abgne_marquee div#marquee_next_btn {
	right: 0px;
	bottom: 0px;
	}
#abgne_marquee div#marquee_prev_btn {
	right: 0px;
	top: 0px;
	}
.Staff {
	margin: 5px;
	float: left;
	height: 180px;
	width: 180px;
	overflow: hidden;
}
#word2 {
	width: 580px;
	float: left;
	padding: 25px;
	background-color: #CCC;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
}

/*------------------------*/
/*-------頁碼-------*/
.quotes {
	text-align: center;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 10pt;
	width: 690px;
	margin: 10px;
	float: left;
}

.quotes a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #aaa;
}
.quotes a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
.quotes span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
}
quotes span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
/*----------------------------------*/

/*----------團員介紹----------*/
.abgne_tip_gallery_block {
	margin: 5;
	width: 180px;
	height: 180px;
	overflow: hidden;
	position: relative;
	float: left;
	}

	.abgne_tip_gallery_block img {
	position: absolute;
	border: 0;
	left: 0;
	top: 0;
	}
	.abgne_tip_gallery_block .caption {
	position: absolute;
	top: 130px;	/* .abgne_tip_gallery_block 的高 - 想顯示 title 的高(這邊是設 55) */
	width: 160px;	/* .abgne_tip_gallery_block 的寬 - .caption 的左右 padding */
	padding: 10px;
	cursor: pointer;
	color: #fff;
	background: url(images/1px_black.png) repeat;
	}
	.abgne_tip_gallery_block .caption h3 {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: center;
	}
	.abgne_tip_gallery_block .caption h3 a {
	text-decoration: none;
	color: #fc6;
	font-family: "微軟正黑體";
	font-size: 10pt;
	line-height: 14pt;
	}
	.abgne_tip_gallery_block .caption h3 a:hover {
	text-decoration: none;
	}
.abgne_tip_gallery_block .caption .desc {
	font-size: 10pt;
	line-height: 14pt;
	height: 70px;
	overflow: hidden;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.abgne_tip_gallery_block .caption .more {
	text-align: right;
	margin-top: 13px;
}

.abgne_tip_gallery_block .caption .more a {
	background-color: #000;
	border: 1px solid #CCC;
	color: #FC0;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-family: Arial;
	font-size: 10pt;
}
.abgne_tip_gallery_block .caption .more a:hover {
	color: #000;
	background-color: #666;
}
#word .Photo {
	float: left;
	height: 180px;
	width: 180px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#word .Introduction {
	width: 670px;
	margin-right: 25px;
	margin-left: 25px;
	float: left;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(images/5-13032Q02515.png);
}
#word .Introduction .Headline {
	font-size: 14pt;
	color: #000;
	background-image: url(images/Point2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#word .Introduction .script {
	margin-right: 20px;
	margin-left: 20px;
	width: 630px;
}


#word .Experience {
	float: left;
	width: 460px;
	margin-left: 20px;
}
#word .Experience ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#word .Experience ul li {
	float: left;
	margin-bottom: 10px;
	width: 460px;
}
#word .Experience ul .Name  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-family: "華康標宋體";
	font-size: 16pt;
	font-weight: bold;
}

#word .Experience ul .Name2  {
	font-size: 10px;
	color: #F90;
	font-family: "微軟正黑體";
}





/*------------------------*/
#Maincontent {
	float: left;
	width: 740px;
	margin-left: 10px;
	background-color: #FFF;
	margin-top: 20px;
}
#Maincontent2 {
	float: left;
	width: 980px;
	margin-left: 10px;
	margin-top: 20px;
}
#Within-title1 {
	float: left;
	height: 70px;
	width: 720px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#Location {
	font-size: 10pt;
	line-height: 15px;
	color: #666;
	position: absolute;
	top: 8px;
	right: 1px;
}
#Location a {
	color: #666;
	text-decoration: none;
}
#Location a:hover {
	color: #000;
	text-decoration: none;
}
#Title3 {
	height: 50px;
	width: 530px;
	padding-left: 170px;
	position: absolute;
	left: 8px;
	top: 18px;
	font-size: 14pt;
	line-height: 50px;
	background-image: url(images/Within-title8.png);
}
#Title4 {
	height: 50px;
	width: 450px;
	padding-left: 250px;
	position: absolute;
	left: 2px;
	top: 5px;
	font-size: 14pt;
	line-height: 50px;
}
#word {
	float: left;
	width: 720px;
	font-size: 11pt;
	line-height: 22pt;
	color: #666;
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#BANNER {
	float: left;
	width: 230px;
	margin: 10px;
}
#BANNER ul li {
	padding: 0px;
	float: left;
	width: 230px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#BANNER ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}





/*------------最新消息------------*/
#Newsitem2 {
	width: 650px;
	margin-right: 35px;
	margin-left: 35px;
	margin-bottom: 20px;
	float: left;
}
#Newsitem2 ul li {
	background-image: url(images/dash.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	width: 650px;
}
#Newsitem2 ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 11pt;
}
#Newsitem2 ul li:hover{
	border-color: #333;
	background-color: #F0F0F0;
}
#Newsitem2 ul li a .Date   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: center;
	width: 130px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Newsitem2 ul .Date2 {
	width: 130px;
	
}
#Newsitem2 ul li a .Date span {
	text-align: center;
	float: left;
	width: 130px;
	margin: 0px;
}

#Newsitem2 ul li a .Messagetopic   {
	width: 510px;
	padding-left: 10px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Newsitem2 ul .Messagetopic2 {
	width: 520px;
	color: #FFF;
	background-color: #666;
	letter-spacing: 2cm;
	text-align: center;
	height: 25px;
	float: left;
}




.tab {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#Newsitem {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.warp_table {
	border-collapse: collapse;
}
.warp_table td {
	vertical-align: top;
	background-image: url(images/dash.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}
#NewsTitle {
	font-size: 16pt;
	color: #F90;
	width: 650px;
	font-weight: bold;
}
#NewsTitle .Date {
	font-size: 10pt;
	color: #000;
}
#NewsTitle .Media {
	font-size: 12pt;
	color: #000;
	padding-left: 10px;
}

#Newsword {
	font-size: 11pt;
	line-height: 18pt;
	width: 650px;
	margin-top: 10px;
	color: #666;
}
/*------------------------*/

/*------------媒體報導------------*/
#Newsitem2 ul li a .Reported   {
   width: 340px;
	padding-left: 10px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#Newsitem2 ul .Reported2 {
	width: 350px;
	
}


#Newsitem2 ul li a .sources {
	width: 170px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #F90;
	text-align: center;
}
#Newsitem2 ul .sources2 {
	width: 170px;
	
}
#Newsitem2 ul  li:hover a .sources{
	color: #000;
}


/*------------------------*/

#Newsitem2 ul li a .Program {
	
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333;
	width: 240px;
	padding-right: 10px;
	padding-left: 10px;	
}
#Newsitem2 ul .Program2 {
	width: 260px;
	
}

#Newsitem2 ul li a .Address {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333;
	width: 240px;
	padding-right: 10px;
	padding-left: 10px;	
}
#Newsitem2 ul .Address2 {
	width: 260px;

}
#Newsitem2 ul li a .Address span {
	float: left;
	width: 240px;
}
#Newsitem2 ul li a .Address .Location {
font-size: 10pt;
	color: #666;
	}


#Newsitem2 ul .Address2,#Newsitem2 ul .Program2,#Newsitem2 ul .Date4,#Newsitem2 ul .sources2,#Newsitem2 ul .Reported2,#Newsitem2 ul .Messagetopic2,#Newsitem2 ul .Date2{
	color: #FFF;
	background-color: #666;
	letter-spacing: 4pt;
	text-align: center;
	height: 25px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Newsitem2 ul  li:hover a .Reported,
#Newsitem2 ul  li:hover a .Address ,
#Newsitem2 ul  li:hover a .Program,
#Newsitem2 ul  li:hover a .Messagetopic,
#Newsitem2 ul  li:hover a .Address .Location,
#Newsitem2 ul  li:hover a .Date span
{
	color: #F60;
}


#Newsitem .Information {
	float: left;
	width: 650px;
}
#Newsitem .Information ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 650px;
	list-style-type: none;
}
#Newsitem .Information ul li {
	float: left;
	width: 650px;
	margin-bottom: 5px;
}
#Newsitem .Information ul .Time {
	font-size: 16pt;
	font-weight: bold;
	color: #000;
}
#Newsitem .Information ul .Title {
	font-size: 14pt;
	color: #F90;
	font-weight: bold;
}
#Newsitem .Information ul .word {
	color: #333;
}
#Newsitem .Information ul .Activity {
	font-size: 12pt;
	color: #000;
	margin-top: 20px;
}
/*----------照片書籤------------*/

	ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
#Bookmark {
	float: left;
	width: 700px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

	.abgne_tab {
		clear: left;
		width: 100%;
		margin: 10px 0;
	}
	.abgne_tab_li {
		padding: 0 0 0 10px;
		margin-bottom: 20px;
		border-bottom: 1px solid #DDD;
	}
	.view_abgne_tab_li {
		padding: 0 0 0 0;
		margin-bottom: 5px;
		border-bottom: 1px solid #DDD;
	}
	ul.tabs {
		width: 100%;
		height: 32px;
		/*border-left: 1px solid #DDD;*/
	}
	ul.tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 1px solid #DDD;
		/*border-left: none;*/
		margin: 0 2px 02px 0;
	}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #000;
		border: 1px solid #fff;
		text-decoration: none;
	}
	ul.tabs li a:hover {
		background: #FFF;
	}
	ul.tabs li.active  {
	background-color: #FFFFFF;
	background-image: url(images/tab.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #fff;
	}
	ul.tabs li.active a:hover {
		background: #fff;
	}
	div.tab_container {
		clear: left;
		width: 100%;
		border-top: none;
		background: #fff;
	}
	
/*----------照片------------*/
#Photo {
	float: left;
	width: 690px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 20px;
}

.listStyle1{
	list-style: none;
	width: 200px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.listStyle1 li{
	margin: 0;
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
	float: left;
}
.listStyle1 li:hover{
	background: #333;
	border-color: #333;
	color: #F90;
}
.listStyle1 li a{
	display: block;
	text-decoration: none;
	padding: 10px;
	color: #333;
}
.listStyle1 li a .map{
	display: block;
	border: none;
	width: 180px;
	height: 120px;
	overflow: hidden;
	background-color: #CCC;
}

.listStyle1 li a .figureTxt{
	margin-top: 10px;
	height: 40px;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
.listStyle1 li:hover  a .figureTxt{
	color: #F90;
}

.listStyle1 li.topRow{
	margin: 10px;

}
/*----------照片內頁------------*/
#Photo-title {
	color: #000;
	background-image: url(images/Point2.png);
	background-position: left center;
	float: left;
	height: 35px;
	width: 670px;
	margin-right: 20px;
	margin-left: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	font-size: 14pt;
	line-height: 35px;
	font-weight: bold;
}
#Photoss {
	float: left;
	width: 690px;
	margin: 20px;
}
#Photoss ul li {
	padding: 4px;
	width: 152.5px;
	border: 1px solid #CCC;
	height: 100px;
	float: left;
	margin: 5px;
}
#Movie {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#Movie ul li {
	margin: 4px;
	float: left;
	width: 340px;
	height: 120px;
	border: 1px solid #CCC;
}
#Movie ul li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	color: #000;
	font-size: 12pt;
}
#Movie ul li:hover{
	background: #333;
	border-color: #333;
}
#Movie ul li a .map {
	float: left;
	height: 90px;
	width: 120px;
	background-color: #FFF;
	padding: 4px;
	border: 1px solid #CCC;
}
#Movie ul li a .Writing {
	float: left;
	width: 180px;
	margin-left: 10px;
	height: 50px;
	overflow: hidden;
	line-height: 25px;
	background-image: url(images/dash.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
}
#Movie ul li:hover a .Writing{
	color: #F90;
}
#Movie ul li .Broadcast {
	padding: 2px;
	height: 20px;
	width: 100px;
	border: 1px solid #CCC;
	float: right;
	font-weight: bold;
	color: #F60;
	margin-top: 10px;
	line-height: 20px;
	font-size: 10pt;
}
#Movie ul li:hover a .Broadcast{
	color: #FFF;
}
.Offerings {
	background-image: url(images/dash.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 700px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}
.Offerings ul li {
	float: left;
	height: 100px;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	position: relative;
}

.Offerings ul {
	float: left;
	width: 690px;
	margin-right: 5px;
	margin-left: 5px;
}
.Offerings .Title {
	font-size: 14pt;
	font-weight: bold;
	color: #000;
	background-image: url(images/Point2.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 630px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-left: 20px;
}



.ServicesWriting {
	color: #FFF;
	width: 180px;
	position: absolute;
	z-index: 100;
	line-height: 20px;
	left: 10px;
	font-size: 12pt;
	bottom: 10px;
	text-align: center;
}
.
 .Title {
	font-size: 14pt;
	line-height: 20px;
	color: #333;
	height: 25px;
	width: 625px;
	margin-bottom: 15px;
	background-image: url(images/Point3.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-right: 20px;
	margin-left: 20px;
	font-weight: bold;
}



	.mask-div {
	width: 200px;
	height: 100px;
	}
	
	.mask-div img {
		position: absolute;
	}

	.mask-div .cover-mask {
		position: absolute;
		background-color: #000;
		width: 100%;
		height: 100%;
	}
#Classification {
	float: left;
	width: 720px;
}
#Classification .Servicetitle {
	float: left;
	width: 675px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
	background-color: #EEE;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 5px;
	background-image: url(images/Location.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 14pt;
	font-weight: bold;
}

#Servicess2 {
	float: left;
	width: 700px;
	margin-right: 10px;
	margin-left: 10px;
}
#Servicess2 .map {
	float: left;
	width: 260px;
}
#Servicess2 .script {
	float: left;
	width: 440px;
}
#Servicess2 .Bookmark2 {
	float: left;
	width: 690px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	height: 33px;
	padding-top: 5px;
}

#Servicess2 .Picture {
	float: left;
	width: 690px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 20px;
}
#Servicess2 .wode {
	float: left;
	width: 690px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}

#Servicess2 .Picture ul li {
	padding: 4px;
	width: 152.5px;
	border: 1px solid #CCC;
	height: 100px;
	float: left;
	margin: 5px;
}
.Form {
	font-size: 12pt;
	line-height: 18pt;
	color: #F90;
}
#form2 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	background-image: url(images/Customer%20Service.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 130px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

.roundbox_center ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.roundbox_center li {
	float: left;
	width: 580px;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 10pt;
	line-height: 16pt;
}
.roundbox_center {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	line-height: 18pt;
	color: #666;
}
.roundbox_center  h3  {
	font-size: 11pt;
	line-height: 14pt;
	float: left;
	width: 100px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}
.textarea {
	width: 670px;
	font-size: 10pt;
	line-height: 15pt;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.textarea ul li {
	background-repeat: no-repeat;
	background-position: 3px 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	color: #333333;
	padding-left: 20px;
}


#company p {
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}
#company p span {
	font-size: 10pt;
	line-height: 18pt;
	font-weight: bold;
	color: #333333;
	text-align: right;
	width: 120px;
	float: left;
}
#Introduction {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
#Introduction .Title {
	background-image: url(images/Location.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 450px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	background-color: #EFEFED;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 230px;
	position: relative;
}
#Introduction .Title .Button {
	position: absolute;
	right: 10px;
	bottom: 15px;
}
#Introduction .Title .Button a {
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #333;
	font-weight: normal;
	font-variant: normal;
	margin-left: 5px;
	text-decoration: none;
}
#Introduction .Title .Button a:hover {
	background-color: #FFF;
	color: #F60;
	text-decoration: none;
}



#Introduction .word {
	float: left;
	width: 720px;
}


#Unit ul li {
	float: left;
	width: 590px;
	margin-right: 45px;
	margin-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/Point4.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	padding-left: 40px;
	font-size: 12pt;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#Unit {
	margin-top: 20px;
	margin-bottom: 30px;
	background-image: url(images/more4.jpg);
	background-repeat: no-repeat;
	background-position: 20px top;
	padding-top: 50px;
	overflow: hidden;
}

#Unit ul li a {
	color: #F60;
	text-decoration: none;
}
#Unit ul li a:hover {
	color: #333;
}






#FQA {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 15px;
}
.fq {
	background-image: url(images/US12-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	font-size: 14px;
	line-height: 18px;
	color: #006;
	padding-left: 70px;
	padding-top: 10px;
	width: 580px;
}
.fa {
	font-size: 10pt;
	line-height: 18pt;
	color: #666;
	background-image: url(images/US12-01-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-left: 85px;
	width: 520px;
}










#form {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	float: left;
	font-size: 10pt;
}#form ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 660px;
	list-style-type: none;
}
#form ul li {
	float: left;
	width: 660px;
}
#form ul li .Name {
	float: left;
	width: 120px;
}
#form ul li .Content1 {
	float: left;
	width: 540px;
}
.Sideline {
	text-align: center;

}