@import"second.css";
@import"SpryMenuBarHorizontal_tw.css";
@import"SpryAccordion_new.css";

html, body {
	margin:0 ;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#E6E6E6;
}


#container{
    z-index:1;
	position: relative;
	margin: 0 auto;
	padding:0 19px 1px 16px;
	width: 930px;
	background: url(pic/bg_body.png) top left repeat-y;
	background-color:#E6E6E6;
}

#bg_bottom{
position: relative;
margin: 0 auto;
height:20px;
width:965px;
background:url(pic/bg_bottom.png);
background-color:#FFFFFF;}

#frame{
    z-index:2;
	position: relative;
	margin: 0;
	padding:15px 15px 0 15px;
	width: 900px;
	background: url(pic/frame_bg.gif) top left no-repeat;
	background-color:#7290AA;		
	}
	
#logo{
	width:900px;
	height:56px;
	margin:0;
	background:url(pic/logo.gif) top left no-repeat;
	z-index:3;
	}

#logo_link {
    z-index:12;
	position:relative;
	left:21px;
	top:10px;
	width:154px;
	height:42px;	
}

#salearea {
    z-index:12;
	position:relative;
	left:657px;
	top:-40px;
	width:237px;
	height:52px;
}

#language{
	text-align:right;
	margin:-5px 10px 5px 10px;
	font-size:12px;
	color:#5585AC;
	font-weight:bold;
	}	
	
#language a{
text-decoration:none;
color: #5585AC;
}	

#language a:hover{
text-decoration:none;
color:#96A7BA;
}	


/***主選單******************************************************************************************************/
#menu{
	z-index:10;
	position:relative;
	width:900px;
	height:42px;
	background:url(pic/menu_bg.png) top left no-repeat;
}

#option{
   z-index:11;
    position: relative;
	width:900px;
	height:30px;
	margin:-42px 0 0px 0;
	padding:0;
}

/***主選單******************************************************************************************************/


/***首頁圖片****************************************************************************************************/
#index_pic{
	z-index:6;
	position:relative;
	clear:both;
	width:900px;
	height:263px;
	margin:-2px 0 0 0 ;
	padding:0;
	background:url(pic/indexpic_bg.png) top left no-repeat; }

/***首頁圖片****************************************************************************************************/



/***下方連結區塊************************************************************************************************/
#boxes{
	z-index:4;
	position:relative;
	width:880px;
	height:185px;
	margin:-16px 0 0 0;
	padding:15px 8px 10px 12px;
	background:url(pic/box_bg.gif) top left no-repeat; 
}

.box{
    z-index:5;
	position:relative;
	float:left;
	width:293px;
	height:185px;
	margin:0 ;
	padding:0;
}

.box h1{
display:block;
font-size:13px;
font-weight:bold;
color:#036EB7;
margin:5px 10px;
padding:5px 0 2px 5px;
border-bottom:1px solid #036EB7;}

.box h1 span{
margin:0;
padding:0;
color:#EB008B;
}
.box h1 span a{
color:#036EB7;}

.box_list{
clear:both;
position:relative;
width:90%;
margin:0 10px;
padding:0;}

.box_list ul{
list-style:url(pic/box_liststyle.gif);
margin-left:22px; 
padding-left:0px;}

.box_list li{
display:block;
margin:3px;
padding:2px 1px;
border-bottom:1px dashed #CCCCCC;
font-size:11px;}

.box_list li a{
color: #333333;
text-decoration:none;}

.box_list li a:hover{
text-decoration:underline;
color: #999999;}

.box_text{
margin:6px 15px  0 15px  ;
padding:0;
font-size:11px;
line-height:22px;}

.box_text span{
border-bottom:1px dashed #CCCCCC;}

.box_text a{
text-decoration:none;
color: #666;}

.box_text a:hover{
text-decoration:none;
color:#175ca9;}
/***下方連結區塊************************************************************************************************/


/***底部********************************************************************************************************/
#bottom{
z-index:7;
clear:both;
position:relative;
width:930px;
height:50px;
margin-top:0px;
background:url(pic/bottom_bg.gif) top left no-repeat;}

#bottom p{
margin:0 ;
font-size:12px;
padding:5px 0;
color:#FFFFFF;
text-align:center;}

/***底部********************************************************************************************************/