/* CSS Document */
@import url("reset.css");
body{
	margin: 0px;
	/*background-image: url(../images/bg.gif);*/
	/*background-repeat: repeat-y;*/
	/*background-position: center;*/
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/cook_p30.jpg) no-repeat center 0 #002b84;
}

#wrapper{
}
#wrappertop{
	background-image: url(../images/index_p9.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
/*-----------首頁開始-----------*/
#Container{
	height:400px;
	width:100%;
	text-align:center;
	background-color: #002984;
	background-image: url(../images/index_p11.jpg);
	background-repeat: repeat-x;
	background-position: center;
}

#TOPNEW{
	top:400px;
	width:950px;
	height:248px;
	margin:0 auto;
	background:#9C0;}
#tleft{
	background:url(../images/index_p1.jpg);
	width:235px;
	height:248px;
	float:left;}
#tleft_txt{
	padding:10px 15px 10px 15px;
	margin:66px 30px 0 20px;
/*	background:#fef3cc;*/
	}
#tleft_pic{
	position:relative;
	width:200px;
	height:90px;
	margin:8px auto 0;
	background:url(../images/index_p4.png) no-repeat bottom;
	}
#tleft_pic span a{
	display:block;
	position:absolute;
	text-indent:-9999px;
	width:65px;
	height:21px;
	background:url(../images/index_p5.png);
	left: 124px;
	top: 69px;
}
#tleft_pic span a:hover{
	background-position:bottom;}
	
	
#tmid{
	position:relative;
	background:url(../images/index_p2.jpg);
	width:448px;
	height:238px;
	float:left;
	padding:10px 0 0 30px;}
#tmid_txt{
	margin:20px 90px 10px 180px;
	}
#tmid_pic{
	position:relative;
	width:129px;
	float:left;
	margin-right:15px;
	}
#tmid_pic img{
	padding:3px;
	background:#FFF;
	}
#tmid_pic p{
	position:absolute;
	width:129px;
	text-align: center;
	height:25px;
	line-height:25px;
	top: 128px;
}
#tmid span a{
	display:block;
	position:absolute;
	width:16px;
	height:10px;
	text-indent:-9999px;
	background:url(../images/arrow.png);
	left: 447px;
	top: 208px;
	}
#tmid span a:hover{
	background-position:bottom;}
#tright{
	position:relative;
	background:url(../images/index_p3.jpg);
	width:237px;
	height:248px;
	float:left;}
#tright_txt{
	padding:65px 35px 10px 30px;
	}
#tright_pic{
	width:170px;
	height:88px;
	margin-left:25px;
	padding:3px;
	background:#FFF;
	}
#tright span a{
	display:block;
	position:absolute;
	width:16px;
	height:10px;
	text-indent:-9999px;
	background:url(../images/arrow.png);
	left: 183px;
	top: 211px;
	}
#tright span a:hover{
	background-position:bottom;}
#COPYRIGHT{
	height:76px;
	background:url(../images/index_p10.jpg) center 0;
	}
#COPYRIGHT span{
	display:block;
	width:1000px;
	height:31px;
	margin:0 auto;
	padding:45px 0 0 20px;}
#nav_con {
	z-index:5;
	position:absolute;
	width:100%;
	height:150px;
	background:#f8cf5c;
}
#resize_ui {
	z-index:6;
	top:150px;
	position:absolute;
	width:100%;
	height:852px;
	visibility:hidden;
}

#container_con {
	z-index:1;
	position:absolute;
	top:150px;
	width:100%;
}
#hide_con {
	z-index:2;
	position:absolute;
	top:750px;
	width:100%;
}

.demo_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	height: 600px;
	width: 100%;
}
.CLEAR{
	clear:both;}
/*-------------- 字型開始 ---------------*/
.word1{
	font-size:12px;
	color:#012f8d;
	line-height:18px;
}
.word2{
	font-size:12px;
	color:#383838;
	line-height:18px;
}
.word3{
	font-size:10px;
	color:#ffffff;
	word-spacing:1px;
}
.word4{
	font-size:13px;
	color:#383838;
	line-height:22px;
}
.word5{
	font-size:22px;
	color:#cc6600;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.word6{
	font-size:12px;
	color:#ffffff;
}
.word7{
	color:#5e563d;
	font-size:13px;
	}
.word8{
	color:#3b5998;
	font-size:12px;
	}



.hp1{font-size: 12px; color: #e72e35; text-decoration:none; font-weight:bold;}
.hp1:hover{color:#c7161f; text-decoration:underline;}

.hp2{font-size: 13px; color: #ff9900; text-decoration:none; font-weight:bold; padding-left:20px; background:url(../images/arrow2.jpg) no-repeat; line-height:22px;}
.hp2:hover{color:#fe6001;}
.hp3{font-size: 13px; color: #3b5998; text-decoration:underline; line-height:22px;}
.hp3:hover{text-decoration:none;}

.hp4{font-size: 13px; color: #cf4c2f; text-decoration:none; text-decoration:none;}
.hp4:hover{text-decoration:underline;}