@charset "utf-8";
/* CSS Document */
/*body {
	font: 100%/1.4 Verdana, "新細明體", Arial, Helvetica, sans-serif;
}*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form  {
	margin:0;
	padding:0;
}
img {
	border:0;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.news_i {
	font-size:13px;
	color:#939393;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	list-style-type: none;
	padding-left:3px;
	line-height:22px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

body {
	background-color:#f5f5f5;
}

.dybp1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#HEADER {
	margin:0 auto;
	width:994px;
	height:180px;
	/*background-image:url(../../images/top.jpg);*/
}
#WRAPPER {
	margin:0 auto;
	width:994px;
	padding-top:10px;
	/*padding:0 10px;*/
	background-image:url(../../images/center.png);
	background-repeat:repeat-y;
	overflow:auto;
}
#CONTENT {
	margin-left:240px;
	width:735px;
	_height:1%;
	padding-right:10px;
}
#CONTENT2 {
	margin-left:240px;
	width:735px;
	_height:1%;
	padding-right:10px;
}
#SIDE {
	float:left;
	width:215px;
}
#FOOTER {
	clear:both;
	_height:1%;
	margin:0 auto;
	width:994px;
	height:121px;
	background-image:url(../../images/font.png);
	background-repeat:no-repeat;
}
#mupic ul {list-style-type:none; margin:0px 0px 0px 0px; padding:0px; line-height:26px; text-align:left}
/*#mupic li {float: left;}*/
#mupic li a { width:183px; height:27px; display: block; font-size:10pt; text-decoration: none; margin-bottom:2px; padding-left:30px}
#mupic li.bg a { color:#333; background-repeat:no-repeat;}
#mupic li.bg a:hover{background: url(../../images/menu_in.jpg); color:#333; background-repeat:no-repeat;}
#mupic li.bg a:active{background: url(../../images/menu_over.jpg); color:#333; background-repeat:no-repeat;}
#mupic li.on a{background: url(../../images/menu_over.jpg); color:#fff; background-repeat:no-repeat;}

* html .menu_div { /*IE6*/
	clear:both;
	margin-left:17px;
	margin-bottom:15px;
	width:213px;
	height:352px;
	float:left;
	background-image:url(../../images/menu_bg.jpg);
	background-repeat:no-repeat;
}
.menu_div {
	clear:both;
	margin-left:17px;
	margin-bottom:15px;
	width:213px;
	/*height:352px;*/
	float:left;
	background-image:url(../../images/menu_bg.jpg);
	background-repeat:no-repeat;
}
#mupic .sub-menu li a {
	margin-left:7px;
	width:166px;
	color: #797979;
	/*text-shadow: 1px 1px 0px rgba(255,255,255, .2);*/
	background: #efefef;
	/*border-bottom: 1px solid #c9c9c9;*/
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

#mupic .sub-menu li:hover a { background: #e5e5e5; }
#mupic .sub-menu li.on a { background: #D9D9D9; color:#555; }
#mupic .sub-menu li:last-child a { border: none; }
#mupic .sub-menu em {
	margin-left:-1.5em;
	margin-right: 1em;
	color: #a6a6a6;
	font: normal 11px/32px Arial, sans-serif;
}
#mupic .sub-menu li.on em { color:#666;}


.manu {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin: 3px;
	padding-top: 3px;
	text-align: center
}
.manu A {
	border-right: #eee 1px solid;
	padding-right: 5px;
	border-top: #eee 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #eee 1px solid;
	color: #036cb4;
	padding-top: 2px;
	border-bottom: #eee 1px solid;
	text-decoration: none;
}
.manu A:hover {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	color: #666;
	border-bottom: #999 1px solid
}
.manu A:active {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	color: #666;
	border-bottom: #999 1px solid
}
.manu .current {
	border-right: #036cb4 1px solid;
	padding-right: 5px;
	border-top: #036cb4 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #036cb4 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #036cb4 1px solid;
	background-color: #036cb4
}
.manu .disabled {
	border-right: #eee 1px solid;
	padding-right: 5px;
	border-top: #eee 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #eee 1px solid;
	color: #ddd;
	padding-top: 2px;
	border-bottom: #eee 1px solid
}
.mouse_btn_internal {
	width: 196px;
	height: 53px;
	background: url(../../images/btn_internal.png) no-repeat 0px 0px;
	display:block;
}
a.mouse_btn_internal:hover {
	background-position: 0px -53px;
}

