/*-----------------------------------通用-----------------------------------*/
body {
	margin:0; 
	padding:0; 
	line-height:170%;
	font-family:"微軟正黑體", "open-sans", Times New Roman , sans-serif;
	color:#333;
}
.container {
    font-size: 0.9em;
}
*{
padding:0;
margin:0;}
a{
	color:#333;
}
a:hover ,a:focus{
	color:#3d8cc6;
}
a, a:hover ,a:focus{
	text-decoration:none;
}
img{
	max-width:100%; 
	height:auto;
}
h1{
	margin:0 !important;
	line-height: normal;	
}
h2{
	font-size:1.5em;
	font-weight:500;
	color:inherit;
	margin: 0;
	line-height:130%;
	letter-spacing: 0px;
}
p {
    margin: 0 0 5px;
}
label {
    font-weight: 500;
}
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
input[type=file] {
    max-width: 190px;
}
select {
	background:#fff;
	height: 34px;
}
.vertical_middle{
	vertical-align:middle;
}
.display_inline{
	display:inline-block !important;
}
.display_none{
	display:none;
}
.title_02{
	font-size:1.3em;
	font-weight:bold;
	padding:5px 0;
	color:/*#145f7b*/ #337ab7;
	float:left;
	width:100%;
}
.title_02 i{
	padding:0 5px;
}
.btn_01{
	padding:3px 20px 3px 20px;
	background: #666;
	color:#fff;
	font-size:0.9em;
	border:none;
	letter-spacing:1px;
	cursor:pointer;
	margin:10px 0;
	border-radius:5px;
}
.btn_02{
	padding:3px 10px;
	background: #666;
	color:#fff;
	font-size:0.9em;
	border:none;
	cursor:pointer;
	margin:5px 0;
	border-radius:5px;
}
.btn_03{
	padding:3px 10px;
	background: #666;
	color:#fff;
	font-size:0.9em;
	border:none;
	letter-spacing:1px;
	cursor:pointer;
	border-radius:5px;
	height:34px;
}
.btn_01:hover ,.btn_02:hover ,.btn_03:hover ,rss_list_btn:hover{
	background:#f2ac04;
}
.page_line{
	border-bottom:dotted #ccc 2px;
	margin:10px 0;
}
.red{
	color:red;
}
.blue{
	color:#145f7b;
}
.font-red-thunderbird {
    color: #D91E18!important;
}
.font-blue-steel {
    color: #4B77BE!important;
}
.font-green-meadow {
    color: #1BBC9B!important;
}
.font-yellow-gold {
    color: #E87E04!important;
}
.font-purple-seance {
    color: #9A12B3!important;
}
.font-blue-hoki {
    color: #67809F!important;
}
.bg-white {
    background: #fff!important;
}
.bg-grey-steel {
    background: #e9edef!important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;
    padding-left: 0px;
}
.img_padding {
    padding: 10px;
}
.content_font{
	float:left;
	width:100%;
}



/*for無障礙*/
.accesskey{
	text-decoration:none;
}
.accesskey:focus {
	outline:2px solid #00b0f0;
	text-decoration:none;
}
a:focus {
	outline:2px solid #00b0f0 !important;
	text-decoration:none;
}
a.sr-only {
    color: #145f7b;
    float: left;
}
.blue_icon{
	color: #D4F4F7 /*#bde4eb*/;
}


/*for表單*/
.form-control{
	/*border-radius:5px !important;*/
	border:#ccc solid 1px;
	padding: 5px !important;
	/*height:32px;*/
	font-size:1em;
	box-shadow:none;
	background:#fff;
	/*float: left;*/
}
.form-control_1{
	border-radius:5px;
	border:#ccc solid 1px;
	padding: 5px !important;
	/*height:32px;*/
	font-size:1em;
	margin-right:10px;
	vertical-align:middle;
	float:left;
	box-shadow:none;
	background:#fff;
}
.form-control_2{
	border-radius:5px;
	border:#ccc solid 1px;
	padding: 5px !important;
	/*height:32px;*/
	font-size:1em;
	box-shadow:none;
	background:#fff;
}
.form-group{
	overflow: hidden;
}
.padding_left {
    padding-left: 15px;
	padding-bottom:25px;
	width:100%;
	float:left;
}
.input-xsmall {
    width: 80px!important;
}
.input-small {
    width: 145px!important;
}
.input-medium {
    width: 240px!important;
}
.input-large {
    width: 320px!important;
}


/*tophome*/
#tophome{
	background:#145f7b;
	padding:7px 0;
	color:#fff;
}
.top_link{
	float:left;
	vertical-align: middle;
	padding-top:3px;
}
.top_link a {
	color:#fff;
	font-size:1em;
	text-decoration:none;
}
.top_link ul{
	list-style:none;
	margin-bottom: 0px;
	margin-top: -3px;
}
.top_link ul li{
	display:inline-block;
}
.top_link ul li:after{
	content:"∣";
	padding:0 5px 0 8px;
}
.top_link ul li:first-child:after {
	padding:0 2px;
	content:"";
}
.top_link ul li:last-child:after{
	content:"";
}
.font_size{
	list-style:none;
	float:left;
	margin: 0 0 -10px 0;
}
.font_size li{
	display:inline-block;
	border-radius:50%;
	background:#4eafc0;
	color:#fff;
	width:25px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	margin-right:3px;
	font-size: 0.9em;
}
.font_size li:hover ,.search_icon:hover,.search_icon_1:hover{
	background:#f2ac04;
}
.noscript_font{
	color:#f2ac04;
	font-size:12px;
	line-height:130%;
	width:225px;
	float:left;
}
.noscript_red{
	font-size:12px;
	line-height:130%;
	color:#FF0000;
}


/*search*/
.search_input{
	border:none;
	float:left;
	width:170px;
	padding:1px 5px;
	vertical-align:middle;
	font-size:0.8em;
	color:#333;
	min-height:29px;
}
.search_icon{
	background:#4eafc0;
	color:#fff;
	text-align:center;
	border:none;
	padding:1px 10px;
	font-size:1em;
}
.top_search{
	float:left;
	margin-left:5px;
}
.search_icon_1{
	background:#4eafc0;
	color:#fff;
	text-align:center;
	border:none;
	padding:1px 12px;
	font-size:0.9em;
}


/*top menu*/
.dropdown-menu{
	font-size:1em;
}
.dropdown-menu>li{
	background:rgba(0, 0, 0, 0.1) !important;
}
.dropdown-menu>li>a:hover{
	color:#333 !important;
	background:rgba(255, 255, 255, 0.7);
}
.dropdown-toggle .fa-caret-down{
	padding-top:3px;
}


