@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: "微軟正黑體";
}
.c01 {
	font-size: 12px;
	color: #366;
	line-height: 20px;
	font-family: "Times New Roman", Times, serif;
}
.c02 {
	font-size: 16px;
	font-weight: bold;
	color: #963;
}
.c03 {
	font-size: 18px;
	font-weight: bold;
	color: #09C;
	font-family: "微軟正黑體";
}
.c04 {
	color: #C36;
}
.c05 {
	font-size: 16px;
	font-weight: bold;
	color: #966;
	line-height: 25px;
	margin-bottom: 10px;
}
.c06 {
	font-size: 16px;
}
.c07 {
	font-size: 24px;
	line-height: 22px;
	font-weight: bold;
	color: #369;
}
.word ul {
	list-style-type: none;
}

.ex_title {
	font-family: "微軟正黑體";
	font-size: 26px;
	font-weight: bold;
	color: #000;
	float: left;
	margin-bottom: 20px;
	margin-top: 30px;
}
.ex_pic01 {
	float: left;
	width: 250px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.ex_pic02 {
	float: left;
	width: 720px;
	margin-bottom: 20px;
}
.ex_pic03 {
	float: left;
	width: 200px;
	margin-bottom: 20px;
	margin-right: 25px;
}


.ex_text_01 {
	float: left;
	width: 720px;
	margin-bottom: 20px;
	margin-top: 10px;
	color: #039;
}
.ex_text_02 {
	float: left;
	width: 440px;
	margin-bottom: 20px;
	line-height: 24px;
}
.ex_text_03 {
	float: left;
	width: 500px;
	margin-bottom: 20px;
	line-height: 22px;
}
.ex_text_04 {
	float: left;
	width: 700px;
	margin-bottom: 20px;
	line-height: 22px;
}





.word li {
}






.index_main_introduce {
	float: left;
	width: 400px;
	padding-top: 10px;
	margin-left: 52px;
}
#top {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	height: 117px;
}
#top02 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	height: 144px;
	text-align: right;
	background-image: url(../images/bg_07.jpg);
	background-repeat: repeat-x;
}

#map {
	height: 250px;
	width: 550px;
	padding: 3px;
	border: 1px solid #09C;
	float: left;
	margin-left: 70px;
	margin-bottom: 30px;
	margin-top: 10px;
}

#box_main_top {
	float: right;
	height: 25px;
	width: 60px;
	margin-right: 25px;
	margin-bottom: 70px;
}

.index_main_title {
	margin-bottom: 5px;
	padding-top: 5px;
}
.index_main_word {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 370px;
	padding-top: 15px;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	color: #033;
	background-color: #A9D0E3;
}
.more {
	float: right;
	width: 60px;
	padding-top: 5px;
	clear: both;
	font-size: 12px;
	color: #09C;
	padding-left: 10px;
	height: 20px;
}

.more a:link {
	color: #09C;
	text-decoration: none;
}

.more a:visited {
	color: #630;
	text-decoration: none;

}
.more a:hover {
	color: #003;
	text-decoration: none;
}
.box_title {
	width: 620px;
	height: 42px;
	padding-top: 5px;
	padding-left: 20px;
	float: left;
}
.word {
	float: left;
	width: 545px;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 35px;
	margin-left: 50px;
	font-size: 15px;
	line-height: 25px;
	color: #366;
	margin-bottom: 20px;
}
.word_ul_ li {
	float: left;
	margin-right: 25px;
	clear: both;
}


.word  a:link {
	color: #366;
	text-decoration: none;
}

.word  a:visited {
	color: #366;
	text-decoration: none;
}
.word  a:hover {
	color: #09C;
	text-decoration: none;
}
.pro_frame {
	width: 256px;
	margin-top: 15px;
	margin-left: 25px;
	float: left;
	margin-right: 10px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #069;
	margin-bottom: 20px;
}
.pro_frame_pic {
	width: 250px;
	float: left;
	padding: 3px;
	border: 1px solid #0AA2D6;
	background-color: #FFF;
}

.pro_frame_pic a:link {
	color: #069;
	text-decoration: none;
}

