* {

	margin:0;

	padding:0;

	list-style:none;

}

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-image: url(../images/bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #666666;

}

a {

	color: #118FB4;

	text-decoration: underline;

}

a:hover {

	color:#118FB4;

	text-decoration: none;

	cursor:hand;

}

h1, h2, h3, h4, h5, h6{

	margin:0;

	padding:0;

}

p {

	padding:0;

	margin:0;

}

img {

	border: 0;

}

ul {

	margin: 0;

	padding: 0;

}

li {

	margin: 0;

	padding: 0;

}

dd, dl, dt {

	margin: 0px;

	padding: 0px;

	float:left;

}

.clear {

	width:100%;

	height:0px;

	line-height:1px;

	font-size:1px;

	clear:both;

}



/* ---------------------- logot ---------------------- */

h1 {

	float: left;

	width: 183px;

	height: 74px;

	padding-left: 23px;

	padding-top: 25px;

}

h1 a {

	background-image: url(../images/logo.png);

	background-size: 183px 74px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 74px;

	width: 183px;

	overflow: hidden;

}



/* ---------------------- 首頁 layout ---------------------- */

.bg_index_left {

	background-image: url(../images/bg_index_left.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}

.bg_index_right {

	background-image: url(../images/bg_index_right.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.bg_in_left {

	background-image: url(../images/bg_index_left.jpg);

	background-repeat: no-repeat;

	background-position: right top;

}

.bg_in_right {

	background-image: url(../images/bg_index_right.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#container {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}

#header {

	float: left;

	width: 100%;

	height: 120px;

}

#main {

	float: left;

	width: 100%;

	margin-top: 35px;

}

#main_in {

	float: left;

	width: 690px;

	padding-left: 38px;

}

#content {

	float: left;

	width: 960px;

	background-image: url(../images/bg_content.gif);

	background-repeat: no-repeat;

	height: 147px;

	background-position: left top;

}

#footer {

	float: left;

	width: 100%;

	padding-bottom: 15px;

	padding-top: 9px;

}

#footer_in {

	float: right;

	width: 748px;

	padding-bottom: 28px;

	padding-right: 4px;

	padding-top: 2px;

}

#logo {

	float: left;

	width: auto;

}

#banner {

	float: left;

	width: 100%;

}

#friendlink {

	float: right;

	height: 400px;

	width: 383px;

}

#copyright {

	float: left;

	width: auto;

	padding-left: 5px;

	line-height: 150%;

}

#link {

	float: right;

	width: auto;

	padding-right: 5px;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	color: #999;

}

#link  A:link {color:#999;text-decoration:underline}

#link  A:visited {color:#999;text-decoration:underline}

#link  A:hover {color:#036f8e;text-decoration:none

}

#nav {

	float: right;

	width: 635px;

	height: 38px;

	background-image: url(../images/bg_nav.png);

	background-repeat: no-repeat;

	background-position: right top;

	margin-top: 41px;

	padding-top: 3px;

	padding-left: 4px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

}

#nav ul {

	float: left;

	width: 100%;

	margin: 0px;

	padding: 0px;

	background-color: #fff;

}

