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

body { margin:0; font-size:12px; color:#585858; font-family:Arial, Helvetica, sans-serif;}
body a { text-decoration:none;}
img { border:none;}
.clean_flat { clear:both;}

/*  */

.header { background-position:center 0; margin-top:10px;}
.top ,.main ,.footer { width:960px; margin-left:auto; margin-right:auto;}
.main,.footer { background:#fff;}
.top_logo,.top_menu { float:left;}
.top_logo { width:270px; padding-left:50px;}
.top_menu { width:640px; padding-top:35px;}
.top_box { background:url(../images/top_box.jpg) no-repeat;}
.top { position:relative;}

/* entry */

.entry { width:960px; margin-left:auto; margin-right:auto;}
.entry_pic { position:relative;}
.entry_blog { position:absolute; width:103px; right:40px; top:185px;}
.entry_btn a { color:#0a3700;}
.entry_btn a:hover { color:#f00;}
.entry_line { width:630px; border-bottom:#669900 solid 1px; margin:10px 0 20px 165px}
.entry_btn_left,.entry_btn_right { float:left; width:202px; padding:0 139px 0 139px;}
.entry_btn_left h3,.entry_btn_right h3,.entry_btn_left h4,.entry_btn_right h4 { margin:0; padding:0; font-size:12px; font-weight:normal; text-align:center; line-height:25px;}

.entry_footer_left,.entry_footer_right { float:left; color:#fff; line-height:25px;}
.entry_footer_left { width:500px; padding-left:100px;}
.entry_footer_right { width:310px; text-align:right; padding-right:50px;}

/* footer */

.footer { line-height:20px; padding-top:10px;}
.footer_left,.footer_right { float:left;}
.footer_left { width:390px; padding-left:40px;}
.footer_right { width:450px; list-style:none; margin:0; padding:0;border-left:solid #585858 1px; height:20px;}
.footer_right li { float:left; border-right:solid #585858 1px; height:20px; padding:0 6px 0 6px;}
.footer_right_box { width:450px; float:left; padding-left:55px;}
.footer_right_box h3 { margin:0 ; padding:20px 20px 0 0; font-weight:normal; font-size:12px; text-align:right;}
.footer_right a { color:#585858; display:block;}
.footer_right a:hover { color:#009782;}

/* 浮動 */
.top_left_side { position:absolute; width:18px; left:-18px;}
.top_right_side { position:absolute; width:18px; left:959px;}
.blog_icon { position:absolute; width:103px; right:-121px; top:100px;}

/* line */

.line { border-bottom:#d9d9d7 solid 1px; margin:0 30px 0 30px; padding-top:10px;}

/* menu */

.top_link { margin:0 0 0 410px; padding:0; list-style:none; border-left:solid #585858 1px; height:20px;}
.top_link li { float:left; border-right:solid #585858 1px; padding:0 5px 0 5px; line-height:20px;}
.top_link a { color:#585858; display:block;}
.top_link a:hover { color:#009782;}

.top_btn { margin:0 0 0 45px; padding:0; list-style:none;}
.top_btn li { float:left; width:111px;}

/* 輪播 */

.flash_box { position:relative; height:290px; overflow:hidden;}
.flash { margin:0; padding:0; position:absolute;}
.flash li { margin:0; padding:0; list-style:none;}

/* 跑馬燈 */

.run_bg { background:url(../images/run_bg.jpg) no-repeat ; height:90px; padding:0 10px 0 10px; line-height:30px; font-size:15px;}
.run_line { height:30px;}
.run { height:30px; overflow:hidden; position:relative;}
.run_text { margin:0; padding:0; position:absolute; top:-30px;}
.run_text li { list-style:none; margin:0; padding:0;}
.run_text a { color:#585858; }
.run_text a:hover { color:#f00; }


/* 首頁內容 */

.index_main { padding:10px 40px 10px 40px;}
.index_box { margin:0; padding:0; list-style:none;}
.index_box li { border-bottom:#d9d9d7 solid 1px; padding:10px 0 10px 0; line-height:20px;}

/* 內頁左、右 */

.left,.right { float:left;}
.left { width:190px;}
.right { width:750px;}/*  width:770px; IE6 跑版 */

/* list */
.list_menu { margin:0; padding:0 20px 0 0;  line-height:30px; font-size:12px;}
.list_menu { margin:0; padding:0; list-style:none;}
.list_menu li ul li { border-bottom:dashed #006633 1px;list-style:none;}
.list_menu li a { color:#000; display:block;}
.list_menu li a:hover { color:#33ac9b;}

/*右邊視窗*/

.info_box { width:710px; height:630px; border:solid #d9d9d7 1px; overflow:auto; overflow-x:none; font-size:13px; padding:10px; line-height:20px; color:#000;}
.info_box h3,.info_box h4,.info_box h5 { margin:0; padding:0;}
.info_box h3 { color:#009944;}
.info_box h4 { color:#33ac9b;}
.info_box h5 { font-size:12px;}

/* message */

.message { width:900px; margin:0 0 0 25px;}
.message p { margin:0; padding:0;}
.message ul { margin:0; padding:0 0 10px 0; list-style:none;}
.message li { border-bottom:#d9d9d7 solid 1px;}
.message h3,.message h4,.message h5 { margin:0; padding:0; font-weight:normal; font-size:15px; float:left; line-height:60px;}
.message h3 { width:105px;}
.message h4 { width:695px;}
.message h5 { width:100px; text-align:right;}
.message a { color:#898989; display:block;}
.message a:hover { color:#00623b;}

/* message_detail */

.message_detail { width:900px; margin:0 30px 0 30px; line-height:25px;}
.message_detail_box { overflow:auto; overflow-x:none; height:630px;}
.message_detail_box h3,.message_detail_box h4 { margin:0; padding:0; float:left;}
.message_detail_box h3 { width:800px; font-size:15px;}
.message_detail_box h4 { width:100px;font-weight:normal}


/* contact */

.contact { width:900px; margin:0 30px 0 30px;}
.contact_map,.contact_pic { float:left;}
.contact_map { width:558px; height:398px; border:#d9d9d7 solid 1px;}
.contact_pic { width:340px;}
.contact_text { margin:10px 0 0 0;}

/* page */

.page { width:900px; line-height:20px; list-style:none; padding:10px 30px 30px 30px; margin:0;}
.page p { margin:0; padding:0;}
.page a { color:#000; display:block; font-size:11px;}
.page a:hover { color:#060;}
.page li { width:20px; border:solid #060 1px ; text-align:center; float:left; margin:0 3px 0 3px;}

/* btn */

.btn { width:50px; line-height:20px; border:solid #060 1px; text-align:center; margin:10px 0 10px 30px;}
.btn a { color:#000; display:block;}
.btn a:hover { color:#060;}