/* CSS Document */

a:link {
	text-decoration: none;
	color: #005784;
}
a:visited {
	text-decoration: none;
	color: #005784;
}
a:active {
	text-decoration: none
}
a:hover {
	text-decoration: none;
	box-shadow: inset 0px 0px 1px 1px #ffbf47;
	background: #ffbf47;
	outline:3px dashed #ffbf47;
}
a:focus {
	text-decoration: none;
	box-shadow: inset 0px 0px 1px 1px #ffbf47;
	background: #ffbf47;
	outline:3px dashed #ffbf47;
}
input:focus{ background-color:yellow;}
h2 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
.wapper {
	width:100%;
	height:auto;
	margin:0 auto;
}
.header {	/*上方*/
	width:100%;
	height:auto;
	margin:0 auto;
}
.header_box {	
	width:100%;
	height:auto;
	margin:0 auto;
	background:#FFF;
	border-bottom:1px #bdbebb solid;
	max-width:956px;
}
.block_news {
	width:100%;
	height:auto;
	max-width:956px;
	margin:10px auto 0 auto;
}
.logo {
	width:37%;
	padding:6px 6px 6px 0;
	display: inline-block;
}

.logo-list-box {	/*右上方文字*/
	width:auto;
	display:inline-block;
	float:right;
    background: #c9c8b5;
    border-radius: 0 0 10px 10px;
    padding: 0px 13px 0px 13px;
    top: 0px;
    position: relative;
    line-height: 30px;  
}
.logo-list {	
	width:100%;
	text-align:right;		
	vertical-align:middle;
	font-size:0.9em;
}
.logo-list a {
	text-decoration:none;
	color:#000;
}
.logo-list ul li {
	padding: 0 10px;
    display: inline-block;
    list-style-type: none;
    vertical-align: middle;
    border-right: 1px solid #000;
	font-size: 1.2em;
}
.logo-list ul li:nth-last-child(1) {
	border-right: 0px solid #000;
}
.logo h1 {
	margin:0;
	font-size:1em;
}

.menu_navigation {
    float: right;
    background: #c9c8b5;
    border-radius: 0 0 10px 10px;
    padding: 0px 15px 0px 15px;
    top: -30px;
    position: relative;
    line-height: 16px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, 微軟正黑體;
    font-weight: bold;
}
.menu_nav {
    color: #282828;
    display: inline-block;
    max-width: 1200px;
    margin: auto;
    text-align: right;
    padding: 0;
    margin-right: 5px;
}
.menu_nav li {
    display: inline-block;
    color: #19455e;
    position: relative;
	padding: 5 5px;
    display: inline-block;
    list-style-type: none;
    vertical-align: middle;
    
	font-size: 1.0em;    
}
.menu_nav>li>a {
    display: inline-block;
}

.menu_nav>li>a {
    color: #454545;
    display: inline-block;
    padding: 5px 0;
    margin: 0 6px;
    text-decoration: none;
}
/*廣告*/
.header-banner { 
	width:100%;
	height:auto;
    max-width: 956px;
	margin:0 auto;
}
.header-banner img {
	max-height:318px;
}
.vision {
	width:100%;
	height:auto;
	/*border-top:1px solid #fff;*/
	overflow: hidden;
	max-height:341px;
}
	.vision_pic {
		width:100%;
		max-width:1000px;
		margin:0 auto;
	}
	.vision_slider img {
		width:100%;
		max-height:318px;
		border:0;
		}

