﻿
/* CSS Document */
*{ padding:0; margin:0; font-family:"微軟雅黑"; color:#504e4e;}
body{ margin:0 auto;}
a{ text-decoration:none;}
li{ list-style:none;}
.cle{ clear:both;}
.jg{ clear:both; height:8px;}
.clear{ clear:both; height:12px;}
.xian{ clear:both; height:5px; background:url(/images/x.jpg) repeat-x;}
#top{ width:1419px; margin:0 auto; background:url(/images/tj.jpg) repeat-x; overflow:hidden;}
#log{ width:1020px; margin:0 auto;}
#log img{ width:1020px; height:78px;}
#nav{ width:1020px; margin:0 auto;}
#banner{ width:1419px; margin:0 auto; overflow:hidden; padding-top:2px;}
#banner img{ width:1419px; height:420px;}
#nei{ width:1419px; margin:0 auto; overflow:hidden; padding-top:2px;}
#nei img{ width:1419px; height:250px;}
.header{ position:absolute; z-index:999;/* left:0; top:0; */width:100%; height:100px;}
.other-topimg{width: 100%;height:360px; overflow: hidden; position:relative;}
.layout{ width:1020px; margin:0 auto;overflow:hidden}
.no-touch #head{z-index:3;position:fixed; _position:absolute;top:0; left:0;}
#featured{overflow:hidden;z-index:1;position:relative; padding-top:120px;}
.no-touch #featured{position:fixed;_position:relative; top:0;display:block;z-index:0; left:0}
#overlay{ z-index:2; position:relative;}
.no-touch #featured{height:373px}
.no-touch #overlay{margin-top:373px; _margin-top:0;}
.otherswrap{ background-color:#fff; padding:12px 0 0 0;}

.nav{ width:1020px; height:42px; margin:0 auto;overflow:hidden;}
		.nav a{ height:42px; float:left; display:block; }
		.nav a.nav1{ width:112px; background:url(/images/nav.jpg) 0 0; overflow:hidden;}
		.nav a.nav2{ width:112px; background:url(/images/nav.jpg) -112px 0; overflow:hidden;}
		.nav a.nav3{ width:112px; background:url(/images/nav.jpg) -224px 0; overflow:hidden;}
		.nav a.nav4{ width:112px; background:url(/images/nav.jpg) -336px 0; overflow:hidden;}
		.nav a.nav5{ width:112px; background:url(/images/nav.jpg) -448px 0; overflow:hidden;}
		.nav a.nav6{ width:112px; background:url(/images/nav.jpg) -560px 0; overflow:hidden;}
		.nav a.nav7{ width:112px; background:url(/images/nav.jpg) -672px 0; overflow:hidden;}
		.nav a.nav8{ width:112px; background:url(/images/nav.jpg) -784px 0; overflow:hidden;}
		
		.nav a.nav1:hover{ background:url(/images/nav.jpg) 0 -42px;}
		.nav a.nav2:hover{ background:url(/images/nav.jpg) -112px -42px;}
		.nav a.nav3:hover{ background:url(/images/nav.jpg) -224px -42px;}
		.nav a.nav4:hover{ background:url(/images/nav.jpg) -336px -42px;}
		.nav a.nav5:hover{ background:url(/images/nav.jpg) -448px -42px;}
		.nav a.nav6:hover{ background:url(/images/nav.jpg) -560px -42px;}
		.nav a.nav7:hover{ background:url(/images/nav.jpg) -672px -42px;}
		.nav a.nav8:hover{ background:url(/images/nav.jpg) -784px -42px;}
		
		.nav a.nav1a{ width:112px; background:url(/images/nav.jpg) 0 -42px;}
		.nav a.nav2a{ width:112px; background:url(/images/nav.jpg) -112px -42px;}
		.nav a.nav3a{ width:112px; background:url(/images/nav.jpg) -224px -42px;}
		.nav a.nav4a{ width:112px; background:url(/images/nav.jpg) -336px -42px;}
		.nav a.nav5a{ width:112px; background:url(/images/nav.jpg) -448px -42px;}
		.nav a.nav6a{ width:112px; background:url(/images/nav.jpg) -560px -42px;}
		.nav a.nav7a{ width:112px; background:url(/images/nav.jpg) -672px -42px;}
		.nav a.nav8a{ width:112px; background:url(/images/nav.jpg) -784px -42px;}


#main{ width:1020px; margin:0 auto; }
.left{ float:left; width:227px; border:1px solid #c7815d;font-size:13px;padding-bottom:13px;}
.fl{background-color:#d44702; height:30px; color:#fff; padding-left:27px;line-height:30px;width:200px;}
.er{ width:190px; margin:0 auto; padding-bottom:10px;}
.er li{ border-bottom:1px dashed #ccc; height:22px; padding:5px 0 0 15px;}
.ers{ width:190px; margin:0 auto; padding:10px 0 10px 0;}
.so{width:207px; margin:0 auto; padding-top:13px;}
.k{ float:left;width:153px; height:27px; background:url(/images/k.jpg) no-repeat;}
#key{float:left; width:115px; margin-top:1px; margin-left:30px; height:23px; line-height:23px; border:none;}
.btn{ float:left; width:42px; height:22px;background:url(/images/btn.jpg) no-repeat; border:none; margin:2px 0 0 5px;}
.right{ float:left; width:765px; margin-left:22px;}
.hgzx{ float:left; width:368px;font-size:13px;height:300px;}
.hgzx li{ height:20px; padding-top:4px;}
.hgzx li span{ float:right; font-size:12px;}
.cpzs{ padding-top:8px; font-size:13px; height:598px;}
.cpzs li{ float:left; width:191px; text-align:center; height:149px;}
.cpzs li img{ width:172px; height:117px; border:1px solid #ccc; padding:1px;}
.ryzz { width:988px; border:1px solid #c7815d; height:122px; padding:15px; background:url(/images/j.jpg) no-repeat;}
#de{ width:965px; margin:0 auto; overflow:hidden;}
#de img{ width:172px; height:118px; border:1px solid #ccc; padding:1px; margin:0 8px 0 8px;}

.lm{ width:735px; border-bottom:1px solid #c7815d; height:28px; padding:12px 5px 0 25px; font-size:14px; background:url(/images/yd.jpg) left bottom no-repeat;}
.lm label{ color:#c80d04; font-size:16px;}
.lm span{ float:right;}
.timg{ width:650px; margin:0 auto; text-align:center; padding-top:15px;}
.timg img{ width:auto !important; max-width:650px;}
.bt{width:720px; margin:0 auto; text-align:center; color:#c80d04; font-size:15px; padding-top:12px;}
.bt span{ float:right;font-size:12px;}
.bt span a{ color:#d44702; text-decoration:underline;}
.bts{ width:725px; margin:0 auto;text-align:center; color:#c80d04;font-size:15px; border-bottom:1px dashed #c7815d;}
.bts span{ float:right; font-size:12px;}
.bts span a{ color:#d44702; text-decoration:underline;}
.list,.show{ width:720px; margin:0 auto; font-size:13px; line-height:28px; padding:15px 0 30px 0;}
.list li{ border-bottom:1px dashed #ccc;}
.list li span{ float:right; font-size:12px;}
.pic{ width:764px; margin:0 auto; font-size:13px; line-height:28px; padding:15px 0 30px 0;}
.pic li{ float:left; width:191px; text-align:center; height:170px;}
.pic li img{ width:175px; height:130px; border:1px solid #ccc;}
.wzlist,.wzlists{ width:763px; margin-top:15px; font-size:13px; line-height:28px;border:1px solid #c7815d; padding:5px 0 10px 0;}
.wzlist li{ float:left; width:162px; padding-left:18px;}
.wzlists li{ float:left; width:750px;/* border:1px solid red;*/}
.ejlm{float:left;margin-left:17px; width:150px; font-size:14px; color:#d44702;}
.ejlm span{ float:right;}
.lmnr{float:left;width:580px;padding-bottom:12px;}
.lmnr li{ float:left; width:162px; padding-left:20px; height:23px; line-height:23px;}
 
#foot{ width:1419px; margin:0 auto; height:42px; background-color:#d44702; text-align:center; font-size:14px; line-height:42px; color:#fff;}
#foot a{ color:#fff; margin:0 10px 0 10px;}
#bq{ width:1020px; margin:0 auto; font-size:13px; text-align:center; line-height:22px; padding:10px 0 10px 0;}


#tu{width:1419px; height:420px;text-align:center;}
#tu img{ height:420px;width:1419px;border:0px;}
#tu ul{display:none;}
.num_list{position:absolute; width:1419px;left:0px;top:210px;color:#000; text-align:left; font-weight:bolder;  line-height:29px;height:29px;overflow:hidden;}
.num_list span{display:inline-block;height:15px;padding-left:6px;}
.b1,.b2{display:block;float:left;height:15px; width:14px; background:url(/images/d1.png) no-repeat; margin-right:12px;cursor:pointer; }
.b2{height:15px; font-size:0px; background:url(/images/d2.png) no-repeat;}
.button{position:absolute; height:19px;z-index:1000;right:45%; bottom:8px; font-size:0px;width:120px; height:25px;padding:4px 0 0 12px;}
.d2{width:1419px;height:420px;overflow:hidden;}
.d1{width:auto;height:auto;overflow:hidden;position:relative;}


/*樹形菜單*/
.treeview .hitarea {background: url(/images/de.png) -64px -25px no-repeat;height: 12px;width: 18px;margin-left: -18px;float: left;margin-top:3px;cursor: pointer;}
/* fix for IE6 */
* html .hitarea {display: inline;float:none;}
.treeview li { margin: 0;padding: 0 0 3px 18px;font-size:13px; font-family:"微軟雅黑";}
.treeview a.selected {color:#d44702;}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { cursor: pointer; }
.treeview li { background: url(/images/line.png) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/images/de.png); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }