/*-------------------------
  焦 點 座 談 專 用 
-------------------------*/
.page_c .content_bg_1, .page_c .content_bg_2 {
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: left top;
		background-size: cover;
		padding-top: 6rem;
		padding-bottom: 6rem;
}
.page_c .content_bg_1 {
		background-image: url("../../images/discussion/bg_1.jpg");
}
.page_c .content_bg_2 {
		background-position: center bottom;
		background-image: url("../../images/discussion/bg_2.jpg");
}
.page_c .has-bg {
		padding: 7rem 2rem 2rem 3rem;
		margin-top: -1rem;
}
.page_c .has-bg.space-left {
		margin-left: 5rem;
}
.page_c .has-bg.space-right {
		margin-right: 5rem;
}
.page_c .video .icon {
		left: auto;
		right: 2rem;
		top: auto;
		bottom: -2rem;
		z-index: 2;
}
.page_c .all_video .video .icon {
		left: auto;
		right: 2rem;
		top: auto;
		bottom: 1rem;
		z-index: 2;
}
.page_c .head-tag {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		top: 0;
		left: 1.5rem;
}
.page_c .head-tag > span {
		display: inline-block;
}
.page_c .has-bg::after {
		content: '';
		width: 100%;
		height: 75%;
		border: 2px solid var(--c_white);
		border-top: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		border-radius: 1rem;
		z-index: 2;
}
.page_c .has-bg::before {
		content: '';
		width: 100%;
		max-width: 65%;
		height: 75%;
		border-top: 2px solid var(--c_white);
		position: absolute;
		left: auto;
		right: 0;
		top: auto;
		bottom: 0;
		border-radius: 0 1rem 0 1rem;
		z-index: 2;
}
.page_c .has-bg .has-bg-color {
		content: '';
		width: 100%;
		height: 75%;
		position: absolute;
		left: 1rem;
		right: 0;
		top: auto;
		bottom: -1rem;
		background-color: RGBA(94, 105, 229, .95);
		border-radius: 1.125rem;
}
.page_c .head-title {
		color: var(--c_y_orange);
}
.page_c .has-bg .has-bg-color.under {
		bottom: -2rem;
		left: 2rem;
		background-color: var(--c_y_orange);
}
.page_c .has-bg > div:not(.has-bg-color) {
		z-index: 3;
}
.page_c .page_title .is_head {
		max-width: 88%;
		border-radius: 0;
}
.page_c nav.navbar.unblur::after {
		background-color: var(--c_h_purple);
}
.page_head .sub_title {
		color: var(--c_m_blue);
}
.page_head img {
		width: 80vw;
		max-width: 18em;
		margin-bottom: 1rem;
}
.page_c.page1 .go_to_page {
		right: .5rem;
		left: auto;
		top: 40vh;
		z-index: 5;
		width: 20vw;
		max-width: 3.125em;
}
.page_c.page2 .go_to_page {
		left: .5rem;
		right: auto;
		top: 40vh;
		z-index: 5;
		width: 20vw;
		max-width: 3.125em;
}
.peo-item {
		width: 15vw;
		max-width: 9.375em;
		bottom: 0;
		margin-left: -2rem;
}
.page_c h2.sub_title.on_top {
		left: 0;
		top: 0;
		z-index: 5;
		width: auto;
}
.btn-peo .photo {
		border-radius: 100%;
		max-width: 55%;
		margin: auto;
		position: relative;
}
.btn-peo .photo img {
		z-index: 2;
		position: relative;
		border-radius: 100%;
		overflow: hidden;
}
.btn-peo .photo::before {
		content: '';
		width: 103%;
		height: 103%;
		display: block;
		position: absolute;
		border-radius: 100%;
		left: -1.5%;
		top: -1.5%;
		background-color: var(--c_white);
		z-index: 1;
}
.btn-peo .active {}
.btn-peo {
		text-align: center;
}
.btn-peo .topic {
		margin: auto;
		display: inline-block;
		text-align: left;
		color: var(--c_m_blue);
}
.btn-peo .host_tag {
		display: inline-block;
		padding: .25rem .5rem;
		border-radius: 5rem;
		background-color: var(--c_m_blue);
		color: var(--c_white);
		margin-bottom: .25rem;
}
.sub_title .q_no {
		position: absolute;
		left: 0;
		top: 0;
		padding: .25rem 1rem;
		color: var(--c_white);
		background-color: var(--c_d_red);
		border-radius: 1rem 0 1rem 0;
}
/*.sub_title .q_no::before{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: -.5rem;
    margin-top: .25rem;
    background-color: var(--c_d_red);
    z-index: -1;
}*/
.video_block img.is-cover {
		border-radius: 1rem;
}
.video_block .sub_title {
		color: var(--c_m_blue);
}
.btn.btn-video {
		margin: 0 .5rem;
		padding: .25rem .5rem;
		border-radius: .5rem !important;
		border: 0;
		background-color: var(--c_m_blue);
		color: var(--c_white);
		-webkit-box-shadow: 0 -.1rem 0 var(--c_white);
		        box-shadow: 0 -.1rem 0 var(--c_white);
}
.btn.btn-video:hover, .btn.btn-video.active {
		background-color: var(--c_pink);
}
.btn.btn-video.active i {
		color: var(--c_pink);
}
.btn.btn-video i {
		width: 18px;
		height: 18px;
		position: relative;
		border-radius: 100%;
		display: inline-block;
		background-color: var(--c_white);
		color: var(--c_l_blue_sp);
		text-align: center;
		margin-right: .5rem;
		padding-left: 2px;
		padding-bottom: 2px;
}
.page_content .photo {
		border-radius: 1rem;
		border: 1px solid var(--c_l_blue);
		-webkit-box-shadow: 0 0 1rem var(--c_l_blue);
		        box-shadow: 0 0 1rem var(--c_l_blue);
		overflow: hidden;
}
.page_title .info_txt, .page_content .info_txt {
		opacity: 1;
		background-color: rgba(255, 255, 255, 0);
		-webkit-backdrop-filter: blur(.35rem);
		backdrop-filter: blur(.35rem);
		width: contain;
}
.page_c .bg_card .video_play {
		position: absolute;
		right: 0;
		bottom: -1rem;
}
.page_c .page_title img.title {
		max-width: 640px;
}
.page_c .bg_card {
		border-radius: 1rem;
		padding: 1rem 1.5rem 1rem 1rem;
		color: #ffffff;
		background-color: RGBA(14, 4, 65, .45);
		border: 0;
}
.page_c .bg_card:hover {
		background-color: RGBA(14, 4, 65, .85);
}
.page_c .video_case .page_title {
		display: inline-block;
		max-width: inherit;
}
.page_c .page_title.unspace .info {
		padding: 0;
		max-width: 100%;
}
.page_c .on_right .page_title {
		margin: 10% auto 10% 0;
		padding: 1.5rem 3rem 1.5rem 0;
}
.page_c .on_right .page_title::before {
		left: -30%;
}
.page_c .on_top .page_title {
		max-width: 100%;
		margin: 10% auto 0 0;
		padding: 1.5rem 2rem 1.5rem 3rem;
}
.page_c .on_top .page_info {
		padding: 4rem 3rem 0 0;
}
.page_c .on_top .page_info .info_txt {
		color: var(--c_m_blue);
}
.page_c .on_top .page_title::before {
		content: '';
		width: 100%;
		height: 130%;
		right: 0;
		top: 0;
		background-color: var(--c_l_blue_sp);
		position: absolute;
		z-index: 1;
}
.page_content.video {
		z-index: 2;
		position: relative;
}
.col-space {
		max-width: 12.583125em;
}
.bg_line_board {
		width: 100%;
		height: 100%;
		display: block;
		left: 0;
		top: 0;
}
.bg_line_board::before {
		content: '';
		width: 40%;
		height: 40%;
		display: block;
		left: 2.5rem;
		top: 1.75rem;
		background-color: var(--c_m_blue);
		z-index: -1;
		position: absolute;
}
.bg_line_board::after {
		content: '';
		width: 20%;
		height: 20%;
		display: block;
		left: 5rem;
		bottom: 1.8rem;
		background-color: var(--c_m_blue);
		position: absolute;
		z-index: -1;
}
#video1 .bg_line_board::before {
		width: 20%;
		height: 20%;
		left: 3rem;
		top: 4rem;
}
#video1 .bg_line_board::after {
		width: 40%;
		height: 40%;
		left: 3rem;
		bottom: 2rem;
}
#video2 .bg_line_board::before {
		width: 40%;
		height: 40%;
		left: 2.75rem;
		top: 2rem;
}
#video2 .bg_line_board::after {
		width: 20%;
		height: 20%;
		left: 5rem;
		bottom: 2rem;
}
#video3 .bg_line_board::before {
		width: 40%;
		height: 40%;
		left: .5rem;
		top: 2rem;
}
#video3 .bg_line_board::after {
		width: 20%;
		height: 40%;
		right: 0.5rem;
		left: auto;
		bottom: 1.8rem;
}
#video4 .bg_line_board::before {
		width: 30%;
		height: 40%;
		right: 2.75rem;
		left: auto;
		top: 2rem;
}
#video4 .bg_line_board::after {
		width: 30%;
		height: 20%;
		right: 65%;
		left: auto;
		bottom: 2rem;
}
#video4 {
		padding-bottom: 15rem;
}
.footer-has-nav > div {
		z-index: 3;
}
.footer-has-nav::after {
		content: '';
		height: 10rem;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		-webkit-backdrop-filter: blur(1.5rem);
		backdrop-filter: blur(1.5rem);
		width: contain;
		background-color: rgba(255, 255, 255, .88)
}
.bg_item {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		opacity: .8;
}
@media (min-width: 1200px) {
		.container.sp {
				max-width: 65em;
		}
}
@media (min-width: 1366px) {
		.container.sp {
				max-width: 75em;
		}
		.btn-peo .photo {
				max-width: 50%;
		}
		.page_c .content_bg_1, .page_c .content_bg_2 {
				background-size: cover;
				background-position: center center;
		}
}
@media (min-width: 1920px) {
		.content_bg_1, .content_bg_2 {
				background-size: 1920px auto;
		}
}
@media (max-width: 1199px) {
		.page_c .head-tag {
				top: 1rem;
		}
		.page_c .has-bg {
				padding: 5rem 2rem 2rem 3rem;
				margin-top: -1rem;
		}
		.page_c .has-bg::before {
				max-width: 55%;
		}
		.page_c .has-bg .has-bg-color.under {
				bottom: -1.5rem;
				left: 1.5rem;
		}
		.page_c .bg_card {
				border-radius: 1rem;
				padding: 1rem .75rem 1rem .75rem;
		}
		.page_c .all_video .video .icon {
				left: 1rem;
				right: auto;
				bottom: 1rem;
		}
		.page_c .video .icon {
				left: 0;
				right: auto;
				bottom: -1rem;
		}
		.btn-peo .photo {
				max-width: 52%;
				margin: 0 auto 0.5rem auto;
		}
		.page_title .info_txt, .page_content .info_txt {
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
		}
		.container.sp {
				max-width: 88%;
		}
		.page_c .head_bg {
				background-attachment: scroll;
				background-size: auto 100%;
				background-position: 20% center;
		}
}
@media (max-width: 991px) {
		.page_c .head_bg .container.sp {
				max-width: 100%;
		}
		.page_c .content_bg_1 .container.sp {
				max-width: 60%;
				margin-left: auto;
				margin-right: 3rem;
		}
		.page_c .content_bg_2 .container.sp {
				max-width: 60%;
				margin-right: auto;
				margin-left: 4rem;
		}
		.page_c .video_case.bg_card .page_title {
				width: 100%;
		}
		.page_c .page_title.unspace .info {
				display: none;
		}
		.page_c .bg_card .video_play {
				right: .5rem;
				bottom: -3rem;
				top: auto;
		}
		.page_c .bg_card {
				border-radius: 1.5rem;
				padding: 1rem .75rem 2rem .75rem;
				background-color: RGBA(14, 4, 65, .65);
				-webkit-backdrop-filter: blur(.25rem);
				        backdrop-filter: blur(.25rem);
		}
		.page_c .has-bg.space-right {
				margin-right: 0;
		}
		.page_c .content_bg_1 {
				background-position: 40% top;
				padding-top: 3rem;
				padding-bottom: 3rem;
		}
		.page_c .content_bg_2 {
				background-position: 60% top;
				padding-top: 3rem;
				padding-bottom: 3rem;
		}
		.page_c .has-bg.space-left {
				margin-left: 0;
		}
		.page_c .has-bg .has-bg-color {
				left: 0;
		}
		.page_c .head-tag {
				top: 2rem;
		}
		.page_c .has-bg::before {
				max-width: 65%;
		}
		.page_c .has-bg .has-bg-color.under {
				bottom: -1.5rem;
				left: 0;
		}
		.page_c .video .icon {
				bottom: -1.5rem;
		}
		.page_c .video_case .page_title .is_head {
				max-width: 90%;
				border-radius: 100%;
		}
}
@media (max-width: 991px)and (orientation: landscape) {
		.page_c .btn-peo .photo {
				max-width: 40%;
		}
		.page_c .btn-peo .topic .host_tag + br {
				display: none;
		}
		.page_c .footer-has-nav::after {
				height: 7rem;
		}
		.page_c .btn-peo .topic {
				text-align: center;
		}
		.page_c.page2 .go_to_page, .page_c.page1 .go_to_page {
				top: 25vh;
				width: 15vw;
				max-width: 2.5em;
		}
		.page_c .footer-has-nav {
				position: relative !important;
		}
		.page_c .btn-peo .topic {
				position: relative;
		}
		.page_c .btn-peo .host_tag {
				position: absolute;
				left: -1.25rem;
				margin-top: -1.5rem;
				z-index: 2;
		}
		.btn-peo .photo::before {
				width: 104%;
				height: 104%;
				left: -2%;
				top: -2%;
		}
		.page_c #peo_5.btn-peo .host_tag {
				left: 1.5rem;
				margin-top: -1.5rem;
		}
		.page_c .bg_card {
				padding: 1rem .75rem 1rem .75rem;
		}
		.page_c .video_case .page_title .is_head {
				max-width: 80%;
		}
		.page_c .head-tag {
				top: 1.5rem;
		}
		.page_c .has-bg::before {
				max-width: 70%;
		}
}
@media (max-width: 767px) {
		.page_c .has-bg::before {
				max-width: 60%;
		}
		.page_c .video .icon {
				left: auto;
				right: 4rem;
				bottom: 2rem;
		}
		.page_c .bg_card {
				border-radius: 2rem;
				padding: 1rem 2rem 0 2rem;
		}
		.page_c .bg_card .video_play {
				right: auto;
				bottom: auto;
				top: -4.5rem;
				margin-left: 4rem;
		}
		.page_head img {
				max-width: 12em;
		}
		.page_c.page2 .go_to_page, .page_c.page1 .go_to_page {
				top: 25vh;
				width: 15vw;
				max-width: 2.5em;
		}
		.page_c .footer-has-nav {
				position: relative !important;
		}
		.fixed-bottom > div > div, .fixed-bottom > div {
				padding-left: 0;
				padding-right: 0;
		}
		.page_c .btn-peo .photo {
				max-width: 50%;
		}
		.page_c .btn-peo .host_tag {
				display: inline-block;
				padding: 0.25rem 0.25rem;
		}
		.page_c .col-space {
				padding-left: .25rem;
				padding-right: .25rem;
		}
		.fixed-bottom > div {
				overflow-x: hidden;
		}
		.page_c .is_sp .col-sm-5 {
				padding: 0;
		}
		.page_c.page1 .is_sp .col-sm-5 .page_title {
				padding-right: 2rem;
				padding-left: 0;
		}
		.page_c.page2 .is_sp .col-sm-7 .page_title {
				padding-left: 2rem;
				padding-right: 0;
		}
		.page_c.page2 .video_case .page_title .is_head {
				max-width: 60%;
				border-radius: 100%;
		}
}
@media (min-width: 568px) and (max-width:599px) {
		.page_c .btn-peo .host_tag {
				left: 0;
		}
		.page_c.page2 #peo_1.btn-peo .host_tag {
				left: 1rem;
		}
		.page_c .page_title img.title {
				max-width: 60vw;
		}
		.page_c .page_title .is_head {
				max-width: 25vw;
				margin-bottom: .5rem !important;
		}
		.page_c .is_sp .col-sm-5 {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 auto;
				        flex: 0 0 auto;
				width: 41.66666667%;
		}
		.page_c .is_sp .col-sm-7 {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 auto;
				        flex: 0 0 auto;
				width: 58.33333333%;
		}
		.page_c.page2 .video_case .page_title .is_head {
				max-width: 40%;
				border-radius: 100%;
		}
		.page_c.page2 .video_case .page_title {
				max-width: 100%;
		}
		.page_c .video .icon {
				left: auto;
				right: 1.5rem;
				bottom: 2rem;
		}
}
@media (max-width: 567px) {
		.page_c .content_bg_1 {
				background-position: 40% top;
				padding-top: 3rem;
				padding-bottom: 3rem;
				padding-right: 2rem;
				padding-left: 0;
		}
		.page_c .content_bg_2 {
				background-position: 60% top;
				padding-top: 3rem;
				padding-bottom: 3rem;
				padding-right: 0;
				padding-left: 2rem;
		}
		.page_c .head-tag {
				top: 1.5rem;
		}
		.page_c .bg_card {
				padding: 1rem 1rem .25rem .5rem;
				max-width: calc(100% - .5rem);
				margin: auto;
				border-radius: 1rem;
		}
		.page_c .top-on-nav, .page_c .all_video {
				max-width: calc(100% - 4.5rem);
				margin: auto;
		}
		.page_c .has-bg {
				padding: 5rem 1.75rem 2rem 1.75rem;
		}
		.page_c .has-bg::before {
				max-width: 45%;
		}
		.page_c .all_video .video .icon {
				left: auto;
				right: 0;
				bottom: 1rem;
		}
		.page_c .video_case.mini h2.sub_title.small {
				max-width: 55%;
				margin: auto;
		}
		.page_c .video .icon {
				left: auto;
				right: 0;
				bottom: 1rem;
		}
		.page_c.page2 .go_to_page, .page_c.page1 .go_to_page {
				top: 50vh;
		}
		.video_block {
				padding: 3rem 1rem 2rem 1rem;
				border-radius: 1rem;
		}
		.page_c .head_bg .container.sp {
				max-width: 100%;
		}
		.page_c .head_bg .page_title .is_head {
				max-width: 55%;
				border-radius: 100%;
				margin-top: 2rem;
		}
		.page_c .head_bg .page_title.unstyle {
				padding-bottom: 2rem;
		}
		.page_c .bg_card .video_play {
				right: 1rem;
				bottom: auto;
				top: -4rem;
		}
		.page_c .video_case.bg_card .page_title .is_head {
				max-width: 60%;
				border-radius: 100%;
		}
		.page_c .video_case .page_title .is_head {
				max-width: 50%;
				border-radius: 100%;
		}
		.page_c .video_case.mini h2.sub_title.small {
				max-width: 100%;
				width: 100%;
				margin: auto;
				padding-top: 0 !important;
				padding-bottom: 0 !important;
		}
		.page_c .footer-has-nav {
				position: fixed !important;
		}
		.page_c .col-space {
				padding-left: 15px;
				padding-right: 15px;
		}
		.col-space {
				-ms-flex: 0 0 50%;
				-webkit-box-flex: 0;
				        flex: 0 0 50%;
				max-width: 50%;
				margin-bottom: 1rem;
		}
		.col-sm-4.col-6.last {
				-ms-flex: 0 0 50%;
				-webkit-box-flex: 0;
				        flex: 0 0 100%;
				max-width: 100%;
				margin-bottom: 1rem;
		}
		.btn-peo {
				min-width: 33.3vw;
				padding: 0 .25rem 1rem .25rem;
		}
		.btn-peo .photo {
				max-width: 70%;
				margin: 0 auto .5rem auto;
		}
		.btn-peo .topic {
				text-align: center;
		}
		.page_c.page2 .go_to_page {
				left: 0rem;
				width: 10vw;
		}
		.page_c.page1 .go_to_page {
				right: 0rem;
				width: 10vw;
		}
		.page_head img {
				max-width: 14em;
		}
		.footer-has-nav::after {
				height: 10rem;
		}
		.page_c.page1 .is_sp .col-sm-5 .page_title {
				padding-right: 1rem;
				padding-left: 1rem;
		}
		.page_c.page2 .is_sp .col-sm-7 .page_title {
				padding-left: 1rem;
				padding-right: 1rem;
		}
		.page_c .content_bg_2 .container.sp, .page_c .content_bg_1 .container.sp {
				max-width: 100%;
		}
		.page_c .content_bg_2 .container.sp {
				margin-left: 0;
		}
}
@media (max-width: 320px) {
		.footer-has-nav::after {
				height: 10rem;
		}
		.page_c .bg_card .video_play {
				right: 0.5rem;
				bottom: auto;
				top: -4rem;
		}
		.page_c .bg_card {
				padding: 1rem .75rem .25rem .75rem;
				max-width: calc(100% - 1rem);
				margin: auto;
				border-radius: 1rem;
		}
		.page_c .top-on-nav, .page_c .all_video {
				max-width: calc(100% - 2.5rem);
				margin: auto;
		}
}