/*menu*/
.menu_box {
	width:100%;
	height:auto;
	margin:15px auto;
	text-align:center;
	max-width:956px;
}
.menu_one {
	width:100%;
	height:auto;
	max-width:132px;
	background:#946628;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.menu_two {
	width:100%;
	height:auto;
	max-width:132px;
	background:#7a792c;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.menu_tree {
	width:100%;
	height:auto;
	max-width:132px;
	background:#45833a;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.menu_four {
	width:100%;
	height:auto;
	max-width:132px;
	background:#4e76ad;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.menu_five {
	width:100%;
	height:auto;
	max-width:132px;
	background:#995fa6;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.menu_six {
	width:100%;
	height:auto;
	max-width:132px;
	background:#ab5498;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.menu_seven {
	width:100%;
	height:auto;
	max-width:132px;
	background:#b55860;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
.menu_img {
	width:100%;
	padding:15px 0 0 0;
}
.menu_text {
	width:100%;
	margin: 3px 0;
	color:#FFF;
	font-size:1em;
}
/*無障礙置頂*/
a.sr-only {
    color: #000;
    float: left;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*落款*/
.footer {
	width:100%;
	height:auto;
	margin:0 auto;
	border-top:1px #888888 solid;
	background:#d0e4b1;
	font-family:"微軟正黑體 Light";
	max-width:956px;
}
.footer_box {
	width:97%;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	font-size:0.9em;
	font-family:"微軟正黑體 Light";
}
.footer13_box {
	width:85%;
	display:inline-block;
	vertical-align:top;
    line-height: 200%;
}
.footer-1 {
	width:100%;
}
.footer-1-1 {
	width:40%;
	display:inline-block;
}
.footer-1-2 {
	width:11%;
	display:inline-block;
}
.footer-1-3 {
	width:20%;
	display:inline-block;
}
.footer-2 {
	width:100%;
}
.footer-2-1 {
	width:40%;
	display:inline-block;
}
.footer-2-2 {
	width:38%;
	display:inline-block;
}
.footer-2-3 {
	width:21%;
	display:inline-block;
}
.footer-3 {
	width:100%;
}
.footer-3-1 {
	width:40%;
	display:inline-block;
}
.footer-3-2 {
	width:35%;
	display:inline-block;
}
.footer-4 {
	width:auto;
	display:inline-block;
	vertical-align: top;
}
/*RWD*/
@media screen and (max-width: 967px) {
.menu_one {
    width: 33%;
    height: auto;
	margin: 0 0 4px 0;
    max-width:inherit;
}
.menu_two {
    width: 33%;
    height: auto;
	margin: 0 0 4px 0;
    max-width:inherit;
}
.menu_tree {
    width: 33%;
    height: auto;
	margin: 0 0 4px 0;
    max-width:inherit;
}
.menu_four {
    width: 24.5%;
    height: auto;
    max-width:inherit;
}
.menu_five {
    width: 24.5%;
    height: auto;
    max-width:inherit;
}
.menu_six {
    width: 24.5%;
    height: auto;
    max-width:inherit;
}
.menu_seven {
    width: 24.5%;
    height: auto;
    max-width:inherit;
}
.menu_text {
    margin: 6px 0;
}
}
@media screen and (max-width: 903px) {
.menu_one {
    width: 32.5%;
}
.menu_two {
    width: 32.5%;
}
.menu_tree {
    width: 32.5%;
}
}
@media screen and (max-width: 777px) {
.footer-4 {
    width:auto;
    display:block
}
}
@media screen and (max-width: 736px) {
	.footer-1 {
		width: 100%;
	}

	.footer-1-1 {
		width: 43%;
	}

	.footer-1-2 {
		width: 13%;
		margin: 0 15px 0 0;
	}

	.footer-1-3 {
		width: 34%;
	}

	.footer-2 {
		width: 100%;
	}

	.footer-2-1 {
		width: 43%;
	}

	.footer-2-2 {
		width: 51%;
	}

	.footer-2-3 {
		width: 36%;
	}

	.footer-3 {
		width: 100%;
	}

	.footer-3-1 {
		width: 43%;
	}

	.footer-3-2 {
		width: 43%;
	}

	.footer-3-3 {
		width: 100%;
	}
}
@media screen and (max-width: 720px) {
	.logo {
		width: 100%;
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
		height: 60px;
	}

	.menu_navigation {
		/*top: -105px;*/
	}

	.logo-list-box {
		display: none;
	}

	.logo-list {
		text-align: center;
	}

		.logo-list ul {
			margin: 0;
			padding: 0;
		}

			.logo-list ul li {
				margin: 10px 0;
				padding: 0 8px;
			}

	.header-banner img {
		width: 100%;
		height: auto;
	}

	.menu_box {
		display: none;
	}

	.main_content {
		padding: 0;
	}

	.float_none p {
		margin-left: 10px !important;
	}

	.float_none ul {
		margin-left: 30px !important;
	}
}