@charset "utf-8";
/* CSS Document */
@import url("reset.css");

body{ font-family:"微軟正黑體","細明體",Arial, Helvetica, sans-serif; background:url(../images/main_bg.jpg) top repeat-x; min-width:1000px;}
body.Index{ font-family:"微軟正黑體","細明體",Arial, Helvetica, sans-serif; min-width:1000px; background:#fff;}
body.Welcome{ font-family:"微軟正黑體","細明體",Arial, Helvetica, sans-serif; min-width:1000px; background:url(../images/welcome_bg.jpg) top repeat-x;}
a,a:hover{ text-decoration:none;}
a{ color:#777;}
a:hover{ color:#222;}
body.M01 ul.Menu li.M01 a.menuLink, 
body.M02 ul.Menu li.M02 a.menuLink, 
body.M03 ul.Menu li.M03 a.menuLink, 
body.M04 ul.Menu li.M04 a.menuLink, 
body.M05 ul.Menu li.M05 a.menuLink, 
body.M06 ul.Menu li.M06 a.menuLink, 
body.M07 ul.Menu li.M07 a.menuLink, 
body.M08 ul.Menu li.M08 a.menuLink{ font-size:16px; color:#fff; line-height:38px; height:40px; background:url(../images/menu_btn.png) bottom;
						text-shadow:1px 2px 3px rgba(0,0,0,.7); -moz-text-shadow:1px 2px 3px rgba(0,0,0,.7); -webkit-text-shadow:1px 2px 3px rgba(0,0,0,.7);}



/****** Layout *******************************************************************************/
#WrapperAll{ position:relative;/* margin:0 auto;*/ width:1000px;}
#WrapperFla{position:absolute; z-index:5;}
#Wrapper{ position:absolute; z-index:10; width:1000px; padding:0 75px 0 25px;}



#GoToHeader { display:none; position:absolute; }
	#GoToHeader .GoToHeader_close {display:block; cursor:pointer;}
	#GoToHeader a img {border:none;}



#HeaderAll{}
	#HeaderAll .Logo{ float:left;}
	#HeaderAll .BtnTop{ float:right; width:123px; margin:0 30px 0 0;}
		#HeaderAll .BtnTop a.BtnHome{ float:left; width:56px; height:19px; background:url(../images/btn_top.jpg) left top; text-indent:-9999px;}
		#HeaderAll .BtnTop a:hover.BtnHome{ background:url(../images/btn_top.jpg) left bottom;}
		#HeaderAll .BtnTop a.BtnSite{ float:left; width:67px; height:19px; background:url(../images/btn_top.jpg) right top; text-indent:-9999px;}
		#HeaderAll .BtnTop a:hover.BtnSite{ background:url(../images/btn_top.jpg) right bottom;}
	.MenuAll{ position:relative; width:1075px; margin:17px -75px 0 0;}
	.MenuBar{ position:relative; height:45px; background:url(../images/menu_bg.png) no-repeat;}
		ul.Menu{ padding:0 0 0 170px;}
			ul.Menu li{ display:block; float:left; height:40px; text-align:center; font-weight:bold; }
			ul.Menu li.menuLine{ width:1px; background:url(../images/menu_line.png);}
			ul.Menu li a.menuLink{ display:block; width:101px; font-size:15px; color:#000; line-height:40px; background:url(../images/menu_btn.png) top;
							text-shadow:1px 1px 3px rgba(0,0,0,.2); -moz-text-shadow:1px 1px 3px rgba(0,0,0,.2); -webkit-text-shadow:1px 1px 3px rgba(0,0,0,.2);}
			ul.Menu li a.menuLink:hover{ font-size:16px; color:#fff; line-height:38px; height:40px; background:url(../images/menu_btn.png) bottom;
							text-shadow:1px 2px 3px rgba(0,0,0,.7); -moz-text-shadow:1px 2px 3px rgba(0,0,0,.7); -webkit-text-shadow:1px 2px 3px rgba(0,0,0,.7);}
			ul.Menu li a.menuLinkG{ display:block; width:101px; font-size:15px; color: rgba(243,22,0,1.00); line-height:40px; background:url(../images/menu_btn.png) top;
							text-shadow:1px 1px 3px rgba(0,0,0,.2); -moz-text-shadow:1px 1px 3px rgba(0,0,0,.2); -webkit-text-shadow:1px 1px 3px rgba(0,0,0,.2);}
			ul.Menu li a.menuLinkG:hover{ font-size:16px; color:#fff; line-height:38px; height:40px; background:url(../images/menu_btn.png) bottom;
							text-shadow:1px 2px 3px rgba(0,0,0,.7); -moz-text-shadow:1px 2px 3px rgba(0,0,0,.7); -webkit-text-shadow:1px 2px 3px rgba(0,0,0,.7);}


				ul.Menu li ul.Sub{ position:absolute; z-index:1000; top:38px; /*width:101px;*/ height:166px; padding:5px 0 0 0;
											background:url(../images/menu_hover.png) repeat-x;}
					ul.Menu li ul.Sub li{ display:block; float:none; height:25px; line-height:25px; text-align:left;}
					ul.Menu li ul.Sub li a.subLink{ display:block; /*width:101px;*/width:210px; font-size:13px; color:#fff; font-weight:normal;
										text-shadow:1px 1px 1px rgba(0,0,0,.5); -moz-text-shadow:1px 1px 1px rgba(0,0,0,.5); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,.5); margin-left:10px;}
					ul.Menu li ul.Sub li a.subLink:hover{ font-size:14px; color:#fff; background:none; font-weight:bold;
										text-shadow:1px 1px 1px rgba(0,0,0,.7);-moz-text-shadow:1px 1px 1px rgba(0,0,0,.7); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,.7);}
			ul.Menu li ul.Sub{ display:none;}
			ul.Menu li:hover ul.Sub, ul.Menu li a:hover ul.Sub { display:block;} 



#IndexContent{ padding:0 5px; margin-top:120px;}
	.IndexPhoto{ float:left; width:250px; margin:100px 0 0 0;}
		ul.PhotoPic{ padding:5px 0 0 0;}
			ul.PhotoPic li a{ float:left; margin-right:5px; background:#fff;}
			ul.PhotoPic li a img{ border:3px solid #fff; box-shadow:-1px -1px 5px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);
						-moz-box-shadow:-1px -1px 5px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);
						-webkit-box-shadow:-1px -1px 5px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);
						filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7;}
			ul.PhotoPic li a:hover img{box-shadow:-1px -1px 5px rgba(0,0,0,.2), 1px 1px 5px rgba(0,0,0,.3);
						-moz-box-shadow:-1px -1px 5px rgba(0,0,0,.2), 1px 1px 5px rgba(0,0,0,.3);
						-webkit-box-shadow:-1px -1px 5px rgba(0,0,0,.2), 1px 1px 5px rgba(0,0,0,.3);
						filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;}

	.IndexNews{ float:left; width:700px; height:650px; margin:100px 25px 0 0;}
		.Index_TabBox { clear:left; width:700px; margin:5px 0 0 0;}
		ul.index_tabs { width:100%; height:21px; border-bottom:1px solid #999;}
			ul.index_tabs li { float:left; font-size:16px; height:22px; line-height:21px;
								overflow:hidden; position:relative; background:#06a795;
								border-radius:5px 5px 0px 0px;
								-moz-border-radius:5px 5px 0px 0px;
								-webkit-border-radius:5px 5px 0px 0px;}
			ul.index_tabs li a { display: block; padding:0 20px; color:#000; border-right:1px solid #fff; text-decoration: none;}
			ul.index_tabs li a:hover { background:#49c3b5;}
			ul.index_tabs li.active { background:#29c3b2;}
			ul.index_tabs li.active a:hover { background:#06a795;}
		div.tab_container { clear:left; width:100%; border-top:1px solid #999; border-top:none;}
		div.tab_container .tab_content { padding:8px 0;}
			ul.TabTextList{}
				ul.TabTextList li{ font-size:15px; color:#777; line-height:26px;}
				ul.TabTextList li a{ color:#777;}
				ul.TabTextList li a:hover{ color:#000;}
				ul.TabTextList li span{ float:right; font-size:11px; color:#5a9a3b;}

	.IndexVideo{ float:left; width:200px; margin-top:25px;}
		.Index_VideoBox{ margin:5px 0 0 0; width:200px; background:url(../images/box_video.png) no-repeat;}
		.VideoImg{ margin:20px 16px 30px 16px; width:168px; height:115px; border:1px solid #ccc; }
		.Index_VideoBox a.InBtnMore{ float:left; width:77px; height:25px; background:url(../images/btn_media.png) left top; text-indent:-9999px; margin:0 2px 0 25px;}
		.Index_VideoBox a:hover.InBtnMore{background:url(../images/btn_media.png) left bottom;}
		.Index_VideoBox a.InBtnMidea{ float:left; width:77px; height:25px; background:url(../images/btn_media.png) right top; text-indent:-9999px;}
		.Index_VideoBox a:hover.InBtnMidea{background:url(../images/btn_media.png) right bottom;}

	.IndexLink{ clear:both; width:980px; padding:0 0 15px 0; margin-top: 20px;}
		ul.LinkPic{ padding:5px 0 0 0;}
			ul.LinkPic li a{ float:left; width:180px; background:#fff; text-align:center; font-size:11px; line-height:20px; margin-right:9px;}
			ul.LinkPic li a img{ border:3px solid #fff; box-shadow:-1px -1px 5px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);
						-moz-box-shadow:-1px -1px 5px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);
						-webkit-box-shadow:-1px -1px 5px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);}
			ul.LinkPic li a:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;}



#MainContent{ margin:155px 0 30px 0;}							
	.LeftArea{ float:left; width:185px;}
		.LeftArea h1{ width:180px; height:100px; padding:43px 0 0 0; font-size:24px; color:#06a795; background-image:url(../images/left_bg.png);}
				ul.MenuList{ padding:15px 0 65px 0;}
					ul.MenuList li a{ display:block; color:#ececec; background:#9c9c9c; width:125px; /*height:25px;*/ height:50px;line-height:25px;
										padding:0 10px; font-size:13px; margin:0 0 5px 0;}
					ul.MenuList li a:hover,
					ul.MenuList li a.stay{ color:#fff; background:#7c7c7c;  font-weight:bold;}

	.RightArea{ float:left; width:765px; font-size:13px; color:#666; line-height:1.8; margin-left:15px;}
		.RightArea h2{ font-size:23px; color:#fff; padding:21px 0 0 15px; margin-left:-15px; height:60px;  background:url(../images/title_bg.png) left top no-repeat;
						text-shadow:2px 1px 3px rgba(0,0,0,.7);-moz-text-shadow:2px 1px 3px rgba(0,0,0,.7); -webkit-text-shadow:2px 1px 3px rgba(0,0,0,.7);}
		.RightArea h3{ font-size:21px; color:#000; line-height:30px; margin-top:10px;}
		.RightArea h4{ font-size:14px; color:#7e7e7; line-height:18px; font-weight:normal;}
		.RightArea h5{}
		.RightArea h6{ float:right; font-size:11px; color:#8ebeb1; font-weight:normal; margin-top:-20px;}

		.Main_TabBox { clear:left; width:750px; margin: 10px 0;}
			ul.main_tabs { width:100%; height:23px; border-bottom:1px solid #c7c7c7;}
			ul.main_tabs li { float:left; font-size:15px; font-weight:bold; height:23px; line-height:23px;
				 overflow:hidden; position:relative;}
			ul.main_tabs li a { display:block; padding: 0 20px; color: #000; border-right: 1px solid #c7c7c7; border-left: 1px solid #eee;}
			ul.main_tabs li a:hover { background:#eee;}
			ul.main_tabs li.active { background:url(../images/tab_line.jpg) repeat-x;}
			ul.main_tabs li.active a:hover { background:#80b15b;}
			div.maintab_container { background:url(../images/tab_bg.gif) left top no-repeat; clear:left; width:100%; margin:10px 0 0 0;}
			div.maintab_container .maintab_content { padding:20px; min-height:200px;}

				ul.TextList{}
					ul.TextList li{ background:url(../images/icon_arrow-repeat.gif) left top no-repeat; padding:0 0 0 20px;}
					ul.TextList li a{}
					ul.TextList li a{ color:#063; font-weight:bold;}
				ul.LinkList{}
					ul.LinkList li{ background:url(../images/icon_arrow.gif) left center no-repeat; padding:0 0 0 15px; border-bottom:1px dashed #ddd;}
					ul.LinkList li a{ }
					ul.LinkList li a:hover{ color:#063; font-weight:bold;}


				ul.PicList{}
					ul.PicList li a{ float:left; width:185px; height:180px; text-align:center; margin:0 5px 15px 0;}
					ul.PicList li.Sub a{height:140px;}
					ul.PicList li a img{ width:170px; height:110px; padding:5px; background:#fff; border:1px solid #ccc;
										filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;
										box-shadow:-1px -1px 3px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);
										-moz-box-shadow:-1px -1px 3px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);
										-webkit-box-shadow:-1px -1px 3px rgba(0,0,0,.1), 1px 1px 5px rgba(0,0,0,.2);}
					ul.PicList li a:hover{ color:#063; font-weight:bold;}
					ul.PicList li a:hover img{border:1px solid #76954a; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;}

				img.PicStyle{ width:700px; padding:1px; border:1px solid #eee; margin:5px 0 15px 0;}
				img.PicStyle00{ padding:1px; border:1px solid #eee; margin:5px 0 15px 0;}

#FooterAll{ background:url(../images/footer_bg.png) left top no-repeat; padding:20px 0 30px 0;}
	.Footer{ width:910px; padding:0 30px; text-align:center; font-size:12px; color:#777; line-height:20px;}
	
#Welcombtn{  width:910px; padding:0 30px; text-align:right; font-size:12px; color:#777; line-height:20px; margin-left:auto; margin-right:auto; margin-top:390px;}




/*============================================================================================================*/
br.Clear{ clear:both; height:0; line-height:0; font-size:0;}


/*===== 文字區 ===============================================================================================*/
.Font_Yellow{ color:#CC9;}
.Font_Green{ color:#063;}
.Font_Brown{ color:#93885c;}
.font_red{ color:#ff0000; font-weight:bold;}
.font_black{ font-weight:bold; color:#000;}
.font_13{ font-size:13px; color:#888; font-weight:normal;}
.font_10{ font-size:10px; letter-spacing:0.5px;}
.font_11-Gray{ font-size:11px; letter-spacing:0.5px; line-height:15px; color:#aaa; font-weight:normal;}



/*===== 按鈕區 ===============================================================================================*/
.Btn_Num{ width:85%; margin:10px auto 25px auto; text-align:center; font-size:12px; color:#777;}
.Btn_Num a{ padding:0 5px; margin:0 2px; color:#777; background:#fff; border:1px solid #999;}
.Btn_Num a.stay ,
.Btn_Num a:hover{ color:#000; background:#add6cb; border:1px solid #4fa18b; font-weight:bold;}

.Btn_Num a.BtnStyle{ padding:2px 5px 0 5px; margin:0 2px; color:#777; background:#fff; border:1px solid #888;}
.Btn_Num a.BtnStyle:hover{ color:#000; background:#b4c39e; border:1px solid #76954a; font-weight:bold;}

a.BtnMore{ display:block; float:right; width:45px; height:15px; background:url(../images/btn_more.gif) top; margin:10px 10px 0 0;}
a:hover.BtnMore{  background:url(../images/btn_more.gif) bottom;}

.Btn00{padding:0 6px; margin:5px 1px; color:#fff; background:#bcbcbc; font-size:12px; line-height:20px;}


/*===== 表格區 ===============================================================================================*/
.Web_Bar{ width:100%; background:url(../images/bar.png) left top no-repeat; font-size:16px; line-height:35px; font-weight:bold; color:#063; text-align:center;}

.Web_Form { width:100%; margin:5px 0 25px 0; border-top:2px solid #add6cb; border-bottom:2px solid #add6cb; padding:1px 0;}
.Web_Form table{ width:100%; border-top:1px dotted #add6cb; border-bottom:1px double #add6cb; padding:1px 0;}
.Web_Form tr.Gray{ background:#ededed; font-size:16px; line-height:2; font-weight:bold; color:#063; text-align:center;}
.Web_Form tr.Edit{ font-size:13px; line-height:1.3; color:#666; text-align:center;}

.Web_Form td{ padding:3px 10px; line-height:1.5; border-bottom:1px dotted #ccc;}
.Web_Form td.TLeft{ text-align:left;}
.Web_Form td.TRight{ text-align:right;}
.Web_Form td.Title{ background:url(../images/icon_arrow_blue.png) left center no-repeat; font-size:15px; color:#444; font-weight:bold; padding-left:25px;}
.Web_Form td.SubTitle{ background:url(../images/icon_arrow.gif) left center no-repeat; color:#444; padding-left:15px;}

.Web_Form td a.Key{ font-size:15px; color:#096; font-weight:bold;}
.Web_Form td a.Key:hover{ color:#063; font-weight:bold;}
.Web_Form td a{ color:#666;}
.Web_Form td a:hover{ color:#096; font-weight:bold;}
.Web_Form td img.PicShow{ float:left; margin:0 10px 10px 0; border:5px solid #ecf3f5; -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.Web_Form td img.Pic{ margin:0 8px 0 0;}



/*----- text_bar --------------------------------------------------------------------------------------*/
.Input_Text{width:190px; height:23px; padding-left:5px; border:1px solid #ababab; color: #666; font-size:12px; line-height:23px; background:#d6d6d6;}	
	
.Text_Bar1{width:500px; height:22px; padding:0 5px; border:1px solid #ddd; color:#777; background:#fff;
           font-size:13px; line-height:22px; margin:2px 5px;}		
.Text_Bar2{width:200px; height:22px; padding:0 5px; border:1px solid #ddd; color:#777; background:#fff;
           font-size:13px; line-height:22px;  margin:2px 5px;}		
.Text_Bar3{width:350px; height:22px; padding:0 5px; border:1px solid #ddd; color:#777; background:#fff;
           font-size:13px; line-height:22px; margin:2px 5px;}		
.Text_Bar4{width:500px; height:75px; padding:0 5px; border:1px solid #ddd; color:#777; background:#fff;
           font-size:13px; line-height:22px; margin:2px 5px;}		


/*---marquee---*/
div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 375px;
	height: 30px;
	border: 2px solid #22B14C;
	background-color: rgba(255,255,255,0.7);
	z-index:20;
	top:200px;
	left:590px;
}
div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: absolute;
}
div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size:15px;
	color:rgba(223,0,3,1.00);
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}


.SearchBox{font-size:13px; color:#777; padding:0 0 0 15px;}