/*phone menu*/
#MAIN_NAV {
	/*background-color: #000000;*/
	height:30px;
	background: rgba(21, 83, 121, 0.8);
	overflow: auto;
	max-width: 978px;
	margin: 0px 0px 0px 8px;
}
#MAIN_NAV ul {
	list-style-type: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#MAIN_NAV li {
	float: left;
	width: 96px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	font-family: 微軟正黑體;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    border-right: 1px solid #fff;
}
#MAIN_NAV li a {
	color: #fff;
	padding: 0px;
	width: 96px;
	height: 27px;
	display: block;
	text-decoration: none;
}
#MAIN_NAV li.ml{
	border-right: none;
	width: 104px;
}
#MAIN_NAV li.ml a {
	width: 104px;
}
#MAIN_NAV li a:hover {
	background-color:  rgba(46, 147, 192, 0.8);
}
#MAIN_NAV li a.bg {
	background-color: rgba(46, 147, 192, 0.8);
}

/* === legacy base styles === */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form  {
	margin:0;
	padding:0;
}
table {
	/*border-collapse:collapse;
	border-spacing:0;*/
}
img {
	border:0;
}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}*/

caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.news_i {
	font-size:13px;
	color:#939393;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	list-style-type: none;
	padding-left:3px;
	line-height:22px;
}


/* === pagination styles === */
/*CSS manu style pagination*/

.manu {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin: 3px;
	padding-top: 3px;
	text-align: center
}
.manu A {
	border-right: #eee 1px solid;
	padding-right: 5px;
	border-top: #eee 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #eee 1px solid;
	color: #036cb4;
	padding-top: 2px;
	border-bottom: #eee 1px solid;
	TEXT-DECORATION: none
}
.manu A:hover {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	color: #666;
	border-bottom: #999 1px solid
}
.manu A:active {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	color: #666;
	border-bottom: #999 1px solid
}
.manu .current {
	border-right: #036cb4 1px solid;
	padding-right: 5px;
	border-top: #036cb4 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #036cb4 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #036cb4 1px solid;
	background-color: #036cb4
}
.manu .disabled {
	border-right: #eee 1px solid;
	padding-right: 5px;
	border-top: #eee 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #eee 1px solid;
	color: #ddd;
	padding-top: 2px;
	border-bottom: #eee 1px solid
}


/* === table zebra styles === */
/* CSS Document */

.highlight {
	background:#d5fcdc;
}
.even {
	background:#fff;
}
.mo {
	background:#cde6f7;
}
.odd {
	background:#FAFAFA;
}
.list-table {
	margin-top:10px;
/*	background-image:url(../../images/th_bg.gif);*/
	background-repeat:-x;
}
.list-table th {
	padding:0px;
	text-align:center;
	border-bottom:1px solid #FFF;
	height:31px;
	font-weight:bold;
/*	background:#ddd;
	font-weight:bold;*/
}
.list-table td {
	padding:2px 3px 2px 3px;
	border-bottom:1px solid #e2e2e2;
	line-height:20px;
}
.list-table-11px {
	font-size:11px;
}
.list-table2 {
	margin-top:5px;
/*	background-image:url(../../images/th_bg.gif);*/
	background-repeat:-x;
}
.list-table2 th {
	padding:0px;
	text-align:center;
	/*border-bottom:1px solid #FFF;*/
	height:31px;
	font-weight:bold;
/*	background:#ddd;
	font-weight:bold;*/
}
.list-table2 td {
	padding:2px 3px 2px 3px;
	/*border-bottom:1px solid #e2e2e2;*/
	line-height:20px;
}