@charset "utf-8";
/* CSS Document */
/* all */
html{
	margin:0;
	padding:0;
	
}
html,body {font:11px/1.5 Arial, Helvetica, sans-serif;
color:#666;
background:#acc2ca;
text-align:center;
}
/*reset*/
html,body,div,dl,dt,dd,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td{margin:0;padding:0;
}
fieldset{border:none;
}
a img{border:none;
}
img{vertical-align:middle;
}
input,button,textarea,select{*font-size:100%;
}
input{vertical-align:middle;
}
select,input,button,textarea{font:100% Arial, Helvetica, sans-serif;
}
table{font-size:inherit;
font:100%;
}
a{text-decoration:none;
color:#666;
}
a:hover{text-decoration:underline;
}
.clear{clear:both;
}
/*layout*/
#container{margin:0 auto;
width:778px;
text-align:left;
overflow:hidden;
}
#header{position:relative;
height:39px;
background:url(../_img/_layout/bg_top.gif) bottom no-repeat;
}
#main{background:url(../_img/_layout/bg_center.gif) repeat-y;
overflow:hidden;
padding:15px 20px;
}
#main_inbox{overflow:hidden;
width:100%;
}
/*每頁有不同的左背景，因為形象圖的延伸不同*/
.services #main_inbox{background:url(../_img/demo/pic/pic_service_bg.gif) left repeat-y;
}
.location #main_inbox{background:url(../_img/demo/pic/pic_location_bg.gif) left repeat-y;
}
.business #main_inbox{background:url(../_img/demo/pic/pic_e_bg.gif) left repeat-y;
}
.news #main_inbox{background:url(../_img/demo/pic/pic_news_bg.gif) left repeat-y;
}
.about #main_inbox{background:url(../_img/demo/pic/pic_about_bg.gif) left repeat-y;
}
.contact #main_inbox{background:url(../_img/demo/pic/pic_location_bg.gif) left repeat-y;
}
#sidebar{width:257px;
float:left;
overflow:hidden;
}
#content{width:480px;
float:left;
overflow:hidden;
}
#news_box a.special{color:#FF0000;
}
#news_box a:hover{text-decoration:none;
}
#footer{
margin:0;
padding:0;
}
.page_bottom{background:url(../_img/_layout/bg_bottom.gif) top no-repeat;
height:23px;
width:100%;
font-size:0;
}
/*****************************快速連結*****************************/
.top_nav{list-style:none;
margin:0;
padding:0;
position:absolute;
right:8px;
top:7px;
line-height:21px;
}
.top_nav li{float:left;
list-style:none;
margin:0 4px;
height:100%;
padding:0 3px;
text-align:center;
display:inline;
}
.top_nav li.current{color:#000;
}
.top_nav li a{
overflow:hidden;
color:#003399;
}
.top_nav li a:hover{color:#003399;
}
.top_nav li.topnav_contact{padding:0;
margin:0;
width:73px;
height:21px;
display:block;
}
.top_nav li.topnav_contact a{background:url(../_img/_layout/topnav_contact.gif) no-repeat;
color:#fff;
width:73px;
height:21px;
display:block;
}
.top_nav li.topnav_contact a:hover{color:#fff;
}
/*banner*/
.banner{float:left;
width:102px;
}
/*sidebar_right*/
.sidebar_right{width:155px;
float:right;
overflow:hidden;
}
/* ****************************logo區塊**************************** */
.sidebar_right h1{width:155px;
height:74px;
margin:0;
padding:0;
font-size:100%;
overflow:hidden;
}
.sidebar_right h1 a{display:block;
width:100%;
overflow:hidden;
height:0!important;
height:/**/:74px;
padding-top:74px;
text-indent:-99999px;
background:url(../_img/demo/logo.jpg) no-repeat;
}
/* nav */
.nav{margin:0 0 0 8px;
	width:140px;
	height:380px;
}
/*top_banner*/
.top_banner{width:480px;
height:75px;
}
/*quick_box*/
.quick_box{
}
/*section*/
.section{ 
}
.section h3{color:#333;
padding:0;
font-size:18px;
background:url(../_img/_layout/title_bg.gif) repeat-x;
font-size:13px;
height:21px;
margin:0 0 0 10px;
font-family:"Arial","Helvetica","sans-serif";
}
.section h3 strong{padding:0 8px 5px 29px;
}
/*title icon*/
.section h3.yellow strong{background:#fff url(../_img/sitemap/sitemap_t01.gif) left bottom no-repeat;
}
.section h3.green strong{background:#fff url(../_img/sitemap/sitemap_t02.gif) left bottom no-repeat;
}
.section h3.blue strong{background:#fff url(../_img/sitemap/sitemap_t03.gif) left bottom no-repeat;
}

