body {
   margin:0px;
   text-align:left;
   font-size:12pt;
   background: url('images/web_bg.gif') #9C9C9C repeat-x;
   font-family:Microsoft JhengHei;
}
h2{
   margin:0px;
   font-family:Microsoft JhengHei;
} 

#webpage{
   width:1000px;
   margin: 0px auto;
}
#header{
    width:1000px;
	float:left;
	background:#F1F1F1;
}
#logo{
    width:306px;
	height:100px;
	float:left;
	background: url('images/logo.jpg');
	overflow:hidden;
}
#logo a{
	display:block;
	padding-left:400px;
}
#index_main{
    width:1000px;
	min-height:400px;
	float:left;
	background:#F9F9F9;
	padding-bottom:20px;
}
#mid{
    width:1000px;
	float:left;
	background:#F9F9F9;
	min-height:400px;
}
#left_side{
    width:170px;
	float:left;
    margin-left: 10px  !important;
    margin-left: 5px;
}
.leftmenu{
    width:170px;
	height:27px;
	float:left;
	padding-top:12px;
	border: 1px solid #D8D8D8;
	margin-top: 6px;
}
.leftmenu a{
    color:#565654;
	padding-left:20px;
	text-decoration: none
}
.menusel{
    width:170px;
	height:27px;
	float:left;
	padding-top:12px;
	border: 1px solid #ABABAB;
	margin-top: 6px;
}
.menusel a{
    color:#565654;
	padding-left:20px;
	text-decoration: none
} 
#main{
    width:820px;
	float:left;
	margin-bottom: 40px;
	font-family:Microsoft JhengHei;
}
.subject{
    width:780px;
	height:34px;
	float:left;
    margin-left: 20px  !important;
    margin-left: 10px;
	margin-top: 14px;
	border-bottom: 1px solid #D8D8D8;
}
.box{
    width:760px;
	float:left;
    margin-left: 20px  !important;
    margin-left: 10px;
	margin-top: 20px;
	line-height:180%;
}
.box_case{
    width:730px;
	float:left;
    margin-left: 20px  !important;
    margin-left: 10px;
	margin-top: 20px;
	line-height:180%;
}
#banner{
    width:1000px;
	height:275px;
	float:left;
}
#footer{
    width:1000px;
	height:60px;
	clear: both;
}
#footer .txt{
    padding-top: 10px ;
	padding-right: 10px ;
    text-align: right;
	color:#333;
}
#top_menu {
    width:694px;
	height:100px;
    float:left;
    margin:0px; 
    padding:0px;
}  
#top_menu ul {
    width:694px;
	height:100px;
	float:right;
    margin:0px; 
    padding:0px;
	list-style-type: none;
}
#top_menu ul li {
	height:100px;
    float:left;
    margin:0px; 
    padding:0px;
    overflow:hidden;
}
#top_menu ul li a {
    display:block;  
    padding:200px 0 0 0;
}
#top_menu ul li.m1 {
    width:103px; 
    background: url('images/m01.jpg'); 
}
#top_menu ul li.m2 {
    width:103px; 
    background: url('images/m02.jpg'); 
}
#top_menu ul li.m3 {
    width:103px; 
    background: url('images/m03.jpg'); 
}
#top_menu ul li.m4 {
    width:103px; 
    background: url('images/m04.jpg'); 
}
#top_menu ul li.m5 {
    width:103px; 
    background: url('images/m05.jpg'); 
}
#top_menu ul li.m6 {
    width:179px; 
    background: url('images/m06.jpg'); 
}
#top_menu ul li.m1 a:hover{
    width:103px; 
    background: url('images/m01-2.jpg'); 
}
#top_menu ul li.m2 a:hover{
    width:103px; 
    background: url('images/m02-2.jpg'); 
}
#top_menu ul li.m3 a:hover{
    width:103px; 
    background: url('images/m03-2.jpg'); 
}
#top_menu ul li.m4 a:hover{
    width:103px; 
    background: url('images/m04-2.jpg'); 
}
#top_menu ul li.m5 a:hover{
    width:103px; 
    background: url('images/m05-2.jpg'); 
}
#top_menu ul li.m6 a:hover{
    width:179px; 
    background: url('images/m06-2.jpg'); 
}
.index_box{
	width:952px;
    float:left;
    margin-left: 24px  !important;
    margin-left: 12px;
	margin-top:20px;
}
.about_box{
    background: url('images/about_bt01.png') no-repeat; 
	width:325px;
    float:left;
	cursor: pointer;
	margin-bottom:20px;
}
.case_box{
    background: url('images/case_bt01.png') no-repeat; 
	width:607px;
    float:left;
    margin-left: 20px  !important;
    margin-left: 10px;
	cursor: pointer;
}
.about_txt{
    margin-top:61px;
	width:315px;
    float:left;
	color:#515151;
	line-height: 160%;
	padding-left:10px;
}

.case_album{
    margin-left: 14px  !important;
    margin-left: 7px;
    margin-top:65px;
	width:607px;
    float:left;
}
.case_img{
	width:220px;
	height:123px;
    float:left;
	border: 1px solid #D8D8D8;
}
.case_frame{
	width:230px;
    float:left;
    margin-right: 20px  !important;
    margin-right: 10px;
	margin-bottom:10px;
}
.case_title{
	width:230px;
	height:30px;
    float:left;
	margin-top:2px;
    text-align:left;
}
.case_title a{
	text-decoration: none;
	color:#333;
}
.bb{
	width:400px;
    float:left;
}
.b1{
	width:120px;
    float:left;
	text-align: right;
    margin-right: 10px  !important;
    margin-right: 5px;
	margin-top:4px;
}
.b2{
	width:200px;
    float:left;
	margin-top:4px;
}
.case_bpic{
	width:450px;
    float:left;
	border: 1px solid #D8D8D8;
	padding-top:4px;
	padding-left:4px;
    margin-right: 10px;
	margin-bottom:10px;
}
.case_bpic_left{
	width:350px;
    float:left;
	border: 1px solid #D8D8D8;
	padding-top:4px;
	padding-left:4px;
    margin-right: 10px;
	margin-bottom:10px;
}
.case_bpic_right{
	width:350px;
    float:right;
	border: 1px solid #D8D8D8;
	padding-left:4px;
	padding-top:4px;
	margin-bottom:10px;
}
.case_bpic img{
	width:446px;
}
.case_bpic_left img{
	width:346px;
}
.case_bpic_right img{
	width:346px;
}
.case_desc{
	width:290px;
    float:left;
}
.case_desc a {
	color:#36c;
	text-decoration: none
}
.case_desc table th{
    width:80px;
	text-align: right;
	vertical-align:top;
}
.case_desc table td{
	text-align: left;
	vertical-align:top;
}
.case_desc table{
    width:290px;
	text-align: right;
}
.pre_link{
	float:left;
}
.next_link{
	float:right;
}
.pre_link a{
	font-size:10px;
	color:#36c;
	text-decoration: none	
}
.next_link a{
	font-size:10px;
	color:#36c;
	text-decoration: none	
}
.hr_top{border-top: 1px solid #ccc;}
.case_sframe{
	width:114px;
	height:133px;
    float:left;
    margin-right: 36px  !important;
    margin-right: 18px;
	margin-bottom:20px;
}
.case_simg{
	width:112px;
	height:112px;
    float:left;
	border: 1px solid #D8D8D8;
	padding-top:2px;
	padding-left:2px;
}
.case_stitle{
	width:110px;
	height:30px;
    float:left;
    text-align:center;
}
.case_stitle a{
	font-size:10px;
	text-decoration: none;
	color:#333;
}