@charset "UTF-8";

/* CSS Document */

/*@media only screen and (min-width: 1440px) {
.container-fluid > .row, .container-fluid > .row-eq-height {
	width: 1360px !important;
	margin: 0 auto !important;
}
}*/
.container-fluid{
	margin: 0 auto !important;}
body {
	/*background-color: #e7e5cd;
	background-image: url(image/bg.jpg);
	background-position: center -1000px;
	background-attachment: fixed;
	background-repeat: no-repeat;*/
	color: #333;
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-size: 12pt;
}
h1 {
	width: 180px;
	height: 70px;
	background-color: #FFF;
	float: left;
	margin: 0px;
}
h1 img {
	width: 100%;
	height: auto;
}
header {
	margin: 50px auto 0px;
	background-color: #6a8800;
	height: auto;
	/*position: relative;*/
	overflow: auto;
	border-bottom: 2px solid #3e4f00;
}
header > div {
	/*position: relative;*/
}
h2 {
	color: #008844;
	/*color: #3b3b3b;*/
	/*text-shadow: 1px 1px #000;*/
	font-weight: bolder;
	font-size: 16pt;
	margin: 30px auto 20px;
	padding-top:20px;
	border-top: solid 1px #ccc;
	text-transform:uppercase;
}
h2:first-child{
	border-top: none;
	}
h3 {
	font-size: 14pt;
	text-transform:capitalize;
}
nav {
	overflow: auto;
}
nav#langNav {
	/*position: absolute;
	right: 0px;
	top: -40px;*/
	font-size: 12pt;
}
nav#langNav a {
	color: #008844;
}
nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px;
	overflow: auto;
	float: right
}
nav ul li {
	float: left;
	line-height: 25px;
	padding: 10px;
	background-image: url(image/nav_border.png);
	background-position: center right;
	background-repeat: no-repeat;
}
nav ul li.selected {
	background-color: #3e4f00;
}
nav ul li.selected a {
	color: #FFF;
}
nav ul li:last-child {
	background: none;
}
nav ul li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	text-transform: capitalize;
	text-align: center;
}
nav ul li a:hover, nav ul li a:active {
	color: inherit;
	text-decoration: none;
}
nav#langNav ul li:hover {
	color: #CCCCCC;
}
/*nav ul li a.selected {
	background-image: url(image/bg_nav_selected.png);
	background-position: center 50px;
	background-repeat: no-repeat;
	background-color: #FFF;
	color: #008844;
}*/
nav ul li a span {
	display: block;
	font-size: 8pt;
	-webkit-text-size-adjust: none;
}
#banner {
	color: #008844;
	clear: both;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
}
#banner img {
	margin-bottom: 25px;
}
#content {
}
#content #subNav > [class*="col-"] > a {
/*display: block;
	background-color: #008844;
	border: solid 1px #000;
	height: 70px;
	text-align: center;
	line-height: 70px;
	color: #FFF;
	text-decoration: none;*/
	/*font-size: 14pt;*/
}
#content .row-eq-height > [class*="col-"] {
/*background-image: url(image/bg_solid.jpg);
	background-position: center 70px;
	background-repeat: repeat-x;
	margin: 10px;
	padding: 10px;*/
}
#content .textBox {
	/*background-image: url(image/bg_solid.jpg);
	background-position: center 70px;
	background-repeat: repeat-x;*/
	padding: 10px;
	margin: auto 15px;
	width: calc(100% - 30px);
}
#content .textBox .row {
	margin: 10px -10px;
	clear: both;
	overflow: auto;
}
#content .textBox p {
	margin: 10px auto auto;/*text-align: justify;*/
}
#content img {
	margin: 15px auto;
}
footer {
	/*color: #008844;
	text-align: center;
	padding: 10px;
	font-size: 10pt;*/
	color:#FFF;
	font-size: 10pt;
	text-align: center;
	padding: 10px;
	background-color: #6a8800;
	border-top: 5px solid #3e4f00;
	border-bottom: 5px solid #3e4f00;
	overflow:auto;
	clear:both;
}
footer p{
	clear:both;}

/*@media screen and (min-width: 992px) and (max-width: 1164px) {
h1 {
	height: 140px;
	line-height: 140px;
}
}

@media only screen and (max-width: 957px) {
h1 {
	height: 140px;
	line-height: 140px;
}
}*/

@media only screen and (max-width: 768px) {
h1 {
	width: 100%;
	float: none;
	height: auto;
}
header {
	/*height: auto;*/
	/*margin: 40px auto 0px;*/
}
nav {
}
nav ul {
	float: none;
	width: auto;
}
nav ul li {
	float: none;
	line-height: 30px;
	background: none;
	border-bottom: dotted 2px #FFF;
	text-align: center;
	padding: 0px;
}
nav ul li:last-child {
	border: none;
}
nav ul li a {
}
nav ul li a span {
	display: inline-block;
	text-indent: 1em;
}
nav#langNav {
	/*position: absolute;
	right: 0px;
	top: -40px;*/
}
nav#langNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px;
	overflow: auto;
	float: right
}
nav#langNav ul li {
	float: left;
	line-height: 25px;
	padding: 10px;
	background-image: url(image/nav_border.png);
	background-position: center right;
	background-repeat: no-repeat;
}
nav#langNav ul li:last-child {
	background: none;
}
#content .row-eq-height > [class*="col-"] {
	margin: 0px;
}
}

@media only screen and (max-width: 480px) {
/*body {
	background-image: url(image/bg_mo.jpg);
	background-position: center -1135px;
	background-attachment: scroll;
}
body#subNav {
	background-position: center -1075px;
}
body#index {
	background-position: center -1135px;
}
h2 {
	color: #333;
	text-shadow: none;
}
footer {
	color: #333;
}*/
}