@charset "UTF-8";
/* 全體通用 */
html body { margin:0; padding:0;}
body { font-family:  sans-serif, Helvetica, Arial, "微軟正黑體" !important;}
.row.no-gutter {  margin-left: 0;  margin-right: 0;}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0;  padding-left: 0;}
.nopadding {   padding: 0 !important;   margin: 0 !important;}

.line_solid { border-bottom: 1px dashed #CCC; padding-bottom:0px; margin-bottom:30px;}

.bottom10 { margin-bottom: 10px;}
.bottom20 { margin-bottom: 20px;}
.bottom30 { margin-bottom: 30px;}

.top5 { margin-top: 5px;}
.top10 { margin-top: 10px;}
.top15 { margin-top: 15px;}
.top20 { margin-top: 20px;}
.top30 { margin-top: 30px;}
.top50 { margin-top: 50px;}
.top70 { margin-top: 70px;}
.top100 { margin-top: 100px;}

.left5 { margin-left: 5px;}
.left10 { margin-left: 10px;}
.left15 { margin-left: 15px;}
.left20 { margin-left: 20px;}
.right5 { margin-right: 5px;}
.right10 { margin-right:10px;}
.right20 { margin-right:20px;}

.img-center { margin: 0 auto;}
.img-right { margin-left: auto;}


@media screen and (min-width: 992px) {
.pc_menu {	display:block;}
.mobile_menu {	display:none; }
}

@media screen and (max-width: 991px) {
.pc_menu {	display:none;}
.mobile_menu {	display:block; }
}

@media screen and (min-width: 768px) {
.report_01 { background-image:url(../images/banner_index_05.jpg); background-size:cover; padding-bottom:30px;}
}
@media screen and (max-width: 767px) {
.report_01 { background-image:url(../images/banner_index_05m.jpg); background-size:cover; padding-bottom:30px;}
}


@media screen and (min-width: 768px) {
.talent { background-image:url(../images/banner_index_07.jpg); background-size:cover; padding-bottom:30px;}
}
@media screen and (max-width: 767px) {
.talent { background-image:url(../images/banner_index_07m.jpg); background-size:cover; padding-bottom:30px;}
}

#menu_dropdown{	
	display:none;
	position:absolute;
	background-color:#F1F1F1;
	width:100%;
	z-index:9999;
	top:60px;}
	
#menu_dropdown ul li{
	list-style:none; margin-left:-40px; padding: 10px 20px;}

.menu_list { height:30px; margin-top:10px; }
.menu_list ul { }
.menu_list ul li  { padding:5px 0; }
.menu_list ul li a { position:relative;}
.menu_list ul li:hover { }


