@import url("https://use.fontawesome.com/releases/v5.4.2/css/all.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600");

body { font-family:'微軟正黑體', Arial; padding:0; margin:0; }

a { text-decoration:none; color:#006699;}
a:hover { text-decoration:underline; color:#CC3300;}

h1 {font-size:24px; font-weight:bold; color:#333;}
h2 { font-size:18px; font-weight:bold; padding-bottom:6px; margin:0;}

table {
	font-family: '微軟正黑體';
	border-collapse: collapse;
}

#canvas { width:900px; margin:0 auto;}
#head { float:left; width:900px; height:172px; background:url(images/1_r1_c2.jpg) right no-repeat;}
.head-icon {float:right; width:120px; height:26px; margin-top:145px;font-size:12px;}

/*目錄區*/
#menu { float:left; width:900px; height:40px; background:url(images/menu_bg.gif) no-repeat; }
#menu ul { width:900px;list-style:none; padding:0; margin:0;}
#menu li { float:left; width:112px; height:40px; line-height:40px; font-size:22px; font-weight:bold;}
#menu a { display:inline-block;width:112px; height:40px; line-height:40px;text-align:center; text-decoration:none; color:#333;}
#menu a:hover {width:111px; height:40px; color:#330099; text-decoration:underline; background:url(images/menu_bg_over.gif) 2px 0 no-repeat;}

#body { float:left; width:900px; margin-top:10px; font-size:16px; line-height:1.5em; }
#foot { float:left; width:900px; height:106px; margin-top:10px; background-color:#D9E0F0; text-align:center; color:#666; font-size:12px; font-family:Arial; line-height:150%;}

/*首頁內容區*/
.news_area { width:870px; margin:0 auto; font-size:16px;}
.news_list {float:left; width:860px; margin-left:-35px}
.news_list ul{width:860px; margin:0; padding:0; }
.news_list li { list-style:none;height: 34px; line-height:34px; padding:0;  background:url(images/bullet_1.gif) no-repeat; text-indent:20px; line-height:34px; border-bottom: #bbb solid 1px;}
.news_list span { float:right; }

/*左側目錄*/
#left_menu { float:left; width:185px; margin-top:10px;}
#left_menu ul { width:185px; margin:0; padding:0;list-style:none;  }
#left_menu li { width:185px;height:34px; background:url(images/lmenu_bg1.gif) no-repeat;}
#left_menu a{ display:block; width:185px; height:34px;text-decoration:none; color:#333; text-indent:20px; font-size:15px; line-height:34px;}
#left_menu a:hover{ width:185px; height:34px;background:url(images/lmenu_bg2.gif) no-repeat; color:#0066cc; font-size:15px;}

#left_submenu ul{ width:185px; margin:0; padding:0;list-style:none; }
#left_submenu li { width:185px;height:34px; background:url(images/lsub_menu_bg1.gif) no-repeat;}
#left_submenu a{ display:block; width:185px; height:34px;text-decoration:none; color:#333; text-indent:32px; font-size:15px; line-height:34px;}
#left_submenu a:hover{ width:185px; height:34px;background:url(images/lsub_menu_bg2.gif) no-repeat; color:#0066cc; font-size:15px;}

/*右邊內容區*/
#r_body { float:right; margin-top:10px; width:700px;  background:url(images/body_headbg1.gif) top no-repeat;}
.r_bodyline { float:left; width:698px; border:#C9DBE0 solid ; border-width: 0 1px;}
.r_bodycontent {  width:665px; margin:10px auto ; font-size:16px; line-height:1.5em;}

/*滿版內容區*/
#body_txt { margin:0 auto; width:870px; font-size:16px; line-height:1.5em;}

/*分頁*/
.number.current {font-weight:bold; color:red;}

/*RWD*/
img {
	height: auto;
	max-width: 100%;
}

//寬度 < 768 px
@media only screen and (max-width: 768px) {

}

//寬度 < 480 px
@media only screen and (max-width: 480px) {
font-size:16px;
}

//寬度 < 320 px
@media only screen and (max-width: 320px) {
font-size:16px;
}

/* tbl-s0[簡易式表格] */
.tbl-s0 {
	border-collapse:collapse;
}

.tbl-s0 th {
	padding:3px;
}

.tbl-s0 tr:hover {
	background-color:#FFFFCC;
}

.tbl-s0 td {
	border:0px;
	padding:3px;
	vertical-align:top;
}

@media screen and (max-width: 480px) {
	.tbl-s0 th {
		display: none;
	}

	.tbl-s0 td {
		text-align: left;
		border: 0px;
		display: block;
	}

	.tbl-s0 td:before {
		content: attr(data-th);
		font-weight: bold;
		padding-left: 5px;
		width: 6em;
		display: inline-block;
		vertical-align:top;
	}
}

/* tbl-s1[行列式表格/藍] */
.tbl-s1 {
	border-collapse:collapse;
}

.tbl-s1 th {
	border-bottom:1px solid #888888;
	padding:3px;
	background-color:#B7DFFF;
	white-space:nowrap;
}

.tbl-s1 tr:nth-child(odd) {
	background-color:#e8e8e8;
}

.tbl-s1 tr:hover {
	background-color:#FFFFCC;
}

.tbl-s1 td {
	border-bottom:1px solid #888888;
	padding:3px;
	vertical-align:top;
}

@media screen and (max-width: 480px) {
	.tbl-s1 th {
		display: none;
	}

	.tbl-s1 td {
		text-align: left;
		border: 0px;
		display: block;
	}

	.tbl-s1 td:before {
		content: attr(data-th);
		font-weight: bold;
		padding-left: 5px;
		width: 6em;
		display: inline-block;
		vertical-align:top;
	}
}

/* tbl-s2[內容式表格/黃] */
.tbl-s2 {
	border:5px solid #FFFFFF;
	border-radius:15px;
	border-collapse:collapse;
	overflow:hidden;
}

.tbl-s2 th {
	text-align:center;
	border-bottom:1px solid #888888;
	padding:3px;
	background-color:#FFEB81;
	white-space:nowrap;
}

.tbl-s2 tr:nth-child(odd) {
	background-color:#e8e8e8;
}

.tbl-s2 tr:hover {
	background-color:#FFFFCC;
}

.tbl-s2 td {
	border-bottom:1px solid #888888;
	padding:3px;
	vertical-align:top;
}