#nav ul .menu1 {

	float: left;

	height: 32px;

	width: 159px;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu1 a {

	background-image: url(../images/menu1.jpg);

	background-size: 159px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 159px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu1 a:hover {

	background-image: url(../images/menu1_over.jpg);

}

#nav ul .menu1_on a {

	background-image: url(../images/menu1_over.jpg);

	background-size: 159px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 159px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu2 {

	float: left;

	height: 32px;

	width: 159px;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu2 a {

	background-image: url(../images/menu2.jpg);

	background-size: 159px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 159px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu2 a:hover {

	background-image: url(../images/menu2_over.jpg);

}

#nav ul .menu2_on a {

	background-image: url(../images/menu2_over.jpg);

	background-size: 159px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 159px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu3 {

	float: left;

	height: 32px;

	width: 160px;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu3 a {

	background-image: url(../images/menu3.jpg);

	background-size: 160px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 160px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu3 a:hover {

	background-image: url(../images/menu3_over.jpg);

}

#nav ul .menu3_on a {

	background-image: url(../images/menu3_over.jpg);

	background-size: 159px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 159px;
	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu4 {

	float: left;

	height: 32px;

	width: 159px;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu4 a {

	background-image: url(../images/menu4.jpg);

	background-size: 159px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 159px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu4 a:hover {

	background-image: url(../images/menu4_over.jpg);

}

#nav ul .menu4_on a {

	background-image: url(../images/menu4_over.jpg);

	background-size: 159px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 159px;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu5 {

	float: left;

	height: 32px;

	width: 157px;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu5 a {

	background-image: url(../images/menu5.jpg);

	background-size: 157px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 157px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

#nav ul .menu5 a:hover {

	background-image: url(../images/menu5_over.jpg);

}

#nav ul .menu5_on a {

	background-image: url(../images/menu5_over.jpg);

	background-size: 157px 32px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 32px;

	width: 157px;

	overflow: hidden;

	margin: 0px;

	padding: 0px;

}

.index_about {

	background-image: url(../images/pic1.png);

	background-size: 147px 124px;

	background-repeat: no-repeat;

	background-position: left center;

	float: left;

	width: 203px;

	height: 143px;

	margin-left: 26px;

	padding-left: 155px;

}

.index_tel {

	float: left;

	width: 242px;

	background-image: url(../images/pic3.jpg);

	background-size: 130px auto;

	background-repeat: no-repeat;

	background-position: left 12px;

	height: 121px;

	margin-top: 2px;

	padding-left: 134px;

	padding-top: 20px;

}

.index_123 {

	float: left;

	width: 190px;

}

.index_about_title {


	background-size: 185px 20px;

	background-repeat: no-repeat;

	background-position: left top;

	text-indent: -99999px;

	display: block;

	float: left;

	height: 20px;

	width: 185px;

	overflow: hidden;

	margin-top: 24px;

	margin-bottom: 8px;

}

.index_about_word {

	float: left;

	width: 190px;

	font-size: 12px;

	line-height: 20px;

	color: #666;

}

.index_123 ul .menu1 {

	float: left;

	height: 38px;

	width: 119px;

	margin-bottom: 1px;

}

.index_123 ul .menu1 a {

	background-image: url(../images/icon1.gif);

	background-size: 119px 38px;

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 38px;

	width: 119px;

	text-indent: -99999px;

	display: block;

	overflow: hidden;

}

.index_123 ul .menu1 a:hover {

	background-image: url(../images/icon1_over.gif);

}

.index_123 ul .menu2 {

	float: left;

	height: 38px;

	width: 119px;

}

.index_123 ul .menu2 a {

	background-image: url(../images/icon2.gif);

	background-size: 119px 38px;

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 38px;

	width: 119px;

	text-indent: -99999px;

	display: block;

	overflow: hidden;

}

.index_123 ul .menu2 a:hover {

	background-image: url(../images/icon2_over.gif);

}

.index_123 ul .menu3 {

	float: left;

	height: 38px;

	width: 119px;

}

.index_123 ul .menu3 a {

	background-image: url(../images/icon3.gif);

	background-size: 119px 38px;

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 38px;

	width: 119px;

	text-indent: -99999px;

	display: block;

	overflow: hidden;

}

.index_123 ul .menu3 a:hover {

	background-image: url(../images/icon3_over.gif);

}

.index_123 ul {

	float: left;

	width: auto;

	padding-top: 16px;

	padding-left: 24px;

}

#container_in {

	float: left;

	width: 960px;

	padding-top: 40px;

}

#container_left {

	float: left;

	width: 186px;

	padding-left: 15px;

}

#container_right {

	float: left;

	width: 759px;

	background-image: url(../images/bg_right.jpg);

	background-repeat: repeat-y;

	background-position: left top;

}

#ad {

	float: left;

	width: auto;

	padding-left: 9px;

	padding-top: 5px;

}

#menu {

	float: left;

	width: 100%;

	background-image: url(../images/bg_menu.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	padding-bottom: 100px;

}

#menu ul {

	float: left;

	width: auto;

	padding-left: 20px;

	padding-top: 6px;

}

#menu ul li a {

	float: left;

	width: 128px;

	padding-left: 17px;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	font-family: "Microsoft JhengHei", "微軟正黑體","新細明體", Arial, Helvetica, sans-serif,"ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "nsimsun", "宋体";

	margin-bottom: 7px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

	background-image: url(../images/line1.gif);

	background-repeat: no-repeat;

	background-position: 6px top;

	padding-bottom: 7px;

}

#menu ul li  A:link {color:#102630;text-decoration:none}

#menu ul li  A:visited {color:#102630;text-decoration:none}

#menu ul li  A:hover {

	color: #118FB4;

	text-decoration: none;

	background-image: url(../images/line2.gif);

}

