/*@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);*/

body
{
    font-family: 'cwTeXHei', 'Myriad Pro', 'Microsoft JhengHei', 'sans-serif';
    /*font-size:12pt;*/
    font-size: 1.1em;
}
body input[type="text"], body input[type="password"], body select {
    /*border-radius: 20px;*/
    /*border: 0;*/
    /*padding: 2px 20px;*/
    vertical-align: middle;
    height: 28px; 
}

div
{
}

.header
{
    height: 127px;
    /*max-width: 1024px;*/
    margin: auto;
}
/*.header {
    height: 127px;
}*/

	.header img {
		margin: 8px;
		max-height: 100%;
		max-width: 100%;
	}

	.headbg {
		background-color: #87C3FF;
	}


	.search {
		position: absolute;
		top: 35px;
		left: 2px;
	}


		.search a {
			position: absolute;
			top: 1px;
			right: 8px;
			display: block;
			cursor: pointer;
			width: 24px;
			height: 24px;
			overflow: hidden;
			font-size: 1.2em;
		}

		.search input[type="text"] {
			width: 200px !important;
		}

	.toplink {
		/* position: absolute;
		top: 70px;
		left: 2px; */
	}

		.toplink ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.toplink li {
			float: left;
			position: relative;
			padding: 2px 10px;
			font-size: 1em;
			top: 0px;
			left: 0px;
			height: 22px;
		}

			.toplink li + li :before {
				content: "​​";
				display: block;
				position: absolute;
				width: 1px;
				height: 60%;
				left: 0;
				left: 0.5px;
				top: 20%;
				background-color: #666;
			}

			.toplink li a:link {
				color: #333;
			}

			.toplink li a:visited {
				color: #333;
			}

			.toplink li a:hover {
				color: #599ab0;
				text-decoration: none;
			}

	.navbg {
		background-image: url(../img/nav-bg.jpg);
		background-color: #444b58;
		background-repeat: repeat-x;
		position: relative;
		z-index: 9;
	}

#navbar {
	/*max-width: 1060px;*/
	margin: auto;
	background-color: #feb954;
	font-size:1.1em;
	padding:0 10%;
}

	.navbar-nav {
		border: none;
		width: 100%;
	}

		.navbar-nav > li {
			width: 20%;
		}

		.navbar-nav li a {
			display: block;
			color: #823600;
			font-size: 1.1em;
			line-height: 18px;
			padding:12px;
			text-align: center;
			letter-spacing: 0.1em;
		}
		.navbar-nav li a label{
			margin: 0;
		}

		

			.navbar-nav li a:hover {
				color: #fff;
				background-color: #ff6600 !important;
			}

		.navbar-nav li:before {
			content: "​​";
			display: block;
			position: absolute;
			width: 1px;
			height: 60%;
			left: 0;
			left: 0.5px;
			top: 20%;
			/*background-color: #599ab0;*/
		}


	.dropdown-menu li a {
		text-align: left;
	}

	.collapse.in {
		background: none;
	}

		.collapse.in li a {
			width: 100%;
			border-bottom: dotted 1px #666;
			text-align: left;
			text-indent: 0.5em;
			color:#823600;
		}

	.container-fluid {
		padding: 0;
	}

	.content {
		max-width: 1024px;
	}

	.foot-menu-bg {
		padding: 10px;
		background-color: #2e7994;
	}

	.foot-menu {
		max-width: 1150px;
		padding-left: 120px;
		margin: auto;
	}

		.foot-menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

	.foot-menu-lv1 {
		float: left;
		/*width: 15.5%;*/
		width: 205px;
		/*margin: 0.5%;*/
		font-size: 120%;
		/*border:solid;*/
		margin-top: 12px;
	}

		.foot-menu-lv1 a {
			display: block;
			padding: 2px;
			color: #fffcda;
		}

		.foot-menu-lv1 a {
			text-decoration: none;
		}

		.foot-menu-lv1 ul li {
			margin: 1px;
			font-size: 80%;
			overflow: hidden;
		}

			.foot-menu-lv1 ul li a {
				color: #fff;
			}

	.foot-bg {
		padding: 15px;
		background-color: #2e7994;
	}

	.foot {
		max-width: 1180px;
		margin: auto;
		font-family: 'Myriad Pro', 'Microsoft JhengHei', 'sans-serif';
		line-height: 160%;
		font-size: 80%;
		color: #fff;
	}
.title_text {
	font-size: 1.5em;
	color: #374D89;
	vertical-align: bottom;
	display: inline;
	line-height: 2em;
}

.title_div {
	border-bottom: 3px solid #e9bb99;
	padding-bottom: 5px;
}
	/**/
	/*.mainli a:hover
{ 
    color:#555;
    background-color:#7FA3D7;
}*/
.mainli.active .subul {
	display: block;
}
.subul {
	/*border: solid 1px #fff;*/
	list-style-type: none;
	position: absolute;
	z-index: 3000;
	display: none;
	background-color: #ffd393;
	margin: 0;
	width:100%;
	padding: 0 0 0 0;
	
	/*left: -1px;*/
	/*border: solid 2px #7FA3D7;
		border-top: dotted 1px #fff;*/
}

.subul li{
	border-top:dashed 1px #ffe8c6;
}


	.subul li>a{
		text-align:left !important;
		font-size: 0.9em;
		padding:12px 21px;
	}
		.subul li > a:hover{
			text-decoration:none;
		}

		.subul li>a i{
			margin-left: 2px;
			vertical-align:bottom;
		}


		/*.subul a:hover
{ 
    color:#555;
    background-color:#7FA3D7;
}*/
		.ENDBO {
			margin: 0 auto 30px auto;
		}

	.rnlt {
		background-image: url(../imgs/6x6-lt.png);
		background-position: left top;
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}

	.rnrt {
		background-image: url(../imgs/6x6-rt.png);
		background-position: right top;
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}

	.rnlb {
		background-image: url(../imgs/6x6-lb.png);
		background-position: left bottom;
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}

	.rnrb {
		background-image: url(../imgs/6x6-rb.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		width: 6px;
		height: 6px;
	}

	@media (min-width: 768px) {
		.dropdown:hover .dropdown-menu {
			display: block;
		}
	}

@media screen and (max-width: 767px) {

	.toplink {
		position: static;
	}

		.toplink ul {
			width: 306px;
			margin: 0 auto;
		}
		.toplink ul li {
			padding: 2px 7px;
		}	
}

@media (max-width: 480px) {
	.navbar-nav > li {
		width: 100%;
	}

		.navbar-nav > li a {
			text-align: left;
		}
}

@media screen and (max-width: 320px) {
	.toplink ul {
		margin-left: -7.5px;
	}
}

.footer_main {
	margin-right: -30px;
	text-align: right;
	padding: 0 15px !important;
}
@media (max-width: 768px) {
	.footer_main {
		text-align: left;
		margin-left: 15px;
		padding: 5px 15px !important;
	}
}

.form-control:focus {
   border: solid 2px #000;
   -webkit-box-shadow: none;
    box-shadow: none;
}
/*組織架構用*/
.ozchart {
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	display: table;
}

	.ozchart ul li a {
		display: inline-block;
		text-decoration: none;
		border-radius: 12px;
		padding: 16px;
		color: #333;
		box-shadow: 0 2px 8px rgb(0 0 0 / 16%);
	}

	.ozchart hr {
		height: 42px;
		width: 2px;
		border-width: 0;
		color: #000;
		background-color: #555;
		margin: 0 auto;
	}

	.ozchart ul, .ozchart li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.ozchart ul:first-child {
			border-bottom: solid 2px #555;
			margin: 0 44px;
		}

			.ozchart ul:first-child li a {
				border: solid 3px #94c9d8;
				font-size: 36px;
				min-width: 240px;
				line-height: 36px;
				background: rgb(181,222,232);
				background: linear-gradient(0deg, rgba(181,222,232,1) 0%, rgba(255,255,255,1) 80%);
			}

				.ozchart ul:first-child li a:hover {
					border: solid 3px #aecac0;
					background: rgb(195,213,201);
					background: linear-gradient(0deg, rgba(195,213,201,1) 0%, rgb(253, 246, 227) 50%);
				}

		.ozchart ul:last-child {
			white-space: nowrap;
			margin-top: -2px;
		}

			.ozchart ul:last-child li {
				white-space: nowrap;
				display: inline-block;
				margin: 0 6px;
			}

				.ozchart ul:last-child li a {
					border: solid 3px #a3bbd6;
					font-size: 24px;
					writing-mode: vertical-lr;
					min-width: 36px;
					min-height: 210px;
					line-height: 32px;
					letter-spacing: 8px;
					background: rgb(186,203,229);
					background: linear-gradient(0deg, rgba(186,203,229,1) 0%, rgba(255,255,255,1) 80%);
				}

					.ozchart ul:last-child li a:hover {
						border: solid 3px #b4bbc1;
						background: rgb(200,200,200);
						background: linear-gradient(0deg, rgba(200,200,200,1) 0%, rgb(255, 251, 236) 50%);
					}



@media screen and (max-width: 1260px) {
	.ozchart ul:last-child li {
		margin: 0 5px;
	}

	.ozchart ul li a {
		padding: 12px;
		border-radius: 10px;
	}

	.ozchart hr {
		height: 36px;
	}

	.ozchart ul:first-child li a {
		font-size: 30px;
		min-width: 210px;
		line-height: 30px;
	}

	.ozchart ul:first-child {
		margin: 0 44px;
	}

	.ozchart ul:last-child li a {
		border: solid 3px #a3bbd6;
		font-size: 20px;
		min-width: 26px;
		min-height: 210px;
		line-height: 20px;
		letter-spacing: 8px;
	}

	.ozchart ul:first-child {
		margin: 0 32px;
	}
}

@media screen and (max-width: 1060px) {
	.ozchart ul:last-child li {
		margin: 0 4px;
	}

	.ozchart ul li a {
		padding: 8px;
		border-radius: 9px;
	}

	.ozchart hr {
		height: 30px;
	}

	.ozchart ul:first-child li a {
		font-size: 24px;
		min-width: 190px;
		line-height: 24px;
	}

	.ozchart ul:first-child {
		margin: 0 44px;
	}

	.ozchart ul:last-child li a {
		font-size: 18px;
		min-width: 24px;
		min-height: 190px;
		line-height: 18px;
		letter-spacing: 6px;
	}

	.ozchart ul:first-child {
		margin: 0 27px;
	}
}

@media screen and (max-width: 860px) {
	.ozchart ul:last-child li {
		margin: 0 3px;
	}

	.ozchart ul li a {
		padding: 6px;
		border-radius: 8px;
	}

	.ozchart hr {
		height: 24px;
	}

	.ozchart ul:first-child li a {
		font-size: 20px;
		min-width: 170px;
		line-height: 20px;
	}

	.ozchart ul:first-child {
		margin: 0 44px;
	}

	.ozchart ul:last-child li a {
		font-size: 16px;
		min-width: 22px;
		min-height: 170px;
		line-height: 16px;
		letter-spacing: 4px;
	}

	.ozchart ul:first-child {
		margin: 0 24px;
	}
}

@media screen and (max-width: 660px) {
	.ozchart ul:last-child li {
		margin: 0 2px;
	}

	.ozchart ul li a {
		padding: 4px;
		border-radius: 7px;
	}

	.ozchart hr {
		height: 18px;
		width: 1px;
	}

	.ozchart ul:first-child li a {
		border: solid 2px #94c9d8;
		font-size: 18px;
		min-width: 150px;
		line-height: 18px;
	}

	.ozchart ul:first-child {
		margin: 0 44px;
		border-bottom: solid 1px #555;
	}

		.ozchart ul:first-child li a:hover {
			border: solid 2px #aecac0;
		}

	.ozchart ul:last-child {
		margin-top: -1px;
	}

		.ozchart ul:last-child li a {
			border: solid 2px #a3bbd6;
			font-size: 14px;
			min-width: 20px;
			min-height: 150px;
			line-height: 14px;
			letter-spacing: 2px;
		}

			.ozchart ul:last-child li a:hover {
				border: solid 2px #b4bbc1;
			}

	.ozchart ul:first-child {
		margin: 0 18px;
	}
}

@media screen and (max-width: 460px) {
	.ozchart ul:last-child li {
		margin: 0 1px;
	}

	.ozchart ul li a {
		padding: 4px;
		border-radius: 6px;
	}

	.ozchart hr {
		height: 12px;
	}

	.ozchart ul:first-child li a {
		font-size: 16px;
		min-width: 120px;
		line-height: 16px;
	}

	.ozchart ul:first-child {
		margin: 0 44px;
	}

	.ozchart ul:last-child li a {
		font-size: 13px;
		min-width: 17px;
		min-height: 90px;
		line-height: 13px;
		letter-spacing: 1px;
	}

	.ozchart ul:first-child {
		margin: 0 16px;
	}
}