/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:#f8f9f9;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#9a9696;
	 line-height:18px;
}


/* ============================= main layout ====================== */

a{ color:#9a9696; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}
h1{
	font-size:28px;
	line-height:28px;
	color:#0CF;
	font-weight:bold;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	font-family: "華康粗黑體", "華康中黑體", "華康細黑體";
}
th {
	background-color: #39F;
	color: #FFF;
}

p{ padding-bottom:18px;}
img{ vertical-align:top}
/* ============================= header ====================== */

#logo{ margin-top:26px; margin-left:-5px;position:absolute; z-index:1}
#images{ margin-top:83px; margin-left:777px; position:absolute; z-index:1}
#menu {
	position:relative;
	z-index:2;
	float:right;
	background:#dfe4e5;
	margin-top:26px;
	width: 400px;
	padding-top: 17px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 0;
}
#menu li { padding-left:22px; float:left; padding-right:16px; background:url(images/marker_1.gif) right 7px no-repeat;}
#menu li a{ font-size:13px; font-weight:bold; color:#000000; text-decoration:none}
#menu li a:hover{ color:#fa3061}
#menu .bg_none{ background:none}

/* ============================= content ====================== */

.marg_right1{ margin-right:22px;} 
.marg_right2{ margin-right:45px;} 
.pad_bot1{ padding-bottom:21px;} 
.pad_bot2{
	padding-bottom:8px;
	font-size: 14px;
	color: #666;
}
.pad{ padding:0 30px 30px 30px}
.pad p .font3 {
	font-size: 13px;
	font-weight: bold;
	color: #00F;
}

.pad_left1{ padding-left:60px;}
.marg_top{ margin-top:21px;} 

.banners{
	color:#fff;
	font-size:13px;
	line-height:18px;
	width:100%;
	overflow:hidden;
	height: 190px;
}
.banners p{
	padding-bottom:15px;
}
.banners h1{
	line-height:40px;
	color:#fff;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 30px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
.banners h1 span{
	display:block;
	margin-top:-7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	height: 36px;
	line-height: 36px;
}
.banners .button{
	font-size:12px;
	color:#000000;
	line-height:33px;
	float: right
}

.banner1{
	background:#ff6c08;
	height: 170px;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
.banner1 .button{ background:url(images/button1_bg.jpg) top repeat-x}
.banner1 .button span{ background:url(images/button1_left.jpg) top left no-repeat}
.banner1 .button span span{ background:url(images/button1_right.jpg) top right no-repeat}
.banner1 .button:hover{ color:#ff6c08}

.banner2{
	background:#fa3061;
	height: 170px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
.banner2 .button{ background:url(images/button2_bg.jpg) top repeat-x}
.banner2 .button span{ background:url(images/button2_left.jpg) top left no-repeat}
.banner2 .button span span{ background:url(images/button2_right.jpg) top right no-repeat}
.banner2 .button:hover{ color:#fa3061}

.banner3{
	background:#1ac6e0;
	height: 170px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	margin: 0px;
	float: left;
}
.banner3 .button{ background:url(images/button3_bg.jpg) top repeat-x}
.banner3 .button span{ background:url(images/button3_left.jpg) top left no-repeat}
.banner3 .button span span{ background:url(images/button3_right.jpg) top right no-repeat}
.banner3 .button:hover{ color:#1ac6e0}

.list1 { margin-top:-14px;}
.list1 li{ padding: 4px 0 4px 0; background: url(images/line_hor.gif) bottom repeat-x; font-size:12px;}
.list1 a{ color:#9a9696; padding-left:18px; text-decoration:none}
.list1 a:hover{ color:#000}
.list1 .marker{ padding-top:14px;font-size:13px;}
.list1 .marker a{background:url(images/marker_1.gif) 0 10px no-repeat;  color:#000; font-weight:bold; background:url(images/marker_1.gif) 3px 6px no-repeat}
.list1 .marker a:hover{ color:#fa3061}
.list1 .bg_none{ background:none}

.list2{ margin-top:-4px}
.list2 li{ line-height:26px; background:url(images/line_hor.gif) bottom repeat-x; font-size:13px;}
.list2 li a{ font-weight:bold; color:#222; text-decoration:none;background:url(images/marker_1.gif) 3px 5px no-repeat; padding-left:18px;}
.list2 li a:hover{ color:#fa3061}

.font1{
	font-size:16px;
	color:#000;
	font-weight:bold;
	text-decoration:none
}

.font2{
	font-size:18px;
	color:#3CF;
	font-weight:bold;
	text-decoration:none
}

a.font1:hover{ text-decoration:underline}
a.font1{
	font-size:12px
}

.button{ background:url(images/button_bg.jpg) top repeat-x; color:#fff; font-weight:bold; display:inline-block; text-decoration:none; line-height:32px; margin-right:3px;}
.button span{ display:block; background:url(images/button_left.jpg) top left no-repeat}
.button span span{ padding:0 18px; background:url(images/button_right.jpg) top right no-repeat}
.button:hover{ color:#222222}

.gallery{ width:100%; overflow:hidden}
.gallery li{ margin-right:20px; float:left;}
.gallery .no_pad{ margin-right:0}

/* ============================= footer ====================== */

#footer { font-size:13px; color:#9a9696; padding:38px 0 31px 0}
#footer a{ font-weight:bold; color:#222222; text-decoration:none}
#footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */

#form_1{}
#form_1 .input{ width:235px; height:14px; font:12px Arial, Helvetica, sans-serif; color:#9a9696; padding:5px; background:#fff; border:1px solid #a4a4a4; margin-bottom:15px}
#form_1 select{ width:247px; height:26px; font:12px Arial, Helvetica, sans-serif; color:#9a9696; padding:2px; background:#fff; border:1px solid #a4a4a4; margin-bottom:15px}
#form_1 textarea{ width:235px; height:175px; font:12px Arial, Helvetica, sans-serif; color:#9a9696; padding:5px; background:#fff; border:1px solid #a4a4a4; margin-bottom:22px; overflow:hidden}


#ContactForm { width:588px;}
#ContactForm a{ margin-left:12px; float:right; margin-top:5px;}
#ContactForm .input {width:265px; height:14px; border:1px solid #a4a4a4; background:#fff; padding:5px; margin-bottom:15px; font:12px Arial, Helvetica, sans-serif; color:#9a9696;}
#ContactForm textarea {width:265px; height:132px; border:1px solid #a4a4a4; background:#fff; padding:5px; margin-bottom:15px; font:12px Arial, Helvetica, sans-serif; color:#9a9696; overflow:auto}

.col_1{
	width:277px;
	float:right;
}
.col_2{ width:277px; float:left; padding-left:31px;}
.font_bold {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}