@charset "utf-8";
/* CSS Document */

@import url("reset.css");
body{font-family: "微軟正黑體", "華康儷宋 Std W5" ,Arial, Helvetica,Verdana, sans-serif; font-size:15px; line-height:1.6;}
a, a:hover{ text-decoration:none;}



#Wrapper{ width:1080px; margin:0 auto; padding:0 10px;}

	#Header{ height:265px; }
		#Header .LogoArea{ float:left; width:750px; height:185px; }	
		#Header .LoginArea{ float:left; width:330px; height:185px; }
			#Header .LoginArea table td{ border-left:1px solid #cdcdcd; padding:2px 10px; font-size:12px;}
			#Header .LoginArea table td a{ font-size:13px; color:#555;}
			#Header .LoginArea table td a:hover{ font-size:13px; color:#000; font-weight:bold;}
		#Header .MenuArea{ clear:both; height:34px; background:url(../images/menu_bar.png) no-repeat; line-height:33px; color:#a1a1a1;}	
			#Header .MenuArea a{ color:#fff; padding:0 15px;}
			#Header .MenuArea a:hover{ color:#cffcfc;}	
		#Header .SearchArea{ padding:7px 15px; height:31px; border:1px solid #e5edf2; background:url(../images/line_title.gif) center repeat-x;}
		#Header .SearchArea span{ font-size:13px; color:#1b6374;}
			#Header .SearchArea span a{ color:#1b6374; margin:0 2px;}
			#Header .SearchArea span a:hover{ color:#339fb9; margin:0 2px;}

	#MainArea{ width:auto; padding:10px 0; color:#666;}

		h2{ font-size:18px; color:#333; }
		h3{ font-size:15px; color:#333; }
		h4{ font-size:13px; color:#444; }
		
		ul.ADbox{ width:100%; text-align:center;}
		ul.AD940{ width:940px; margin:0 auto;}
			ul.ADbox li a{ display:block; float:left; margin:4px;}


	#Footer{clear:both; padding:10px 0 20px 0; text-align:center; font-size:12px; color:#444;}
		#Footer table{ clear:both; width:90%; border:6px solid #666; margin:10px auto;}
			#Footer table td{ font-size:15px; line-height:22px; color:#888; background:#fff2d0; border-bottom:1px solid #666; border-right:1px solid #666; padding:2px 0; text-align:center;}
			#Footer table td.Title{ color:#fff; background:#92cbd9;}
			#Footer table td.Title a{ color:#fff;}
			#Footer table td.Title a:hover{ color:#fff; font-weight:bold;}
			#Footer table td a{ color:#888;}
			#Footer table td a:hover{ color:#666; font-weight:bold;}

	/*filter:Alpha(opacity=50,finishOpacity=5,style=1,starty=10,finishy=100); background:url(../images/black_bg.png) bottom repeat-x;*/



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



/*===== Icon區 ===============================================================================================*/
.Icon{ /*width:75px;*/ height:16px; display:block; padding-left:22px;  background-image:url(../images/icon.png); background-repeat:no-repeat;}
.Icon a{ line-height:16px; margin:0; padding:0;}
.Man{ background-position:0 0;}
.Woman{ background-position:0 -20px;}
.Talk{ background-position:0 -40px;}
.Star{ background-position:0 -60px; margin:5px 0;}
.Files{ background-position:0 -80px;}
.Rss{ background-position:0 -100px;}
.Home{ background-position:0 -120px;}
.Increase{ background-position:0 -140px;}
.Reduce{background-position:0 -160px;}


/*===== 文字區 ===============================================================================================*/
.font_red{ font-weight:bold; color:#ff0000;}
.font_orange{ font-weight:bold; color:#fe7b39; padding:0 8px;}
.font_blue{ font-weight:bold; color:#06C; font-size:15px;}
.font_black{ font-weight:bold; color:#000;}


/*===== 按鈕區 ===============================================================================================*/
.Btn_Num{ width:70%; float:right; text-align:right; font-size:13px; color:#666;}
.Btn_Num a{ padding:2px 7px; margin:0 2px; color:#666; background:#fff; border:1px solid #a5cae4;}
.Btn_Num a.stay ,
.Btn_Num a:hover{ color:#333; background:#f0f7fc; border:1px solid #a5cae4; font-weight:bold;}

.Btn_FaceBook{ width:326px; height:92px; border:0; background:url(../images/btn_facebook.png) top; margin:10px 0;}
.Btn_FaceBook_hover{ width:326px; height:92px; border:0; background:url(../images/btn_facebook.png) bottom; margin:10px 0;}
.Btn_Search{ width:67px; height:33px; border:0; background:url(../images/btn_search.gif) top;}
.Btn_Search_hover{ width:67px; height:33px; border:0; background:url(../images/btn_search.gif) bottom;}

.Btn_All{ font-size:14px; font-weight:bold; height:25px; line-height:25px; padding:0 15px; background-image:url(../images/btn_bg.jpg); background-repeat:repeat-x; margin:2px;}
.BTNblack{ color:#CCC; border:1px solid #4a4a4a; background-position:0 0;}
.BTNblack_hover{ color:#acd8dd; border:1px solid #0d3e49; background-position:0 -35px;}
.BTNgray{ color:#888; border:1px solid #cfcfcf; background-position:0 -70px;}
.BTNgray_hover{ color:#1472a7; border:1px solid #82c2d2; background-position:0 -105px;}



a.BTNblack{ display:block; float:left; width:55px; color:#CCC; border:1px solid #4a4a4a; background:url(../images/btn_bg.jpg)0 0 repeat-x;
font-size:14px; font-weight:bold; height:23px; line-height:23px; text-align:center; margin:2px;}
a:hover.BTNblack{ color:#acd8dd; border:1px solid #0d3e49; background:url(../images/btn_bg.jpg)0 -35px repeat-x;}



/*===== 表格區 ===============================================================================================*/
.Web_Form { width:100%; margin:10px auto;}
.Web_Form table{ width:100%;}
.Web_Form td.Title{}
.Web_Form td{ padding:3px 5px}

.Web_Form table.Gray{ border:1px solid #bcc2cd;}
.Web_Form table.Gray td.Title{ background:url(../images/line_bg.gif) top repeat-x; border-bottom:1px solid #bcc2cd;
								color:#104a58; font-size:20px; font-weight:bold; padding:0 15px; line-height:38px;}
	.Web_Form table.Gray td{ border-left:1px solid #bcc2cd; border-bottom:1px solid #bcc2cd;}

.Web_Form table.Blue{ border:1px solid #a5cae4;}
.Web_Form table.Blue td.Title{ background:url(../images/line_bg.gif) 0 -60px repeat-x; border-bottom:1px solid #a5cae4;}
	.Web_Form table.Blue td.LeftBox{ border-right:1px solid #a5cae4; background:#f0f7fc;}
	.Web_Form table.Blue td.LeftBox img{ background:#fff; padding:5px; border-bottom:2px solid #dedede; margin:8px 0 0 0;}
	.Web_Form table.Blue td.Bar{ font-size:12px;}
	.Web_Form table.Blue td.Line01{ border-bottom:4px solid #d2e4f2;}
	.Web_Form table.Blue td.Line02{ border-bottom:4px solid #f0f7fc;}	
	.Web_Form table.Blue td.Line03{ border-bottom:1px dashed #a5cae4;}	
	.Web_Form table.Blue td.Line04{ border-bottom:1px solid #d2e4f2;}	
	.Web_Form table.Blue td span.Theme{ font-size:16px; color:#000; font-weight:bold; padding:0 20px 0 0;}
	.Web_Form table.Blue td span.Info{ display:block; font-size:11px; color:#999;}

.Web_Form table.Green{ border:1px solid #b6cfd3;}
.Web_Form table.Green td.Title{ background:url(../images/line_bg.gif) 0 -120px repeat-x; border-bottom:1px solid #b6cfd3;
								color:#1b6374; font-size:20px; font-weight:bold; padding:0 15px; line-height:38px;}
	.Web_Form table.Green td{}
	
.Web_Form td.Distinct_Blue{ color:#069;}
.Web_Form td.Type{ background:#666; color:#fff; font-size:18px; font-weight:bold; text-align:center;}
.Web_Form td a{ color:#555; font-size:15px;}
.Web_Form td a:hover{ font-weight:bold; color:#000;}
.Web_Form td a.None{ color:#5c99a3; font-size:14px;}
.Web_Form td a.None:hover{ color:#555; font-size:14px;}
.Web_Form td a.Black{ font-weight:bold; color:#000; font-size:17px;}
.Web_Form td a:hover.Black{ color:#555;}
.Web_Form td a.Red{ font-weight:bold; color:#F00;}
.Web_Form td a:hover.Red{ color:#333;}
.Web_Form td a.Orange{ font-weight:bold; color:#F90;}
.Web_Form td a:hover.Orange{ color:#333;}


.Web_Form td img.Pic{ position:absolute; margin:-18px 0 0 0;}
.Web_Form td span.EditBox{ font-size:12px; color:#8a99a8; line-height:1.4;}
.Web_Form td span.TimeBar{ width:100px; float:right;}
.Web_Form td span.BarRight{ width:200px; text-align:right; float:right; font-size:15px;}
.Web_Form td span.BarRight a{color:#333; font-size:15px;}
.Web_Form td span.BarRight a:hover{color:#000; font-size:15px;}


.Edit_Form{ width:70%; margin:30px auto 50px auto;}
.Edit_Form table{}
.Edit_Form td{ font-size:14px; color:#444; border-bottom:1px dashed #b6cfd3; }
.Edit_Form td.Caption{ font-size:15px; color:#222; font-weight:bold; text-align:right; }



/*----- text_bar --------------------------------------------------------------------------------------*/

.Text_Login{width:100px; height:21px; border:1px solid #e0e0e0; color:#999; font-size:13px; line-height:21px; padding:0 5px; margin:2px 5px;}
.Text_Search{width:75px; height:30px;  border:1px solid #b2c7dae; color:#999; font-size:14px; line-height:20px; margin:0 5px 0 0;}
.Text_text{width:180px; height:28px; padding:0 5px; border:1px solid #b2c7dae; color:#999; font-size:15px; line-height:28px; margin:0 2px 0 5px;}


.Text_Bar00{width:40px; height:23px; border:1px solid #dedede; color:#555; font-size:15px; line-height:23px; padding:0 5px; margin:3px 5px;}	
.Text_Bar1{width:250px; height:23px; border:1px solid #dedede; color:#555; font-size:15px; line-height:23px; padding:0 5px; margin:3px 5px;}	
.Text_Bar2{width:700px; height:23px; border:1px solid #dedede; color:#555; font-size:15px; line-height:23px; padding:0 5px; margin:3px 5px;}	
.Text_Bar3{width:700px; height:100px; border:1px solid #dedede; color:#555; font-size:15px; line-height:23px; padding:0 5px; margin:3px 5px;}