.section .bd{padding:10px 10px 0 37px;
overflow:hidden;
}
.section .bd h4{margin:0;
font-size:11px;
}
.section p.admin{
margin:3px 0 10px;
}
.section p.admin a{color:#666;
}
.section p.admin a:hover{color:#666;
text-decoration:none;
}
.section h5{font-size:11px;
font-weight:100;
margin:5px 0 0 0;
}

/*services page*/
.services .section  h4,.services .section  h4 a{color:#960;
}
.services .section  h4 a:hover{color:#960;
text-decoration:none;
}
.services .section p.admin strong{color:#960;
font-weight:100;
}
.services .section p.admin strong a{color:#960;
}
.services .section p.admin strong a:hover{color:#960;
}
.services .section h5{color:#960;
}
/*location page*/
.location .section  h4,.location .section  h4 a{color:#060;
}
.location .section  h4 a:hover{color:#060;
text-decoration:none;
}
.location .section p.admin strong{color:#060;
font-weight:100;
}
.location .section p.admin strong a{color:#060;
}
.location .section p.admin strong a:hover{color:#060;
}
.location .section h5{color:#060;
}
/*business page*/
.business .section  h4,.business .section  h4 a{color:#060;
}
.business .section  h4 a:hover{color:#060;
text-decoration:none;
}
.business .section p.admin strong{color:#060;
font-weight:100;
}
.business .section p.admin strong a{color:#060;
}
.business .section p.admin strong a:hover{color:#060;
}
.business .section h5{color:#060;
}
/*底下選單*/
.bottom_nav{
list-style:none;
height:20px;
padding:0;
margin:-25px 0 0 0;
float:right;
}
.bottom_nav li{float:left;
list-style:none;
margin:0;
padding:0;
}
.bottom_nav li a{padding:0 10px;
border-right:1px solid #999;
color:#999;
}
.bottom_nav li.noline a{border:none;
}
.bottom_nav li a:hover{color:#999;
text-decoration:none;
}
/*copyright*/
ul.copyright{list-style:none;
padding:0 10px 0;
margin:0;
background:#eeeff0;
height:26px;
line-height:26px;
}
ul.copyright li{list-style:none;
padding:0;
margin:0;
}
ul.copyright li.copy{float:left;
width:300px;
}
ul.copyright li.design{float:right;
width:120px;
text-align:right;
padding:0 5px 0 0;
}
ul.copyright li.seo{float:right;
width:100px;
text-align:right;
}
ul.copyright a{
}
ul.copyright a:hover{
text-decoration:none;
}
ul.copyright a.nobd{text-decoration:none;
color:#666;
}
ul.copyright a.nobd:hover{color:#666;
}
ul.copyright strong{font-weight:100;
}
/*========ul piclist========*/
.pic_list {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
	float:left;
}
.pic_list li{float:left;
width:134px;
margin:0 4px 10px;
padding:0;
list-style:none;
overflow:hidden;
}
.pic_list li .pic_box{width:132px;
overflow:hidden;
margin:0 auto;
border:1px solid #ccc;
background:#fff;
text-align:center;
}
.pic_list li .pic_box img{border:1px solid #fff;
vertical-align:middle;
}
.pic_list li h6{font-size:11px;
font-weight:100;
margin:5px 0 0;
}
.pic_list li h6 a{
}
.pic_list li h6 a:hover{text-decoration:none;
}
/*編輯器所在區塊*/
#edit{padding:0 10px 30px 37px;
overflow:hidden;
}
/*舊的內容，待移*/
.old{
margin:0;
padding:0;
}
/*news page*/
.section .bd2{padding:20px 0 0 24px;
}
/*sitemap pgae*/
.section .bd3{padding:0 0 30px 24px;
overflow:hidden;
}
.section .bd3 h4.news_title{height:27px;
background:#e6e6e6;
color:#069;
font-size:13px;
padding:0 4px;
line-height:27px;
margin:5px 0;
}
.section .bd3 h5.date{margin:0;
padding:0 0 0 8px;
font-size:12px;
letter-spacing:1px;
}
.section .bd3 h5.date .blue{color:#069;
}
.section .bd3 h5.date span a.spanlink{text-decoration:underline;
}
.section .bd3 h5.date span a.spanlink:hover{text-decoration:none;
color:#069;
}

