@charset "UTF-8";
/* CSS Document */
img, div, input { 
 behavior: url("../js/iepngfix.htc") 
 }

body {
	background-color: #bfe4f6;
	font-size: 0.87em;
	background-repeat: repeat-x;
	color: #333333;
	background-image: url(../image/layout/bk.jpg);
	font-family: Arial, simHei;
}
body, p {padding:0; margin:0;} /*reset default setting*/
.left {float:left;}
.right {
	float:right;
}
#container	{
	width: 1000px;
	margin: auto;
	background-color: #FFF;
}
.clearfix {clear:both;}
.none {
	list-style-image: none;
	list-style-type: none;
	padding-left: 20px;
}
.arrow {
	list-style-image: url(../image/icon/news_arrow.png);
	padding-bottom: 8px;
}
.arrow_bule {
	list-style-image: url(../image/icon/arrow_bule.png);
	line-height: 22px;
	padding-bottom: 8px;
}


.wapper {
	width:1000px;
	margin:0 auto;
	background:#FFF;
}
.top {
	vertical-align:bottom;
	padding:0px;
	background-color: #FFF;
}
.logo {background:#ccc; width:200px;}
.top_search {
	text-align:right;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
}
/**top***/
.top {
	vertical-align:bottom;
	padding:0px;
	background-color: #FFF;
}
.logo {background:#ccc; width:200px;}
.top_search {
	text-align:right;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
}

/**menu***/
#menu{
	background-image: url(../image/layout/menu_bk.jpg);
	height: 28px;
	background-repeat: repeat-x;
	background-position: center;
}
#menu ul {
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 100px;
	margin: 0;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	width: 95px;
	height: 28px;
	background-image: url(../image/layout/menu.jpg);
	text-align: center;
	color: #299ed8;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	letter-spacing: 2px;
	word-spacing: 2px;
}
#menu li a:hover {
	background-image: url(../image/layout/menu_f2.jpg);
	color: #FFFFFF;
}
/**image***/
#index_image{
	width: 1000px;
	height: 170px;
	}
#content_image {
	width: 1000px;
	height: 170px;
}