#menu ul li.on a {

	float: left;

	width: 128px;

	padding-left: 17px;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	font-family: "Microsoft JhengHei", "微軟正黑體","新細明體", Arial, Helvetica, sans-serif,"ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "nsimsun", "宋体";

	margin-bottom: 7px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #ccc;

	background-image: url(../images/line2.gif);

	background-repeat: no-repeat;

	background-position: 6px top;

	padding-bottom: 7px;

}

#menu ul li.on  A:link {color:#118FB4;text-decoration:none}

#menu ul li.on  A:visited {color:#118FB4;text-decoration:none}

#menu ul li.oni  A:hover {

	color: #118FB4;

	text-decoration: none;

	background-image: url(../images/line2.gif);

}

.box100 {

	float: left;

	width: 100%;

}

#main_in .title {

	float: left;

	width: 100%;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #d6d6d6;

}

#main_in .title span {

	font-family: "微軟正黑體";

	font-size: 24px;

	color: #333;

	float: left;

	width: auto;

}

#main_in .title .home {

	float: right;

	width: auto;

	padding-right: 1px;

	background-image: url(../images/icon4.gif);

	background-repeat: no-repeat;

	background-position: left 6px;

	padding-left: 8px;

	font-size: 12px;

	margin-top: 12px;

}

#main_in .title .home  A:link {color:#666;text-decoration:none}

#main_in .title .home  A:visited {color:#666;text-decoration:none}

#main_in .title .home  A:hover {color:#036f8e;text-decoration:underline

}

.about_box {

	float: left;

	width: 612px;

	padding-top: 45px;

	color: #333;

	font-size: 13px;

	line-height: 24px;

	padding-left: 26px;

	padding-bottom: 45px;

}

.about_box2 {

	float: left;

	width: 700px;

	padding-top: 15px;

	color: #333;

	font-size: 13px;

	line-height: 24px;

	padding-left: 10px;

	padding-bottom: 45px;

}

.about_box2 ul li {

	float: left;

	width: 325px;

	padding-right: 20px;

	padding-top: 25px;

	padding-bottom: 18px;

}

.about_box2 ul {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

.about_box3 {

	background-image: url(../images/pic12.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 274px;

	padding-top: 38px;

	padding-left: 334px;

	padding-right: 35px;

	height: 370px;

	line-height: 22px;

}

.news_box {

	float: left;

	width: 688px;

	padding-top: 30px;

	color: #333;

	font-size: 13px;

	line-height: 24px;

	padding-bottom: 45px;

}

.news_box ul {

	float: left;

	width: 100%;

	padding-top: 5px;

}

.news_box ul li {

	float: left;

	width: 94%;

	padding-top: 7px;

	padding-bottom: 7px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;

	padding-left: 4%;

	padding-right: 2px;

}

.about_box4 {

	float: left;

	width: 100%;

	padding-top: 45px;

	padding-left: 26px;

}

.about_box #form1 ul {

	float: left;

	width: 100%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999;

}

.about_box #form1 ul li {

	float: left;

	width: 100%;

	padding-bottom: 15px;

}