@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* 首頁區塊 */
.IndexBlock { position:relative; }
@media screen and (max-width: 639px) {
.IndexBlock { padding:0 10px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.IndexBlock { padding:0 20px; }
}
@media screen and (min-width: 1280px) {
.IndexBlock { padding:0 40px; }
}
.IndexBlock > div { max-width:1440px; margin:0 auto; }
.IndexBlock > div::after { content:''; display:block; clear:both; }

.IndexGrid .index_grid_title { padding-bottom:10px; border-style:solid; border-width:0 0 4px 0; }
.IndexGrid .index_grid_title h2 { padding-left:60px; color:#333; line-height:48px; font-weight:normal; position:relative; }
	@media screen and (max-width: 639px) {
	.IndexGrid .index_grid_title h2 { font-size:1.5rem; }
	}
	@media screen and (min-width: 640px) {
	.IndexGrid .index_grid_title h2 { font-size:1.75rem; }
	}
.IndexGrid .index_grid_title h2::before { 
	content:''; display:block; position:absolute; top:50%; left:0; margin-top:-24px; width:48px; height:48px; 
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
.IndexGrid .index_grid_title h2::after { 
	content:''; display:block; position:absolute; top:50%; left:12px; margin-top:-12px; width:24px; height:24px; 
	background-image:url('../images/icon_title.png'); background-repeat:no-repeat; background-size:100%;
	}


/*----------------------------------------------------------------------*/
/* IndexSlider */
.IndexSlider { padding-top:40px; padding-bottom:15px; overflow:hidden; }
.IndexSlider > div { min-height:20px; position:relative; }

/* 開關 */
.index_slider_switch { 
	position:absolute; top:-20px; right:0; min-width:24px; height:40px; padding-left:24px; line-height:40px; font-size:0.875rem; color:#666; cursor:pointer;z-index:2; 
	}
	.index_slider_switch:hover { color:#2d6cab; }
.index_slider_switch::before { 
	content:''; display:block; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; 
	background:url('../images/icon_index_slider_switch.png') 0 0 no-repeat; background-size:200%;
	}
	.index_slider_switch:hover::before { background-position:right 0; }
.index_slider_switch span { display:none; }

.index_slider_switch.slideUp::before { background-position:0 100%; }
.index_slider_switch.slideUp:hover::before { background-position:right 100%; }
.index_slider_switch.slideUp span { display:block; }

/* index_slider_list */
.index_slider_list.swiper { 
	width:100%; padding-top:10px; padding-bottom:40px; 
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	}
.index_slider_switch.slideUp + .index_slider_list.swiper { position:absolute; opacity:0; }

.index_slider_list .swiper-slide { 
	width:750px; max-width:84vw; height:auto; overflow:hidden; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	}
.index_slider_list .swiper-slide::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0.3; 
	}
.index_slider_list .swiper-slide-active {
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
	.index_slider_list .swiper-slide-active::before { display:none; }

.index_slider_list .swiper-slide a { display:block; overflow:hidden; padding-bottom:50%; }
.index_slider_list .swiper-slide .cont { position:absolute; left:0; bottom:0; padding:0 10px 10px 10px; opacity:0; transform:translateX(40px); z-index:2; }
	.index_slider_list .swiper-slide-active .cont { 
		opacity:1; transform:translateX(0);
		-webkit-transition: all 1.2s ease;
		-moz-transition: all 1.2s ease;
		transition: all 1.2s ease;
		}
.index_slider_list .swiper-slide .cat { 
	position:absolute; left:10px; bottom:100%; padding:0 10px; background-color:#dc5512; color:#fff; font-size:0.875rem; line-height:2em; z-index:3; 
	}
.index_slider_list .swiper-slide .title { display:inline-block; }
.index_slider_list .swiper-slide .title .text { 
	color:#fff; position:relative; font-size:1.125rem;
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
	max-height:2em; -webkit-line-clamp:1;
	}
.index_slider_list .swiper-slide .desc .text { 
	color:#fff; position:relative;
	font-size:0.9375rem; line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
	max-height:4em; -webkit-line-clamp:2;
	}

.index_slider_list .swiper-slide .title, 
.index_slider_list .swiper-slide .desc { padding:6px 10px; margin-top:10px; position:relative; }
.index_slider_list .swiper-slide .title .bg-color, 
.index_slider_list .swiper-slide .desc .bg-color { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.6; }

.index_slider_list .swiper-slide .img { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
.index_slider_list .swiper-slide .img > div { 
	position:absolute; left:0; top:0; width:100%; height:100%; 
	background-position:center center; background-repeat:no-repeat; background-size:cover; 
	}
.index_slider_list .swiper-slide .img .portrait { display:none; }

@media screen and (max-width: 479px) and (orientation: portrait) {
.index_slider_list .swiper-slide a { padding-bottom:125%; }
.index_slider_list .swiper-slide .img .portrait { display:block; }
.index_slider_list .swiper-slide .img .landscape { display:none; }
}
@media screen and (max-width: 479px) {
.index_slider_list .swiper-slide .title { padding:0 10px; margin-top:5px; }
.index_slider_list .swiper-slide .desc { padding:0 10px; margin-top:0; }
}

@media screen and (max-width: 479px) {
.index_slider_list .swiper-slide .cont { max-width:100%; }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.index_slider_list .swiper-slide .cont { max-width:80%; }
}
@media screen and (min-width: 640px) {
.index_slider_list .swiper-slide .cont { max-width:60%; }
}

@media screen and (min-width: 480px)  and (max-width: 767px) and (orientation: landscape) {
.index_slider_list .swiper-slide .cat { font-size:0.8125rem; }
.index_slider_list .swiper-slide .title .text { font-size:1rem; }
.index_slider_list .swiper-slide .desc .text { font-size:0.875rem; }
}
@media screen and (max-width: 479px) {
.index_slider_list .swiper-slide .cat { font-size:0.8125rem; }
.index_slider_list .swiper-slide .title .text { font-size:1rem; }
.index_slider_list .swiper-slide .desc .text { font-size:0.875rem; }
}

/* swiper setting */
.index_slider_list .swiper-button-prev, 
.index_slider_list .swiper-button-next { 
	text-indent:-10000px; position:absolute; top:50%; 
	background-color:rgba(255,255,255,0.5); border:1px solid #c1c1c1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	}
.index_slider_list .swiper-button-prev:hover, 
.index_slider_list .swiper-button-next:hover { background-color:#2d6cab; }
.index_slider_list .swiper-button-prev::after, 
.index_slider_list .swiper-button-next::after {
	content:''; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
	border-width:2px 0 0 2px; border-style:solid; border-color:#666; box-sizing:border-box; 
	}
	.index_slider_list .swiper-button-prev::after {  
		left:50%; 
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		}
	.index_slider_list .swiper-button-next::after {  
		right:50%; 
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
		}
.index_slider_list .swiper-button-prev:hover::after, 
.index_slider_list .swiper-button-next:hover::after { border-color:#fff; }
	@media screen and (max-width: 639px) {
	.index_slider_list .swiper-button-prev, 
	.index_slider_list .swiper-button-next { width:36px; height:36px; margin-top:-18px; }
	.index_slider_list .swiper-button-prev { left:5px; }
	.index_slider_list .swiper-button-next { right:5px; }
	.index_slider_list .swiper-button-prev::after { margin-left:-3px; }
	.index_slider_list .swiper-button-next::after { margin-right:-3px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	.index_slider_list .swiper-button-prev, 
	.index_slider_list .swiper-button-next { width:40px; height:40px; margin-top:-20px; }
	.index_slider_list .swiper-button-prev { left:5px; }
	.index_slider_list .swiper-button-next { right:5px; }
	.index_slider_list .swiper-button-prev::after { margin-left:-3px; }
	.index_slider_list .swiper-button-next::after { margin-right:-3px; }
	}
	@media screen and (min-width: 1280px) {
	.index_slider_list .swiper-button-prev, 
	.index_slider_list .swiper-button-next { width:48px; height:48px; margin-top:-24px; }
	.index_slider_list .swiper-button-prev { left:10px; }
	.index_slider_list .swiper-button-next { right:10px; }
	.index_slider_list .swiper-button-prev::after { margin-left:-3px; }
	.index_slider_list .swiper-button-next::after { margin-right:-3px; }
	}
.index_slider_list .swiper-button-next.swiper-button-disabled, .index_slider_list .swiper-button-prev.swiper-button-disabled { opacity:0; }

.index_slider_list .swiper-pagination-bullet { 
	display:inline-block; width:30px; height:8px; margin:0 5px; padding:0; box-sizing:border-box; background-color:#e4e4e4; border:0; opacity:1; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
.index_slider_list .swiper-pagination-bullet:focus { outline:0; }
.index_slider_list .swiper-pagination-bullet-active, .index_slider_list .swiper-pagination-bullet:hover, .index_slider_list .swiper-pagination-bullet:focus { 
	background-color:#2d6cab; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	}


/*----------------------------------------------------------------------*/
/* 產業查詢 */
.IndexIndSearch { 
	padding-top:45px; padding-bottom:30px; background:url('../images/index_indsearch_bg.jpg') center center no-repeat; background-size:cover; z-index:1;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
	@media screen and (max-width: 639px) {
	.IndexIndSearch { padding-top:100px; }
	}

.index_indsearch_wrap .search_box { position:relative; }
.index_indsearch_wrap .search_box .label { 
	position:absolute; left:0; padding:0 20px; font-weight:bold; 
	display:flex; align-items:center; flex-wrap:wrap;
	-ms-display:flex; -ms-align-items:center; -ms-flex-wrap:wrap;
	}
.index_indsearch_wrap .search_box .label::before { 
	content:''; flex:0 1 auto; display:inline-block; margin-right:10px; 
	background:url('../images/icon_index_search.png') center center no-repeat; background-size:cover; 
	}
.index_indsearch_wrap .search_box .label::after { 
	content:''; display:block; position:absolute; top:50%; right:0; width:1px; background-color:#cbcbcb; 
	}
	@media screen and (max-width: 639px) {
	.index_indsearch_wrap .search_box .label { width:100%; bottom:100%; justify-content:center; -ms-justify-content:center; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	.index_indsearch_wrap .search_box .label { top:0; }
	}
.index_indsearch_wrap .search_box .label label { flex:0 1 auto; }

.index_indsearch_wrap .search_box .input input { 
	width:100%; background-color:rgba(255,255,255,0.85); border:1px solid #999; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	.index_indsearch_wrap .search_box .input input:focus { 
		border-color:#999; background-color:#fff; 
		-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);
		-moz-box-shadow:0 0 15px rgba(0,0,0,0.3);
		box-shadow:0 0 15px rgba(0,0,0,0.3);
		}

.index_indsearch_wrap .search_box .btn { position:absolute; top:0; right:0; }
.index_indsearch_wrap .search_box .btn button { 
	width:100%; background-color:#2d6cab; color:#fff; text-align:center; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
	.index_indsearch_wrap .search_box .btn button:hover, .index_indsearch_wrap .search_box .btn button:focus { background-color:#dc5512; }

.index_indsearch_wrap .search_box_below {
	display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
	-ms-display:flex; -ms-align-items:center; -ms-justify-content:space-between; -ms-flex-wrap:wrap;
	}

.index_indsearch_wrap .search_box_below .btns { margin-top:10px; padding-left:20px; }
.index_indsearch_wrap .search_box_below .btns a {
	display:block; background-color:#333; padding:0 10px; color:#fff; line-height:42px; text-decoration:none; 
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
.index_indsearch_wrap .search_box_below .btns a:hover, .index_indsearch_wrap .search_box_below .btns a:focus { background-color:#dc5512; }

.index_indsearch_wrap .keywords { margin-top:20px; padding:0 20px; }
.index_indsearch_wrap .keywords dt, .index_indsearch_wrap .keywords dd { display:inline-block; margin-bottom:5px; line-height:32px; color:#000; }
.index_indsearch_wrap .keywords dd a { 
	display:block; background-color:#999; padding:0 12px; margin-right:5px; color:#fff; text-decoration:none; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	.index_indsearch_wrap .keywords dd a:hover, .index_indsearch_wrap .keywords dd a:focus { background-color:#333; color:#fff; }

@media screen and (max-width: 1279px) {
.index_indsearch_wrap .search_box .input input { font-size:1.125rem; line-height:62px; }
.index_indsearch_wrap .search_box .btn button { padding:0 20px; font-size:1.125rem; line-height:64px; }
}
	@media screen and (max-width: 639px) {
	.index_indsearch_wrap .search_box .label { font-size:32px; line-height:80px; }
	.index_indsearch_wrap .search_box .label::after { display:none; }
	.index_indsearch_wrap .search_box .label::before { width:42px; height:42px; }
	.index_indsearch_wrap .search_box .input input { padding:0 100px 0 20px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	.index_indsearch_wrap .search_box .label { font-size:28px; line-height:64px; }
	.index_indsearch_wrap .search_box .label::before { width:36px; height:36px; }
	.index_indsearch_wrap .search_box .label::after { margin-top:-18px; height:36px; }
	.index_indsearch_wrap .search_box .input input { padding:0 100px 0 210px; }
	}
@media screen and (min-width: 1280px) {
.index_indsearch_wrap .search_box .label { font-size:28px; line-height:64px; }
.index_indsearch_wrap .search_box .label::before { width:36px; height:36px; }
.index_indsearch_wrap .search_box .label::after {  margin-top:-18px; height:36px; }
.index_indsearch_wrap .search_box .input input { padding:0 120px 0 240px; font-size:1.25rem; line-height:62px; }
.index_indsearch_wrap .search_box .btn button { padding:0 24px; font-size:1.33rem; line-height:64px; }
}


/*----------------------------------------------------------------------*/
/* IndexGrid */
.IndexGrid > div { 
	display:flex; align-items:flex-start; flex-wrap:wrap;
	-ms-display:flex; -ms-align-items:flex-start; -ms-flex-wrap:wrap; 
	}
.IndexGrid > div > div { flex:0 1 auto; }

@media screen and (max-width: 1023px) {
.index_grid_main { width:100%; margin-bottom:50px; }
.index_grid_aside { width:100%; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.index_grid_main { width:75%; padding-right:40px; }
.index_grid_aside { width:25%; }
}
@media screen and (min-width: 1280px) {
.index_grid_main { width:78%; padding-right:4.1666vw; }
.index_grid_aside { width:22%; }
}

.index_grid_aside .IndexGridItem { margin-bottom:30px; }
	.index_grid_aside .IndexGridItem:last-child { margin-bottom:0; }

.index_grid_main .btn_more { margin-top:40px; text-align:center; }
.index_grid_main .btn_more a { 
	display:inline-block; border:1px solid #999; background-color:#fff; padding:0 2.5em; 
	line-height:3em; font-size:1.25rem; color:#666; letter-spacing:0.4em; text-decoration:none; 
	}
.index_grid_main .btn_more a:hover, .index_grid_main .btn_more a:focus { border-color:#139b91; background-color:#139b91; color:#fff; }
.index_grid_main .btn_more a::after {
	content:''; display:inline-block; width:10px; height:10px; margin-left:8px; 
	border-width:0 1px 1px 0; border-style:solid; border-color:#666; vertical-align:middle; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.index_grid_main .btn_more a:hover::after, .index_grid_main .btn_more a:focus::after { border-color:#fff; }

.index_grid_cont { 
	background-color:#fff; padding:25px 20px; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
	@media screen and (min-width: 600px) and (max-width: 699px) {
	.index_grid_cont { padding:20px 15px; }
	}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.index_grid_cont { padding:20px 15px; }
	}

.index_grid_cont .btn_more { margin-top:30px; text-align:center; }
.index_grid_cont .btn_more a { 
	display:inline-block; border:1px solid #999; width:120px; 
	line-height:38px; font-size:1rem; color:#666; text-decoration:none; 
	}
.index_grid_cont .btn_more a:hover, .index_grid_cont .btn_more a:focus { color:#fff; }
.index_grid_cont .btn_more a::after {
	content:''; display:inline-block; width:7px; height:7px; margin-left:8px; 
	border-width:0 1px 1px 0; border-style:solid; border-color:#666; vertical-align:middle; 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.index_grid_cont .btn_more a:hover::after, .index_grid_cont .btn_more a:focus::after { border-color:#fff; }


/*----------------------------------------------------------------------*/
/* 推薦報告 */
.IndexRecReport .index_grid_title { border-color:#139b91; }
.IndexRecReport .index_grid_title h2::before { background-color:#139b91; }
.IndexRecReport .index_grid_title h2::after { background-position:0 0; }

/* 頁籤 */
@media screen and (max-width: 639px) {
.index_report_group { margin-top:20px; }
}
.index_report_group .tabs { position:relative; }
.index_report_group .tabs ul { display:flex; align-items:center; height:48px; padding-bottom:14px; box-sizing:content-box; position:relative; overflow:hidden; }
.index_report_group .tabs li { position:absolute; top:0; left:0; box-sizing:content-box; z-index:99; transition:all 0.3s ease; }
.index_report_group .tabs li.active { padding-left:0; }
.index_report_group .tabs li::after { content:''; display:block; position:absolute; bottom:-14px; left:0; width:100vw; border-style:solid; border-width:0 0 4px 0; opacity:0; }
	.index_report_group .tabs li.recommend_report::after { border-color:#139b91; }
	.index_report_group .tabs li.featured_report::after { border-color:#2d6cab; }

/*.index_report_group .tabs ul { display:flex; align-items:center position:relative; }
.index_report_group .tabs li { display:inline-block; padding-bottom:10px; z-index:99; }
.index_report_group .tabs li.active { order:1; }
.index_report_group .tabs li:not(.active) { order:2; margin-left:30px; }
.index_report_group .tabs li::after { content:''; display:block; position:absolute; top:100%; left:0; width:100%; border-style:solid; border-width:0 0 4px 0; opacity:0; }*/

.index_report_group .tabs li.active::after { opacity:1; }
.index_report_group .tabs li a { display:block; color:#999; line-height:48px; position:relative; text-decoration:none; }
.index_report_group .tabs li a:hover, .index_report_group .tabs li a:hover, .index_report_group .tabs li.active a { color:#333; }
.index_report_group .tabs li a::before { 
	content:''; display:block; position:absolute; top:50%; left:0; background-color:#999;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
	.index_report_group .tabs li.active.recommend_report a::before { background-color:#139b91; }
	.index_report_group .tabs li.active.featured_report a::before { background-color:#2d6cab; }
.index_report_group .tabs li a::after { 
	content:''; display:block; position:absolute; top:50%; 
	background-image:url('../images/icon_title.png'); background-repeat:no-repeat; background-size:100%; opacity:0.75;
	}
	.index_report_group .tabs li.recommend_report a::after { background-position:0 0; }
	.index_report_group .tabs li.featured_report a::after { background-position:0 40%; }
	.index_report_group .tabs li.active a::after { opacity:1; }

.index_report_group .tab_title { display:none; }
.index_report_group .tab_title a { 
	display:block; padding:0 20px; box-sizing:border-box; background-color:#ededed; 
	color:#666; line-height:54px; font-size:1.125rem; font-weight:bold; 
	text-decoration:none; position:relative; 
	}
.index_report_group .tab_title a::after { 
	display:block; position:absolute; top:12px; right:12px; content:""; width:10px; height:10px; border-right:2px solid #868686; border-top:2px solid #868686;
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
.index_report_group .tab_item { padding:0; transform:scaleY(0); height:0; visibility:hidden; opacity:0; overflow:hidden; }
.index_report_group .tab_item.active { transform:scaleY(1); height:auto; visibility:visible; opacity:1; overflow:visible; }	

.index_report_group .tab_item.active .tab_title a { 
	background-color:#2d6cab; color:#fff; 
	-webkit-box-shadow:0 6px 6px rgba(0,0,0,0.1);
	-moz-box-shadow:0 6px 6px rgba(0,0,0,0.1);
	box-shadow:0 6px 6px rgba(0,0,0,0.1);
	}
.index_report_group .tab_item.active .tab_title a::after { 
	border-color:#fff; top:18px;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.index_report_group .tab_cont > *:first-child { margin-top:0; }
.index_report_group .tab_cont > *:last-child { margin-bottom:0; }
.index_report_group .tab_cont::after { content:''; display:block; clear:both; }

.index_report_group .tab_item.recommend_report .btn_more a:hover, .index_report_group .tab_item.recommend_report .btn_more a:focus { background-color:#139b91; }
.index_report_group .tab_item.featured_report .btn_more a:hover, .index_report_group .tab_item.featured_report .btn_more a:focus { background-color:#2d6cab; }

@media screen and (max-width: 399px) {
.index_report_group .tabs li a::before { margin-top:-20px; width:40px; height:40px; }
.index_report_group .tabs li a::after { left:10px; margin-top:-10px; width:20px; height:20px; }
}
@media screen and (min-width: 400px) {
.index_report_group .tabs li a::before { margin-top:-24px; width:48px; height:48px; }
.index_report_group .tabs li a::after { left:12px; margin-top:-12px; width:24px; height:24px; }
}

@media screen and (max-width: 399px) {
.index_report_group .tabs li { width:150px; }
.index_report_group .tabs li:not(.active) { padding-left:150px; }
.index_report_group .tabs li a { padding-left:45px; font-size:1.25rem; font-weight:bold; }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
.index_report_group .tabs li { width:190px; }
.index_report_group .tabs li:not(.active) { padding-left:190px; }
.index_report_group .tabs li a { padding-left:55px; font-size:1.5rem; font-weight:bold; }
}
@media screen and (min-width: 640px) {
.index_report_group .tabs li { width:220px; }
.index_report_group .tabs li:not(.active) { padding-left:220px; }
.index_report_group .tabs li a { padding-left:60px; font-size:1.75rem; }
}


/* 列表 */
.index_report_list .item { 
	background-color:#fff; margin-bottom:25px; 
	display:flex; align-items:flex-start; align-content:flex-start; flex-wrap:wrap;
	-ms-display:flex; -ms-align-items:flex-start; -ms-align-content:flex-start; -ms-flex-wrap:wrap;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
.index_report_list .item:last-child { margin-bottom:0; }
.index_report_list .item > div { flex:0 1 auto }

.index_report_list .img > div { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; }

.index_report_list .tags a { 
	display:inline-block; background-color:#d9d9d9; padding:0 8px; margin:0 5px 5px 0; line-height:1.85em; color:#666; text-decoration:none; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
.index_report_list .tags a:hover, .index_report_list .tags a:focus { background-color:#333; color:#fff; }
.index_report_list .title { margin-top:0.4em; }
.index_report_list .title a { display:inline-block; line-height:1.25em; font-weight:bold; font-size:1.77rem; color:#333; text-decoration:none; position:relative; }
	.recommend_report .index_report_list .title a:hover, .recommend_report .index_report_list .title a:focus { color:#139b91; }
	.featured_report .index_report_list .title a:hover, .featured_report .index_report_list .title a:focus { color:#2d6cab; }
.index_report_list .title .locked { 
	display:inline-block; width:26px; height:26px; margin-right:5px; position:relative; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	.recommend_report .index_report_list .title .locked { background-color:#139b91; }
	.featured_report .index_report_list .title .locked { background-color:#2d6cab; }
.index_report_list .title .locked::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; width:18px; height:18px; 
	background:url('../images/icon_locked.png') no-repeat center center; background-size:contain; 
	}
.index_report_list .desc { 
	margin-top:0.25em; color:#666; 
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
	}
.index_report_list .info { margin-top:0.3125em; }
.index_report_list .info > span { display:inline-block; margin:5px 10px 0 0; padding-right:16px; border-right:1px solid #ccc; line-height:24px; color:#a8a8a8; }
	.index_report_list .info > span:last-child { margin-right:0; padding-right:0; border-right:0; }
.index_report_list .info > span::before { 
	content:''; display:inline-block; width:18px; height:18px; margin-right:4px; vertical-align:text-top; 
	background-image:url('../images/icon_report_list.png'); background-repeat:no-repeat; background-size:100%;
	}
	.index_report_list .info .date::before { background-position:0 0; }
	.index_report_list .info .author::before { background-position:0 20%; }
	.index_report_list .info .view::before { background-position:0 40%; }
	
.index_report_list .info .date { font-family:'Montserrat', sans-serif; }

.index_report_list .info .download::before { display:none; }
.index_report_list .info .download > a { font-weight:bold; color:#888888; text-decoration:none; }
.index_report_list .info .download > a::before { 
	content:''; display:inline-block; width:18px; height:18px; margin-right:4px; vertical-align:text-top; 
	background:url('../images/icon_report_list.png') 0 60% no-repeat; background-size:100%;
	}
.index_report_list .info .download > a:hover, .index_report_list .info .download > a:focus { color:#2d6cab; }
.index_report_list .info .download > a:hover::before, .index_report_list .info .download > a:focus::before { background-position:0 80%; }
.index_report_list .info .download span.file_hashes { margin-left:6px; width:18px; height:18px; }

@media screen and (max-width: 639px) {
.index_report_list .img { width:100%; max-width:300px; margin:0 auto 20px; }
.index_report_list .cont { width:100%; }
}
	@media screen and (max-width: 479px) {
	.index_report_list .item { padding:15px; }
	.index_report_list .tags a { font-size:0.8125rem; }
	.index_report_list .desc { font-size:0.9375rem; }
	.index_report_list .info span { font-size:0.8125rem; }
	}
		@media screen and (max-width: 399px) {
		.index_report_list .desc { max-height:10em; -webkit-line-clamp:5; }
		}
		@media screen and (min-width: 400px) and (max-width: 479px) {
		.index_report_list .desc { max-height:8em; -webkit-line-clamp:4; }
		}
	@media screen and (min-width: 480px) and (max-width: 639px) {
	.index_report_list .item { padding:20px; }
	.index_report_list .tags a { font-size:0.875rem; }
	.index_report_list .desc { max-height:6em; -webkit-line-clamp:3; }
	.index_report_list .info span { font-size:0.875rem; }
	}
@media screen and (min-width: 640px) and (max-width: 799px) {
.index_report_list .item { padding:15px; }
.index_report_list .img { width:240px; }
.index_report_list .cont { width:calc(100% - 240px); padding-left:20px; }
.index_report_list .tags a { font-size:0.8125rem; }
.index_report_list .info span { font-size:0.8125rem; }
}
	@media screen and (min-width: 640px) and (max-width: 699px) {
	.index_report_list .desc { font-size:0.9375rem; max-height:8em; -webkit-line-clamp:4; }
	}
	@media screen and (min-width: 700px) and (max-width: 799px) {
	.index_report_list .desc { font-size:0.9375rem; max-height:6em; -webkit-line-clamp:3; }
	}
@media screen and (min-width: 800px) and (max-width: 1023px) {
.index_report_list .item { padding:20px; }
.index_report_list .img { width:270px; }
.index_report_list .cont { width:calc(100% - 270px); padding-left:30px; }
.index_report_list .tags a { font-size:0.875rem; }
.index_report_list .info span { font-size:0.875rem; }
}
	@media screen and (min-width: 800px) and (max-width: 899px) {
	.index_report_list .desc { font-size:0.9375rem; max-height:6em; -webkit-line-clamp:3; }
	}
	@media screen and (min-width: 900px) and (max-width: 1023px) {
	.index_report_list .desc { max-height:4em; -webkit-line-clamp:2; }
	}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.index_report_list .item { padding:15px; }
.index_report_list .img { width:240px; }
.index_report_list .cont { width:calc(100% - 240px); padding-left:20px; }
.index_report_list .tags a { font-size:0.8125rem; }
.index_report_list .desc { font-size:0.9375rem; max-height:6em; -webkit-line-clamp:3; }
.index_report_list .info span { font-size:0.8125rem; }
}
@media screen and (min-width: 1280px) {
.index_report_list .item { padding:20px 20px 15px 20px; }
.index_report_list .img { width:270px; }
.index_report_list .cont { width:calc(100% - 270px); padding-left:30px; }
.index_report_list .tags a { font-size:0.875rem; }
.index_report_list .info span { font-size:0.875rem; }
}
	@media screen and (min-width: 1280px) and (max-width: 1399px) {
	.index_report_list .desc { max-height:6em; -webkit-line-clamp:3; }
	}
	@media screen and (min-width: 1400px) {
	.index_report_list .desc { max-height:4em; -webkit-line-clamp:2; }
	}


/*----------------------------------------------------------------------*/
/* 重大消息 */
.IndexNews .index_grid_title { border-color:#2d6cab; }
.IndexNews .index_grid_title h2::before { background-color:#2d6cab; }
.IndexNews .index_grid_title h2::after { background-position:0 10%; }
.IndexNews .index_grid_cont .btn_more a:hover, .IndexNews .index_grid_cont .btn_more a:focus { border-color:#2d6cab; background-color:#2d6cab; }

.index_news_list ul { 
	display:flex; flex-wrap:wrap;
	-ms-display:flex; -ms-flex-wrap:wrap;
	}
.index_news_list li { flex:0 1 auto; border-bottom:1px solid #e3e3e3; padding:8px 0; }
	.index_news_list li:first-child { padding-top:0; }
.index_news_list span { display:block; }
.index_news_list .date { color:#999; font-size:0.875rem; font-family:'Montserrat', sans-serif; font-weight:500; letter-spacing:0; }
.index_news_list .title { margin-top:0.25em; }
.index_news_list .title a { display:inline-block; color:#333; line-height:1.5em; text-decoration:none; }
.index_news_list .title a:hover, .index_news_list .title a:focus { color:#2d6cab; }

@media screen and (max-width:1023px) {
.index_news_list li { padding:10px 10px 10px 0; }
}
	@media screen and (max-width:599px) {
	.index_news_list li { width:100%; }
	}
	@media screen and (min-width: 600px) and (max-width:899px) {
	.index_news_list li { width:50%; }
	}
	@media screen and (min-width: 900px) and (max-width:1023px) {
	.index_news_list li { width:33.3333%; }
	}
@media screen and (min-width: 1024px) {
.index_news_list li { width:100%; padding:8px 0; }
.index_news_list li:first-child { padding-top:0; }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
.index_news_list .title a { font-size:0.9375rem; }
}


/*----------------------------------------------------------------------*/
/* 相關服務 */
.IndexRelatedSrv .index_grid_title { border-color:#2d6cab; }
.IndexRelatedSrv .index_grid_title h2::before { background-color:#2d6cab; }
.IndexRelatedSrv .index_grid_title h2::after { background-position:0 30%; }
.IndexRelatedSrv .index_grid_cont .btn_more a:hover, .IndexResTeam .index_grid_cont .btn_more a:focus { border-color:#2d6cab; background-color:#2d6cab; }

.index_related_srv_list li { margin-top:25px; }
	.index_related_srv_list li:first-child { margin-top:0; }
.index_related_srv_list a { display:block; text-decoration:none; }
.index_related_srv_list a span { display:block; transition:all 0.3s ease; }
.index_related_srv_list .title { line-height:1.5em; font-weight:bold; color:#666; }
.index_related_srv_list a:hover .title, .index_related_srv_list a:focus .title { color:#2d6cab; }
.index_related_srv_list .img { filter:grayscale(100%); opacity:0.75; }
.index_related_srv_list a:hover .img, .index_related_srv_list a:focus .img { filter:none; opacity:1; }
.index_related_srv_list .img img { display:block; width:100%; max-width:100%; max-height:100px; }


/*----------------------------------------------------------------------*/
/* 研究團隊 */
.IndexResTeam .index_grid_title { border-color:#dc5512; }
.IndexResTeam .index_grid_title h2::before { background-color:#dc5512; }
.IndexResTeam .index_grid_title h2::after { background-position:0 20%; }
.IndexResTeam .index_grid_cont .btn_more a:hover, .IndexResTeam .index_grid_cont .btn_more a:focus { border-color:#dc5512; background-color:#dc5512; }

.index_team_list { 
	display:flex; flex-wrap:wrap;
	-ms-display:flex; -ms-flex-wrap:wrap;
	}
.index_team_list .item { 
	flex:0 1 auto; border-bottom:1px solid #e3e3e3; padding:15px 0; 
	display:flex; align-items:flex-start; align-content:flex-start; flex-wrap:wrap;
	-ms-display:flex; -ms-align-items:flex-start; -ms-align-content:flex-start; -ms-flex-wrap:wrap;
	}
.index_team_list .item > div { flex:0 1 auto }

.index_team_list .img { width:64px; border:1px solid #9e9e9e; }
.index_team_list .img > div { padding-bottom:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; position:relative; }
.index_team_list .img > div::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #fff; box-sizing:border-box;
	}

.index_team_list .cont { width:calc(100% - 64px); padding-left:15px; }
.index_team_list .name { display:inline-block; }
.index_team_list .name a { display:block; font-weight:bold; font-size:1.125rem; color:#333; letter-spacing:0.1em; text-decoration:none; }
.index_team_list .name a:hover, .index_team_list .name a:focus { color:#dc5512; }
.index_team_list .title { display:inline-block; margin-left:3px; font-size:0.9375rem; color:#666; }
.index_team_list .title::before { content:'/'; color:#ccc; font-size:1.125rem; margin-right:5px; }
.index_team_list .desc { margin-top:0.5em; font-size:0.875rem; color:#858585; line-height:1.5em; }

@media screen and (max-width:1023px) {
.index_team_list .item { padding:15px 10px 15px 0; }
}
	@media screen and (max-width:599px) {
	.index_team_list .item { width:100%; }
	}
	@media screen and (min-width: 600px) and (max-width:899px) {
	.index_team_list .item { width:50%; }
	}
	@media screen and (min-width: 900px) and (max-width:1023px) {
	.index_team_list .item { width:33.3333%; }
	}
@media screen and (min-width: 1024px) {
.index_team_list .item { width:100%; padding:15px 0; }
.index_team_list .item:first-child { padding-top:0; }
}

@media screen and (max-width: 399px) {
.index_team_list .cont { padding-left:10px; }
.index_team_list .title { display:block; margin-left:0; }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
.index_team_list .cont { padding-left:10px; }
.index_team_list .title { display:block; margin-left:0; }
}

@media screen and (max-width: 1023px) {
.IndexResTeam .index_grid_cont { padding-top:10px; }
}