/**index_main***/
#main{
	height: 260px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
}
#main > div {
	float:left;
	margin-left:25px;
	margin-top: 20px;
}
.main_login {
	height: 221px;
	width: 300px;
	background-image: url(../image/layout/login.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.main_news {
	height: 221px;
	width: 300px;
	background-image: url(../image/layout/new.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.main_hot {
	height: 221px;
	width: 300px;
	background-image: url(../image/layout/hot.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index_content {
	margin-top: 55px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	line-height: 16px;
}
.index_content_1 {
	margin-top: 60px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: center;
}
#main .li {
	line-height: 16px;
	list-style-type: none;
	list-style-image: url(../image/icon/arrow.jpg);
	list-style-position: outside;
}


/**copyright***/
#copyright{
	height: 90px;
	clear: both;
}

/**content***/
#big{
	width: 1000px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	}
.image_ysp{
	height: 170px;
	width: 1000px;
	background-image: url(../image/title/ysp_01_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.image_prof {
	height: 170px;
	width: 1000px;
	background-image: url(../image/title/Por_01_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.image_know {
	height: 170px;
	width: 1000px;
	background-image: url(../image/title/know_01_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.image_news {
	height: 170px;
	width: 1000px;
	background-image: url(../image/title/news_01_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.image_product {
	height: 1000px;
	width: 170px;
	background-image: url(../image/title/product_01_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.image_memeber {
	height: 1000px;
	width: 170px;
	background-image: url(../image/title/member_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.image_report {
	height: 1000px;
	width: 170px;
	background-image: url(../image/title/report_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.image_map {
	height: 1000px;
	width: 170px;
	background-image: url(../image/title/map_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.image_contact {
	height: 1000px;
	width: 170px;
	background-image: url(../image/title/contact_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.image_hot {
	height: 1000px;
	width: 170px;
	background-image: url(../image/title/hot_m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.main_center{
	background-color: #FFF;
	width: 1000px;
	}
.input {
	border: 1px solid #999999;
	height: 16px;
	font-size: 12px;
	color: #333333;
}
a:link{
	color: #219CD9;
	text-decoration: underline;
	letter-spacing: 1px;
	word-spacing: 1px;
}
.row_01 {
	background-color: #F4FEF3;
}
.row_02 {
	background-color: #FFF3F2;
}
.note {
	background-color: #FFF3F2;
	padding: 10px;
}

a:hover{
	color: #990000;
	text-decoration: underline;
	letter-spacing: 1px;
	word-spacing: 1px;
}
a.news:link{
	color: #333333;
	text-decoration: none;
	letter-spacing: 1px;
	word-spacing: 1px;
}
a.news:hover{
	color: #333333;
	text-decoration: underline;
	letter-spacing: 1px;
	word-spacing: 1px;
}
a.news:visited{
	color: #333333;
	text-decoration: underline;
	letter-spacing: 1px;
	word-spacing: 1px;
}
/**leftmenu***/
.leftmenu{
	float:left;
	width:180px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCE9F8;
	}
	
.leftmenu_title{
	margin:0;
	width: 160px;
	height: 29px;
	background-image: url(../image/layout/leftmenu_title.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #004995;
	letter-spacing: 2px;
	word-spacing: 2px;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 0px;
	background-position: 0px -2px;
	font-family: Arial, Helvetica, sans-serif, simhei;
	font-size: 1.3em;
	}

.leftmenu_ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
 
 
.leftmenu_li a {
	display:block;	/* 將超連結設定為區塊模式 */
	width:160px;	/* 設定超連結區塊的寬度 */
	height:50px;	/* 設定超連結區塊的背景圖片 */
	line-height:28px;	/* 設定超連結區塊的文字內縮 */
	text-decoration:none;	/* 去除超連結的底線 */
	color:#185A9F;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 30px;
	background-image: url(../image/icon/leftmenu_arrow.png);
	background-position: 9px 9px;
	padding-top: 4px;
	padding-bottom: 0px;
	font-size: 1em;
}
.leftmenu_li a:hover {
	color:#084F98; /* 設定滑鼠摸到超連結區塊的文字顏色 */
	background-color: #CCE9F7;
}
.center {
	float:left;
	width:818px;
	background-color: #FFF;
	overflow: hidden;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cce9f7;
	}
.center_02 {
	float:left;
	width:1000px;
	background-color: #FFF;
	overflow: hidden;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cce9f7;
}
.box {
	width:90%;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 0px;
}
.box p {
	line-height:20px;
	letter-spacing:1px;
	padding-bottom:12px;
}

.content_title {
	width:100%;
	height: 36px;
	background-color: #cce9f8;
	text-align: center;
	font-weight: bold;
	}
.content_title_01 {
	width:1000px;
	height: 36px;
	background-color: #cce9f8;
	text-align: center;
	font-weight: bold;
}
.content_title_02 {
	height: 36px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
}
.top_news{
	background-image: url(../image/layout/news_02.png);
	background-repeat: no-repeat;
	float: right;
	height: 170px;
	width: 270px;
	}
.top_news_content{
	height: 120px;
	width: 245px;
	_width: 280px;
	margin-top: 40px;
	margin-right: auto;
	_margin-right: 0px;
	margin-bottom: 0px;
	_margin-bottom: 0px;
	margin-left: 10px;
	_margin-left: -25px;
	_padding-top: 40px;
	}
.content_title_03 {
	font-size: 1.125em;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #028DD2;
	text-align: center;
	margin-bottom: 10px;
}
.item_01 {
	font-weight: bold;
	color: #068DD1;
	letter-spacing: 1px;
	text-align: center;
	word-spacing: 1px;
	background-color: #E1F2FB;
}
.item_03 {
	font-weight: bold;
	color: #068DD1;
	letter-spacing: 1px;
	word-spacing: 1px;
	background-color: #E1F2FB;
}

.item_02 {
	font-weight: bold;
	color: #FFF;
	letter-spacing: 1px;
	text-align: center;
	word-spacing: 1px;
	background-color: #60AFF4;
}

.box table td {
	height: 25px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.red {
	color: #C00;
}
.bule {
	color: #00F;
}

.table_01 {
	border: 1px solid #8ACBEB;
}
.table_dot {
	border: 1px dashed #628EC8;
}
.td_center {
	text-align: center;
}
.td_right {
	text-align: right;
}
.dot {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #1494D5;
}
.qa {
	background-image: url(../image/icon/qa.png);
	background-repeat: no-repeat;
	line-height: 18px;
	background-position: left top;
	padding-left: 65px;
	padding-top: 10px;
}

.dot2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1494D5;
}

#container #big .center .box ol li {
	padding-bottom: 10px;
}
.table_li {
	margin-left: -25px;
	padding-bottom: 5px;
}
#container #big .center .box ul li {
	padding-bottom: 15px;
}
.box ol li {
	padding-bottom: 15px;
}
.prof_news {
	background-image: url(../image/title/Por_News_title.jpg);
	height: 134px;
	font-weight: bold;
	color: #333;
	padding-top: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
.prof_news_title {
	color: #0A86C2;
	background-color: #CCE9F7;
	background-image: url(../image/icon/arrow_bule.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	height: 18px;
	background-position: 5px 7px;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 2px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5BB9E6;
}