/*共同*/
	body {
		background-image: url(../image/webbody.gif);
		background-position: top left;
		background-size: 134px;
		background-repeat: repeat;
    }
    body, a, a.btn {
		font-size: 14px;
    }
	body, footer.page-footer { font-family: serif, Microsoft JhengHei; }
	a { color: #225975; }
	ul li { list-style:none; }

/*選單*/
    .top-logo {
		background-image: url(../image/logo.png);
		background-position: top left;
		background-size: 371px;
		background-repeat: no-repeat;
		max-width: 82%;
		height: 55px;
		z-index: 99999999;
    }
    .top_r_img {
		background-image: url(../image/building.png);
		background-position: top right;
		background-repeat: no-repeat;
		height: 55px;
    }

	.navbar-nav > li > a {
		padding-top: 6px;
		padding-bottom: 0;
		margin-bottom: 5px;
	}
	.dropdown-item { font-weight: bold; }
	.nav-link { font-weight: bold; }
	.navbar-header {
		z-index: 999999999;
		right: auto;
		top: 4px;
	}
	.navbar-header button.navbar-toggle {
		background-color: #ffffff00;
		border-color: #ffffff00;
		padding: 0;
	}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color:transparent; }
	img.fa.fa-bars { height: 29px; }

/*語言*/
	.glyphicon, .glyphicon:hover {
		width: 17px;
		height: 17px;
		text-align: right;
		top: 5px;
	}
	.glyphicon {
		background: url(../image/earth.png) no-repeat;
		background-size: 100%;
	}
	.glyphicon:hover {
		background: url(../image/earth_hover.png) no-repeat;
		background-size: 100%;
	}
	.glyphicon:hover { cursor: pointer; }
	#lang_group { height: 28px; }

/*MAIN左側區塊-sidebar*/
	.sidebar_left { padding-top: 11px; }
	.sidebar_left img { width: 100%; }
/*MAIN右側區塊-最新消息, 相關連結*/
	.awards {
		line-height: 14pt;
		font-weight: bold;
		margin: 5px 8px;
		border-radius: 6px;
	}
	.news {
		padding-top: 12pt;
		line-height: 14pt;
		font-weight: bold;
		margin: 5px 8px;
		border-radius: 6px;
	}
	.news_p, .awards_p {
		padding: 0px 19px;
		text-align: left;
		margin-bottom: 0;
	}
	.news_p, .awards_p { font-size: 18px; }
	.news ul li:hover, .news_more span:hover, .awards ul li:hover, .awards_more span:hover { text-decoration: underline; }
	.news ul { padding: 8px 38px 0 38px; }
	.news ul li { list-style-image: url(../image/NextArrow.png); }
	.news_end { padding-bottom: 19px !important; }
	.news_more, .awards_more {
		text-align: right;
		margin-right: 34px;
	}
	.awards ul {
		list-style: none;
		/*display: -webkit-box;*/
		padding: 10px 37px;
		margin: 0;
	}
	.awards ul li { list-style-image: url(../image/NextArrow.png); }
	.about .about_items div {
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
		max-width: 220px;
	}
	
	.about_items { margin: 0; }
	.icon_about_tab { display:none; }
	.icon_about, .icon_about_tab { cursor:pointer; }
	.sidebar_right .sub_box_right { margin-top: 13px; }
/*FOOTER*/

/*置頂按鈕*/
	#top_btn_scroll {
		display: none;
		position: fixed;
		bottom: 20px;
		right: 30px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		background: url(../image/arrow_icon.png);
		background-repeat: no-repeat;
		background-size: cover;
		color: white;
		width: 62px;
		cursor: pointer;
		padding: 15px;
		border-radius: 100px;
		opacity: 0.4;
	}