/*index Banner*/
.slider-container {
	background: #171717;
	height: 500px;
	overflow: hidden;
	width: 100%;
	direction: ltr;
}
.slider-container .tparrows {
	border-radius: 6px;
}
.slider-container .slider-single-slide .tparrows {
	display: none;
}
.slider-container .top-label {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
}
.slider-container .main-label {
	color: #FFF;
	font-size: 62px;
	line-height: 62px;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
.slider-container .featured-label {
	color: #FFF;
	font-size: 52px;
	line-height: 52px;
	font-weight: 800;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
.slider-container .bottom-label {
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
}
.slider-container .blackboard-text {
	color: #BAB9BE;
	font-size: 46px;
	line-height: 46px;
	font-family: "Shadows Into Light", cursive;
	text-transform: uppercase;
}
.slider-container .btn-slider-action {
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	padding: 20px 25px;
}
.slider-container .top-label-dark, .slider-container .main-label-dark, .slider-container .bottom-label-dark {
	color: #333;
}
.slider-container .tp-caption-dark a {
	color: #333;
}
.slider-container .tp-caption-dark a:hover {
	color: #333;
}
.slider-container .tp-caption-overlay {
	background: #000;
	padding: 10px;
}
.slider-container .tp-caption-overlay-opacity {
	background: rgba(0, 0, 0, 0.4);
	padding: 10px;
}
.slider-container .tp-opacity-overlay {
	background: rgba(0, 0, 0, 0.85);
}
.slider-container.transparent {
	background-color: transparent;
}
.slider-container.light {
	background-color: #EAEAEA;
}
.slider-container.light .tp-bannershadow {
	opacity: 0.05;
	top: 0;
	bottom: auto;
	z-index: 1000;
}
.slider-container.light .featured-label, .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label {
	color: #333;
}
.slider-container.light .tp-caption a {
	color: #333;
}
.slider-container.light .tp-caption a:hover {
	color: #333;
}


/*首頁輪播語法*/
.defaultimg{text-align:center; background:url(img/index_banner.jpg); background-color:#fff; }
.defaultimg div {
	position: absolute;
	top: 126px;
	left: 0;
	z-index:10;
	opacity: 0;
	/*透明度先0 設定總輪播一輪所需時間*/
	filter: alpha(opacity=0);
	-webkit-animation: round 10s linear infinite;
			animation: round 10s linear infinite;		
}
/*漸入漸出的輪播圖時間控制,需先將時間換算成百分比*/
@-webkit-keyframes round {
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
		/* 0 - 2秒 淡入*/
	}
	50% {
		opacity: 1;
		filter: alpha(opacity=100);
		/* 2- 5秒靜止*/
	}
	70% {
		opacity: 0;
		filter: alpha(opacity=0);
		/* 5-7秒淡出*/
	}
}
@keyframes round {
	20% {
		opacity: 1;
		filter: alpha(opacity=100);
		/* 0 - 2秒 淡入*/
	}
	50% {
		opacity: 1;
		filter: alpha(opacity=100);
		/* 2- 5秒靜止*/
	}
	70% {
		opacity: 0;
		filter: alpha(opacity=0);
		/* 5-7秒淡出*/
	}
}
/*用選取器抓取div中的img並設定開始淡入淡出的時間*/
.defaultimg div:nth-child(1) {
	-webkit-animation-delay: 0s;
			animation-delay: 0s;
}

.defaultimg div:nth-child(2) {
	-webkit-animation-delay: 5s;
			animation-delay: 5s;
}
.defaultimg div img{width:100%; height:auto;}
.defaultimg img{width:100%; height:auto;}
/*首頁輪播語法*/


/*-------------------index content-----------------*/
.index_content{
	background: linear-gradient(#eefbfd, #fff);
}
.index_box_01{
	overflow: hidden;
    width: 100%;
}
.index_box_01 .link_icon{
	padding:0 9px;
}
.index_box_01 img{
	width:100%;
}


/*index-溫度*/
.index_box_01 .index_weather{
	/*background:url(../img/index_bg_01.jpg);
	background-size:contain;*/
	background: linear-gradient(#c0894e, #000);
	padding-bottom: 50em;
    margin-bottom: -50em;
}
.weather_bg{
	background:url(../img/index_bg_01.jpg);
	background-position:10px left;
	background-repeat:no-repeat;
	padding-bottom: 50em;
    margin-bottom: -50em;
}
.weather_temperature{
	color:#fff;
	padding:20px 0 0 100px;
}
.temperature_icon{
	font-size:70px;
	float:left;
}
.temperature_value{
	float:left;
	font-size:36px;
	font-weight:bold;
	padding:15px;
}
.value_big{
	font-size:56px;
	padding-right:10px;
}
.temperature_font{
	float:left;
	font-size:18px;
	padding:5px 0 0 20px;
}
.weather_air{
	padding:10px 40px 0 40px;
	float:left;
	width:100%;
}
.air_bg{
	background:rgba(0,0,0,0.4);
	border-radius:50px;
	color:#fff;
	font-size:18px;
	padding:4px 15px;
	text-align: center;
}
.air_bg i{
	padding:0 10px;
}
.air_title{
	color:#eed5aa;
}
.air_color_01{
	color:#00e800;
}
.air_color_02{
	color:#fffb26;
}
.air_color_03{
	color:#ff7e00;
}
.air_color_04{
	color:#ff0000;
}
.air_color_05{
	color:#7c0ecc;
}
.air_color_06{
	color:#7e0023;
}


/*index_box_02*/
.index_box_02{
	overflow: hidden;
    width: 100%;
}
.index_box_02 .news_box_padding {
	padding:18px 9px 0 9px;
}
.news_box_01{
	background:#f3e5f1;
	padding-bottom: 15em;
    margin-bottom: -15em;
}
.news_box_02{
	background:#d8f2e2;
	padding-bottom: 15em;
    margin-bottom: -15em;
}
.index_bg_02{
	background:url(../img/index_bg_02.jpg);
	/*background-size:contain;*/
	padding-bottom: 50em;
    margin-bottom: -50em;
}
.index_news_title{
	background:rgba(0,0,0,0.5);
	color:#fff;
	padding:10px 30px;
}
.index_news_con{
	padding:10px 30px;
}
.index_news_con button{
	margin-top:20px;
}
.news_title{
	color:#e46120;
	font-size:1.3em;
	padding:5px 0;
}
.news_title a{
	color:#e46120;
}
.news_title a:hover{
	color:#3d8cc6;
}
.index_news_item, .index_news_item_01{
	border-bottom:dotted 2px #999;
	padding:10px 0;
	line-height:160%;
}
.index_news_item a:hover, .index_news_item_01 a:hover{
	text-decoration:none;	
}
.news_detail{
	color:#333;
}
.news_date{
	padding-right:15px;
	font-size:0.9em;
	color:#777;
}
.index_news_item{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*index_box_03*/
.index_box_03{
	overflow: hidden;
    width: 100%;
}
.index_bg_03{
	background:url(../img/index_bg_03.jpg);
	padding-bottom: 50em;
    margin-bottom: -50em;
}
.index_box_03 .news_box_padding {
	padding:18px 9px 0 9px;
}
.index_box_03 .link_icon{
	padding:18px 9px 0 9px;
}
.news_box_03{
	background:#d9f5ff;
	padding-bottom: 13em;
    margin-bottom: -13em;
}
.news_box_04{
	background:#f8e0c6;
}
.index_news_title i{
	padding:10px;
}
.epaper_input{
	padding:10px 20px 0px 20px;
}
.epaper_input .input-group-addon ,.epaper_input input{
	border:none;
}
.epaper_input i{
	font-weight:bold;
}
.epaper_input input{
	border-radius:0px;
}
.input-group-addon{
	background:#f1f0ef;
	border-radius:0px;
}
.epaper_btn{
	text-align:center;
}
.epaper_btn a{
	margin-right:10px;
}
.epaper_btn a:last-child{
	margin-right:0px;
}


/*index link*/
.index_box_04{
	overflow: hidden;
    width: 100%;
}
.link_box{
	background:#fef1d7;
	padding-bottom: 13em;
    margin-bottom: -13em;
	padding-left: 15px;
    padding-right: 15px;
	position: relative;
}
.link_box_con{
	padding:20px 40px;
}
.owl-carousel.owl-drag .owl-item{
	padding:10px;
}
.owl-carousel.owl-drag .owl-item img , .link_img img{
	box-shadow:4px 4px 4px rgba(20%,20%,20%,0.1);
	border:solid #ccc 1px;
}
.owl-dots{
	display:none;
}
.owl-theme .owl-nav {
    margin-top: -70px;
    width: 100%;
    float: left;
}
.owl-theme .owl-nav [class*=owl-] {
	border-radius: 50%;
	background: #666;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background:#f2ac04;
}
.link_btn{
	text-align:center;
	margin-top:-30px;
}
.owl-prev{
	position:absolute !important;
	left:-40px !important;
}
.owl-next{
	position:absolute !important;
	right:-40px !important;
}
.link_img{
	width:100%;
	float:left;
}
.link_img img{
	display:inline-block;
	width:17.5%;
	margin:1% ;
}
.index_line{
	margin-top:18px;
}


/*footer menu*/
.footer_menu{
	background:#505050;
	padding:28px 0;
}
.footer_itme{
	padding: 0 1.5%;
	text-align:center;
}
.footer_title_01 ,.footer_title_02 ,.footer_title_03 ,.footer_title_04 ,.footer_title_05 ,.footer_title_06{
	padding:10px;
	color:#fff !important;
	font-size:1.2em;
	width: 100%;
    float: left;
	margin-bottom:15px;
	line-height:130%;
}
.footer_title_01{
	background:#4eafc0;
}
.footer_title_02{
	background:#4ec09c;
}
.footer_title_03{
	background:#4ec05e;
}
.footer_title_04{
	background:#c0bf4e;
}
.footer_title_05{
	background:#c0914e;
}
.footer_title_06{
	background:#c0714e;
}
.footer_itme ul{
	list-style:none;
	padding-top:10px;
}
.footer_itme ul li{
	padding:5px;
}
.footer_itme ul li a:hover{
	color:#f2ac04 !important;
}

/*copyright*/
.copyright_box{
	background: url(../img/footer_bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:#4eafc0;
	padding:30px 30px 120px 30px;
	color:#fff;
	line-height:150%;
	font-size:0.9em;
}
.copyright_box a:hover{
	color:#000 !important;
}
.copyright_menu{
	margin-bottom:15px;
}
.copyright_menu ul{
	list-style:none;
}
.copyright_menu ul li{
	display:inline-block;
}
.copyright_menu ul li:after{
	content:"∣";
	padding:0 5px 0 8px;
}
.copyright_menu ul li:first-child:after {
	padding:0 2px;
	content:"";
}
.copyright_menu ul li:last-child:after{
	content:"";
}
/*.copyright_menu a{
	padding:0 5px;
}*/
.copyright_menu a:hover{
	color:#000  /*#f2ac04*/ !important;
}
.footer_info{
	padding:0 10px 0 30px;
}
.footer_icon{
	margin-top:5px;
}
.footer_icon .fa-stack i:nth-child(1){
	font-size:1.7em;
}
.footer_icon .fa-square:hover{
	color:#000 !important;
}
.footer_icon .fa-stack i:nth-child(2){
	color:#4eafc0;
	margin-left: -5px;
}
.footer_img img{
	vertical-align:top;
	padding:0 10px 10px 10px;
}


/*page content*/
.page_content{
	background:url(../img/bg_main.png);
	overflow:hidden;
}
.page_content .page_content_bg{
	/*background:#bde4eb;*/
	border-top:solid 100px #bde4eb;
}
.page_content .container{
	margin-top:-82px;
}


/*left menu*/
.left_box{
	padding-right:13px;
}
.left_menu{
	background:#a9b4b8;
	color:#fff;
	margin-bottom:10px;
	float:left;
	width:100%;
}
.left_menu_title{
	background:#545a5c;
	font-size:1.5em;
	padding: 14px 0;
}
.left_menu_title div{
	border-left:solid #c0bf4e 11px;
	padding-left: 15px;
}
.left_title_box a{
	color:#545a5c;
	margin-right:-5px;
}
.left_menu_item a{
	width:100%;
	padding:14px 15px 14px 30px;
	color:#fff;
	float:left;
	border-bottom:dotted #fff 1px;
	background:#a9b4b8;
	font-size:1.1em;
	line-height:130%;
}
.left_menu a:last-child{
	border-bottom:none;
}
.left_menu_item a:hover ,.left_menu_item a:focus{
	background:#c0bf4e;
}
.service_link div{
	padding:0 5px 10px 0;
}
.service_link div:nth-child(2n){
	padding:0 0 10px 5px;
}


/*right content*/
.right_content{
	background:#fff;
	border:solid #ccc 1px;
	padding-bottom: 500em;
    margin-bottom: -500em;
	padding-top:25px;
	padding-left:30px;
	padding-right:30px;
}
.page_top{
	width:100%;
}
.page_top_left ,.page_top_right{
	padding-bottom:15px;
}
.page_top_left i{
	padding:0 7px;
}
.page_top_right{
	float:right;
	display:inline-block;
}
.page_top_right img, .training_right img{
	width:27px;
}
.main_title{
	background:/*#4eafc0*/ #c0bf4e;
	border-left:solid #545a5c 8px;
	padding:10px 15px;
	float:left;
	width:100%;
	color:#fff;
}
.content_con{
	float:left;
	padding:10px 10px 30px 10px;
	width:100%;
}
.page_line{
	float:left;
	width:100%;
	border-bottom:dotted 1px #ccc;
	margin:10px 0;
}
.update{
	margin-top:10px;
}
.content_footer{
	/*margin-bottom:20px;*/
	float:left;
	width:100%;
}


/*table scroll*/
.table-scrollable{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	/*margin:5px 0 15px 0 !important;
	float:left;
	border-top: none;
	border-bottom: 1px solid #e7ecf1;
	border-left: 1px solid #e7ecf1;
	border-right: 1px solid #e7ecf1;*/
	border:none;
}
.table-scrollable>.table-bordered>thead>tr:last-child>th,.table.table-bordered thead>tr>th{
	border-bottom:0;
	border:1px solid #ddd;
	line-height: 130%;
    vertical-align: middle;
	padding: 10px;
}
.table-scrollable>.table{
	width:100%!important;
	margin:0!important;
	min-width:650px;
}
.table-scrollable>.table>thead{
	border-top: solid 1px #ddd;
}
.table-scrollable>.table>thead>tr>th , .table-scrollable th ,table>thead>tr>th{
	white-space:nowrap; 
	padding:8px; 
	background:#eee; 
	color:#000;
	font-weight:500;
}
/*.table-bordered{
    border: 1px solid #e7ecf1 !important;
}*/
.table-bordered > tbody > tr > td{
    border: 1px solid #ddd;
	/*border: 1px solid #e7ecf1 !important;*/
}
.table-hover > tbody > tr:hover{
	background:#f2fbfe;
}
.table>tbody>tr>td{
	vertical-align: middle !important;
	padding: 9px 8px;
}
.table_icon{
	padding:3px 3px 2px 3px !important;
	vertical-align:middle;
}
.table thead tr th {
    font-weight: normal;
}
.table {
    margin-bottom: 0px;
}


/*日期套件補丁*/
.table-condensed{
	width:210px;
	position:absolute;
	background:#fff;
	box-shadow:0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	border:5px;
}
.table-condensed tbody{
	border-left:solid #eee 1px;
	border-right:solid #eee 1px;
	border-bottom:solid #eee 1px;
}
.table-condensed .datepicker-switch ,.table-condensed .prev ,.table-condensed .next ,.table-condensed .day{
	cursor:pointer;
	text-align:center;
} 
.table-condensed .datepicker-switch{
	background:#fefaec /*#f5f5f5*/;
}
.table-condensed .prev ,.table-condensed .next{
	background:#feefca;
}
.table-condensed .datepicker-switch:hover ,.table-condensed .prev:hover ,.table-condensed .next:hover , .table-condensed .year:hover, .table-condensed .month:hover, .table-condensed .day:hover{
	background:#bbb /*#f3f3f3#ddf0fd #f2fbfe*/;
	color:#fff;
} 
.table-condensed .dow{
	background:#ddf0fd;
}
.table-condensed .month, .table-condensed .year{
	width:50px;
	padding:10px 0;
	cursor:pointer;
	text-align:center;
}
.table-condensed td span {
	float:left;
	display:inline-block;
}
.table-condensed td span:nth-child(4n+1) {
	clear: both;
}
.datepicker-months{
	position: absolute;
}
.datepicker-days .old ,.datepicker-days .new {
	color:#ccc;
}
.day{
	cursor:pointer;
}


/*管理項目*/
.table-toolbar {
    /*margin-bottom: 5px;*/
	width:100%;
	float: left;
}
.class_title{
	padding:7px 3px 3px 3px;
	float:left;
}
.form_02{
	border-radius:5px !important;
	border:#ccc solid 1px;
	padding:4px 8px;
	vertical-align:middle;
	margin:4px 10px 4px 4px;
	float:left;
	background: #fff;
}


/*頁碼*/
#page_number{
	padding-top:10px;
}
.page_total{
	vertical-align:middle;
	margin:0 0 10px 0;
}
.page_icon{
	text-align:right;
	margin-bottom:10px;
}
.btn_page{
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none /*1px solid #ccc*/;
    padding: 3px 12px;
    font-size: 14px;
	background:#666;
	/*margin-left:-5px;*/
	border-radius:5px;
	margin-top: -2px;
	color:#fff;
}
.page_list{
	border: 1px solid #ccc;
	display:inline-block;
	width:77px;
	cursor: pointer;
	box-shadow:none;
}
.btn_page:hover{
	background:#f2ac04;
	color:#fff;
}


/*2.公告訊息*/
.news_list_item{
	/*border-bottom:dotted #ccc 2px;*/
	padding:5px 10px 10px 10px;
	float: left;
    width: 100%;
	background:#f5f5f5;
	border-radius:5px;
	margin:5px 0;
}
.news_list_item .date i{
	padding-right:5px;
}
.date{
	color:#145f7b /*#3598dc*/;
	font-size:0.8em;
	padding:5px 0;
}
.top_class {
    color: #fff;
    padding: 3px 5px;
	background:#145f7b /*#3598dc #f2ac04*/;
	border-radius:5px;
	margin-left:5px;
}
.news_list_title{
	line-height:130%;
}


/*3.下載專區*/
.down_icon span i:nth-child(2){
	color:#fff;
}
.news_list .down_icon{
	border-top: solid #ccc 1px;
	padding-top:10px;
	margin-top:10px;
}


/*4.新進人員*/
.input_title{
	float: left;
	margin: 8px 5px 0 0;
}
.input_title_padding{
	padding-left:20px;
}
.mt-checkbox, .mt-radio {
    font-size: 15px;
}
.form_input{
	border-radius:4px !important;
	border:#ccc solid 1px;
	padding:2px 5px !important;
	vertical-align:middle;
	margin:5px 20px 5px 0;
	height: 33px;
}
.form_auto{
	border-radius:5px !important;
	border:#ccc solid 1px;
	padding:5px !important;
	vertical-align:middle;
	margin:4px 4px 4px 0 !important;
	float:left;
}
.radio_inline label{
	margin-right:20px;
}
.input_date_padding{
	padding-left:20px;
	padding-top: 2px;
}
.input_add{
	float:left;
	margin-right:10px !important;
}
.add_font{
	padding:10px 0 0 0;
	float:left;
}
.add_con{
	display:inline-block;
}
.add_con select,.add_con input , .more_input input{
	margin:5px 10px 5px 0 !important;
}
.date_padding{
	padding:5px 20px 5px 0;
}
.new_person_class{
	list-style:none;
	float:left;
	width:100%;
	margin:20px 0;
}
.new_person_class li{
	display:inline-block;
	text-align:center;
}
.new_person_class a{
	min-width:100px;
	background:#145f7b /*#337ab7*/;
	border-radius:40px;
	color:#fff;
	font-size:1.2em;
	padding:20px 30px;
	margin-right:15px;
	margin-bottom:15px;
	opacity:0.9;
	box-shadow:0px 0px 5px 5px  rgba(20%,20%,20%,0.1);
	float:left;
	border:solid #70b2ca 5px;
}
.new_person_class_1{
	min-width:100px;
	background:#145f7b /*#337ab7*/;
	border-radius:40px;
	color:#fff;
	font-size:1.2em;
	padding:20px 30px;
	margin-right:15px;
	margin-bottom:15px;
	opacity:0.9;
	box-shadow:0px 0px 5px 5px  rgba(20%,20%,20%,0.1);
	border:solid #70b2ca 5px;
}
.new_person_class a:hover ,.new_person_class_1:hover ,.new_person_class_1:focus{
	opacity:1;
	color:#fff;
}
.new_person_detail{
	padding:15px 0 10px 30px;
}
.new_person_detail img{
	border:solid #fff 5px;
	box-shadow:0px 0px 4px 4px  rgba(20%,20%,20%,0.1);
	border-radius:20px;
}
.personnel_class{
	margin: 130px 0 50px 0;
}



/*4.新進人員-流程圖*/
.mt-element-step{
	float:left;
	width:100%;
	margin-top:10px;
}
.mt-element-step .step-background-thin .mt-step-col {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.mt-element-step .step-background-thin .mt-step-number {
  font-size: 120px;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0.79em;
  color: #dae1e4;
  z-index: 4;
}
.mt-element-step .step-background-thin .mt-step-title {
  font-size: 30px;
  /*font-weight: 300;*/
  text-align: right;
  padding-right: 25%;
  z-index: 5;
  position: relative;
}
.mt-element-step .step-background-thin .mt-step-content {
  text-align: right;
  position: relative;
  padding-right: 25%;
  z-index: 5;
}
.mt-element-step .step-background-thin .mt-step-title {
    font-size: 1.1em;
	padding-right: 60px;
}
.mt-element-step .step-background-thin .mt-step-number {
    font-size: 70px;
	font-weight:900;
}
.mt-element-step .step-background-thin .active {
    background-color: #4eafc0 !important;
}
.mt-element-step .step-background-thin .active .mt-step-number {
    color: #84d9e8 !important;
}
.mt-element-step .step-background-thin .mt-step-number {
    color: #d3dadd;
	padding-right:5px;
}
.mt-element-step .step-background-thin .mt-step-col {
    border-right: solid #fff 2px;
	overflow:hidden;
}
.mt-step-col{
	/*cursor:pointer;*/
}
.mt-element-step .step-background-thin .active .mt-step-content, .mt-element-step .step-background-thin .active .mt-step-title {
    color: #fff!important;
}


/*4.新進人員form*/
.required_font{
	float: left;
    width: 100%;
    margin: 10px 0 -10px 0;
}
.bordered {
    border: 1px solid #ddd!important;
    padding: 0;
    background: #fff;
	border-radius: 4px;
	margin:10px 0;
}
.portlet {
    border-radius: 4px;
    margin-bottom: 15px;
	margin-top: 20px;
    float: left;
    width: 100%;
}
.portlet.light.bordered {
    border: 1px solid #ddd!important;
	padding:0;
	background:#fff;
}
.form {
    padding: 0!important;
}
.portlet.light .form .form-body{
    padding: 0;
    margin: 0;
}
.form-group {
    overflow: hidden;
	margin-bottom: 0px;
}
.form .form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #ddd;
}
.form .form-bordered .form-group:last-child {
    border-bottom: none;
}
.form .form-bordered .form-group>div {
    padding: 10px 20px 10px 20px;
    min-height: 47px;
}
.search_item {
    padding-bottom: 1000% !important;
    margin-bottom: -1000% !important;
	background: #eee !important;
    padding-top: 13px !important;
	line-height: 150%;
}
.table_font {
    padding: 13px 20px !important;
}
.input_code {
    width: 120px;
    border-radius: 4px !important;
    border: #ccc solid 1px;
    padding: 2px 8px;
    margin:0 10px 0 0;
    float: left;
}
.code_img {
    padding-top: 1px;
	float: left;
}
.required {
    color: #e02222;
    font-size: 12px;
    padding-left: 5px !important;
    padding-top: 3px;
}
.remarks_margin {
    margin: 5px 0 0 10px;
}
.remarks_margin_1 {
    margin: 10px 0 0 0;
	float:left;
}
.btn.green-meadow:not(.btn-outline) {
    color: #FFF;
    background-color: #1BBC9B;
    border-color: #1BBC9B;
}
.btn.red-mint:not(.btn-outline) {
    color: #fff;
    background-color: #e43a45;
    border-color: #e43a45;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #4eafc0 /*#3598dc*/;
    border-color: #4eafc0 /*#3598dc*/;
}
.btn.blue:hover{
	background-color: #3598dc;
    border-color: #3598dc;
}
.margin_bottom {
    margin-bottom: 8px;
}
.competence_table .mt-checkbox span, .competence_title .mt-checkbox span, .mt-checkbox span {
    margin-top: 4px;
}
.mt-checkbox span , .mt-radio span {
    background: #fff !important;
}
table tbody .mt-checkbox.mt-checkbox-outline>span{
	margin-top: -8px;
    margin-left: 3px;
}
input[type=checkbox], input[type=radio] {
    width: 20px;
    height: 20px;
    background: #fff !important;
    border: 1px solid #ccc;
	vertical-align: middle;
}
.form_radio ,.form_checkbox{
    margin:7px 5px 7px 0 !important
}
.radio_padding{
	padding-right:20px;
}
.form_checkbox_padding{
	margin-top:7px;
	float:left;
}
.form_checkbox_font{
	padding: 6px 5px 0 25px;
	/*float:left;*/
	line-height:150%;
}
.form_checkbox_font_0{
	padding: 3px 5px 0 0;
	float:left;
}
.form_checkbox_font_1{
	padding:5px 20px 0 0;
	float:left;
}
.interval_font{
	margin:10px 5px 0 5px ;
	float:left;
	clear:both;
}
.portlet.light {
    padding: 20px;
    background-color: #fff;
}
.table-scrollable>.table>tbody>tr>th, .table-scrollable>.table>tfoot>tr>td, .table-scrollable>.table>tfoot>tr>th, .table-scrollable>.table>thead>tr>th {
    white-space: nowrap;
    padding: 15px;
}
.radio_sm{
	background:#e8f9ff;
	padding-left:10px;
}
.radio_sm input[type=radio] {
    width: 15px;
    height: 15px;
    background: #fff !important;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.input_right_0{
	margin-right: 10px;
	margin-top: -5px;
}
.input_right_0 input{
	margin: 5px 3px 5px 0;
}


/*5.企業結盟*/
.alliance_list{
	width:100%;
	float:left;
	margin-bottom:20px;
}
.alliance_item{
	padding:2%;
}
.alliance_img{
	box-shadow:4px 4px 4px rgba(20%,20%,20%,0.3);
	border-radius: 5px;
}
.alliance_title{
	text-align:center;
	padding:5px 0;
	line-height:150%;
}
.alliance_contact{
	list-style:none;
}
.alliance_contact li{
	display:block;
}
.alliance_contact .fa-stack-1x{
	/*margin-top:-2px;*/
}
.fa-xs{
	font-size:0.8em;
}
.alliance_contact_title{
	color:#145f7b;
	font-weight:bold;
}


/*==================================圖片滑入效果=====================================*/

/***Hover效果1: 放大淡出***/
.imh_opacity{
	background:#000;
	overflow:hidden;}

.imh_opacity img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_opacity:hover img{
	opacity:0.8;
	transform:scale(1.05);}
	
/***Hover效果1: 放大淡出zoom***/
.imh_zoom{
	background:#000;
	overflow:hidden;
	position:relative;}

.imh_zoom img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_zoom:before{
	display:block;
	font-family: "FontAwesome";
	content:"\f002";
	font-size:30px;
	color:#fff;
	background:#367fb4;
	width:60px;
	height:60px;
	line-height:55px;
	text-align:center;
	border-radius:100%;
	border: dashed #fff 2px;
	
	position:absolute;
	left:50%;
	top:-30px;
	margin-top:-30px;
	margin-left:-20px;
	z-index:99;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.imh_zoom:hover:before{
	top:50%;}

.imh_zoom:hover img{
	opacity:0.3;
	transform:scale(1.05);}


/*7.教育訓練課程*/
.training_search{
	float:left;
	width:200px;
	vertical-align:middle;
	margin: 3px 10px 0 0;
}
.training_title{
	font-size: 16px;
    line-height: 150%;
    font-weight: bold;
    color: #fff;
    padding: 8px 0 6px 15px;
    background: #666;
    margin: 25px 0 5px 0;
	float: left;
    width: 100%;
}
.training_title i{
	padding-right:7px;
}
/*.training_title:before {
    content: ' ';
    border-left: 5px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
}*/
.training_item{
	border-bottom:dashed 1px #ddd;
	width: 100%;
    float: left;
	overflow:hidden;
	display: table-row;
}
.training_item_title{
	color:#000;
	font-weight:bold;
	padding:5px 12px;
	/*float:left;*/
	background:#efefef;
	width:120px;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	border-right:solid 10px #fff;
	vertical-align:top;
	display:table-cell;
}
.training_item_title i , .training_note i ,.training_note_item i{
	margin-right:3px;
	color:#f90 /*#3598dc*/;
}
.training_item_con{
	padding:9px 0;
	/*float:left;
	width: 85%;*/  
	display:table-cell;
}
.training_item_con ul{
	list-style:none;
	/*margin-left:-40px;*/
}
.training_item_con ul li{
	float:left;
	/*padding-right:40px;*/
	width:100%;
}
.training_item_con ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 12px;
    padding-right: 0.5em;
    position: relative;
    left: 0;
}
.training_note{
	background:#f6f6f6;
	padding:12px 20px;
	float: left;
    width: 100%;
	margin:10px 0 20px 0;
}
.training_note_item{
	/*display:inline-block;*/
	float:left;
	padding:2px 40px 2px 0;
}
.training_note .training_note_item:nth-child(6n) {
    clear: both;
}
.training_note .training_note_item:last-child {
    padding:5px 0;
}
.training_person{
	padding-top:5px;
}
.period_font{
	color:#3598dc;
	font-weight:bold;
}
.meals label{
	padding-right:20px;
}
.input_other{
	width:80px;
	display:inline-block;
	/*margin-left:-20px;*/
}
.training_management>tbody>tr:nth-child(odd){
	background: #fefaec;
}
.training_management>tbody>tr:nth-child(even){
	border-bottom: double #ddd 5px; 
	/*background: linear-gradient(#fefaec, #fff);*/
}
.training_management>tbody>tr:last-child{
	border-bottom: none; 
}
.training_person_list th{
	background:#bbb;
	color:#fff;
}
.training_person_list{
	border-top:1px solid #e7ecf1;
	border-left:1px solid #e7ecf1;
}
.training_person_list td, .training_person_list th{
	border-right:1px solid #e7ecf1;
	border-bottom:1px solid #e7ecf1;
	padding: 8px;
	text-align:center;
}
.training_right{
	text-align:right;
	margin-bottom:5px;
}
.training_right img{
	width:27px;
}
.training_note_list{
	border-bottom: dotted 1px #ccc;
	border-top: dotted 1px #ccc;
	padding:5px;
	margin:5px 0 10px 0;
	float:left;
	width:100%;
}


/*13.業務及問卷調查*/
.ques_title{
	color:#337ab7;
	font-weight:bold;
	margin-bottom:5px;
}
#trShowDate .mt-radio{
	padding-right:20px;
}
.que_item{
	list-style-type:none;
	/*margin-left:-40px;*/
}
.que_item li{
	border-bottom:solid #ccc 1px;
	float:left;
	width:100%;
	padding:10px 0;
}
.que_item li:first-child{
	padding:0 0 10px 0;
}
.que_item li:last-child{
	border-bottom:none;
}
.ques_btn{
	margin-top:5px;
}
.ques_total td{
	background:#efefef;
	border-top: double #666;
}
.analysis_table{
	border:solid #ccc 1px;
	margin:10px;
	width:90%;
}
.analysis_table tr th,.analysis_table tr td{
	padding:2px 5px;
}
.table_color_2 th{
	background:#999 !important;
	color:#fff !important;
}


/*表單checkbox radio*/
.mt-checkbox, .mt-radio {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-top: 5px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.mt-checkbox.mt-checkbox-disabled, .mt-checkbox.mt-radio-disabled, .mt-radio.mt-checkbox-disabled, .mt-radio.mt-radio-disabled {
    opacity: .6;
    filter: alpha(opacity=60);
}
.mt-checkbox>input, .mt-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.mt-checkbox>span, .mt-radio>span {
    border: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background: #E6E6E6;
	margin-top:3px;
}
.mt-checkbox>span:after, .mt-radio>span:after {
    content: '';
    position: absolute;
    display: none;
}
.input-icon>i, .mt-checkbox-list .mt-checkbox, .mt-checkbox-list .mt-radio, .mt-checkbox>input:checked~span:after, .mt-radio-list .mt-checkbox, .mt-radio-list .mt-radio, .mt-radio>input:checked~span:after {
    display: block;
}
.mt-checkbox:hover>input:not([disabled])~span, .mt-checkbox>input:focus~span, .mt-radio:hover>input:not([disabled])~span, .mt-radio>input:focus~span {
    background: #d9d9d9;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.mt-checkbox:hover>input:not([disabled]):checked~span, .mt-checkbox>input:checked~span, .mt-radio:hover>input:not([disabled]):checked~span, .mt-radio>input:checked~span {
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #d9d9d9;
}
.icon-btn, .icon-btn:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.mt-checkbox>input:disabled~span, .mt-radio>input:disabled~span {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none;
}
/*.icon-btn, .ie8 .icon-btn:hover {
    filter: none;
}*/
.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-checkbox-outline>input:checked~span, .mt-checkbox.mt-checkbox-outline>input:focus~span, .mt-checkbox.mt-checkbox-outline>span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-radio-outline>input:checked~span, .mt-checkbox.mt-radio-outline>input:focus~span, .mt-checkbox.mt-radio-outline>span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-radio.mt-checkbox-outline>input:checked~span, .mt-radio.mt-checkbox-outline>input:focus~span, .mt-radio.mt-checkbox-outline>span, .mt-radio.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-radio-outline:hover>input:not([disabled])~span, .mt-radio.mt-radio-outline>input:checked~span, .mt-radio.mt-radio-outline>input:focus~span, .mt-radio.mt-radio-outline>span {
    border: 1px solid #ccc;
    background: 0 0;
}
.mt-radio>span, .timeline .timeline-badge-userpic img {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
}
.mt-radio>span {
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important;
}
.mt-radio>span:after {
    left: 6px;
    top: 6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #666;
}
.mt-radio>input:disabled~span:after {
    background: #666;
}
.mt-checkbox>span:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mt-checkbox>input:disabled~span:after {
    border-color: #666;
}
/*.form-inline .mt-checkbox {
    margin-left: 15px;
    margin-right: 15px;
}*/
.mt-checkbox-list, .mt-radio-list {
    padding: 10px 0;
}


/*15.相關連結*/
.website_img {
    box-shadow: 0 0 4px 4px rgba(20%,20%,20%,0.1);
    border-radius: 5px;
	border: solid #ccc 1px;
}
.website_img img{
	width:100%;
}


/*16.網站導覽*/
.sitemap_list{
	list-style:none;
	float:left;
	width:100%;
	display:table;
	margin-bottom: 25px;
}
.sitemap_list .sitemap_item{
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	vertical-align: middle !important;
    padding: 10px 10px 10px 20px;
	width: 100%;
	float:left;
	display:table-row;
}
.sitemap_list .sitemap_item:last-child{
	border-bottom: solid 1px #ddd;
}
.sitemap_list_1{
	list-style:none;
	float:left;
	width:100%;
	display:table;
	margin-top:5px;
}
.sitemap_list_1 li{
	vertical-align: middle !important;
	width: 100%;
	float:left;
	display:table-row;
}
.sitemap_item {
    float: left;
}
.sitemap_item_1{
	padding:5px 10px 3px 23px !important;
	float:left;	
}
.sitemap_no{
	display:table-cell;
}
.sitemap_font{
	padding-left:10px;
	display:table-cell;
}


/*進階搜尋*/
.adv_search_padding{
	padding: 5% 10% 2% 10%;
	float: left;
    width: 100%;
}
.adv_search_con{
	border-left:solid #fff 5px;
	border-right:solid #fff 5px;
	box-shadow:0px 0px 5px 5px  rgba(20%,20%,20%,0.1);
	float:left;
	width:100%;
}
.adv_search_item{
	border-bottom:dashed 1px #ddd;
	width: 100%;
    float: left;
	overflow:hidden;
	display: table-row;
}
.search_item_title{
	color:#000;
	font-weight:bold;
	padding:8px 12px;
	/*float:left;*/
	background:#efefef;
	width:120px;
	border-top:solid 5px #fff;
	border-bottom:solid 5px #fff;
	border-right:solid 10px #fff;
	vertical-align:top;
	display:table-cell;
}
.search_item_con{
	padding:9px 0;
	/*float:left;
	width: 85%;*/  
	display:table-cell;
}
.adv_search_con .adv_search_item:last-child{
	border-bottom:none;
}
.search_result{
	list-style:none;
	/*-webkit-padding-start: 0px;*/
	/*margin-left:-20px;*/
}
.search_result li{
	padding:10px;
	border-bottom:dashed 1px #ddd;
}


/*RSS訂閱*/
.rss_list{
	list-style:none;
	/*-webkit-padding-start: 0px;
	margin-left:-20px;*/
	float:left;
	width:100%;
}
.rss_list li{
	background:#efefef;
	padding:8px 10px;
	margin:3px 0;
	border-right:solid #fff 5px;
	width:50%;
	float:left;
	display:table;
}
.rss_list li:nth-child(2n+1){
	clear:both;
}
.rss_item{
	display:table-row;
}
.rss_title{
	margin: 2px 0 0 0;
	float:left;
	display:table-cell;
	width: 70%;
	line-height: 150%;
}
.rss_right{
	display:table-cell;
	vertical-align:top;
	float:right;
}
.rss_list_btn{
	padding:1px 10px;
	background: #666;
	color:#fff;
	font-size:0.9em;
	border:none;
	letter-spacing:1px;
	border-radius:5px;
	float:right;
	margin: 0 0 0 0;
}



/*--------------------------------------for 電腦、平版、手機------------------------------------------------*/
/* 大螢幕 */
@media (min-width: 1200px) {
.container {
    width: 1200px;
    padding: 0px;
}
.col-md-13{
	float:left;
	width:21%;
}
.col-md-14{
	float:left;
	width:79%;
}
}

 
/* 平板電腦、橫向手機和一般桌機解析度 */
@media (min-width: 992px) and (max-width: 1199px) {
.container {
    width: 100%;
	padding: 0 10px;
}
.header-container{
	background:#fff;
}
.header-nav-main{
	margin:0 -15px;
}
.col-md-13{
	float:left;
	width:21%;
}
.col-md-14{
	float:left;
	width:79%;
}


/*首頁-溫度*/
.weather_temperature{
	padding:30px 0 0 80px;
}
.temperature_icon{
	font-size:50px;
}
.temperature_value{
	font-size:28px;
	padding: 10px 15px 10px 15px;
}
.value_big{
	font-size:44px;
}
.temperature_font{
	font-size:16px;
    padding: 0 0 0 45px;
	clear:both;
	margin-top: -5px;
}
.weather_air {
    padding: 0px 20px;
    float: left;
    width: 100%;
}
.air_bg{
	font-size:16px;
}


/*index link*/
.link_box_con {
    padding: 15px 40px;
}
}
 
 
/* 橫向智慧手機到竪立平板電腦解析度 */
@media (max-width: 991px) {
.container {
    width: 100%;
	padding:0 10px;
}
#header .header-logo {
    margin-left: 20px;
}
.header-logo img{
	width:125px;
	height:50px;
	padding-top:5px;
}
.top_link a {
    padding: 0 5px;
}


/*手機版menu*/
.header-nav-main{
	margin:0 -15px;
	background:#fdeabd /*#fff2d2*/ !important;
	padding:0 15px;
}	
.dropdown-menu li {
	border:none !important;
}
.dropdown-menu>li>a {
	padding: 10px 10px 8px 28px !important;
}
.dropdown-menu>li:first-child{
	padding-top:5px !important;
}
.dropdown-menu>li:last-child{
	padding-bottom:7px !important;
}


/*search*/
.search_box{
	background:rgba(255,255,255,0.8);
	width:100%;
	border-radius:5px;
	margin:8px 0 !important;
	float:left;
	height:32px;
}
.search_input {
    border: none;
    float: left;
    vertical-align: middle;
	background-color:transparent;
	font-size:1em;
	width:85%;
	padding: 5px 0 5px 10px;
}
.search_icon{
	background:#4eafc0;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	border:none;
	padding:4px 10px 4px 10px;
	font-size:1.2em;
	float:right;
	border-radius:0 5px 5px 0;
	height:32px;
	margin-top: 0px;
}
#header .header-btn-collapse-nav-search {
    background: #fff /*#CCC*/;
    color: #4eafc0;
    float: right;
    margin: 5px 0;
	font-size:20px;
}
.header-nav-search{
	margin: 0 -15px;
    background: #ddd;
    padding: 0 15px;	
}


/*index_banner*/
.defaultimg div {
	top: 96px;	
}


/*首頁-溫度*/
.weather_temperature{
	/*padding:15px 0 0 60px;*/
	padding: 6% 0 0 30%;
}
.temperature_icon{
	font-size:30px;
}
.temperature_value{
	font-size:16px;
	padding: 0px 15px 0px 15px;
}
.value_big{
	font-size:28px;
}
.temperature_font{
	font-size:15px;
    padding: 0 0 2% 30px;
	clear: both;
	margin-top:-1%;
}
.weather_air {
    padding: 0 5%;
    float: left;
    width: 100%;
}
.air_bg {
    font-size: 13px;
	padding: 0 10px;
}

/*index_box_02*/
.index_news_item{
	width: 100%;
	overflow: hidden;
	white-space: inherit;
	text-overflow: ellipsis;
}


/*index link*/
.link_box_con {
    padding: 15px 40px 10px 40px;
}
.link_img img{
	display:inline-block;
	width:22%;
	margin:1% ;
}
.link_img a:nth-child(5) {
	display:none;
}


/*copyright*/
.copyright_box{
	padding:30px 15px 120px 15px;
	font-size:0.9em;
	background-size: 160%;
}


/*4.新進人員-流程圖*/
.mt-element-step .step-background-thin .mt-step-title {
	padding-right: 38px;
}

/*4.新進人員form*/
.search_item {
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

}


 /* 橫向智慧手機解析度 */
@media (max-width: 768px) { 
h2 {
    font-size: 1.3em;
}
.container {
	padding:0 10px;
}
select {
	margin-bottom:8px;
}


/*search*/
.search_box{
	background:rgba(255,255,255,0.8);
	width:100%;
	border-radius:5px;
	margin:8px 0 !important;
	float:left;
	height:32px;
}
.search_input {
    border: none;
    float: left;
    vertical-align: middle;
	background-color:transparent;
	font-size:1em;
	width:85%;
	padding: 5px 0 5px 10px;
}
.search_icon{
	background:#4eafc0;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	border:none;
	padding:4px 10px 4px 10px;
	font-size:1.2em;
	float:right;
	border-radius:0 5px 5px 0;
	height:32px;
	margin-top: 0px;
}
#header .header-btn-collapse-nav-search {
    background: #fff /*#CCC*/;
    color: #4eafc0;
    float: right;
    margin: 5px 0;
	font-size:20px;
}
.header-nav-search{
	margin: 0 -15px;
    background: #ddd;
    padding: 0 15px;	
}


/*index_banner*/
.defaultimg div {
	top: 86px;	
}


/*index_box_01*/
.index_box_01 .link_icon{
	padding:9px;
}


/*首頁-溫度*/
.index_box_01 .index_weather {
    padding-bottom: 57em;
}
.weather_temperature{
	padding:20px 0 0 12%;
}
.temperature_icon{
	font-size:50px;
}
.temperature_value{
	font-size:22px;
	padding: 10px 15px 10px 15px;
}
.value_big{
	font-size:36px;
}
.temperature_font{
	font-size:18px;
    padding: 0 0 0 45px;
}
.weather_air {
    padding: 0 5% 0 50%;
    float: left;
    width: 100%;
	margin-top:-60px;
}
.air_bg {
    font-size: 18px;
	padding: 5%;
}


/*index_box_02*/
.news_box_padding{
	padding:0 9px 18px 9px !important;
}
.news_box_01{
	margin-top:18px;
}
.news_box_02{
	border-top:solid 18px #f5fdfe;
}


/*index_box_03*/
.index_box_03 .link_icon{
	padding:0 9px;
}
.news_box_03{
	margin-top: 18px;
}
.news_box_04{
	border-top:solid 18px #fdffff;
}


/*index_box_04*/
.link_box{
	margin-top: 18px;
}
.link_img img{
	display:inline-block;
	width:30%;
	margin:1% ;
}
.link_img a:nth-child(5) ,.link_img a:nth-child(4) {
	display:none;
}
.owl-theme .owl-nav {
    margin-top: -90px;
}


/*copyright*/
.copyright_box{
	background-size: 180%;
	padding:30px 15px 90px 15px;
}


/*right content*/
.right_content {
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 10px;
}
.content_con {
    float: left;
    padding: 10px 5px 30px 5px;
}
.page_top_left, .page_top_right {
    padding-bottom: 10px;
	font-size:0.9em;
}
.main_title{
	padding:10px;
}


/*公告資訊*/
.page_icon{
	text-align:center;
}


/*流程圖*/
.mt-element-step .step-background-thin .mt-step-number {
	left:10px;
	text-align: left;
	bottom: -5px;	
}
.mt-element-step .step-background-thin .mt-step-title {
    text-align: left;
    padding-left: 60px;
	border-right: none;
}
.applicant .training_item{
	width:100%;
}
.training_item_title{
	width:120px;
	border-right:solid 10px #fff;
}


/*7.教育訓練*/
.news_list_title {
	font-size:1.2em;
	margin-bottom:5px;
	line-height:150%;
}
.training_item_title{
	width:100%;
	display: flow-root;
    border-right:none;
}
.training_item_con {
    padding: 0 12px 10px 12px;
	width: 100%;
    float: left;
}


/*進階搜尋*/
.search_item_title{
	width:100%;
	display: flow-root;
    border-right:none;
}
.adv_search_padding{
	padding: 5% 3%;
}
.search_item_con {
    padding: 0 5px 5px 5px;
    display: flow-root;
	width:100%;
}


/*RSS訂閱*/
.rss_list li{
	border-right:none;
	width:100%;
}
}
 
 
/* 橫向智慧手機及其他更小解析度 */
@media (max-width: 480px) { 
.title_02{
	font-size:1.2em;
}
.btn_01{
	padding:3px 20px;
}
.container {
	padding:0 3%;
}
#tophome {
    padding: 2px 0;
}
.top_link a {
    color: #fff;
    font-size: 0.9em;
}
.top_link ul li:after ,.copyright_menu ul li:after{
	padding:0 0 0 3px;
}


/*首頁-溫度*/
.index_box_01 .index_weather {
    padding-bottom: 58em;
}
.weather_temperature{
	padding:7% 0 0 30%;
}
.temperature_icon{
	font-size:50px;
}
.temperature_value{
	font-size:22px;
	padding: 10px 15px 10px 15px;
}
.value_big{
	font-size:36px;
}
.temperature_font{
	font-size:15px;
    padding: 0 0 0 45px;
	margin: -10px 0 5px 0;
}
.weather_air {
    padding: 0 5%;
    float: left;
    width: 100%;
	margin-top:0px;
}
.air_bg {
    font-size: 15px;
	padding: 3px 10px;
}


/*index_box_04*/
.link_img img{
	display:inline-block;
	width:100%
}
.link_img a:nth-child(5) ,.link_img a:nth-child(4) ,.link_img a:nth-child(3) ,.link_img a:nth-child(2) {
	display:none;
}


/*copyright*/
.copyright_box{
	font-size:0.8em;
	padding:20px 10px 50px 10px;	
}


/*page content*/
.page_content .container {
    margin-top: -80px;
}


/*7.教育訓練*/
.training_apply_date{
	padding:0 0 0 23px;
	float:left;
}


/*13.業務及問卷調查*/
.input-large , .input-medium , .input-small{
    width: 100%!important;
}
}


/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.index_box_01 .index_weather{
	background: #c0894e;
}
/*#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    background: #f2ac04;
}*/
}

/*for企業結盟列表 、教育訓練課程報名*/
@media (min-width: 991px){ 
.alliance_list .alliance_item:nth-child(4n) {
    clear: both;
}
.applicant .training_item {
    width: 50%;
}
}

@media (min-width: 480px) and (max-width: 991px) {
.alliance_list .alliance_item:nth-child(3n) {
    clear: both;
}	
}


/*----------------------------------------2017.12.25新增---------------------------------------*/
.rss_right a{
	color:#fff;
}
.rss_right a:hover{
	background:#f2ac04;
}


/*----------------------------------------2018.1.3新增---------------------------------------*/
.copyright_box p{
	color:#fff;
}

/*表單管理*/
.table-row {
    display: table-row;
}
.submit_btn{
	width:100%;
	float:left;
	text-align:center;
}
.form_con{
	margin:0 auto;
	max-width:600px;
	padding:40px 0 0 0;
	width:100%;
}
.form_box{
	border: solid #f5f5f5 10px;
	padding:10px;
	background:#fff;
	display: table;
}
.form_box .table-row{
	border-bottom:#ccc dotted 1px;
}
.form_q{
	display:table-cell;
	width:25%;
	padding:10px 8px;
	text-align:right;
	/*border-bottom: #ccc dotted 1px;*/
	border-right: #ccc dotted 1px;
	font-weight:bold;
	color:#000;
	vertical-align: top;
}
.form_a{
	display:table-cell;
	width:75%;
	padding:8px;
	margin:8px;
	/*border-bottom: #ccc dotted 1px;*/
	line-height:170%;
}
.form_a .mt-radio,.form_a .mt-checkbox{
	margin:5px 25px 5px 5px;	
}
.form_box .table-row:nth-child(even){
	background:#f5f5f5;
}
.form-control{
	box-shadow:none;
}
.required{
	color:red;
	font-size:0.9em;
	line-height:140%;
	padding:3px 0;
}
.form_a i{
	padding:0 5px 0 10px;
}
.form_a label{
	font-weight:500;
}
.verification_code{
	margin:3px 0 3px 10px;
	display:inline-block;
}

/*print*/
.con_box{
	padding: 2%;
    margin: 2%;
    border: solid 1px #ccc;
    float: left;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
}
.con_banner img{
	border-radius:10px;
	box-shadow: 0px 0px 6px 2px rgba(20%,20%,20%,0.1);
	border: solid 1px #fff;
}
.con_box .page_title{
	text-align: center;
    font-size: 24px;
    color: #673c08;
    font-weight: bold;
    padding: 20px 0 20px 0;
}
.con_box .page_title_item{
	text-align:left;
}
.con_box .form_con {
    padding: 10px 0 0 0;
}
.con_footer{
	font-size:12px;
	padding: 0 20px 20px 20px;
	line-height:150%;
}
.con_float{
	float:left;
	width:100%;
}
.remark{
	font-size:12px;
	color:#666;
	line-height:150%;
}