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

@import url("reset.css");

body{ font-family:Arial, Helvetica, sans-serif; height:100%; 
line-height:1.4; 
text-align:justify;



background:#f5f5f5 url(../images/bgbg.jpg) repeat-x fixed ;}
body.show_box{ background:none;}
a, a:hover{ text-decoration:none;}

body.N01 .wrapper .nav p a.N01, 
body.N02 .wrapper .nav p a.N02, 
body.N03 .wrapper .nav p a.N03, 
body.N04 .wrapper .nav p a.N04, 
body.N05 .wrapper .nav p a.N05,
body.N06 .wrapper .nav p a.N06{ color:#C70000; border-bottom:3px solid #C70000; padding:0 0 4px 0;}



/*=== Index ===============================================================================================*/
.wrapper_all{border-top:5px solid #e70217;}
.wrapper{ position:relative;}
	/*** header ***/
	.wrapper .header{ margin:0 auto; width:890px; height:90px; background:url(../images/header_index.jpg);}
	.wrapper .header_main{ margin:0 auto; width:890px; height:50px; background:url(../images/header_main.jpg);}

	/*** nav ***/
	.wrapper .nav{ margin:0 auto; width:715px; height:33px; line-height:29px; padding:0 0 0 175px; background:url(../images/bar_nav.jpg);}
		.wrapper .nav p{ font-size:14px; font-style:normal; font-weight:bold;}
		.wrapper .nav p a{ color:#3e3e3e;}
		.wrapper .nav p a:hover{ color:#C70000; border-bottom:3px solid #C70000; padding:0 0 4px 0;}



	/*** main ***/
	.wrapper .main{ position:relative; margin:0 auto; padding:25px 55px 30px 55px; width:780px; min-height:500px; background:#fff; font-size:13px; color:#3e3e3e;}
	.wrapper .main2{ position:relative; margin:0 auto; padding:20px 50px 30px 50px; width:790px; min-height:500px; background:#fff; font-size:13px; color:#3e3e3e;}
	
	.wrapper .maing{ position:relative; margin:0 auto; padding:25px 55px 30px 55px; width:780px; min-height:500px; background:#f7fff4  url(../images/gg.jpg) no-repeat center fixed; font-size:13px; color:#3e3e3e;}
	.wrapper .maing2{ position:relative; margin:0 auto; padding:25px 55px 30px 55px; width:780px; min-height:500px; background:#edffe8  url(../images/gg.jpg) no-repeat center fixed; font-size:13px; color:#3e3e3e;}
	
		.wrapper .main .page_arrow{ position:absolute; z-index:10; width:950px; top:300px; margin:0 -85px;}
		.wrapper .main2 .page_arrow{ position:absolute; z-index:10; width:953px; top:250px; margin:0 -70px;}
		.wrapper .maing .page_arrow{ position:absolute; z-index:10; width:950px; top:300px; margin:0 -85px;}
		
			.wrapper .main .page_arrow a.prev{ float:left;}
			.wrapper .main .page_arrow a.next{ float:right;}
			.wrapper .main2 .page_arrow a.prev{ float:left;}
			.wrapper .main2 .page_arrow a.next{ float:right;}
			.wrapper .maing .page_arrow a.prev{ float:left;}
			.wrapper .maing .page_arrow a.next{ float:right;}
			
		.wrapper .main p{ padding:15px 0;}
		.wrapper .main .box_big01{ margin:15px 1px 15px 0px; padding:30px 5px 0 5px; background:url(../images/box_bg.jpg) top repeat-x;}
		.wrapper .main .box_s{ float:left; width:310px;}
		.wrapper .main .box_line{ background:url(../images/box_line.gif) bottom no-repeat; margin:0 0 35px 0;}
		.wrapper .main .box_gray{ background:url(../images/box_gray.gif) bottom no-repeat; margin:0 0 35px 0;}
		.box_show{ padding:25px; width:685px; background:url(../images/box_show.jpg) bottom no-repeat; font-size:12px; color:#333;}
		h1{ margin:10px 0 5px 0px; padding:0 0 6px 0; font-size:18px; line-height:20px; color:#222; border-bottom:1px solid #d4d4d4;}
		

			h1.tt{ margin:6px 0 5px 0px; padding:0 0 6px 0px; font-size:16x; line-height:20px; color:#333; border-bottom:1px solid #d4d4d4;}
					
			h1.blue{ margin:0px 0 2px 0px; padding:0 0 0 16px;  background:url(../images/h1_blue_4.jpg); font-size:18px; line-height:22px; color:#333; border-bottom:0px;}
			
			h1.blue1{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_blue_4.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			h1.blue2{ margin:0px 0 2px 0px; padding:0 0 0 16px;  background:url(../images/h1_blue_4_2.jpg); font-size:18px; line-height:46px; color:#333; border-bottom:0px;}
			
			h1.purple0{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_purple.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			h1.purple1117{ margin:0px 0 2px 0px; padding:8px 0 6px 16px;  background:url(../images/h1_purple.jpg); font-size:15px; line-height:18px; color:#333; border-bottom:0px;}
			
			h1.purple{ margin:0px 0 2px 0px; padding:0 0 0 16px;  background:url(../images/h1_purple.jpg); font-size:18px; line-height:24px; color:#333; border-bottom:0px;}
			h1.purple2{ margin:0px 0 2px 0px; padding:0 0 0 16px;  background:url(../images/h1_purple_2.jpg); font-size:18px; line-height:40px; color:#333; border-bottom:0px;}
			
			h1.green{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_green_3.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			h1.green_t{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_green_3_t.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			h1.green2{ margin:0px 0 2px 0px; padding:0 0 0 16px;  background:url(../images/h1_green_3_2.jpg); font-size:16px; line-height:46px; color:#333; border-bottom:0px;}
			
			h1.gm{ margin:0px 0 2px 0px; padding:32px 5px 0 105px;  background:url(../images/h1_water.jpg) no-repeat; font-size:18px; line-height:20px; font-weight:normal; color:#fff; border-bottom:0px;}
			
			
			
			
			h1.gray{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_gray.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			h1.graynews{ margin:0px 0 2px 0px; padding:0 0 0 16px;  background:url(../images/h1_gray.jpg); font-size:18px; line-height:24px; color:#333; border-bottom:0px;}
			h1.gray2{ margin:0px 0 2px 0px; padding:0 0 0 12px;  background:url(../images/h1_gray_2.jpg); font-size:16px; line-height:46px; color:#333; border-bottom:0px;}
			h1.gold{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_gold.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			h1.gold02{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_gold.jpg); font-size:18px; line-height:24px; color:#333; border-bottom:0px;}
			
			h1.red1{ margin:0px 0 2px 0px; padding:0 0 0 20px;   font-size:32px; line-height:30px; font-weight:bold; color:#f40000; border-bottom:0px;}
			h1.red{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_red.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			
			h1.red1117{ margin:0px 0 2px 0px; padding:8px 0 6px 16px;  background:url(../images/h1_red.jpg); font-size:15px; line-height:18px; color:#333; border-bottom:0px;}
			
			h1.red2{ margin:0px 0 2px 0px; padding:0 0 0 16px;  background:url(../images/h1_red_2.jpg); font-size:18px; line-height:40px; color:#333; border-bottom:0px;}
			
			h1.red02{ margin:0px 0 2px 0px; padding:0 0 0 20px;  background:url(../images/h1_red.jpg); font-size:18px; line-height:36px; color:#333; border-bottom:0px;}
			
		h1.grayindex{ margin:0px 0 2px 0px; padding:0 0 0 15px;  background:url(../images/h1_gray2.jpg); font-size:18px; line-height:36px; color:#000; border-bottom:0px; }
		h1.blueindex{ margin:0px 0 2px 0px; padding:0 0 0 18px;  background:url(../images/h1_blue_4_2.jpg); font-size:19px; line-height:36px; color:#000; border-bottom:0px; }
		
		h1.blueindex2{ margin:0px 0 2px 0px; padding:0 0 0 18px;  background:url(../images/h1_blue_4_2.jpg); font-size:18px; line-height:24px; color:#333; border-bottom:0px; }
		
		h1.red_1{ margin:0px 0 2px 0px; padding:29px 0 0 18px; background:url(../images/h1_red_1.jpg); font-size:18px; line-height:24px; color:#fff; border-bottom:0px; width:762px; height:61px; }
		
		
		h1.gold_1{ margin:0px 0 2px 0px; padding:29px 0 0 18px; background:url(../images/h1_gold_1.jpg); font-size:18px; line-height:24px; color:#fff; border-bottom:0px; width:762px; height:61px;}
		
		
		h1.red_2{ margin:0px 0 2px 0px; padding:24px 0 0 18px; height:80px;  background:url(../images/h1_red_2.jpg); font-size:18px; line-height:24px; color:#fff; border-bottom:0px; }
		h1.gold_2{ margin:0px 0 2px 0px; padding:24px 0 0 18px; height:80px; background:url(../images/h1_gold_2.jpg); font-size:18px; line-height:24px; color:#fff; border-bottom:0px; }
		
		h1.breaking_news{ margin:0px 0 2px 0px; padding:0 0 0 5px;  background:url(../images/breaking.jpg); font-size:15px; line-height:36px; color:#000; border-bottom:0px; }
		
		h2.grayindex{ margin:0px 0 2px 0px; padding:0 0 0 15px;  background:url(../images/h1_grayindex.jpg); font-size:16px; line-height:36px; color:#333; border-bottom:0px;}
		h2{ margin:3px 0 3px 0px; padding:0 0 7px 0; font-size:20px; line-height:15px; color:#222; border-bottom:1px solid #d4d4d4;}
		h22{ margin:3px 0 0px 0px; padding:0 0 0px 0; font-size:20px; line-height:10px; color:#222; border-bottom:1px solid #d4d4d4;}
		h3{ font-size:20px; line-height:25px; color:#333; font-weight:bold; font-style:italic;}
		h4{ margin:0px 0 5px 0px; padding:0 0 0 25px;  background:url(../images/h4.png); font-size:14px; line-height:25px; color:#333; font-weight:bold;}
		h5{ margin:-25px -25px 10px -25px; background:url(../images/h5.jpg) no-repeat; font-size:25px; line-height:85px; color:#fff; font-weight:bold;}
		ul.list{padding:0 0 20px 0;}
			ul.list li{ padding:0 0 8px 0;}


	/*** popup1 ***/
	#popup1{ position:absolute; z-index:100; text-align:center; width:100%; height:100%; background:url(../images/bg_black.png);}
		#popup1 #ad_box{ margin:50px auto 10px auto; width:695px; height:570px; text-align:left; }


	/*** footer ***/
	.wrapper .footer{ width:810px; height:20px; margin:0 auto; padding:0px 30px 0 50px; background:url(../images/footer.png);}


	/*** copyright ***/
	.wrapper .copyright{ background:#000; margin:0 auto; width:890px;}
		.wrapper .copyright p{ width:790px; margin:0 auto; color:#ccc; font-size:11px; line-height:30px;}
			.wrapper .copyright p span{ display:block;}
			.wrapper .copyright p a{ color:#ccc;}
			.wrapper .copyright p a:hover{ color:#fff;}




/*=====  =============*/
br.h15{ display:block; height:15px; font-size:0; line-height:0;}
br.clear{ clear:both; height:0; font-size:0; line-height:0;}
.t_left{ text-align:left;}
.t_right{ text-align:right; }
.t_right1{ text-align:right; font-size:9px;}
.f_left{ float:left;}
.f_left a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #660099;
}
.f_right{ float:right;}
.f_right a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #660099;
}
.c_right{ float:middle;}
.f_right2{ float:right; padding:0 0 15px 3px; width:510px;}
.g_left00{ float:left; width:32%; border-right-style:solid; border-width:1px; border-color:#dddddd;}
.g_left1{ float:left; width:27%;}
.g_left2{ float:left; width:30%;}
.g_left3{ float:left; width:37%;}

.g_left01{ float:left; width:32%;}
.g_left02{ float:left; width:30%;}
.g_left03{ float:left; width:30%;}


.g_left2_1{ float:left; width:390px;}
.g_left2_2{ float:left; width:385px;}

.g_left3_1{ float:left; width:43%;}
.g_left3_2{ float:left; width:53%;}

.roundBox {
	color: #999999;
	padding: 15px 25px;
	background: #eaeaea;
    border-radius: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	margin-left: 0px;
	margin-bottom: 20px;
	float:right; width:270px;
	behavior: url(PIE.htc);
}



/*===== 文字區 ===============================================================================================*/
.f_bold{ font-weight:bold;}
.font_white{color:#fff;}
.font_red{ color:#c70000; font-weight:bold; font-style:italic; padding:0 10px 0 0;}

.font_20{ font-size:20px;}
.font_16{ font-size:16px;}

.t1Content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; color: #f40000; font-weight: bold;text-decoration: none; line-height:20px;}

.t11Content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; color: #333333; font-weight: bold;text-decoration: none; line-height:20px; text-align:left;}

.t2Content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 18px; color: #f40000; font-weight: bold;text-decoration: none; line-height:30px; padding:0 0 8px 0; border-bottom:1px solid #d4d4d4;}

.t22Content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 18px; color: #333333; font-weight: bold;text-decoration: none; line-height:20px; padding:0 0 8px 0;}

.t3Content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color:#C00; font-weight: bold;text-decoration: none;}

.t4Content {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #000000; font-weight: bold;text-decoration: none;}

.t00Content {
	font-family: "Arial", "Helvetica", "sans-serif";
	
	font-size: 11px;
	text-align: center;}
	.t000Content {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-style: italic;
	font-size: 11px;
	padding:0 0px 0px 00px; }
.font_oip{font-size:12px; padding:10px 0 2px 0;}

/*===== 按鈕區 ===============================================================================================*/
.Btn_Num{ width:85%; margin:10px auto; text-align:center; font-size:15px; color:#777;}
.Btn_Num a{ padding:0 5px; margin:0 2px; color:#777; background:#fff; border:1px solid #888;}
.Btn_Num a.stay ,
.Btn_Num a:hover{ color:#444; background:#f7ca9e; border:1px solid #da822c; font-weight:bold;}

a.BtnBtn{padding:2px 5px; margin:5px 3px; color:#777; background:#fff; border:1px solid #888; font-size:12px;}
a.BtnBtn:hover{ color:#444; background:#f7ca9e; border:1px solid #da822c; font-weight:bold;}




/*===== 表格區 ===============================================================================================*/
.Web_Form { margin:10px 0 15px 25px;}
.Web_Form table{width:100%;}
.Web_Form tr.TitleBar{ border-bottom:1px solid #e96789; border-top:2px solid #e96789; font-size:16px; color:#444; font-weight:600; line-height:17px; height:30px;}
.Web_Form tr.TitleBar td span.Line_Gray{ display:block; width:100%; border-left:1px solid #999; border-right:1px solid #999;}
.Web_Form tr.TitleBar td{}
.Web_Form tr.MainBar{ border-bottom:1px dashed #ccc; color:#000; font-size:15px; line-height:26px;}
.Web_Form tr.FooterBar{ background:#f6f6f6;}
.Web_Form td{ padding:2px 7px; text-align:center; background:rgba(255,255,255,.4);}
.Web_Form td.Left_TA{ text-align:left;}
.Web_Form td.Right_TA{ text-align:right;}
.Web_Form td.TitleText{ text-align:left; background:url(../images/icon_dot-red.gif) left top no-repeat rgba(255,255,255,.4); 
padding-left:15px; font-weight:bold; color:#666; line-height:30px; border-bottom:1px dashed #ccc;}
.Web_Form td.EditText{text-align:left; line-height:30px; border-bottom:1px dashed #ccc;}
.table2 {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	padding-left: 8px;
}
.table1 {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-left: 8px;
}
.table4 {
	font-size: 9px;
	color: #333;
	text-decoration: none;
	padding-left: 4px;
	
}
.table3 {
	font-size: 11px;
	font-weight: bold;
	color: #036;
	text-decoration: none;
	padding-left: 8px;
}
.table5 {
	font-size: 9px;
	color: #333;
	text-decoration: none;
	padding-left: 4px;
	border-right: 1px solid #999999;
	border-collapse: collapse;
	
}
.table6 {
	font-size: 9px;
	color: #333;
	text-decoration: none;
	padding-left: 4px;
	border-right: 1px solid #ffffff;
	border-collapse: collapse;
	
}
/*----- 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 rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px; margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar2{width:115px; height:22px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px;  margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar3{width:350px; height:22px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px; margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar4{width:500px; height:75px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px; margin:2px 5px; background:rgba(255,255,255,1);}		
.Text_Bar5{width:170px; height:22px; padding:0 5px; border:1px solid rgba(0,0,0,0.2); color:#333;
           font-size:15px; line-height:22px;  margin:2px 5px; background:rgba(255,255,255,1);}







#cookie-law { 
    max-width:100%;
	height: 60px;
    background:#999999; 
    margin:0; 
}
 
#cookie-law p { 
	width: 960px;
    padding:10px; 
    font-size:12px; 
    font-family:Arial; 
    color:#fff; 
    margin:0 auto;
}

#cookie-law p a { 
    color:#fff; 
	text-decoration-line: underline;
}

#cookie-law p .privacyBarAcceptBtn{
	float: right;
	margin-left: 30px;
	border: 1px solid #fff;
	color: #fff;
	padding: 6px 20px;
	text-decoration: none;
}



.cookie-message .cookiebar-close{
	position:absolute;
	top:0; *top:-2px; right:10px;
    cursor:pointer;
	/*float: right;*/
	margin-right: calc(50vw - 482.5px);
	margin-top: 10px;
	border: 1px solid #fff;
	color: #fff;
	padding: 6px 20px;
	text-decoration: none;
}
.cookie-message {
  /*position:fixed;*/
  top:0;left:0;right:0;
  /*padding:0 85px 0 20px;*/
	height: 60px;
  background:#fff;
  border-bottom:1px solid #ccc;
  box-shadow:0px 0px 3px #ccc;
  z-index: 99;
}
/*.cookie-message a {
  position:absolute;
  top:0; *top:-2px; right:20px;
  cursor:pointer;
}*/
.cookie-message p {
  color:#fff;
  font: 12px/18px Arial;
  margin:0 auto;
	padding: 10px;
	width: 945px;
}
.blue {
  border-bottom:1px solid #0E83AE;
  background-color:#0990c3;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));
  background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: linear-gradient(#0e83ae, #0990c3, #0e9dd2);
}
.blue p, .blue a { color:#fff; }

.gray {
  border-bottom:1px solid #999999;
  background-color:#777777;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0e83ae), color-stop(50%, #0990c3), color-stop(100%, #0e9dd2));
  background: -webkit-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -moz-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -o-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: -ms-linear-gradient(#0e83ae, #0990c3, #0e9dd2);
  background: linear-gradient(#999999, #777777, #888888);
}
.gray p { color:#fff; }
.gray a { color:#fff; text-decoration-line: underline;}