:root
{
	--colorO: #c44906;
}

 body, td { font-family:'Times New Roman','正黑體','微軟正黑體'; }
 body { margin:0px; background-color:#F2F2F2; } 
 table { border-collapse:collapse; }
 a { text-decoration:none; border-radius:0.2em; border:2px solid #0000; }
 a:hover, a:focus { text-decoration:underline; border-color:#000; }
 
.frame { margin:auto; width:1200px; height:100vh; background-color:#FFF; } 
.frame>tbody>tr>td { padding:0px; vertical-align:top; }
.frame>tbody>tr:last-child>td { vertical-align:bottom; }

 h1 { display:inline; margin:0; padding:0; line-height:1; }
 h2 { margin:0px; }
 
 input:focus { background:#ffeecc; }
 
.hide { position:absolute; top:-1000px; }
.hide:focus { top:0px; color:#000; background:#fff; }

/* head */

.menu { background-color:#273339; }
.menu a:hover, .menu a:focus, .foot a:hover, .foot a:focus { border-color:#fff; }
.menu>h1>a>img { vertical-align:middle; margin:20px 20px 20px 80px; line-height:80px; max-width:97vw; }
.menu nav { display:inline-block; margin-right:20px; text-align:center; line-height:80px; }
.menu nav a { display:inline-block; color:#9f0; margin:20px 5px; border:2px solid #0000; line-height:110%; vertical-align: middle; }
.menu nav a:hover, .menu nav a:focus { color:#fff; border-bottom:1px solid #DA6e33; }

.menu .banner { height:210px; background-image:url(img/banner_7.png); }

.path { background-color:#e4e4e4; line-height:60px; color:#273339; font-size:2em; padding-left:150px; }
.path span::before { content:'■'; color:#7BB21A; font-size:2em; }


/* foot */

.foot { background-color:#273339; border-top:3px solid var(--colorO); font-size:0.9em; padding:2em 100px; color:#fff; margin-top:40px; }
.foot a { color:#fff; display:inline-block; }
.foot div { display:inline-block; }
.foot>img { float:left; }
.foot>span { float:right; font-family:'Arial'; font-size:0.8em; display: inline-block; }
.foot>span span { display:inline-block; background-color:#ccc; margin:1px; width:15px; line-height:15px; color: #000; text-align: center; }
.foot>span img { margin-left:5px; vertical-align: middle; }

.content { }
.content>img { max-width:1200px; }


/* search */
.search, .link, .info { margin:auto; width:860px; }
.query ul { line-height:200%; }
.query ul:first-child { margin-left:50px; }
.query li div { font-size:1.1em; font-weight:bold; color:#333333; }
.query li input:not([type]) { border:1px solid #ddd; width:500px; padding:5px; font-size: 1em; }
.query li label { color:#666; font-size:1em; }
.query li input[type=submit], .btn { background-color:var(--colorO); color:#fff; font-size:1em; width:100px; border-radius:10px; border-width:0px; margin:10px; }
.btn { display:block; text-align:center; margin:auto; }


.result { width:600px; margin:auto; }
.result tr { text-align:center; }
.result th { border:1px solid #ccc; height:50px; padding:5px; width:100px; background-color:#eee; color:#333; }
.result td { border:1px solid #ccc; padding:10px; }
.result td { text-align:left; }
.result td span { display:inline-block; width:70px; padding:2px; margin:2px; border:0px solid #ccc; text-align:center; }
.result td span:hover { background-color:#b4d8f9; }
.result td span.long, .result td.long span { width:auto; }
.result tr:nth-child(1) td { font-size:2em; }

.query .info { margin-top: 40px; font-size:1em; color:#333; }
.query .info b { display:block; color:#fff; font-size:1.1em; padding-left:40px; line-height:40px;
 background-color:#7793AC; background-image:url(img/info.png); background-position:20px 50%; background-repeat:no-repeat; }
.query .info b a {  color:#fff; }


/* LINK */
.link a { display:block; line-height:60px; border-left:30px solid var(--colorO); border-bottom:1px solid #CCC; margin:20px 0px; padding-left:20px; color:#333; }
.link a:nth-child(even) { border-left-color:#FCB68F; }
.link a:hover { background-color:#EEE; }

.news { width:860px; max-width:90%; margin:20px auto; }
.news.l a, .news .ti { display:block; height:70px; line-height:30px; padding:15px; border-bottom:1px solid #ccc; color:#333; font-size:1.1em; }
.news.l a:nth-child(odd), .news .ti { background-color:#F8F8F8; }
.news.l a b, .news .ti b { display:block; color:var(--colorO); font-size:1em; }
.news .txt { padding:30px; border-bottom:1px solid #ccc; color:#333; font-size:1em; }

.alm-l { text-align:left !important; }
.alm-c { text-align:center !important; }

.menu2 {}
.menu2 a { display:inline-block; width:9em; line-height:2.5; margin:0.5em; border:1px solid #ccc; color:#444; text-align:center; font-size:1.25em; }
.menu2 a[href="#"] { border-color:var(--colorO); background-color:var(--colorO); color:#fff; }

/* hot */
.datTab {  }
.datTab th { background-color:var(--colorO); padding:0.5em; color:#fff; border:1px solid #fff; }
.datTab td { border:1px solid #ddd; padding:0.5em; text-align:center; }
.datTab tbody tr:nth-child(even) { background-color:#eee; }




.homeNews { width:860px; max-width:95vw; margin:1em auto; font-size:1.4em; }
.homeNews>thead>tr, .homeNews caption { background-color:#DC3232;  }
.homeNews>thead th, .homeNews caption { height:40px; line-height:40px; padding-left:20px;
 text-align:left; color:#fff;
 border-radius: 5px 5px 0px 0px; border:0px solid #000; }
.homeNews>tbody>tr:nth-child(even) { background-color:#f2f2f2; }
.homeNews>tbody>tr>td { height:40px; }
.homeNews>tbody>tr>td:first-child { width:7em; padding-left:0.8em; color:var(--colorO); }

.homeNews>tbody>tr>td:last-child { border-width:0px; text-align:left; }
.homeNews>tbody>tr>td:nth-child(2)>a { color:#333; display:block; padding:0.5em 0px; }
.homeNews>tbody>tr>td:nth-child(2)>a:hover { color:#999; }
.homeNews>tfoot>tr>td>a { float:right; padding:5px 20px; background:var(--colorO); color:#fff; border-radius: 5px; }
.homeNews>tfoot td { padding-top:10px; }



@media screen and (max-width: 768px)
{
	.menu>h1>a>img { margin:auto; }
	.frame { width:100%; }
	.menu, .foot { padding:0px;  }
	.menu a { word-break:keep-all; }
	.menu>a>img { margin:20px auto; max-width:90%; }
	.menu div {margin:0px; } 
	.menu div a { margin: 5px;  } 
	.menu .banner { background-size:cover; height:17.5vw; background -position-x: 21%; }
	.path { padding-left:10px; }
	.foor span { display:block; text-align:center; float:initial; }
	.foot div { margin:10px; line-height:150%; }
	.content>img { max-width:100%; }
	
	.search, .result, .link, .link, .info { width:95%; }
	.search ul:first-child { margin-left:10px; }
	.search table { width:90%; }
	.search table th { width:auto; }
	 .search li input:not([type]) { width:90%; }
	.query ul { padding-left:20px; }
	.query li input[type=submit] { display:block; margin:10px auto; }

	.news { width:90%; margin:10px auto; }
	
}

@media print
{
	.menu, .path, .banner, .search .q, .foot { display:none; }
}