@charset "utf-8";

/*
compatible browser
--------------------
IE 6 xp sp2
IE 7.0.5730.13
Firefox 3.0.10
Safari 3.1.2
Opera 9.27
Chrome 1.0.154.36
*/

body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg.jpg);
	color: #666666;
	font-weight: bold;
}
form {
	margin:0px;
	padding:0px;
}
.lock {
	clear:both;
}
.mainbox {
	width:970px;
	margin:auto;
	overflow: hidden;
}

.top_tab {
	height:36px;
	/*display:none;*/
}
.top_tab ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
	margin-top:15px;
	margin-right:10px;
	float:right;
	font-size: 11px;
}
.top_tab ul li {
	background-image: url(../images/top_tab_r.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding:0px;
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	height:21px;
}
.top_tab ul li a {
	background-image: url(../images/top_tab_l.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color:#FFF;
	display:block;
	height:17px;
	_width:1px;
	margin-right:5px;
	padding-left:15px;
	padding-right:10px;
	padding-top:4px;
}

.logo {
	height:117px;
	background-color: #FFF;
	background-image: url(../images/logo_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-left:34px;
}
.logo img {
	border:none;
}

.banner {
	height:149px;
	background-image: url(../images/banner_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #fe9d00;
	padding-left:38px;
	position: relative;
	border-bottom: 1px solid #bd7401;
}
.banner img {
	border:none;
}
.banner div {
	height:232px;
	width:308px;
	background-image: url(../images/hammer.png)!important;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/hammer.png');
	position: absolute;
	right:90px;
	top:-65px;
}

.menu {
	height:35px;
	background-color: #333333;
	background-image: url(../images/menu_bg.gif);
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	text-align: center;
}
.menu img {
		margin-top:8px;
		margin-left:25px;
		margin-right:25px;
}
.menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position:relative;
	top:-10px;
}

.banner_pic {
	border-top: 1px solid #a8a8a8;
	background-color: #dbdbdb;
	padding-top:1px;
	overflow: hidden;
}
.banner_pic img {
	border:none;
}

.footer {
	font-size: 11px;
	font-weight: bold;
	color:#737371;
	text-align: center;
	border-top: 1px solid #c3b59b;
	padding-top:20px;
	padding-bottom:20px;
	background-color: #fff;
}

.content_home {
	height:514px;
	background-color: #FFF;
	background-image: url(../images/content_home_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
}
.content_home .flash {
	position: static;
	top:0px;
	left:0px;
	width:970px;
	overflow: hidden;
}
.content_home div {
	position:absolute;
	top:20px;
	left:20px;
}
.content_home div a {
	color: #000;
	text-decoration: none;
}
.content_home div h1 {
	background-image: url(../images/icon_hook.gif);
	background-repeat: no-repeat;
	margin:0px;
	margin-bottom:15px;
	padding-right:0px;
	padding-left:30px;
	padding-top:2px;
	padding-bottom:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.content_home div ul {
	margin:0px;
	padding:0px;
	padding-left:50px;
	width:380px;
	font-weight: bold;
	color:#000;
}
.content_home div il {
	margin:0px;
	padding:0px;
}
.content_home .mail {
	display:block;
	position:absolute;
	bottom:20px;
	left:33px;
	color: #fcae2c;
	text-decoration: none;
	background-image: url(../images/icon_mail.gif);
	background-repeat: no-repeat;
	padding-left:45px;
	padding-top:5px;
	padding-bottom:5px;
	width:253px;
	font-weight: bold;
}

.content {
	background-color: #FFF;
}
.content .content_title {
	font-size: 15px;
	font-weight: bold;
	color: #FF9900;
	margin-left:40px;
	margin-right:40px;
	padding-top:20px;
	padding-bottom:20px;
}
.content h1 {
	margin:0px;
	padding-bottom:10px;
	color: #666666;
	font-size: 14px;
}

.content .general {
	margin-left:40px;
	margin-right:40px;
}
.content .general a {
	color: #000;
	text-decoration: none;
}
.content .general a:hover {
	text-decoration: underline;
}
.content .general ul {
	list-style-type: circle;
	margin:0px;
	padding:0px;
	padding-left:15px;
	padding-bottom:40px;
}
.content .general ul li{
	line-height: 20px;
	color: #888888;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.content .general ul li a {
	color: #888888;
	text-decoration: none;
}
.content .general ul li a:hover {
	text-decoration: underline;
}

.content .ourprofile {
	padding-left:40px;
	padding-right:40px;
	padding-bottom:60px;
	position:relative;
}

.content .ourprofile ul {
	list-style-type: disc;
	margin:0px;
	padding:0px;
	padding-left:15px;
	padding-bottom:40px;
}
.content .ourprofile ul li {
	font-size: 13px;
	line-height: 20px;
	color: #888888;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.content .ourprofile .ourprofile_portrait {
	float:right;
}
.content .ourprofile .ourprofile_vita {
	width:500px;
}
/*compile: 林嘉俊(Lin.)*/
.content .ourprofile .ourprofile_vita img {
	height:168px;
	width:224px;
	border:1px solid #999;
	margin:10px;
}

.content .usefullink {
	display:block;
	height:70px;
	border-bottom: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position:relative;
}
.content .usefullink div {
	position:absolute;
	top:28px;
	left:20px;
}
.content .usefullink span {
	padding-left:20px;
}
.content .usefullink img {
	position:absolute;
	right:40px;
	bottom:0px;
	border:none;
}
.content .usefullink_bg01 {
	background-color: #ff6600;
	background-image: url(../images/usefullink_bg1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.content .usefullink_bg02 {
	background-color: #ffa800;
}
.content .usefullink_bg03 {
	background-color: #ff0066;
}
.content .usefullink_bg04 {
	background-color: #ac3e23;
}

.content .thelaw {
	padding-left:40px;
	padding-right:40px;
}
.content .thelaw a {
	color: #000;
	text-decoration: none;
}
.content .thelaw ul {
	margin:0px;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:20px;
	font-weight: bold;
}
.content .thelaw ul li {
	line-height: 20px;
}
.content .thelaw .ul_num {
	list-style-type: lower-roman;
	margin:0px;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:0px;
	padding-right:20px;
}
.content .thelaw .ul_num ul {
	margin:0px;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:0px;
	padding-right:20px;
}
.content .thelaw .ul_num li {
}

.content .contact {
	padding-left:40px;
	padding-right:40px;
	font-weight: bold;
	clear:both;
}
.content .contact p {
	margin:0px;
	padding:5px;
}
.content .contact h1 {
	text-decoration: underline;
}
.content .contact .contact_l {
	width:350px;
	float:left;
}
.content .contact .contact_r {
	float:left;
	padding-left:100px;
}
.content .contact .contact_block {
	padding-bottom:30px;
}
.content .contact .contact_block .contact_block_l {
	width:40px;
	float:left;
}
.content .contact .contact_block .contact_block_r {
	float:right;
	width:230px;
}