@charset "utf-8";
/* CSS Document */
/* all */
html{
	margin:0;
	padding:0;
	
}
html,body {font:11px/1.5 Arial, Helvetica, sans-serif;
color:#666;
background:#e7eaf1;
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;
}
/*layout*/
#container{margin:0 auto;
width:790px;
text-align:left;
overflow:hidden;
}
#header{position:relative;
height:90px;
background:url(../_img/00_index/sample_01.gif) bottom no-repeat;
}
#main{background:url(../_img/00_index/main_bg.gif) repeat-y;
overflow:hidden;
width:100%;
}
#index_top{border-top:2px solid #0767a9;
overflow:hidden;
margin:0 6px 0 4px;
background:#eff1f3;
height:446px;

}
#sidebar{width:180px;
float:left;
overflow:hidden;
}
.banner{width:598px;
height:446px;
float:right;
overflow:hidden;
background:url(../_img/00_index/banner_03.jpg) right top no-repeat;
position:relative;
}
/*news box*/
#news_box{position:absolute;
width:220px;
height:120px;
bottom:31px;
right:0;
font-size:13px;
line-height:1.8;
}
#news_box a{text-decoration:underline;
color:#006699;

}
#news_box a.special{color:#FF0000;
}
#news_box a:hover{text-decoration:none;
}
#footer{height:95px;
overflow:hidden;
background:url(../_img/00_index/bottom.jpg) top no-repeat;
margin:0;
width:100%;
padding:10px 0;
}
#content{width:713px;
float:left;
margin:0 10px 0 15px;
}
/* ****************************logo區塊**************************** */
#header h1{width:182px;
height:55px;
margin:0;
padding:0;
position:absolute;
left:3px;
bottom:0;
font-size:100%;
overflow:hidden;
}
#header h1 a{display:block;
width:100%;
overflow:hidden;
height:0!important;
height:/**/:55px;
padding-top:55px;
text-indent:-99999px;
}
/*快速連結*/
.top_nav{list-style:none;
margin:0;
padding:0;
position:absolute;
right:17px;
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:#007bbe;
}
.top_nav li a{
overflow:hidden;
}
.top_nav li a:hover{color:#ff6600;
}
.top_nav li.topnav_contact{padding:0;
margin:0;
width:73px;
height:21px;
font-weight:bold;
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;
}
/* nav */
ul.nav{
	list-style:none;
	margin:0;
	padding:0;
	width:180px;
	overflow:hidden;
}
ul.nav li{
list-style:none;
margin:0;
padding:0;
width:180px;
overflow:hidden;
height:31px;
}
ul.nav li a{display:block;
heigh:100%;
overflow:hidden;
height:0!important;
height:/**/:31px;
padding-top:31px;
}
/* offMouse */
ul.nav li.nav_service a{background:url(../_img/00_index/sevice.gif);
}
ul.nav li.nav_location a{background:url(../_img/00_index/location.gif);
}
ul.nav li.nav_member a{background:url(../_img/00_index/menber.gif);
}
ul.nav li.nav_hotnews a{background:url(../_img/00_index/news.gif);
}
ul.nav li.nav_aboutus a{background:url(../_img/00_index/about.gif);
}
/* onMouse */
ul.nav li.nav_service a:hover{background:url(../_img/00_index/sevice_b.gif);
}
ul.nav li.nav_location a:hover{background:url(../_img/00_index/location_b.gif);
}
ul.nav li.nav_member a:hover{background:url(../_img/00_index/menber_b.gif);
}
ul.nav li.nav_hotnews a:hover{background:url(../_img/00_index/news_b.gif);
}
ul.nav li.nav_aboutus a:hover{background:url(../_img/00_index/about_b.gif);
}
/*quick_box*/
.quick_box{
}
ul.contact_box{list-style:none;
width:173px;
margin:0;
padding:0;
padding-top:36px;
background:url(../_img/00_index/index4_contact.gif) top center no-repeat;
}
ul.contact_box li{list-style:none;
margin:0;
padding:0 0 0 15px;
}
ul.contact_box li a{color:#006699;
text-decoration:underline;
}
ul.contact_box li a:hover{text-decoration:none;
color:#006699;
}
ul.quick_link{
	list-style:none;
	margin:18px 0 0 16px;
	padding:0;
	width:150px;
	overflow:hidden;
}
ul.quick_link li{
list-style:none;
margin:0;
padding:0;
float:left;
width:150px;
height:40px;
overflow:hidden;
}
ul.quick_link li a{display:block;
heigh:100%;
overflow:hidden;
height:0!important;
height:/**/:40px;
padding-top:40px;
}
/* offMouse */
ul.quick_link li.office_service a{background:url(../_img/00_index/quick01.gif);
}
ul.quick_link li.virtual_office a{background:url(../_img/00_index/quick02.gif);
}
ul.quick_link li.joinus_now a{background:url(../_img/00_index/quick03.gif);
}
ul.quick_link li.gm_mailbox a{background:url(../_img/00_index/quick04.gif);
}
/*related_box*/
.related_box{height:59px;
background:#0767a9;
margin:0 6px 0 4px;
position:relative;
border-top:5px solid #599fc1;
color:#fff;
}
.related_left {float:left;
width:660px;
margin:8px 0 0 0;
}
.related_left h1{width:29px;
height:22px;
margin:10px 0 0 20px;
padding:0;
float:left;
font-size:13px;
}
*html .related_left h1{margin-left:10px;
}
.related_left .related_link{width:600px;
float:left;
list-style:none;
margin:14px 0 0 10px;
padding:0;
position:relative;
}
.related_left .related_link li{list-style:none;
margin:0 5px;
padding:0;
float:left;
}
.related_left .related_link li p{margin:3px 0;
}
.related_left .related_link li a{color:#fff;
text-decoration:underline;
}
.related_left .related_link li a:hover{text-decoration:none;
}
/*link_list*/
.link_list{
background-color:#d5e2f5;
border:1px solid #069;
}
.related_left .related_link li ul li a{
float:left;
color:#069;
width:100%;
}
.related_left .related_link .parentOn ul{
display:block;
}
.related_left .related_link .parent ul{
display:none;
}
#t1{
position:absolute;
top:-67px;
left:2;
width:66px;
padding:0;
}
*html #t1{
position:absolute;
top:-70px;
left:-36px;
}
#t2{
position:absolute;
top:-18px;
left:78px;
width:66px;
padding:0;
}
*html #t2{
position:absolute;
top:-19px;
left:48px;
}
#t3{
position:absolute;
top:-51px;
left:154px;
width:120px;
padding:0;
}
*html #t3{
position:absolute;
top:-53px;
left:130px;
}
#t4{
position:absolute;
top:-84px;
left:230px;
width:136px;
padding:0;
}
*html #t4{
position:absolute;
top:-87px;
left:210px;
}
#t5{
position:absolute;
top:-18px;
left:307px;
width:66px;
padding:0;
}
*html #t5{
position:absolute;
top:-19px;
left:292px;
}
#t6{
position:absolute;
top:-34px;
left:384px;
width:109px;
padding:0;
}
*html #t6{
position:absolute;
top:-36px;
left:374px;
}
#t7{
position:absolute;
top:-18px;
left:460px;
width:98px;
padding:0;
}
*html #t7{
position:absolute;
top:-19px;
left:456px;
width:98px;
padding:0;
}
/*count*/
.count{width:95px;
float:right;
overflow:hidden;
margin:22px 18px 0 0;
}
*html .count{margin-right:9px;
}
.count dt{width:45px;
float:left;
}
.count dd{padding-left:40px;
}
.index_bottom{background:#e3e7ea;
overflow:hidden;
margin:0 6px 0 4px;
padding:20px 15px 15px;
}
/*section*/
.section{
}
.section h3{color:#006699;
padding:0;
margin:5px 0;
font-size:12px;
}
.section h3 a{color:#006699;
}
.section h3 a:hover{text-decoration:none;
}
.section p{font-size:12px;
margin:8px 0;
}
.section p a{border-bottom:1px solid #CACED2;
}
.section p a:hover{color:#666;
text-decoration:none;
border:none;
}
.section p a strong{font-weight:100;
}
/*底下選單*/
.bottom_nav{margin:0;
list-style:none;
height:20px;
padding:0 0 0 170px;
margin:19px 0 0 0;
}
.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 0 0 10px;
margin:0;
width:550px;
float:left;
}
ul.copyright li{list-style:none;
padding:0;
margin:0;
}
ul.copyright a{color:#333;
text-decoration:underline;
}
ul.copyright a:hover{color:#ff6600;
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;
}
/*design*/
.design{float:right;
width:160px;
text-align:right;
padding:0 10px 0 0;
margin:0;
}
.design a{
text-decoration:none;
}
/*seo*/
.seo{float:right;
width:190px;
text-align:right;
padding:0 10px 0 0;
margin:0;
}
.seo a{
text-decoration:none;
}