/* 首頁 */
.blue_menu { padding:0px 0; background-color:#FFF;}

.box_shadow { box-shadow: 0px 5px 10px #cccccc; border-radius:10px; padding-bottom:15px; background-image: linear-gradient(-20deg, #cce4fd 0%, #fcd6a4 100%); }
.box_gray { box-shadow: 0px 2px 5px #cccccc; border-radius:10px; padding:20px 20px; background-color:#F3F3F3; min-height:100px; }
.box_white { box-shadow: 0px 2px 5px #cccccc; border-radius:10px; padding:15px 15px; background-color:#FFF; }

.button_more { background-color:#1756ab; border-radius:15px !important; color:#FFF; padding:3px 8px !important; font-size:11px !important;}
.button_more:hover { color:#FFF !important;  }

.button_01 { background-color:#1756ab; border-radius:30px !important; color:#FFF; padding:8px 10px !important;  font-size:16px !important;  font-weight: bolder!important;}
.button_01:hover { color:#FFF !important;  }

.button_02 { background-color:#f15626; border-radius:30px !important; color:#FFF; padding:8px 10px !important;  font-size:16px !important;  font-weight: bolder!important;}
.button_02:hover { color:#FFF !important;  }

.footer { background-color:#0A2F8C; color:#fff; margin-top:30px;}

.footer_content { font-size: 16px; color:#FFF; line-height:1.6em;}

.footer_content_02 { font-size: 16px; color:#000; line-height:1.6em;}

.footer_title { font-size: 17px; color:#FFF; font-weight:700; margin-bottom:10px;}

.footer_link_part { width:210px; height:162px; border-left:#FFF 1px solid; float:left; padding-left:1.25rem; padding-right:1.25rem;}

.footer_leftline { border-left: 5px solid #bbb; padding-left: 25px;}



.img_radius { border-radius: 15px 0 15px 0; box-shadow:5px 6px 12px -1px rgba(20%,20%,40%,0.5);}

/* end */


/* 文字設定 */
.content_01 { font-size: 17px; color:#000; line-height:1.6em; letter-spacing:0.5px;}
.content_02 { font-size: 15px; color:#000; line-height:1.4em; letter-spacing:1px;}
.content_03 { font-size: 17px; color:#0f253d; line-height:1.6em; font-weight:bolder;}

.large_title_01 { font-size:34px; color:#162b7e; font-weight: bolder;}

.title_02 { font-size:26px; color:#1756ab; line-height:1.6em; font-weight: bolder;}
.title_03 { font-size:17px; color:#1756ab; line-height:1.6em; font-weight: bolder;}

.footer_content { font-size:14px; color:#fff; line-height:1.4em; }

a.blue_menu_link:link {		font-size: 18px;	color: #1756ab;	text-decoration: none; font-weight: bolder; }
a.blue_menu_link:visited {	font-size: 18px;	color: #1756ab;	text-decoration: none; font-weight: bolder; }
a.blue_menu_link:hover {	font-size: 18px;	color: #3eaae1;	text-decoration: none; font-weight: bolder; }
a.blue_menu_link:active {	font-size: 18px;	color: #3eaae1;	text-decoration: none; font-weight: bolder; }

a.list_link_01:link {		  font-size: 17px; color: #1756ab; line-height:1.4em; font-weight: bolder; text-decoration: none; }
a.list_link_01:visited {	font-size: 17px; color: #1756ab; line-height:1.4em; font-weight: bolder; text-decoration: none; }
a.list_link_01:hover {		font-size: 17px; color: #1756ab; line-height:1.4em; font-weight: bolder; text-decoration: underline; }
a.list_link_01:active {		font-size: 17px; color: #1756ab; line-height:1.4em; font-weight: bolder; text-decoration: underline; }

a.list_link_02:link {		  font-size: 16px; color: #1756ab; line-height:1.4em; text-decoration: none; }
a.list_link_02:visited {	font-size: 16px; color: #1756ab; line-height:1.4em; text-decoration: none; }
a.list_link_02:hover {		font-size: 16px; color: #1756ab; line-height:1.4em; text-decoration: underline; }
a.list_link_02:active {		font-size: 16px; color: #1756ab; line-height:1.4em; text-decoration: underline; }

a.footer_link:link {	  font-size:15px; color: #FFF;	text-decoration: none; }
a.footer_link:visited {	font-size:15px; color: #FFF;	text-decoration: none; }
a.footer_link:hover {	  font-size:15px; color: #FFF;	text-decoration: none; }
a.footer_link:active {	font-size:15px; color: #FFF;	text-decoration: none; }












a.menu_link:link {		font-size: 16px;	color: #777;	text-decoration: none; }
a.menu_link:visited {	font-size: 16px;	color: #777;	text-decoration: none; }
a.menu_link:hover {		font-size: 16px;	color: #000;	text-decoration: none; }
a.menu_link:active {	font-size: 16px;	color: #000;	text-decoration: none; }

a.menu_link_mobile:link {	font-size: 18px;	color:#1fb5da;	text-decoration: none; }
a.menu_link_mobile:visited {font-size: 18px;	color:#1fb5da;	text-decoration: none; }
a.menu_link_mobile:hover {	font-size: 18px;	color:#1fb5da;	text-decoration: none; }
a.menu_link_mobile:active {	font-size: 18px;	color:#1fb5da;	text-decoration: none; }





@media screen and (min-width: 1200px) {
	.truncate {
	  width: 520px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.truncate_list {
	  display: block; /* Fallback for non-webkit */
	  display: -webkit-box;
	  max-width: 520px;
	  height: 60px; /* Fallback for non-webkit */
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;	  
	}
	.truncate_hot {
	  width: 720px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	div.center-cropped1 {
	width: 100%; /* or whatever is required */
	height:270px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	}
	div.center-cropped2 {
	width: 100%; /* or whatever is required */
	height:180px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	justify-content: center;
	}
	
	.news_marquee{
	  width: 810px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  color:#fff;
	}
}
@media screen and (max-width: 1199px) {
	.truncate {
	  width: 420px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.truncate_list {
	  display: block; /* Fallback for non-webkit */
	  display: -webkit-box;
	  max-width: 420px;
	  height: 60px; /* Fallback for non-webkit */
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;	 
	}
	.truncate_hot {
	  width: 620px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	div.center-cropped1 {
	width: 100%; /* or whatever is required */
	height:220px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	}
	div.center-cropped2 {
	width: 100%; /* or whatever is required */
	height:150px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	justify-content: center;
	}
	.news_marquee{
	  width: 720px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  color:#fff;
	}
}
@media screen and (max-width: 992px) {
	.truncate {
	  width: 320px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.truncate_list {
	  display: block; /* Fallback for non-webkit */
	  display: -webkit-box;
	  max-width: 320px;
	  height: 60px; /* Fallback for non-webkit */
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;	 
	}
	.truncate_hot {
	  width: 500px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	div.center-cropped1 {
	width: 100%; /* or whatever is required */
	height:167px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	}
	div.center-cropped2 {
	width: 100%; /* or whatever is required */
	height:100px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	justify-content: center;
	}
	.news_marquee{
	  width: 510px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  color:#fff;
	}
}
@media screen and (max-width: 767px) {
	.truncate {
	  width: 600px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.truncate_list {
	  display: block; /* Fallback for non-webkit */
	  display: -webkit-box;
	  max-width: 600px;
	  height: 60px; /* Fallback for non-webkit */
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;	 
	}
	.truncate_hot {
	  width: 400px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	div.center-cropped1 {
	width: 100%; /* or whatever is required */
	height:360px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	}
	div.center-cropped2 {
	width: 100%; /* or whatever is required */
	height:150px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	justify-content: center;
	}
	.news_marquee{
	  width: 510px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  color:#fff;
	}
}
@media screen and (max-width: 640px) {
	.truncate {
	  width: 500px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.truncate_list {
	  display: block; /* Fallback for non-webkit */
	  display: -webkit-box;
	  max-width: 500px;
	  height: 60px; /* Fallback for non-webkit */
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;	 
	}
	.truncate_hot {
	  width: 300px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	div.center-cropped2 {
	width: 100%; /* or whatever is required */
	height:120px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	justify-content: center;
	}
	.news_marquee{
	  width: 410px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  color:#fff;
	}
}
@media screen and (max-width: 560px) {
	.truncate {
	  width: 400px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.truncate_list {
	  display: block; /* Fallback for non-webkit */
	  display: -webkit-box;
	  max-width: 400px;
	  height: 60px; /* Fallback for non-webkit */
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;	 
	}
	.truncate_hot {
	  width: 230px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	div.center-cropped2 {
	width: 100%; /* or whatever is required */
	height:100px;
    text-align: center; /* ensures the image is always in the h-middle */
    overflow: hidden; /* hide the cropped portion */
	background-color:#ccc;
	display: flex;
	/*Uncomment below to center horizontally*/
	/*justify-content: center;*/
	align-items: center;
	justify-content: center;
	}
	.news_marquee{
	  width: 300px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  color:#fff;
	}
}
@media screen and (max-width: 460px) {
	.truncate {
	  width: 300px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.truncate_list {
	  display: block; /* Fallback for non-webkit */
	  display: -webkit-box;
	  max-width: 300px;
	  height: 60px; /* Fallback for non-webkit */
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;	 
	}
	.truncate_hot {
	  width: 150px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.news_marquee{
	  width: 250px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  color:#fff;
	}
}

/*page number*/
.page_prev{
	padding:6px 12px;border:1px solid #ccc;background:#fff;color:#23527c;border-top-left-radius: 4px;border-bottom-left-radius: 4px;
}
.page_prev:hover{
	background:#eee;
}
.page_num{
	margin-left:-1px;padding:6px 12px;border:1px solid #ccc;background:#fff;color:#23527c;;
}
.page_num:hover{
	background:#eee;
}
.page_num_active{
	padding:6px 12px;border:1px solid #337ab7;background:#337ab7;color:#fff;;
}
.page_next{
	margin-left:-1px;padding:6px 12px;border:1px solid #ccc;background:#fff;color:#23527c;border-top-right-radius: 4px;border-bottom-right-radius: 4px;
}
.page_next:hover{
	background:#eee;
}

div.center-cropped1 img {
    position: relative;
    left: 50%;
    transform: translate(-50%,0)
}

/* New */
.horizontal-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.horizontal-menu li {
	display: inline-block;
}

.horizontal-menu li a {
	display: block;
	padding: 10px;
	text-decoration: none;
}