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

 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size:12px;
	font-weight:normal;
	line-height:1.86em;
	word-spacing: 1px;
	letter-spacing: 1px;
}
div{overflow:auto; width:100%;}
ol, ul {list-style: none;}
a{text-decoration:none;}
hr,.br{clear:both;}
 
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {	outline: 0;}
 
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
 
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body{
background:url(images/bg.jpg) repeat-x left top;}
#container{
width:932px;
height:auto;
margin:0 auto;
padding:0;}
#contain{
width:932px;
height:auto;
padding:0 ;
margin-top:20px; 
margin:0 auto;
background:url(images/containbg.png) repeat-y left top;}
.main{
width:840px;
padding:5px 46px 0 46px;
}


table{ font-size:12px; color:#333333; }
table tr td{ border-bottom:1px solid #CCCCCC;}

#footer{
widows:100%;
height:104px;
background:url(images/bottombg.jpg) repeat-x left top;
clear:both;}
#footer .main{
width:852px;
height:44px;
padding:50px 40px  10px 40px;
margin:0 auto;
background:url(images/footpic.jpg) no-repeat left top;
color:#eeeeee;
font-size:11px}

.hd { width:580px ; height: auto; float:left; padding:0px 10px 0 10px; overflow:hidden;}
.hd p{ font-famaily:"Courier New", Courier, monospace; font-size:12px; color:#333333; padding-bottom:20px;}
.hd ul{padding:0; margin:0;}
.hd ul li{ list-style:none ; background:url(images/dott.gif) no-repeat -1px 7px; padding-left:15px;  margin-left:5px;}
.hd ul li a{ color:#666666;}
.hd ul li a:hover{ color:#B4E20E}

.hd .a1, .hd .a2,.hd .a3,.hd .a4,.hd .a5,.hd .a6,.hd .a7 , .hd .a8{
text-indent:-9999px;
width: 235px;
height: 32px;
background-color: transparent;
background-image: url(images/title.jpg);
background-repeat: no-repeat;
background-attachment: scroll;}
.hd .a1{background-position: 0px 0px;}
.hd  .a2{background-position: 0px -85px;}
.hd .a3{background-position: 0px -170px;}
.hd .a4{background-position: 0px -2px;}
.hd .a5{background-position: 0px -25px;}
.hd .a6{background-position: 0px -58px;}
.hd .a7{background-position: 0px -115px;}
.hd .a8{background-position: 4px -142px;}

.qaq , .qaa { font-family:微軟正黑體,Courier New, Courier, monospace; font-weight:normal; margin-bottom:5px; width:540px; overflow:hidden; }
.qaq{ padding: 6px 5px 10px 35px; background:url(images/qa.gif) #ECFEE0 no-repeat 2px 3px;  height:27px; color:#333300;font-size:14px;border:1px dotted #ECFEE0; }
.qaa{ padding: 5px 5px 10px 35px; background:url(images/qa.gif) no-repeat 2px -36px; border:1px dotted #7ccf4a;  height:auto; color:#333333;font-size:12px;}


h3{ border-bottom:2px solid #7de32b; font-weight:bold; color:#333333; font-size:16px; margin-bottom:15px;}


.rightbanner{background:transparent;width:228px;float:right;}
.rightbanner ul{ margin:0; padding:20px 0 0 0; list-style:none;}
.rightbanner li a{ display:block; margin:0; list-style:none; }
.menu_a a{ background:url(images/rightlist.jpg)  0 7px no-repeat ; height:90px; text-indent:-9999px;   padding:0; }
.menu_a a:hover{ background:url(images/rightlist.jpg) -231px 7px no-repeat ;height:90px;text-indent:-9999px;   padding:0;  }

.menu_b a{ background:url(images/rightlist.jpg)  0 -95px no-repeat ;height:90px; text-indent:-9999px;   padding:0; }
.menu_b a:hover{ background:url(images/rightlist.jpg) -231px -95px no-repeat ; height:90px; text-indent:-9999px;  padding:0;  }

.menu_c a{ background:url(images/rightlist.jpg)  0 -198px no-repeat ; height:90px; text-indent:-9999px;  padding:0;  }
.menu_c a:hover{ background:url(images/rightlist.jpg) -231px -198px no-repeat ; height:90px; text-indent:-9999px;   padding:0; }

.pro_a a, .pro_a a:active{background:url(images/listnav2.gif)  0 0px no-repeat ; width:188px; height:33px; padding: 7px 10px 5px 10px; color:#636363; font-family: 微軟正黑體,Courier New, Courier, monospace; font-size:15px; font-weight:normal;}
.pro_a a:hover, .pro_a .selected{background:url(images/listnav2.gif)  -228px 0px no-repeat ; height:33px; color: #00a0e9}   


.intitle{ background:#edffde; color:#8EDC25; padding:2px 3px 1px 3px; width:574px; font-size:13px; font-weight:normal; }

.wp{ float:left; border:3px solid #ecfee0; margin-right:20px; margin-bottom:20px;}

.orange{color:#ff881f; font-size:15px}
.gray{ color:#666666}
.green{color:#66CC33}
.clear{clear:both}
.left{ float:left;}
.right{float:right; text-align:right}
.right a{ color:#000000; font-size:12px;}
.right a:hover{ color:#666666;}
.red{ color:#FF0000}