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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
a{
	color:#808000;
	text-decoration:none;
	}
a:hover{
	color:#f50091;
	text-decoration:underline;
	}
.line_top{
	border-top:1px #ccc solid;
	}
.line_down{
	border-bottom:2px #eee solid;
	}
.line_down2{
	border-bottom:1px #ccc dotted;
	}

.line_right{
	border-right:1px #ccc solid;
	}
.main_class{
	font-family: "新細明體";
	font-size: 15px;
	color: #333;
	font-weight:bold;
	}
.main_class a{
	color: #333;
	text-decoration: none;
}
.main_class a:hover {
	color: #000;
	text-decoration: none;
}
.sub_class{
	font-family: "新細明體";
	font-size: 15px;
	color: #666;
	}
.sub_class a{
	color: #666;
	text-decoration: none;
}
.sub_class a:hover {
	color: #333;
	text-decoration: none;
}
.sub_line{
	font-family: "新細明體";
	font-size: 15px;
	color: #666;
	}
.top_menu{
	font-family: "新細明體";
	font-size: 15px;
	color: #333;
	font-weight:bold;
	}
.top_menu:link{
	color: #333;
	text-decoration: none;
	}
.top_menu:hover{
	color: #666;
	text-decoration: underline;
}
.top_menu2{
	font-family: "新細明體";
	font-size: 15px;
	color: #950202;
	font-weight:bold;
	}
.top_menu2:link{
	color: #333;
	text-decoration: none;
}
.top_menu2:hover{
	color: #666;
	text-decoration: underline;
}
.log_out{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	}
.log_out a{
	color: #333;
	text-decoration: none;
}
.log_out a:hover {
	color: #ff6600;
	text-decoration: none;
}

