@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "新細明體";
	font-size: 12px;
	line-height: 1.5em;
	color: #4E4E4E;
	text-align: center;
}

#container {
	width: 1002px;
	margin:0px auto;
	padding: 0px;
	text-align: left;
}

a {
	color: #4E4E4E;
	text-decoration: underline;
}

a:hover {
	color: #006699;
	text-decoration: none;
}

h1 {
	font-family: Arial, "新細明體";
	font-size: 12px;
	font-weight: bold;
	margin:0px 0px 5px 0px;
}

ul {
    padding:0px;
	margin:10px 0px
}

li {
	background: url(images/pro_icon.gif) no-repeat left 5px;
	padding:0px 0px 0px 10px;
	list-style-type: none;
}


#header {
	background: url(images/header_bg.gif) repeat-x left top;
	padding: 0px 25px; 
	margin:0px;  
	height:80px; 
}

#header .right{
    float:right;
    margin:33px 0px 0px 0px;
}	

#keimg {
    padding:0px;
	margin:0px;
}

#cont_bg {
	background: url(images/cont_top_bg.gif) repeat-x left top;
	margin: 0px;
	padding: 25px;     
}

.cont_line {
	background: url(images/cont_line.gif) repeat-y center top;
	width:29px;
}

.bunner {
	background: url(images/bunner_line_bg.gif) repeat-x left bottom;
}

.bunner .left_left{
	background: url(images/bunner_line_left_left.gif) no-repeat left bottom;
	padding:0px 0px 5px 0px;
	margin:0px 0px 15px 0px;
}

.cont_bunner {
	background: url(images/bunner_line_bg.gif) repeat-x left bottom;
}

.cont_bunner .c_left{
	background: url(images/bunner_line_cont.gif) no-repeat left bottom;
	padding:0px 0px 5px 0px;
	margin:0px 0px 15px 0px;
}


.header_but a {
	background-image: url(images/header_but.gif);
	background-repeat: no-repeat;
	text-indent:-10000px;
	height: 18px;
	width: 62px;
	float:left;
    }
.header_but a:hover {
	background-image: url(images/header_but_ov.gif);
	background-repeat: no-repeat;
    }


.more a {
	background-image: url(images/more.gif);
	background-repeat: no-repeat;
	text-indent:-10000px;
	height: 13px;
	width: 34px;
	float: right;  
	margin:10px 0px;  
    }
.more a:hover {
	background-image: url(images/more_ov.gif);
	background-repeat: no-repeat;
    }

.hr {
	background: url(images/line.gif) repeat-x;
	height: 1px; 
	margin:5px 0px;   
}

.hr_cont {
	height: 1px;
	margin:15px 0px;
	background-color: #ADADAD;
}



#footer {
	padding:15px 0px;
	background-image: url(images/footer_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	font-family: Arial,;
	font-size: 10px;
}

.youarehere {
    float:right;
	font-family:  Arial,"新細明體";
	font-size: 12px;
}

#menu {
	padding:0px;
	margin:0px;
}

#menu ul{
    padding:0px;
	margin:0px;
	list-style:none;
}

#menu li{
	padding:0px;
	margin:0px;
}

#menu li a{
	padding:0px 0px 0px 30px;
	margin: 0px;
	display: block;
	font-family: Arial, "新細明體",;
	font-size: 12px;
	line-height: 2.25em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	height: 27px;
	background: url(images/pro_menu_bg.gif) no-repeat 0px center;
	margin-bottom:1px;
}

#menu li a:hover {
	color: #333;
	text-decoration: none;
	background-image: url(images/pro_menu_bg_ov.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu li .ov {
	color:#333333;
	text-decoration: none;
	background-image: url(images/pro_menu_bg_ov.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.img_border {
    border:1px solid #DBDBDB;
}

.pro_line {
	background: url(images/pro_line.gif) repeat-y right top;
	padding:0px 25px;
 }

.pro_pad {
    padding:0px 25px;
}	




.joinus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #0F5576;
	text-decoration: none;
}