﻿@charset "utf-8";
/* CSS Document */

ul,ol,li{
	margin:0px;
    padding:0px;
	list-style-type:none;
	}
	
h2{
	font-size: 20px;
	color: #00A651;
	letter-spacing: 1pt;
	vertical-align: middle;
	display: block;
	padding-bottom: 10px;
	white-space: nowrap;
	text-align:left;
	padding-left:25px;
	}	
	
.content{
	margin-top:100px;}
		
h3{
	background-repeat:no-repeat;
	font-size: 13px;
	color: #636;
	letter-spacing: 1pt;
	vertical-align: middle;
	display: block;
	padding-bottom: 10px;
	white-space: nowrap;
	text-align:left;
	padding-left:15px;
	margin-top:0px;
	}
#container{
	position:relative;
	margin:0 auto;
	text-align:center;
	width:1024px;
	}
.main{
	min-height:700px;}	
.left{
	width:228px;
	float:left;
	margin-left:10px;
	height:800px;}
	
.icon
{
	width:1054px;
	height:108px;
	clear:both;
	text-align:left;
	margin-left:20px;
}
		
.login{
	float:left;
	width:226px;
	margin-top:45px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:13px;
	clear:both;
}

.news, .about, .question, .contact, .service, .dowload, .counseling{
	float:left;
	z-index:999;
	width:111px;
	height:108px;}
	
