@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'cwTeXFangSong';
  font-style: normal;
  font-weight: 500;
}


* {margin:0px; padding:0px;}
body {background:#d0e5ff;}
.cleardiv {clear:both;}
#back {position:fixed; right:40px; bottom:120px; cursor:pointer; display:none; z-index:10;}
.menufixed1 {position:fixed !important; z-index:999; top:40px; width:100%;}
.fixhgt {display:block; height:auto;}

#layout {position:relative;}

header {height:400px; margin-top:40px; background:url(../images/header.jpg) center no-repeat;}
header img.hd980 {display:none;}
header div.hdchange {display:block; position:relative; width:225px; height:29px; top:240px; margin:auto;}
#header2 {height:400px; margin-top:40px; background:url(../images/header2.jpg) center no-repeat;}
#header2 img.hd980 {display:none;}
#header2 div.hdchange {display:block; position:relative; width:225px; height:29px; top:223px; margin:auto;}

#menu {position:relative; height:auto; box-sizing:border-box; padding:0px;}
div.bj {background:#9b2432;}
div.bj a {color:#c7999e;}
div.jn {background:#2e69a5;}
div.jn a {color:#97b4d2;}
div.zjj {background:#00214e;}
div.zjj a {color:#7c8ca2;}
div.jzg {background:#a24d00;}
div.jzg a {color:#fff3e8;}
div.xa {background:#ce3c09;}
div.xa a {color:#e79e84;}
div.hn {background:#009246;}
div.hn a {color:#addcc4;}
div.kdl {background:#d44b34;}
div.kdl a {color:#eaa59a;}
div.gl {background:#1e7da4;}
div.gl a {color:#8fbed2;}
div.tg {background:#0a1a58;}
div.tg a {color:#e1e7ff;}
div.sh {background:#3c66c6;}
div.sh a {color:#9eb3e3;}
div.sd {background:#4c2868;}
div.sd a {color:#f2e2ff;}
div.is {background:#02529c;}
div.is a {color:#eff7ff;}
div.ac {background:#ba4a47;}
div.ac a {color:#ffc1bf;}
div.ru {background:#b91685;}
div.ru a {color:#ffc1bf;}


#menu a {display:inline-block; width:132px; background:url(../images/menubg.png) center no-repeat; margin:8px 4px; text-align:center; font-size:22px; line-height:50px; font-family:'cwTeXFangSong',微軟正黑體,sans-serif; text-decoration:none; letter-spacing:0px;}
#menu a:hover {font-family:'cwTeXFangSong',微軟正黑體,sans-serif; color:white; background:url(../images/menubgb.png) center no-repeat; font-size:22px; line-height:50px;}
#menu a.slec {color:white; cursor:default; background:url(../images/menubgb.png) center no-repeat;}
#menu i.menu_rt {position:absolute; right:0px; top:0px; padding:15px 10px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));}
#menu i.menu_lt {position:absolute; left:0px; top:0px; padding:15px 10px; background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));}

#content {width:980px; box-sizing:border-box; padding:10px; margin:auto; background:white; position:relative;}

.con_lt {float:left; width:520px; box-sizing:border-box; padding:10px;}

article {position:relative; margin:5px 0px;}
article h2 {font-size:20px; padding-left:10px; line-height:30px; font-family:'cwTeXFangSong',微軟正黑體,sans-serif; color:white; font-weight:normal;}
article p {font-size:15px; line-height:20px; font-family:微軟正黑體; color:black; text-align:justify;}

article h2.bj {background:#9b2432;}
article h2.jn {background:#2e69a5;}
article h2.zjj {background:#00214e;}
article h2.jzg {background:#a24d00;}
article h2.xa {background:#ce3c09;}
article h2.hn {background:#009246;}
article h2.kdl {background:#d44b34;}
article h2.gl {background:#1e7da4;}
article h2.tg {background:#0a1a58;}
article h2.sh {background:#3c66c6;}
article h2.sd {background:#4c2868;}
article h2.is {background:#02529c;}
article h2.ac {background:#ba4a47;}
article h2.ru {background:#b91685;}


.date {position:relative; margin:5px 0px;}
.date h2 {font-size:20px; padding-left:10px; line-height:30px; font-family:'cwTeXFangSong',微軟正黑體,snas-serif; color:white; font-weight:normal;}
.date p {font-size:15px; line-height:30px; border-bottom:1px solid gray; font-family:微軟正黑體; color:black; text-align:justify; padding:3px 0px;}
.date p font {display:block; width:50px; color:white; float:left; text-align:center; margin-right:3px; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.date p font.bj {background:indianred;}
.date p font.sh {background:cornflowerblue;}
.date h2.bj {background:#9b2432;}
.date h2.sh {background:#3c66c6;}

.con_rt {float:right; width:430px; box-sizing:border-box; padding:10px; border:3px double #003567; border-radius:10px;}

.con_rt sub {position:relative;}
.con_rt sub a {display:inline-block; width:100px; margin:10px; font-size:16px; font-family:微軟正黑體,MS Gothic,sans-serif; line-height:30px; background:gray; color:white;}
.con_rt sub a:hover {background:#003567;}
.con_rt sub a.slec {background:#003567; cursor:default;}

@media screen and (max-width: 768px) {
	#back {right:10px; bottom:10px;}
	#back img {width:40px; height:auto;}
	header {height:auto; background:none;}
	header div.hdchange {display:block; position:relative; width:100%; height:auto; top:0px; left:0px;}
	header img.hd980 {display:block; width:100%; height:auto; position:relative; z-index:0;}
	header div.hdchange img.change {display:block; position:absolute; top:60%; left:40%; width:20%; height:auto;}
	#header2 {height:auto; background:none;}
	#header2 div.hdchange {display:block; position:relative; width:100%; height:auto; top:0px; left:0px;}
	#header2 img.hd980 {display:block; width:100%; height:auto; position:relative; z-index:0;}
	#header2 div.hdchange img.change {display:block; position:absolute; top:55%; left:40%; width:20%; height:auto;}
	#menu {width:100%; box-sizing:border-box; height:auto; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
	#menu a {font-size:16px; line-height:40px; paddding:20px 0px; margin:0px -10px; background-size:80%;}
	#menu a:hover {font-size:16px; line-height:40px; paddding:20px 0px; color:white;background-size:80%;}
	#menu a.slec {color:white; cursor:default; background:url(../images/menubgb.png) center no-repeat;background-size:70%;}
	#content {width:100%;}
	.con_lt {float:none; width:95%; margin:auto;}
	.con_lt img {display:block; width:80%; height:auto;}
	.con_rt {float:none; width:95%; margin:auto;}
	.con_rt table {background:none; border-bottom:1px solid gray;}
}