/*news table*/
.list_table{background:#fff;
width:456px;
border-collapse:collapse;
}
.list_table th{background:#f2f2f2;
height:25px;
text-align:center;
padding:2px;
border:1px solid #ccc;
}
.list_table  td{text-align:center;
border:none;
border-bottom:1px solid #ccc;
line-height:33px;
padding:2px;
}
.list_table  td.title{text-align:left;
}
.list_table  td span.bold{font-weight:bold;
}
.list_table  th.th80{width:80px;
border-right:1px solid #f2f2f2;
}
.list_table th.th367{width:367px;
border-left:1px solid #f2f2f2;
}
.list_table th.th120{width:120px;
text-align:center;
}
.list_table td a{
color:#006699;
text-decoration:underline;
}
.list_table td a:hover{text-decoration:none;
color:#069;
}
/*bottom_tool*/
.bottom_tool{width:150px;
height:16px;
margin:10px 20px 15px 0;
float:right;
}
.bottom_tool a{display:block;
width:45px;
height:16px;
overflow:hidden;
text-indent:-999px;
cursor:pointer;
float:right;
}
a.btn_gotop{background:url(../_img/_layout/top.gif) no-repeat;
}
a.btn_gotop:hover{background:url(../_img/_layout/top_f2.gif) no-repeat;
}
/*contact form*/
.contact_form{line-height:28px;
margin:20px 0 0 0;
}
.contact_form th{width:120px;
font-weight:100;
text-align:right;
padding-right:13px;
color:#000;
}
.contact_form input{height:17px;
}
.contact_form select{background:#f7f7f7;
border:1px solid #999;
color:#666;
padding:1px;
}
.contact_form input,.contact_form textarea{background:#f7f7f7;
font-size:11px;
color:#4b4b4b;
border:1px solid #999;
}
.contact_form input.input_m{width:180px;
}
.contact_form input.input_l{width:280px;
}
.contact_form .textarea_l{width:300px;
height:120px;
margin:10px 0 0 0;
}
/*sitemap*/
.sitemap_list{list-style:none;
margin:20px 0 0 0;
padding:0;
overflow:hidden;
}
.sitemap_list li{list-style:none;
width:145px;
float:left;
margin:0 5px 5px 0;
height:210px;
padding:0;
}
.sitemap_list li a{display:block;
width:130px;
background:url(../_img/_layout/title_bg.gif) left top repeat-x;
}
.sitemap_list li a strong{padding:0 5px 0 30px;
display:block;
height:15px;
font-size:13px;
width:60px;
white-space:nowrap;
}
.sitemap_list li.yellow strong{background:#fff url(../_img/sitemap/sitemap_t01.gif) left bottom no-repeat;
}
.sitemap_list li.green strong{background:#fff url(../_img/sitemap/sitemap_t02.gif) left bottom no-repeat;
}
.sitemap_list li.blue strong{background:#fff url(../_img/sitemap/sitemap_t03.gif) left bottom no-repeat;
}
.sitemap_list li.darkgreen strong{background:#fff url(../_img/sitemap/sitemap_t04.gif) left bottom no-repeat;
}
.sitemap_list li.purple strong{background:#fff url(../_img/sitemap/sitemap_t05.gif) left bottom no-repeat;
}
.sitemap_list li.pink strong{background:#fff url(../_img/sitemap/sitemap_t06.gif) left bottom no-repeat;
}
.sitemap_list li ul.subcat{
margin:5px 0 0 0;
padding:0;
line-height:20px;
}
.sitemap_list li ul.subcat li{background:none;
float:none;
margin:0;
height:auto;
padding:0;
}
.sitemap_list li ul.subcat li a{color:#666666;
padding:0;
background:url(../_img/sitemap/icon_sitemap.gif)  left center no-repeat;
padding-left:21px;
text-decoration:underline;
font-size:12px;
margin:0;
}
.sitemap_list li ul.subcat li a:hover{color:#069;
text-decoration:none;
}
.page_tool{text-align:right;
margin:3px 0;
}
.page_tool a{text-decoration:underline;
color:#069;
font-size:12px;
}
.page_tool a:hover{text-decoration:none;
color:#069;
}
.save_tool{background:#f2f2f2;
height:24px;
border:2px solid #e0e0e0;
padding:3px;
line-height:24px;
}
.save_tool a.btn_save{background:url(../_img/_layout/icon_file.gif) no-repeat;
display:block;
padding-left:23px;
color:#069;
text-decoration:underline;
}
.save_tool a.btn_save:hover{text-decoration:none;
}