.a01{font-family:Arial, Helvetica, sans-serif;font-size: 15px;color: #669900;text-decoration: none;}
.a01:link {font-family:Arial, Helvetica, sans-serif;font-size: 15px;color: #666;text-decoration: none;}
.a01:hover {color: #ff6600;text-decoration: none;}

.a002:link {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #666;text-decoration: none;}
.a002:visited {color: #4C3061;}
.a002:hover {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #F7801F;}
.cc1:link {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #005420;text-decoration: none;}
.cc1:visited {color: #005420;}
.cc1:hover {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #FF9900;}

.t_1 a:link,.t_1 a:visited{color:#91C9E3;}
.t_1 a:hover{color:#FFF200;}
.t_2{color:#015B28;}
.t_3{color:#FF0000;}
.t_4{color:#015B28;}
.t_4 a:link,.t_4 a:visited{color:#015B28;text-decoration: none;}
.t_4 a:hover{color:#F7941D;text-decoration: underline;}

.tl_1{padding:5px;color:#313131;border-top-width:1px;border-left-width:1px;border-top-style:solid;border-left-style:solid;border-top-color:#0b9fd0;border-left-color:#0b9fd0;}
.tl_2{color:#313131;border-right-width:1px;border-bottom-width:1px;border-right-style:solid;border-bottom-style:solid;border-right-color:#0b9fd0;border-bottom-color:#0b9fd0;}
.tl_3{padding:5px;color:#fff;border-top-width:1px;border-left-width:1px;border-top-style:solid;border-left-style:solid;border-top-color:#0b9fd0;border-left-color:#0b9fd0;}

.t2_1{padding:5px;border-top:1px #ccc solid;border-left:1px #ccc solid;}
.t2_2{border-bottom:1px #ccc solid;border-right:1px #ccc solid;}
.t2_3{border-top:1px #ccc solid;border-left:1px #ccc solid;}

.t3_1{border-top:1px #ddd solid;border-left:1px #ddd solid;}
.t3_2{padding:8px;color:#313131;border-right:1px #ddd solid;border-bottom:1px #ddd solid;line-height:18px;}
.t3_3{padding:8px;border-right:1px #ddd dotted;}

.h_3a {color:#4b4b4b;border-top-width:1px;border-left-width:1px;border-top-style:solid;border-left-style:solid;border-top-color:#CEDFF0;border-left-color:#CEDFF0;}
.c_4 {color:#4b4b4b;text-align:center;border-right-width:1px;border-right-style:solid;border-right-color:#CEDFF0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CEDFF0;}
.c_4a {font-size:15px;padding-left:5px;color:#4b4b4b;border-right-width:1px;border-right-style:solid;border-right-color:#CEDFF0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CEDFF0;}

.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:bold;
	line-height:22px;
	}
.title2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ff6600;
	font-weight:bold;
	line-height:22px;
	}
.title3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#669900;
	font-weight:bold;
	line-height:22px;
	}		
#page a{
	font-size: 12px;
	color: #333333;
	padding-left: 3px;
	padding-right: 3px;
	height: 25px;
	width: 25px;
	border: thin solid #cccccc;
	background-position: center center;
	text-decoration: none;
}
#page a:hover{
	color:#00CCFF;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 3px;
	height: 25px;
	width: 25px;
	border: thin solid #cccccc;
	background-position: center center;
	text-decoration: none;
}
.txt_black{
	font-size: 15px;
	color: #000000;
	line-height: 18px;
}
.txt_red_b{
	font-size: 15px;
	color: #990000;
	font-weight: bold;
	background-color: #FFD7D7;
}

.txt_red{
	font-size: 15px;
	color: #ff0000;
	font-weight: normal;
	line-height: 18px;
}

.txt_red a{
	font-size: 15px;
	color: #FF0000;
}
.txt_red a:hover{
	font-size: 15px;
	color: #FF9900;
}

.txt_y{
	font-size: 15px;
	color: #ffff00;
	font-weight: normal;
	line-height: 18px;
}
.txt_green{
	color: #669900;
}


.w1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	line-height:22px;
	font-weight:bold;
	}
.copyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	}
	
.but a{
	font-size: 12px;
	color: #333333;
	padding: 2px 5px;
	border: thin solid #cccccc;
	background-position: center center;
	text-decoration: none;
}
.but a:hover{
	color:#fff;
	background-color:#09C;
	font-size: 12px;
	padding: 2px 5px;
	border: thin solid #cccccc;
	background-position: center center;
	text-decoration: none;
}
#top_but{
	float:left;
	width:850px;
	height:30px;
	text-align:center;
	}
#top_but ul{
	float:left;
	list-style:none;
	}
#top_but li{
	float:left;
	width:85px;
	margin-right:5px;
	text-align:center;
	}
#top_but li a{
	display:block;
	width:85px;
	height:25px;
	padding-top:3px;
	border: 1px #bdf2ef solid;
	color: #fff;
	overflow: hidden;
	text-decoration:none;
	text-align:center;
	}
#top_but li a:hover{
	display:block;
	border: 1px #fff solid;
	color: #fff;
	background-color:#09C;
	text-decoration:none;
	}
.active{
	display:block;
	width:85px;
	height:25px;
	padding-top:3px;
	border: 1px #fff solid;
	color: #fff;
	background-color:#09C;
	overflow: hidden;
	text-align:center;
	}
.link a{
	display:block;
	width:65px;
	height:25px;
	padding-top:3px;
	border: 1px #bdf2ef solid;
	color: #333;
	overflow: hidden;
	text-decoration:none;
	text-align:center;
	}
.link a:hover{
	display:block;
	width:65px;
	height:25px;
	padding-top:3px;
	border: 1px #bdf2ef solid;
	color: #ffff00;
	overflow: hidden;
	text-decoration:none;
	}
	
.no{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff6600;
	}
.no a{
	color: #333;
	text-decoration: none;
}
.no a:hover {
	color: #ff6600;
	text-decoration: none;
}
	
.table{
	border:1px #0b9fd0 solid;
	}
	
.t_bg{
	background:url(img/top_03.jpg) right no-repeat;
	background-color:#003c64;
	}
	
.name{
	font-family:"新細明體";
	font-size:15px;
	color:#fff;
	line-height:22px;
	font-weight:bold;
	}
	
.i_01{
	display:block;
	height:20px;
	padding-top:3px;
	border: 1px #cedff0 solid;
	color: #c0504d;
	background-color:#ecf3f9;
	overflow: hidden;
	text-align:center;
	}
.i_02{
	display:block;
	height:20px;
	padding-top:3px;
	border: 1px #cedff0 solid;
	color: #ff0000;
	background-color:#ecf3f9;
	overflow: hidden;
	text-align:center;
	}
.i_03{
	display:block;
	height:20px;
	padding-top:3px;
	border: 1px #cedff0 solid;
	color: #5f497a;
	background-color:#ecf3f9;
	overflow: hidden;
	text-align:center;
	}
.i_04{
	display:block;
	height:20px;
	padding-top:3px;
	border: 1px #cedff0 solid;
	color: #1f497d;
	background-color:#ecf3f9;
	overflow: hidden;
	text-align:center;
	}

.submit-btn {
    display: inline-block;
    padding: 10px 20px 10px 22px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 10px;
    color: #ffffff;
    border: unset;
    outline: unset;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 20%);
    background: rgb(255, 121, 0);
    background: linear-gradient(to top, rgba(255, 121, 0, 1) 0%, rgba(255, 160, 1, 1) 50%, rgba(255, 121, 0, 1) 100%);
    transition: 0.3s ease-in-out;
}

.submit-btn:hover {
    background: rgb(255, 74, 0);
    background: linear-gradient(to top, #ff6000 0%, #ff9801 50%, #ff6000 100%);
}

.translate {
  transform: translate(0%, 0%);
}

#tab-demo{ width:100%; height:auto;}
#tab-demo > ul{ display:block; margin:0;list-style:none;}
.tab-title{list-style:none;}
#tab-demo > ul > li{ display:inline-block; vertical-align:top;font-family:'微軟正黑體'; margin:0 -1px -1px 0 ; border:1px solid #BCBCBC; width:130px; height:35px; line-height:35px; background:#cdcdcd;text-align: center;list-style:none; box-sizing:border-box;}
#tab-demo >  ul > li a{ color:#000; text-decoration:none;}
#tab-demo > ul > li.active{ border-bottom:1px solid #fff; background:#fff;}
#tab-demo > .tab-inner{ clear:both; color:#000; }
.tab-inner{ height:auto;}


#tab-demo table { width:100%; overflow:auto ;}