.news a:hover, .about a:hover, .question a:hover, .contact a:hover, .service a:hover, .dowload a:hover, .counseling a:hover{
	background-color:#FF9;}

	
/*選單列表*/	
.sub-menu{
	background-image:url(../images/list_title.png);
	background-repeat:no-repeat;
	background-position:top;
	width:197px;
	padding-top:20px;
	float:left;
	margin-left:25px;
	margin-top:8px;
	clear:both;}
	
.sub-menu menu{
	width:195px;	
	border:1px solid #399;	
	text-align:left;
	font-size:14px;
	line-height:25px;
	padding: 0; 
	margin: 0; 
	list-style: none; 
	background: #fff;
	margin-top:20px;
	font-family:"微軟正黑體";
	height:150px;}
	
.sub-menu menu li 
{ position: relative; 
  z-index: 990; 
  cursor: pointer;
  padding: 2px 6px; 
  padding-left: 20px;
  background-image:url(../images/82.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:20px;
   }
  
.sub-menu menu li a{
	color:#000;
	text-decoration:none;}
	
.sub-menu menu li a:hover{
	padding:3px;
	color:#033;
	font-size:15px;
	text-decoration:none;
	font-weight: bold;
}
	
.content_index{
	width:740px;
	float:left;
	margin-top:12px;
	margin-left:15px;
}
	
/*快速連結*/	
.index-sidebar{
	width:228px;
	height:400px;
	float:left;
	margin-top:20px;
}

.link{
	width:228px;
	height:217px;/*222px;*/
	background-image:url(../images/link_bg.png);
	float:left;
	font-size:13px;	
	line-height:18px;
	text-align:left;
	color:#333300;	
	margin-bottom:15px;
}

.link li{
	background-image:url(../images/link-icon.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;}

.link li a{
	color:#333300;
	text-decoration:none;}
	
.link li a:hover{
	color:#333300;
	text-decoration:underline;}
	

/*最新消息*/
.news_nav{
	float:left;
}
	
.news_nav a{
	color:#000;
	text-decoration:none;}
.news_nav a:hover{
	background-color:#FF9;}
.news_table{
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;}
.news_table td{
	border-bottom:dashed 1px #999;}
.col03{
	line-height:30px;
	font-size:15px;}	
.col02{
	line-height:25px;
	margin-top:10px;
	margin-bottom:15px;}		
.col01{
	line-height:25px;
	font-size:13px;
	padding-left:5px;}	
.col04{
	line-height:25px;
	font-size:15px;
	padding-left:10px;}	


.pager { 
text-align: center; 
font-size: 12px; 
padding: 5px 0;
 color: #666;
 width:574px; }
 
.pager a { color: 666;
text-decoration:none; }

.pager a.over { color: #930; }

.pager-left { text-align: left; }

.pager-left a.a-right { float: right; }

/*底部*/
.footer{
	width:740px;
	margin-top:50px;
	border-top: 1px solid #d4d4d4;
	padding: 12px 0; 
	text-align: center; 
	color: #666633; 
	line-height: 1.55em;
	font-size:12px;
	float:left;
	}

input{
	color:black;
	margin: 1px 0px 1px 0px;
	padding:2px;
	/*vertical-align: middle;
	font-size: 13px;
	letter-spacing: 1pt;
	line-height: 18px;*/
	}

select{	
color:.79A2BD;margin:2px 0px 2px 0px;height:23px;padding:0;}
/*select:hover{color:.79A2BD;
    -moz-box-shadow:2px 4px 4px #DDD inset;               
	-webkit-box-shadow:2px 4px 4px #DDD inset;          
	box-shadow:2px 4px 4px #DDD inset;                   
	height:24px;background:#FFF url("../images/green_th.gif");line-height:24px;}*/
select:open{color:.79A2BD;width:80px;height:23px;background:transparent url("../images/btn03.png") no-repeat 0 -48px;}


/*後台表格*/
.table-00{
	padding-left:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-00 td{   
   text-shadow:1px 1px 1px #CCC;
}
.table-00 tr td a {
	font-size:13px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-top:5px;
}
.table-00 tr td a:hover {
}
.table-01{
	background-color: #FFF;
	background-position: center center;
	text-align: center;
	border-collapse: collapse;
	margin-left:13px;
    line-height:24px;
	border: 1px solid #666;
	font-family: "新細明體";
}
.table-01 th{
	color: #333;
	font-size: 13px;
	white-space: nowrap;
	font-weight: normal;
	/*background-repeat:repeat-x;*/
	/*background-position: center;*/
	line-height:24px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #666;	
	font-family: "新細明體";
    /*background-image:url(../images/btn_y.png);*/
	background: #e5f37d url(../images/btn_y.png) repeat-x;;
}
.table-01 td{
	background-color: #FFF;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 13px;
	color: #333;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #666;
	font-family: "新細明體";
}
.table-02{	
	background-color: #FFF;
	padding: 0px;
	border: 1px solid ;
	color: #333;
	vertical-align: text-top;
	font-family: "新細明體";
	font-size: 13px;
	margin-top:5px;
	margin-left:13px;
	margin-bottom: 10px;
	line-height:24px;
	border-collapse:collapse;
	box-shadow: 2px 2px 2px #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.table-02 tr:hover{
    background-color: #FFF;
	background-position: center;
	color: #333;
	font-size: 13px;
	border: 1px solid #666;	
	font-family: "新細明體";
	}
.table-02 th{
	color: #333;
	font-family: "新細明體";
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	background-image: url(../images/bg_input.gif);
	background-position: center top;
	border: 1px solid #666;
	white-space: nowrap;
	padding-left: 4px; 
    padding-right: 4px;
	}
.table-02 td{
	text-align: left;
	color: #333;
	border: 1px solid #999;
	padding-left: 2px;
	padding-right: 2px;
	font-family: "新細明體";
	}
.table-03{
	background-color: #FFF;
	padding: 0px;
	border: 1px solid #666;
	text-align: center;
	color: #333;
	vertical-align: text-top;
	font-family: "新細明體";
	font-size: 13px;
	margin-top: 5px;
	margin-left: 13px;
	line-height: 24px;
	border-collapse:collapse;
}
.table-03 th{
    color: #333;
	font-size: 13px;
	white-space: nowrap;
	font-weight: normal;
	/*background-image: url(../images/bg_input.gif);*/
	background-repeat:repeat-x;
	background-position: center;
	padding-left: 4px;
	padding-right: 4px;
	/*border: 1px solid #CCC;*/
	border: 1px solid #666;	
	font-family: "新細明體";
}
.table-03 td{
	/*box-shadow: 2px 2px 2px 2px;*/
	font-size:13px;
	font-family:新細明體;
	line-height:24px;
	/*letter-spacing:1px;*/
	text-align:left;
	padding-left: 2px; 
    padding-right: 2px;
    border: 1px solid #666;	
}
.table-04{
	background-color: #FFF;
	background-position: center center;
	text-align: center;
	border-collapse: collapse;
	margin-left:13px;
	border: 1px solid #666;
	font-family: "新細明體";
	table-layout:fixed;
}
.table-04 th{
	color: #333;
	font-size: 13px;
	white-space: normal;
	font-weight: normal;
	/*background-repeat:repeat-x;*/
	/*background-position: center;*/
	line-height:24px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #666;	
	font-family: "新細明體";
    /*background-image:url(../images/btn_y.png);*/
	background: #e5f37d url(../images/btn_y.png) repeat-x;;
}
.table-04 td
{
	background-color: #FFF;
	vertical-align: middle;
	white-space: normal;
	font-size: 13px;
	color: #333;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #666;
	font-family: "新細明體";
}
.text07 {
	font-family: 新細明體;
	font-size: 13px;
	color: #333;
	margin-left:15px;
	text-decoration: none;
}
.text07a {
	font-family: 新細明體;
	font-size: 13px;
	color:Orange;
	margin-left:10px;
	text-decoration: none;
}
.txt00{
	font-size: 13px;
	color: #F00;
}

/*按鈕*/
a.btntype1, a.btntype1 {
	background-image: url(../images/btn_g.png);
	border: 1px solid #F90;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #CCCCCC;
	color:#333;
	cursor: pointer;
	font-family: "新細明體";
	font-size: 13px;
	height: 18px;
	text-shadow: 1px 1px 1px #CCC;
	background-position: center;
	letter-spacing: 0pt;
	width: 50px;
	text-decoration:none;
	/**/
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-top:5px;
}
a.btntype1:hover, a.btntype1:hover {
	color: #C00;
}
a.btntype1:active {
	border: 1px solid #529214;
}

a.btntype2, a.btntype2{
	background-image:url(../images/set.png);
	background-repeat:no-repeat;
	text-shadow: 1px 1px 2px #CCC;
	height:49px;
	width:27px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 6px;
	background-position: center;
	padding-left: 10px;
	color:#fff;
	text-decoration:none;}
	
a.btntype2:hover, a.btntype2:hover{
	color:#600;
	background-image:url(../images/set_p.png);
	background-repeat:no-repeat;
	}
a.btntype2:active{
	color:#600;	}
a.btntype3{

	width:30px;
	height:20px;
	border-radius: 3px 3px 3px 3px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	background-position: center;
	padding-left: 4px;
	color: Purple;
	font-size:13px;
}
	.yellowbutton
{
	border: 1px solid #FF6600;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 12px;
	cursor: hand;
	color: #000000;
	background-color: #FFFF99;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#FFFF99);
	height:18px;
}
a.btntype3:hover{
	color:Red;}
	
	
.news_table_NEW
{
    width: 100%;
    border: 0;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    font-family: Microsoft JhengHei;
}
.news_table_NEW th
{
    font-weight: normal;
    color: black;
    /*background-color: #14af91;*/
    border-radius:5px;
    height: 20px;
    font-size: 15px;
}
.news_table_NEW th.col01
{
    width: 16%;
    background: #ccc;
    background-position: left center;
    font-size: 15px;
}
.news_table_NEW th.col02
{
    width: 82%;
    text-align: center;
    font-size: 15px;
    background: #ccc;
    background-position: right center;
    vertical-align: middle;
}
.news_table_NEW td
{
    border-bottom: dashed 1px #999;
}
.news_table_NEW td.col101
{
    line-height: 25px;
    font-size: 15px;
    padding-left: 5px;
    color: #333;
}
.news_table_NEW td.col101 span
{
    margin-bottom: 10px;
    color: #333;
}
.news_table_NEW td.col102
{
    line-height: 25px;
    font-size: 15px;
    padding-left: 5px;
    text-align: center;
    color: #14af91;
    font-weight: bold;
}
.news_table_NEW td.col102 span
{
    margin-bottom: 10px;
    text-align: center;
    color: #14af91;
    font-weight: bold;
}
.news_table_NEW tbody tr a
{
    color: #008DBC;
}
.news_table_NEW tbody tr a:hover
{
    color: #008DBC;
    background-color:white;
}
.news_table_NEW tbody td
{
    line-height: 1.20em;
    vertical-align: top;
    padding: 6px 0;
    color: #333;
    font-size: 15px;
    font-family: Microsoft JhengHei;
}