/*Mobile*//*XS*/
	@media (max-width: 767px) {
		a { font-size: 16px; }
		.navbar_py.mobile { padding-top: 2.1rem; }
		.container.mobile {
			border-bottom: 1px solid #d5d7d8;
			position: fixed;
		}
		.container.mobile, .navbar_py.mobile {
			z-index:999999;
			background: #FFF;
			top: 0;
			width: 100%;
		}
		.main_news { padding-top: 18px; }
	/*選單*/
		.top-logo{
			background-size: auto 60%;
			background-image: url(../image/logo_mobile.jpg);
			background-position: left;
			left: 20px;
		}

		.navbar-nav {
			z-index: 99999;
			width: 100%;
			margin: 38px 0 0 0;
			background: #FFF;
			padding-top: 17px;
			left: 0;
		}
		#navbar-collapse, .menu_btn {
			padding: 0;
		}
		.navbar-nav li {
			background: #FFF;
			padding-left: 0;
			padding-right: 0px;
			line-height: 2em;
		}
		.navbar-nav > li > a { margin-bottom:0; }
		.nav-item  a.nav-link{
			padding-left: 21px;
			line-height: 30px;
			font-size: 16px;
		}
		/*最後下底線*/

		.navbar-nav{
			border-bottom: 1px solid #c5daee;
		}
		.nav-link:hover, .dropdown-item:hover, .dropdown-item-text:hover {
			background: #5bb9de !important;
			color: #FFF !important;
			font-weight: bold;
		}
		.dropdown-item, .dropdown-item:hover {
			line-height: 45px;
			padding-left: 37px !important;
			display: -webkit-box;
		}
		.navbar-nav .dropdown-menu {
			border: 0;
			padding-top: 0;
			margin-top: 0;
		}
		.ypm_items {
			padding: 0 !important;
			border-top: 1px solid #c6d6e4;
		}
		.ypm_items ul {
			margin-block-end: 0;
			list-style: none;
			padding: 0;
		}
		.ypm_items ul li {
			line-height: 2.8em;
			border-bottom: 1px solid #c6d6e4;
			border-top: 0px solid #c6d6e4;
			padding-left: 2em;
			background: url(../image/arrow.png) no-repeat center right;
		    font-weight: bold;
			font-size: 16px;
		}
		.ypm_items ul li:hover, .ypm_items ul li .ypm_option:hover {
			background: #9addff url(../image/arrow_gray.png) no-repeat center right;
			color: #FFF !important;
		}
		a.ypm_option {
			text-decoration: none;
		}
	/*語言*/

	/*MAIN左側區塊-sidebar*/
		.sidebar_left {
			padding: 0;
			margin-top: 13px;
			background: #3c3a3e;
			background-image: initial;
			background-position-x: initial;
			background-position-y: initial;
			background-size: initial;
			background-repeat-x: initial;
			background-repeat-y: initial;
			background-attachment: initial;
			background-origin: initial;
			background-clip: initial;
			background-color: rgb(60, 58, 62);
		}
	/*MAIN右側區塊-最新消息, 相關連結*/
		.sidebar_right {
			background: #dedbdb;
			padding-left: 0;
			padding-right: 0;
		}
		.sidebar_right .sub_box_right { margin-top: 0; }
		.news {
			background: none;
			padding: 0;
			margin: 0;
		}
		.news, .awards { margin:0; }
		.news ul, .awards ul {
			padding: 0;
			margin: 0;
			padding-bottom: 0 !important;
		}
		.news ul li, .awards ul li {
			background: #FFF;
			padding: 14px;
			list-style-image: none;
			list-style: none;
			font-size: 16px;
		}
		.news ul li:hover, .awards ul li:hover {
			background: #9addff;
			color: #5d5b5b;
			text-decoration: none;
		}
		.news_p, .awards_p {
			padding-bottom: 13px;
			padding-top: 13px;
			color: #FFF;
			background: #008ed6;
		}
		.news .news_p a, .awards .awards_p a {
			font-size: 18px;
			color: #FFF;
		}
		.news_end { background: #FFF; }
		.news_more, .awards_more {
			text-align: center;
			line-height: 2.7em;
			background: #0a4867;
			margin: 0;
			color: #FFF;
		}
		.news_more:hover, .awards_more:hover {
			background: #c0e4f7;
			color: #333;
		}
		.news_more a, .awards_more a { color:#FFF; }
	/*FOOTER*/
		footer {
			background: #13709e;
			color: #FFF;
			padding-top: 22pt;
			margin-top: 0;
		    padding-bottom: 80px;
		}
		.footer_info_sub {
			border: 0;
			padding: 0;
		}
		footer.page-footer .container .row span {
			color: #FFF;
		}
		footer a { color:#FFF; }
		.footer_mail {
			text-indent: -0.1em;
			padding: 32px;
		}
		footer .container { background: none; }
		.footer-copyright {
			padding: 25px 0;
		}
		.footer_mail_span a:hover { color: #e6e612; }
	}
/*Table*//*SM*/
	@media (min-width: 768px) {
	/*選單*/
		.navbar-header button.navbar-toggle { display: block; }
		.navbar-fixed-top { position: inherit; }
		.navbar-nav { width: 100%; }
		.navbar-nav>li>a {
			color: #FFF !important;
			font-weight: bold;
			padding: 4px 8px;
		}
		.navbar-nav>li>a:hover {
			color: #e6e612 !important;
			background: none;
		}
		#navbar-collapse { padding: 0; }
		.nav>li>a:focus { background: none; }
		.dropdown-menu li a:hover { background: #FFFFEB url(../image/menu_select.png) no-repeat 2% 50%; }
		.stripes_bk { background-color: #225975; }
		.stripes4.menu_btn {
			height: 28px;
			margin-left: 7px;
			margin-right: -7px;
		}
		.stripes4 {
			background-size: 6px 6px;
			background-image:
			linear-gradient(
				-45deg,
				rgba(255, 255, 255, .1) 25%,
				transparent 25%,
				transparent 50%,
				rgba(255, 255, 255, .1) 50%,
				rgba(255, 255, 255, .1) 75%,
				transparent 75%,
				transparent
			);
			border-radius: 4px;
		}
	/*語言*/
		#lang_group .btn-primary { padding: 6px 6px; }
		#lang_group .btn {
			font-size: inherit;
			white-space: nowrap;
		}
		#lang_group .btn-primary {
			background-color: #874019;
			border-color: #874019;
			line-height: 11pt;
		}
		#lang_group button:hover { color: #e6e612 !important; }
	/*MAIN左側區塊-sidebar*/

	/*MAIN右側區塊-最新消息, 相關連結*/
		.news, .awards { margin: 5px 8px; }
		.news_p, .awards_p {
			background: #117aaf;
			padding: 12px;
			text-align: center;
			color: #FFF;
			font-weight: bolder;
			border-radius: 4px;
		}
		.news ul, .awards ul { background: #FFF; }
		.news ul li, .awards ul li {
			padding: 14px;
			font-size: 16px;
		}
		.news .news_p a, .awards .awards_p a {
			font-size: 18px;
			color: #FFF;
		}
		.about_items {
			display: flex;
			justify-content: space-between;
			background: #FFF;
		}
		.about_items div {
			border: 1px solid #c8c9ca;
			margin: 14px 0px;
			line-height: 5px;
			text-align: center;
			border-radius: 10px;
		    background: #FFF;
		}
		.icon_about_tab {
			display:block;
		    width: 100%;
		}
		.icon_about { display:none; }
	/*網站地圖*/
		#sitemap_heading {
			font-size: 18px;
			font-family: serif, Microsoft JhengHei;
			font-weight: bold;
			text-align: center;
			background: #117aaf;
		}
		#sitemap_list { padding: 18px; }
		#sitemap_list div div p .sitemap_title {
			font-family: serif, Microsoft JhengHei;
			font-weight: bolder;
			font-size: 16px;
			border-bottom: 1px solid #117aaf;
		}
		#sitemap_heading .badge { background: none; }
	/*FOOTER*/
		footer {
			background: #13709e;
			color: #FFF;
			padding-top: 22pt;
			/*margin-top: -20px;*/
		}
		.footer_label, footer a { color: #FFF; }
		.footer-copyright {
			text-align: center;
			padding: 25px;
		}
		.footer_mail {
			text-indent: -0.1em;
			padding: 3px 41px;
		}
		footer .container { background: none; }
		.footer_mail_span a:hover { color: #e6e612; }
		.footer_info_sub { padding: 0 25px; }
	}
/*Web*//*MD*/
	@media (min-width: 992px) {
	/*選單*/
		.navbar-header button.navbar-toggle { display: none; }
		.navbar-fixed-top { position: inherit; }
	/*語言*/
		.language {
			height: 28px;
			padding-right: 7px;
			text-align: right;
			letter-spacing: 0;
		}
		.sidebar_right { padding: 0; }
		#lang_group .btn {
			font-size: inherit;
			white-space: nowrap;
		}
		#lang_group .btn-primary {
			background-color: #874019;
			border-color: #874019;
			line-height: 11pt;
		}

	/*MAIN左側區塊-sidebar*/

	/*MAIN右側區塊-最新消息, 相關連結*/
		.stripes_bk_0 {
			background-color: #ebf0f2;
			padding-top: 16px;
		    padding-bottom: 3px;
			width: 97% !important;
		}
		.news {
			background: #ffffff;
			background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 77%, #d4e3bf 100%);
			background: -webkit-linear-gradient(45deg, #ffffff 0%,#ffffff 77%,#d4e3bf 100%);
			background: linear-gradient(45deg, #ffffff 0%,#ffffff 77%,#d4e3bf 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4e3bf',GradientType=1 );
		}
		.awards {
			background: #ffffff;
			background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 77%, #eebab2 100%);
			background: -webkit-linear-gradient(45deg, #ffffff 0%,#ffffff 77%,#eebab2 100%);
			background: linear-gradient(45deg, #ffffff 0%,#ffffff 77%,#eebab2 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eebab2',GradientType=1 );
			padding-top: 12pt;
		}
		.news_p, .awards_p { color: #990033; }
		.news_p, .awards_p {
			font-size: 16px;
			background: none;
			text-align: left;
			padding: 0 12px;
			line-height: initial;
		}
		.news ul, .awards ul { background: none; }
		.news ul li, .awards ul li {
			padding: 0;
			font-size: 14px;
		}
		.about_items { background: none; }
		.about_items div {
			border: 0;
			margin: 0;
			line-height: 5px;
			text-align: center;
			border-radius: 10px;
		    background: none;
		}
		.icon_about_tab {
			display:none;
		    width: 100%;
		}
		.icon_about, .about_items { display:block; }
		
		.awards_list li a {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
	/*MAIN*/
		.main_sub {
			background: #FFF url(../image/footer_back.png);
			background-repeat: no-repeat;
			background-position: bottom left;
			background-size: 100%;
		}

	/*FOOTER*/
		footer {
			background: none;
			color: #333;
			padding-top: 0;
		    padding-bottom: 0;
		}
		.footer_label, footer a { color: #2a6496; }
		.footer_info { padding-left: 0; }
		.footer_info_sub { border-left: 4px solid #b46680; }
		.footer-copyright { text-align: right; font-weight: bold; font-size: 11px; }
		.footer_label {
			color: #990033;
			font-weight: bold;
		}
		.footer_mail{
			text-indent: 0.3em;
			padding: 16px 24px;
		}
		footer .container { background: #FFF; }

	/*sitemap*/
		.web_sitemap { padding: 0; }
		.web_sitemap .panel, #sitemap_heading {
			border-radius: 0;
			background: #225975;
			border: 0;
		}
		#sitemap_list {
			background: #FFF;
			border: 1px solid #225975;
		}
		.footer_con {
			/*border-top: 1px solid #daddde;*/
			padding-top: 6px;
		}
	}