@CHARSET "UTF-8";
/* 	Button ------------------------------------------------------------ */

.MoreBt a {
  display: block;
  width: 48px;
  padding: 0;
  border: 1px solid #999999;
  font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 12px;
  text-align: center;
  color: #999999;
  font-weight: bold;
  text-decoration: none;
  margin-right: 10px;
}

.MoreBt a:hover {
  background: #999999;
  border: 1px solid #999999;
  font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
  color: #FFFFFF;
  text-decoration: none;
}

.SubmitBt a {
  display: block;
  padding: 6px 0px;
  width:140px;
  border: 1px solid #8a1d03;
  font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 16px;
  text-align: center;
  background-color:#FF6600;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  margin: 10px 0px 0px 50px;

  background: -moz-linear-gradient(
		top,
		#fa8435 0%,
		#d15502);
  background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fa8435),
		to(#d15502));
  
  -moz-box-shadow:
		3px 3px 3px rgba(000,000,000,0.2),
		inset 2px 2px 0px rgba(255,255,255,0.4);
  -webkit-box-shadow:
		3px 3px 3px rgba(000,000,000,0.2),
		inset 2px 2px 0px rgba(255,255,255,0.4);
  box-shadow:
		3px 3px 3px rgba(000,000,000,0.2),
		inset 2px 2px 0px rgba(255,255,255,0.4);
  
  
}

.SubmitBt a:hover {
  background: #d15502;
  font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
  color: #FFFFFF;
  text-decoration: none;
  /*opacity: 0.85;*/
}

/* 	tab01 ------------------------------------------------------------ */
.tabs01 {
  position: relative;  
  width:530px; 
  min-height: 240px; /* This part sucks */
  clear: both;
  margin: 15px 0;
}
.tab01 {
  float: left;
}
.tab01 label {
  display: block;
  width:125px;
  height:40px;
  text-align:center;
  background: white; 
  border-bottom: 5px solid #CCCCCC; 
  margin-left: 5px;
  position: relative;
  /*left: 1px; */
  color: #3e3e3e;
  font-size: 14px;
  font-weight: bold;
}
.tab01 [type=radio] {
  display: none;   
}
.tab01content {
  position: absolute;
  /*top: 25px;*/
  top: 40px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 5px 5px 5px 10px;
  overflow-y: scroll;
  /*min-height:220px;*/
}
.tabs01 [type=radio]:checked ~ label {
  background: white;
  border-bottom: 5px solid #21337f;
  color: #21337f;
  z-index: 2;
}
.tabs01 [type=radio]:checked ~ label ~ .tab01content {
  z-index: 1;
}

/* 	tab02 ------------------------------------------------------------ */
.tabs02 {
  position: relative;   
  min-height: 250px; /* This part sucks */
  clear: both;
  margin: 5px 0;
}
.tab02 {
  float: left;
}
.tab02 label {
  display: block;
  padding:10px 0px;
  width:125px;
  height:45px;
  text-align:center;
  background:#21337f; 
  margin-left: 0px; 
  position: relative;
  left: 0px; 
  color: #FFFFFF;
  font-size: 12px;

}
.tab02 [type=radio] {
  display: none;   
}
.tab02content {
  position: absolute;
  /*top: 34px;*/
  top: 45px;
  left: 0;
  background: #d9dfed;
  right: 0;
  bottom: 0;
  padding: 10px 5px 5px 10px;
  height:230px;
}
.tabs02 [type=radio]:checked ~ label {
  background: #d9dfed;
  color: #21337f;
  z-index: 2;
}
.tabs02 [type=radio]:checked ~ label ~ .tab02content {
  z-index: 1;
}

/* 	news ------------------------------------------------------------ */
.newsbox {
	padding-left:10px;
	list-style:none;
	font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
}
.newsbox li{
	display: block;
	clear: both;
}
.newsbox li span{
	display: block;
	padding:0px 0px 10px 0px;
	float: left;
	
}
.newsbox li .newsdate{
	width:100px;
	color:#3E3E3E;
}
.newsbox li .newslist{
	width:370px;
}
.newsbox li .newslist a{
	text-decoration:none;
	color:#3E3E3E;
}
.newsbox li .newslist a:hover{
	text-decoration:underline;
	color:#3E3E3E;
}

.nodata{
	font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color:#3E3E3E;
	text-align:center;
	padding:30px 10px 10px 10px;
}

.title01{
	padding:0px 10px 10px 10px;
	font-size: 18px;
	font-weight: bold;
	
}
/* 	from item ------------------------------------------------------------ */
.inputcss {
  font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 12px;
  Color: #3E3E3E;
  margin: 5px 0 0 0;
  padding: 0 0 0 4px;
  height: 30px;
  border: 1px solid #999999;
}

.selectcss {
  font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 12px;
  Color: #3E3E3E;
  margin: 5px 0 0 0;
  padding: 0 0 0 4px;
  height: 30px;
  border: 1px solid #999999;
}

/* index menu */
.locmenuindex{
	float: left;
	display: block;
  	width:320px;
  	border:1px solid #21337f;
  	margin:0px 0px 10px 12px;
  	
	
}
.locmenuindextil{
	background-image: url('/loc/tuf1/images/loc_menu_bg.jpg');
	background-repeat: repeat, no-repeat;
	border-bottom:1px solid #21337f;
	display: block;
	height:25px;
}

.locmenuindextil .title{
	float: right;
	display: block;
	width:200px;
	height:25px;
	text-align:center;
	padding-top:3px;
	background-color:#21337f;
	color:#FFFFFF;
	font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
}

.locmenuindexbox ul{
	list-style-image: url('/tuf1/images/ico_Item2.gif');
	padding-left:25px;
}
.locmenuindexbox li{
	font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:16px;
	padding:2px;
}
.locmenuindexbox ul ul{
	list-style-image: url('/tuf1/images/ico_Item3.gif');
	padding-left:15px;
}
.locmenuindexbox ul ul li{
	font-family: "Microsoft JhengHei", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:12px;
	padding:2px;
}





/* introduction */
.locintrotitle		{font-family: "Verdana", "Arial", "Helvetica", "sans-serif";font-size: 13px;color: #000000;background-color: #FFFFFF;font-weight:bold;}
.locintrocontent    {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px; color: #3E3E3E; background-color: #FFFFFF}
}