.pro_frame_pic a:visited {
	color: #069;
	text-decoration: none;

}
.pro_frame_pic a:hover {
	color: #003;
	text-decoration: none;
}

.fk {
	clear: both;
}




#no_top {
	background-image: url(../images/index/bg_01.png);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
}
#no_top_02 {
	background-image: url(../images/bg_07.jpg);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
}

#no_box_main_on {
	background-image: url(../images/index/bg_04.png);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
}
#box_main_on {
	height: 32px;
	width: 925px;
	margin-left: auto;
	clear: both;
	font-size: 12px;
	padding-right: 40px;
	text-align: right;
	color: #069;
	padding-top: 10px;
	margin-top: 3px;
	margin-right: auto;
	background-image: url(../images/index/bg_04.png);
	background-repeat: repeat-x;
}
#logo_02 {
	float: right;
}



#box_main_on a:link {
	color: #069;
	text-decoration: none;
}

#box_main_on a:visited {
	color: #069;
	text-decoration: none;

}
#box_main_on a:hover {
	color: #003;
	text-decoration: none;
}
#box_ex {
	clear: both;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0px;
	height: 1500px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#box_main {
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/index/bg_05.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#ex_left {
	float: left;
	width: 230px;
	background-color: #BFD9EA;
	height: 1450px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}


#box_main_02 {
	width: 760px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFF;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 1500px;
}

#no_box_main {
	background-image: url(../images/index/bg_05.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 100%;
	width: 100%;
}
#no_box_main_02 {
	background-repeat: repeat-x;
	background-position: bottom;
	height: 100%;
	width: 100%;
	background-color: #FFF;
}

#lift_title {
	height: 63px;
	width: 227px;
}

#left {
	float: left;
	height: 337px;
	width: 227px;
	margin-bottom: 40px;
	margin-left: 25px;
	margin-top: 35px;
}

#right {
	float: left;
	width: 650px;
	margin-left: 25px;
}





#java {
	height: 309px;
	width: 1052px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 6px;
	margin-top: 5px;
}
#index_main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 203px;
}

#no_index_main {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/index/bg_02.png);
	background-repeat: repeat-x;
	height: 203px;
}

#footer {
	height: 137px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer02 {
	height: 234px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#no_footer {
	background-image: url(../images/index/bg_03.png);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#no_footer02 {
	background-image: url(../images/index/ex_bg.jpg);
	background-repeat: repeat-x;
	height: 234px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#option {
	float: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	font-size: 12px;
	text-align: center;
	color: #069;
	margin-bottom: 10px;
}

#option a:link {
	color: #069;
	text-decoration: none;
}

#option a:visited {
	color: #069;
	text-decoration: none;

}

#option a:hover {
	color: #003;
	text-decoration: none;
}
#footer_logo {
	float: left;
	width: 200px;
	margin-left: 20px;
	padding-top: 5px;
	font-size: 24px;
	font-weight: bold;
	padding-left: 35px;
	color: #069;
	text-align: center;
	height: 80px;
}
#footer_logo02 {
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #069;
	text-align: center;
	margin-bottom: 15px;
}

#movie_01 {
	float: left;
	width: 200px;
	padding: 3px;
	margin-bottom: 20px;
}


#add {
	float: left;
	width: 680px;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 13px;
	color: #366;
}

#add a:link {
	color: #366;
	text-decoration: none;
}

#add a:visited {
	color: #366;
	text-decoration: none;

}

#add a:hover {
	color: #003;
	text-decoration: none;
}
#add_02 {
	float: left;
	width: 200px;
	color: #003D6D;
}

#add_02 a:link {
	color: #003D6D;
	text-decoration: none;
}

#add_02 a:visited {
	color: #003D6D;
	text-decoration: none;

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



#ebm {
	font-size: 13px;
	color: #630;
	text-decoration: none;
	float: left;
	width: 500px;
	padding-top: 1px;
	padding-left: 20px;
}
#ebm a:link {
	color: #630;
	text-decoration: none;
}

#ebm a:visited {
	color: #630;
	text-decoration: none;

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