/*-------------------------
     年 度 成 果 專 用
-------------------------*/
.page_a .page_title .info {
		left: 0;
		top: 0;
		color: var(--c_m_black);
		padding: 6.5rem 0 0 11rem;
		max-width: 80%;
}
.page_a .page_title .info.full {
		max-width: 100%;
}
.page_a .page_title img.title {
		max-width: 480px;
}
.page_a .page_subtitle, .page_a .page_title:not(.full) {
		max-width: 92%;
		margin: 0;
}
.page_a .page_subtitle.full, .page_a .page_title.full {
		max-width: 100%;
		margin: 0;
}
.page_a #act1a .video {
		left: 45%;
		right: auto;
		top: auto;
		bottom: 3rem;
		z-index: 2;
}
.page_a #act0 .video {
		left: auto;
		right: 3rem;
		top: auto;
		bottom: 2rem;
		z-index: 2;
}
.page_a #act0 .video .icon {
		position: relative !important;
}
.page_a .bg-item {
		right: 0;
		top: -6rem;
}
.page_a .video_block {
		aspect-ratio: 16/9;
}
.page_a .video_block .slider_block {
		opacity: .65;
}
.page_a .video_block:hover .slider_block {
		opacity: 1;
}
.page_a .is-line::after {
		content: '';
		width: 2px;
		height: 80%;
		display: block;
		background-color: var(--p_blue);
		position: absolute;
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
		transform: rotate(35deg);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.page_a .spy_item {
		position: relative;
}
.page_a .spy_item > div {
		position: relative;
		z-index: 2;
}
.page_a .spy_act {
		background-color: #ffffff;
}
.page_a .cover_text {
		z-index: 3;
		left: -8rem;
		bottom: 1rem;
		width: 36vw;
		max-width: 500px;
}
.page_a .bg_area .circles {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		max-width: 1920px;
		margin: auto;
}
.page_a .bg_area .circles li {
		position: absolute;
		display: block;
		list-style: none;
		width: 20px;
		height: 20px;
		/*background: rgba(0, 255, 229, 0.75);*/
		background-image: url("../../images/results/head_ball.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-animation: bg_animate 25s linear infinite;
		animation: bg_animate 25s linear infinite;
		bottom: -150px;
}
.page_a .bg_area .circles li:nth-child(1) {
		left: 25%;
		width: 60px;
		height: 60px;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		background-image: url("../../images/results/head_ball_1.png");
}
.page_a .bg_area .circles li:nth-child(2) {
		left: 10%;
		width: 20px;
		height: 20px;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		-webkit-animation-duration: 12s;
		animation-duration: 12s;
}
.page_a .bg_area .circles li:nth-child(3) {
		left: 70%;
		width: 20px;
		height: 20px;
		-webkit-animation-delay: 4s;
		animation-delay: 4s;
}
.page_a .bg_area .circles li:nth-child(4) {
		left: 40%;
		width: 40px;
		height: 40px;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-duration: 18s;
		animation-duration: 18s;
		background-image: url("../../images/results/head_ball_2.png");
}
.page_a .bg_area .circles li:nth-child(5) {
		left: 65%;
		width: 20px;
		height: 20px;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		background-image: url("../../images/results/head_ball_1.png");
}
.page_a .bg_area .circles li:nth-child(6) {
		left: 75%;
		width: 90px;
		height: 90px;
		-webkit-animation-delay: 3s;
		animation-delay: 3s;
		background-image: url("../../images/results/head_ball_3.png");
}
.page_a .bg_area .circles li:nth-child(7) {
		left: 35%;
		width: 80px;
		height: 80px;
		-webkit-animation-delay: 7s;
		animation-delay: 7s;
		background-image: url("../../images/results/head_ball_2.png");
}
.page_a .bg_area .circles li:nth-child(8) {
		left: 50%;
		width: 25px;
		height: 25px;
		-webkit-animation-delay: 15s;
		animation-delay: 15s;
		-webkit-animation-duration: 45s;
		animation-duration: 45s;
		background-image: url("../../images/results/head_ball_3.png");
}
.page_a .bg_area .circles li:nth-child(9) {
		left: 20%;
		width: 15px;
		height: 15px;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		-webkit-animation-duration: 35s;
		animation-duration: 35s;
		background-image: url("../../images/results/head_ball_4.png");
}
.page_a .bg_area .circles li:nth-child(10) {
		left: 85%;
		width: 110px;
		height: 110px;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-duration: 11s;
		animation-duration: 11s;
		background-image: url("../../images/results/head_ball_1.png");
}
@-webkit-keyframes bg_animate {
		0% {
				-webkit-transform: translateY(0) rotate(0deg);
				transform: translateY(0) rotate(0deg);
				opacity: 1;
				border-radius: 0;
		}
		100% {
				-webkit-transform: translateY(-1000px) rotate(720deg);
				transform: translateY(-1000px) rotate(720deg);
				opacity: 0;
				border-radius: 50%;
		}
}
@keyframes bg_animate {
		0% {
				-webkit-transform: translateY(0) rotate(0deg);
				transform: translateY(0) rotate(0deg);
				opacity: 1;
				border-radius: 0;
		}
		100% {
				-webkit-transform: translateY(-1000px) rotate(720deg);
				transform: translateY(-1000px) rotate(720deg);
				opacity: 0;
				border-radius: 50%;
		}
}
.page_a #act1.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act1_bg_top.png"), url("../../images/results/bg_item/act1_bg_bot.png");
		background-repeat: no-repeat;
		background-position: center top, center bottom;
		background-attachment: fixed;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act1.spy_act::after {
		opacity: 1;
}
.page_a #act1a.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act2_bg.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-attachment: scroll;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act1a.spy_act::after {
		opacity: 1;
}
.page_a #act1a .slider_block {
		opacity: 0;
		bottom: 0 !important;
		right: 0 !important;
}
.page_a #act1a.spy_act .slider_block {
		opacity: 1;
}
.page_a #act1a .slider_block .photo_block {
		aspect-ratio: 21 / 9;
}
.page_a #act1a .slider_block .photo_block img {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border-radius: 1rem;
}
.page_a #act2.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act1_bg_top.png"), url("../../images/results/bg_item/act1_bg_bot.png");
		background-repeat: no-repeat;
		background-position: center top, center bottom;
		background-attachment: fixed;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act2.spy_act::after {
		opacity: 1;
}
.page_a #act3.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act1_bg_top.png"), url("../../images/results/bg_item/act1_bg_bot.png");
		background-repeat: no-repeat;
		background-position: center top, center bottom;
		background-attachment: fixed;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act3.spy_act::after {
		opacity: 1;
}
.page_a #act4.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act2_bg.jpg");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-attachment: scroll;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act4.spy_act::after {
		opacity: 1;
}
.page_a #act5.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act1_bg_top.png"), url("../../images/results/bg_item/act1_bg_bot.png");
		background-repeat: no-repeat;
		background-position: center top, center bottom;
		background-attachment: fixed;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act5.spy_act::after {
		opacity: 1;
}
.page_a #act6.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act1_bg_top.png"), url("../../images/results/bg_item/act1_bg_bot.png");
		background-repeat: no-repeat;
		background-position: center top, center bottom;
		background-attachment: fixed;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act6.spy_act::after {
		opacity: 1;
}
.page_a #act7.spy_item::after {
		content: '';
		background-image: url("../../images/results/bg_item/act1_bg_top.png"), url("../../images/results/bg_item/act1_bg_bot.png");
		background-repeat: no-repeat;
		background-position: center top, center bottom;
		background-attachment: fixed;
		background-size: 1920px auto;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
}
.page_a #act7.spy_act::after {
		opacity: 1;
}
.page_a .spy_act .has_sp_border img, .page_a .spy_act .has_sp_border .info {
		background-color: #ffffff;
}
.page_a .page_content .video_play {
		position: absolute;
		right: 0;
		bottom: -4rem;
}
.page_a .page_title.unspace .info {
		padding: 0;
		max-width: 100%;
		border-radius: 1rem;
}
.page_a .bg_card {
		border-radius: 2rem;
		border: 3px solid rgba(255, 255, 255, .2);
		background-color: #481e87;
}
.page_a .bg_card_2 {
		border-radius: 2rem;
		border: 3px solid rgba(255, 255, 255, .2);
		padding: 2rem 4rem 3rem 4rem;
		background-color: #ead0fc;
}
.page_a .video_case .page_title .is_head {
		max-width: 80%;
		margin: auto;
}
.page_a .video_case .page_title {}
.page_a .info_txt.has_height {
		min-height: 6rem;
}
.page_a .info_txt.has_height2 {
		min-height: 9.5rem;
}
.page_a .case_card {
		border: 0;
		border-radius: 1rem;
		overflow: hidden;
}
.page_a .card-header {
		border: 0;
		background-color: transparent;
		padding-top: 2rem;
}
.page_a .card-header > div {
		display: block;
		padding: .25rem 0;
}
.page_a .card-header > div:first-child {
		border-bottom: 2px solid #ffffff;
}
.page_a .card-body {
		padding-bottom: 2rem;
}
.page_a .card-body ul {
		list-style: disc;
		padding-left: 1.5rem;
}
.page_a .case_card.style_1, .page_a .case_card.style_3 {
		background-color: #eb7677;
		color: #ffffff;
}
.page_a .case_card.style_2, .page_a .case_card.style_4 {
		background-color: #6baab1;
		color: #ffffff;
}
/*.video_block > div {
		border-radius: .75rem;
		overflow: hidden;
}*/
.footer-has-nav > div {
		z-index: 3;
}
.footer-has-nav::after {
		content: '';
		height: 12rem;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		-webkit-backdrop-filter: blur(1.5rem);
		backdrop-filter: blur(1.5rem);
		width: contain;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 156, 168, 0)), color-stop(50%, rgba(0, 156, 168, .45)), to(rgba(0, 156, 168, .75)));
		background: -o-linear-gradient(top, rgba(0, 156, 168, 0) 0%, rgba(0, 156, 168, .45) 50%, rgba(0, 156, 168, .75) 100%);
		background: linear-gradient(180deg, rgba(0, 156, 168, 0) 0%, rgba(0, 156, 168, .45) 50%, rgba(0, 156, 168, .75) 100%);
}
.footer-has-nav::before {
		content: '';
		width: 100%;
		height: 12rem;
		position: absolute;
		left: 0;
		right: 0;
		bottom: auto;
		top: 2rem;
		display: block;
		background-image: url("../../images/bg/bg_line.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center top;
		z-index: 2;
}
#charts202, #charts201 {
		width: 100%;
		height: 500px;
}
/** section **/
.no_block .unit {
		padding-left: .125rem;
}
.no_block .name .large {
		padding-left: .25rem
}
#act6 .no_block .name {
		color: var(--c_l_blue);
		padding-right: 1.5rem;
}
#act6 .no_blue {
		text-shadow: -.3rem 0 0 var(--c_l_blue);
}
#act6 .data_a6_2 {
		margin-top: 5%;
}
#act6 .data_a6_4 {
		margin-top: -5%;
}
#act6 .no_blue.small {
		text-shadow: -.2rem 0 0 var(--c_l_blue);
}
/*#act7 > div {
  padding-bottom: 12rem;
}*/
/*.page_title .info_txt, .page_content .info_txt {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(0.5rem);
  width: contain;
}*/
/** Card Group **/
.card_group .card_item {
		padding: 1rem;
		border-radius: 1rem;
		color: var(--c_l_blue);
		border: 1px solid var(--c_l_blue);
		margin-bottom: 1rem;
}
/** List Group **/
.list_group {
		background-image: url("../../images/bg/page_a6_list_bg.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		padding: 6rem 4rem 3rem 4rem;
}
.list_group .list_item {
		margin-bottom: .5rem;
}
.list_group .list_item .title {
		width: 80%;
}
.list_group .list_item .title h5 {
		color: var(--c_white);
}
.list_group .list_item .title h5 small {
		color: var(--c_l_blue);
		padding-top: .1rem;
		display: inline-block;
}
.list_group .list_item .no_block {
		width: 20%;
		text-align: right;
}
/** Photo Block **/
.photo_block a {
		display: inline-block;
		position: relative;
}
.photo_block a::after {
		position: absolute;
		bottom: 1rem;
		right: 1rem;
		z-index: 2;
		color: var(--c_white);
		height: 30px;
		width: 30px;
		background-color: var(--p_blue);
		border-radius: 100%;
		text-align: center;
		opacity: 0;
}
.photo_block.mini_s a::after {
		bottom: .5rem;
		right: .5rem;
}
.photo_block a:hover::after {
		opacity: 1;
}
.photo_block img {
		position: relative;
		border-radius: .5rem;
		-webkit-box-shadow: 0 .25rem .8rem rgba(0, 0, 0, 0.3);
		box-shadow: 0 .25rem .8rem rgba(0, 0, 0, 0.3)
}
.photo_block.photo_2 {
		margin-top: 6rem;
}
.point_block .title small span {
		padding: 0 .25rem;
}
.point_block .info {
		max-width: 16.25em;
		padding: 0 0 0 1rem;
		color: var(--c_white);
		opacity: .9;
}
.point_card.none {
		background: none;
		padding: .125rem;
}
.point_card .p_no {
		padding: .5rem 1rem;
		color: var(--c_y_orange);
		display: inline-block;
		position: relative;
}
#act6 .page_data .col-auto, #act6 .page_data .col {
		position: relative;
		text-align: center;
}
#act6 .page_data .col > h2.sub_title, #act6 .page_data .col > div, #act6 .page_data .col-auto > h2.sub_title, #act6 .page_data .col-auto > div {
		position: relative;
		z-index: 1;
}
#act6 .page_data .col-auto::after, #act6 .page_data .col::after {
		content: '';
		width: 100px;
		height: 100px;
		border-radius: 100%;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 1rem;
		border: 3px dotted #f9ffd0;
		/*background-color: #f9ffd0;*/
}
#vul_1.spy_act_in1 .page_data .col-auto::after, #vul_1.spy_act_in1 .page_data .col::after {
		border: 3px dotted #ff8e1d;
		/*background-color: #ff8e1d;*/
}
#vul_1.spy_act_in1 .has_grid .no.middle {
		/*color: #f9ffd0;*/
}
#vul_2.spy_act_in2 .page_data .col-auto::after, #vul_2.spy_act_in2 .page_data .col::after {
		border: 3px dotted #ff8e1d;
		/*background-color: #ff8e1d;*/
}
#vul_2.spy_act_in2 .has_grid .no.middle {
		/*color: #f9ffd0;*/
}
.page_data > h2, .page_data .data_a1 {
		position: relative;
}
.has_highlight {
		width: 200px;
		height: 60px;
		display: block;
		position: absolute;
		left: 0;
		right: auto;
		top: auto;
		bottom: 1.5rem;
		background-image: url(../../images/results/highlight_bg.png);
		background-repeat: no-repeat;
		background-size: contain;
}
.has_highlight.sp {
		left: 2.5rem;
		right: 0;
		margin: auto;
		bottom: -1.25rem;
}
.has_highlight.sp2 {
		left: -1.5rem;
		right: 0;
		margin: auto;
		bottom: 0rem;
}
.point_card .no_bg::after {
		content: '';
		width: 100%;
		height: 90px;
		border-radius: .75rem;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background-color: var(--c_b_purple);
}
#vul_3.spy_act_in3 .point_card .no_bg::after {
		background-color: var(--c_purple);
}
.point_card .no_bg, .point_card .no_bg > .p_no {
		z-index: 2;
}
.is_title_block + .page_content {
		z-index: 2;
}
.is_title_block {
		width: 100%;
		height: 95%;
		border-radius: .75rem;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background-color: var(--c_l_purple);
}
.is_title_block.same_h {
		height: 99%;
}
.sub_title.has_border {
		position: relative;
}
.sub_title.has_border::after {
		content: '';
		width: 100%;
		height: 2px;
		display: block;
		position: absolute;
		left: 0;
		top: auto;
		bottom: -1rem;
		background-color: var(--c_l_blue);
}
.sub_title.has_border.sp::after {
		background-color: var(--h_blue);
}
.has_sp_border > div {
		z-index: 2;
}
.has_sp_border::after {
		content: '';
		width: 130%;
		height: 65%;
		border-radius: 2rem;
		display: block;
		position: absolute;
		left: -15%;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		/*background-color: var(--c_l_blue);*/
		border: 2px solid var(--h_blue);
}
.has_sp_border::before {
		content: '';
		width: 15px;
		height: 15px;
		border-radius: 100%;
		display: block;
		position: absolute;
		left: -30px;
		top: 16%;
		background-color: var(--h_blue);
}
.has_sp_border.sp::after {
		height: 50%;
}
.has_sp_border.sp::before {
		top: 23%;
}
.has_sp_border img, .has_sp_border .info {
		background-color: var(--l_blue);
}
.point_card .info_txt {
		padding: 1rem 1rem 1rem 2rem;
		position: relative;
		left: -1rem;
		background-color: aliceblue;
}
.point_block .title p {
		color: var(--c_white);
		opacity: .9;
}
.page_content.mini {
		max-width: 80%;
		margin: 0 auto 3rem auto;
}
.photo_card {
		background-image: url("../../images/bg/page_a5_photo_bg.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		padding: 8rem 3rem 5rem 3rem;
}
.seven_pic {
		max-width: 68%;
		margin: auto;
}
.page_data.mini .no_block {
		padding: .5rem;
		margin-bottom: 1rem;
}
.page_data.mini.has_border .no_block {
		border: 1px solid var(--c_l_blue);
		border-radius: .5rem;
		margin: 0 .5rem;
		padding: 0.25rem .85rem .5rem .85rem;
}
.page_data.grid > div:first-child > div:first-child {
		border-right: 1px solid var(--c_l_blue);
		border-bottom: 1px solid var(--c_l_blue)
}
.page_data.grid > div:first-child > div:last-child {
		border-bottom: 1px solid var(--c_l_blue)
}
.page_data.grid > div:nth-child(2) > div:first-child {
		border-right: 1px solid var(--c_l_blue);
}
.page_data.grid > div:nth-child(2) > div:last-child {}
.page_data.grid .no_block {
		padding: 1rem 2rem;
}
/** 6 大類 **/
.data_group {
		height: 720px;
}
.data_group .item {
		position: absolute;
		background-position: center;
		background-repeat: repeat;
		background-size: 100% auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		aspect-ratio: 1 / 1;
		margin: auto;
}
.data_group .item .icon {
		width: 100%;
		max-width: 50px;
		margin-bottom: .125rem;
}
.data_group .item.item_2 .icon {
		width: 100%;
		max-width: 80px;
}
.data_group .item.item_topic {
		width: 100%;
		max-width: 320px;
		left: 10%;
		right: auto;
		top: 33%;
		bottom: auto;
		z-index: 2;
}
.data_group .item.item_1 {
		width: 100%;
		max-width: 400px;
		background-image: url("../../images/results/group/bg_1.png");
		left: 0;
		right: 0;
		top: -8%;
		bottom: auto;
		z-index: 2;
}
.data_group .item.item_2 {
		width: 100%;
		max-width: 370px;
		background-image: url("../../images/results/group/bg_2.png");
		left: 5%;
		right: 0;
		top: 23%;
		bottom: auto;
}
.data_group .item.item_3 {
		width: 100%;
		max-width: 380px;
		background-image: url("../../images/results/group/bg_3.png");
		left: 38%;
		right: 0;
		top: 26%;
		bottom: auto;
		z-index: 2;
}
.data_group .item.item_4 {
		width: 100%;
		max-width: 350px;
		background-image: url("../../images/results/group/bg_4.png");
		left: 29%;
		right: 0;
		top: 52%;
		bottom: auto;
}
.data_group .item.item_5 {
		width: 100%;
		max-width: 350px;
		background-image: url("../../images/results/group/bg_5.png");
		left: -15%;
		right: 0;
		top: 60%;
		bottom: auto;
}
.data_group .item.item_6 {
		width: 100%;
		max-width: 350px;
		background-image: url("../../images/results/group/bg_6.png");
		left: -39%;
		right: 0;
		top: 5%;
		bottom: auto;
}
.level_group {
		right: 3rem;
		top: 2rem;
}
.data_group .item .unit {
		display: inline-block;
		margin-left: .5rem;
}
.page_a #act3 .page_subtitle .info {
		min-height: 93px;
}
/** Data Act **/
.move_content .move_item {
		display: none !important;
}
.move_content .move_item.fr_left, .move_content .move_item.fr_right, .move_content .move_item.fr_top, .move_content .move_item.fr_bot {
		opacity: 0;
}
.move_content .move_item.fr_left {
		left: -100%;
}
.move_content .move_item.fr_right {
		right: -100%;
}
.move_content .move_item.fr_top {
		top: -100%;
}
.move_content .move_item.fr_bot {
		bottom: -100%;
}
.move_content[data-act="act1"] .item_1, .move_content[data-act="act2"] .item_2, .move_content[data-act="act3"] .item_3, .move_content[data-act="act4"] .item_4, .move_content[data-act="act5"] .item_5, .move_content[data-act="act6"] .item_6, .move_content[data-act="act7"] .item_7 {
		opacity: 1;
}
.move_content[data-act="act1"] .item_1.fr_left, .move_content[data-act="act2"] .item_2.fr_left, .move_content[data-act="act3"] .item_3.fr_left, .move_content[data-act="act4"] .item_4.fr_left, .move_content[data-act="act5"] .item_5.fr_left, .move_content[data-act="act6"] .item_6.fr_left, .move_content[data-act="act7"] .item_7.fr_left {
		left: 0;
}
.move_content[data-act="act1"] .item_1.fr_right, .move_content[data-act="act2"] .item_2.fr_right, .move_content[data-act="act3"] .item_3.fr_right, .move_content[data-act="act4"] .item_4.fr_right, .move_content[data-act="act5"] .item_5.fr_right, .move_content[data-act="act6"] .item_6.fr_right, .move_content[data-act="act7"] .item_7.fr_right {
		right: 17px;
}
.move_content[data-act="act1"] .item_1.fr_top, .move_content[data-act="act2"] .item_2.fr_top, .move_content[data-act="act3"] .item_3.fr_top, .move_content[data-act="act4"] .item_4.fr_top, .move_content[data-act="act5"] .item_5.fr_top, .move_content[data-act="act6"] .item_6.fr_top, .move_content[data-act="act7"] .item_7.fr_top {
		top: 0;
}
.move_content[data-act="act1"] .item_1.fr_bot, .move_content[data-act="act2"] .item_2.fr_bot, .move_content[data-act="act3"] .item_3.fr_bot, .move_content[data-act="act4"] .item_4.fr_bot, .move_content[data-act="act5"] .item_5.fr_bot, .move_content[data-act="act6"] .item_6.fr_bot, .move_content[data-act="act7"] .item_7.fr_bot {
		bottom: 0;
}
@media (min-width: 1920px) {
		.a_bg {
				background-size: contain;
		}
		.page_a .info_txt.has_height2 {
				min-height: 8rem;
		}
}
@media (max-width: 1199px) {
		.page_a .info_txt.has_height {
				min-height: 4.5rem;
		}
		.page_a .info_txt.has_height2 {
				min-height: inherit;
		}
		.page_a .momth_block {
				bottom: 0;
				top: auto;
				padding-left: 2vw;
				max-width: calc(100% - 2.5vw);
		}
		.page_a .video .icon {
				left: -1.5rem;
		}
		.page_a .peo2 .video .icon {
				left: -.5rem;
		}
		.page_a .is-line::after {
				width: 1px;
				height: 60%;
		}
		.page_a .video_case .page_title .is_head {
				max-width: 90%;
		}
		.page_a .chart_2 .momth_block {
				bottom: 3.5vh;
		}
		.page_a #act0 .page_title {
				top: 2rem;
		}
		.page_a .page_title img.title {
				max-width: 300px;
		}
		.page_a .cover_text {
				z-index: 3;
				left: -5rem;
				bottom: 2rem;
				width: 34vw;
				max-width: inherit;
		}
		.page_a .page_subtitle, .page_a .page_title {
				max-width: 100%;
		}
		.page_a .page_title .info {
				padding: 4.5rem 0 0 7.8rem;
				max-width: 100%;
		}
		.page_title .is_head {
				max-width: 40%;
		}
		.page_a .full_m_space {
				padding-right: 2rem;
		}
		.page_a .bg_card_2 {
				padding: 2rem;
		}
		.page_a #act1a .page_title.head {
				text-align: center;
		}
		.page_a #act1a .page_title.head > img {
				margin: auto;
		}
		.page_a #act1a .page_title.unspace .info {
				max-width: 86%;
		}
		.page_data.mini.has_border .no_block {
				padding: 0.25rem 0.35rem 0.5rem 0.35rem;
		}
		.page_a .page_data.grid .no_block {
				white-space: nowrap;
		}
		.page_a .point_block.w-100 {
				width: auto !important;
		}
		.page_a .mb-large {
				margin-bottom: 5rem;
		}
		.page_a .page_title .info_more {
				padding: 2% 3%;
		}
		.page_title .info_txt, .page_content .info_txt {
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
		}
		.has_sp_border::after {
				content: '';
				width: 120%;
				height: 55% !important;
				border-radius: 2rem;
				left: -10%;
				top: -10%
		}
		.has_sp_border::before {
				top: 15% !important;
		}
		.page_a .full_md_space {
				padding-right: calc(var(--bs-gutter-x) * 1.25);
		}
		.is_title_block {
				width: 90%;
				height: 95%;
				left: 1rem;
		}
		.page_a #act5.spy_item::after {
				background-size: 130% auto;
		}
		.data_group .item.item_topic {
				max-width: 240px;
				left: 5%;
				top: 38%;
		}
		.data_group .item.item_1 {
				max-width: 360px;
				top: -9%;
		}
		.data_group .item.item_2 {
				max-width: 320px;
				top: 26%;
				left: 2%;
		}
		.data_group .item.item_3 {
				max-width: 280px;
				top: 36%;
		}
		.data_group .item.item_4 {
				max-width: 290px;
				top: 65%;
		}
		.data_group .item.item_5 {
				max-width: 270px;
				left: -15%;
				top: 60%;
		}
		.data_group {
				height: 600px;
		}
}
@media (max-width: 991px) {
		.page_a .info_txt.has_height {
				min-height: inherit;
		}
		.is_title_block {
				width: 100%;
				max-width: calc(100% - 2rem);
				height: 100%;
				left: 1rem;
		}
		.has_sp_border::before {
				top: 10% !important;
				left: 0;
		}
		.has_sp_border::after {
				height: 65% !important;
		}
		.page_a .momth_block {
				padding-left: 3vw;
				max-width: calc(100% - 2.5vw);
		}
		.page_a .chart_2 .momth_block {
				bottom: 2rem;
		}
		.page_a #act0 .page_title {
				top: 1rem;
		}
		.page_a #act1a .page_title.head {
				text-align: left;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.page_a #act1a .page_title.head > img {
				margin: 0;
		}
		.page_a #act1a h2.sub_title.small {
				padding-left: 2rem;
		}
		.page_a .cover_text {
				left: -3rem;
				bottom: 1.5rem;
		}
		.page_a .page_content .video_play {
				bottom: 0;
		}
		.page_title {
				margin: 10% 0 0 0;
		}
		.page_a .page_title .info_more {
				padding: 0;
		}
		.page_a .page_title img.title {
				max-width: 340px;
		}
		.page_title .info {
				padding: 4% 0 0 0;
				position: relative !important;
				max-width: 100%;
		}
		.page_a .page_title .info {
				padding: 0;
				max-width: 90%;
				display: inline-block;
				margin-bottom: 1rem;
				position: relative !important;
		}
		.page_a .page_subtitle.full, .page_a .page_title.full, .page_a .page_subtitle, .page_a .page_title {
				max-width: calc(100% - 45px);
		}
		.video_case .page_title .is_head {
				max-width: 22.5%;
				z-index: 2;
				float: left;
				margin-right: 5%;
		}
		.video_case .page_title .info_txt, .video_case .page_content .info_txt {
				max-width: 70%;
				float: right;
		}
		.video_case .page_title {
				margin: 0;
		}
		.video_case .page_title h5 {
				text-align: left !important;
				padding-left: 30%;
		}
		.page_a .page_data.grid {
				margin-bottom: 0;
				width: 70%;
				padding-right: 2rem;
		}
		.page_a .page_content.mini {
				max-width: 100%;
				margin: 0 auto;
		}
		.page_a .photo_card {
				background-size: contain;
		}
		#act6 .no_block .name {
				color: var(--c_black);
		}
		.small_title.c_l_blue {
				color: var(--c_black) !important;
		}
		.page_a .card_group .card_item {
				color: var(--c_white);
				border: 1px solid var(--c_white);
		}
		.page_a .point_block .title {
				width: 100%;
		}
		.page_a .point_block .title p {
				text-align: left !important;
		}
		.page_a .point_card .info_txt {
				padding: 0;
		}
		#act6 .point_block .info {
				padding: 0;
		}
		.page_a .photo_block.photo_2 {
				margin-top: 0;
		}
		.page_a .info_txt.c_l_blue {
				color: var(--c_black) !important;
		}
		.page_a #act7 .page_content {
				text-align: center;
		}
		.page_a #act7 .page_content .photo img {
				margin: auto;
		}
		.page_a #act7 > div {
				padding-bottom: 2rem;
		}
		.page_data.mini .no_block, .page_data.mini.has_border .no_block {
				margin: 0 1rem;
		}
		.page_a #act3 .page_subtitle {
				max-width: calc(100%);
		}
		.page_a #act6 #vul_1 .page_data.has_grid .col {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 25%;
		}
		.page_a #act6 #vul_2 .page_data.has_grid .col {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 20%;
		}
		.page_a #act6 #vul_2 h2.sub_title.small {
				text-align: left;
		}
		.page_a #act6 #vul_1 .page_subtitle, .page_a #act6 #vul_2 .page_subtitle {
				max-width: 100%;
		}
		.page_a #act6 #vul_3 .point_card .no_bg > .p_no {
				width: 50px;
				text-align: center;
		}
		.page_a #act6 #vul_3 .point_card .no_bg::after {
				height: 50px;
		}
		.page_a #act6 #vul_3 .point_card .info_txt {
				padding: 1rem 1rem 1rem 2rem;
				width: 100%;
		}
		.page_a .has_sp_border::after {
				content: '';
				width: 140%;
				height: 55% !important;
				border-radius: 2rem;
				left: -20%;
				top: -10%;
		}
		.page_a .has_sp_border::before {
				top: 15% !important;
				left: 0;
				width: 12px;
				height: 12px;
		}
		.page_a #act1a .page_title.head {
				text-align: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				margin: auto;
		}
		.page_a .is-line::after {
				height: 30%;
		}
		.page_a .video .icon {
				left: 2rem;
				bottom: 4rem;
				top: auto;
		}
		.page_a .peo2 .video .icon {
				left: 2rem;
		}
		.data_group .item.item_topic {
				max-width: 180px;
				left: 0;
				top: 38%;
		}
		.data_group {
				height: 520px;
		}
		.data_group .item.item_1 {
				max-width: 320px;
				top: -4%;
		}
		.data_group .item.item_2 {
				max-width: 280px;
				top: 32%;
				left: 2%;
		}
		.data_group .item.item_3 {
				max-width: 250px;
				top: 40%;
		}
		.data_group .item.item_4 {
				max-width: 260px;
				top: 65%;
		}
		.data_group .item.item_5 {
				max-width: 250px;
				left: -20%;
				top: 60%;
		}
		.data_group .item.item_6 {
				max-width: 280px;
				left: -42%;
				right: 0;
				top: 10%;
		}
		.page_a #act1a h2.sub_title.small {
				padding-left: 0 !important;
				text-align: center;
				margin-top: 1rem;
		}
}
@media (max-width: 991px) and (orientation: landscape) {
		#act1 .page_title {
				margin: 0;
				display: inline-block;
		}
		.page_title {
				margin: 10% 0 0 0;
		}
		.page_title .info {
				padding: 5% 0 0 0;
				position: relative !important;
				float: left;
				max-width: 50%;
		}
		.page_a .page_title .info_more {
				padding: 0;
				position: relative !important;
				float: left;
				max-width: 50%;
		}
		.video_case .page_title .is_head {
				max-width: 22.5%;
				z-index: 2;
				float: left;
				margin-right: 5%;
		}
		.video_case .page_title .info_txt, .video_case .page_content .info_txt {
				max-width: 70%;
				float: right;
		}
		.video_case .page_title {
				margin: 0;
		}
		.video_case .page_title h5 {
				text-align: left !important;
				padding-left: 30%;
		}
		.page_a .footer-has-nav::after {
				height: 8rem;
		}
}
@media (max-width: 767px) {
		.data_group .item .icon {
				max-width: 40px;
		}
		.data_group .item.item_2 .icon {
				max-width: 60px;
		}
		.data_group {
				height: 480px;
		}
		.data_group .item.item_1 {
				max-width: 280px;
				top: -4%;
		}
		.data_group .item.item_2 {
				max-width: 240px;
				top: 32%;
				left: -2%;
		}
		.data_group .item.item_3 {
				max-width: 230px;
				top: 40%;
		}
		.data_group .item.item_4 {
				max-width: 240px;
				top: 65%;
		}
		.data_group .item.item_5 {
				max-width: 220px;
				left: -20%;
				top: 60%;
		}
		.data_group .item.item_6 {
				max-width: 220px;
				left: -42%;
				right: 0;
				top: 10%;
		}
		.page_a .momth_block {
				padding-left: 5vw;
		}
		.page_a .chart_2 .momth_block {
				bottom: 1.75rem;
		}
		.page_a .page_subtitle.full, .page_a .page_title.full, .page_a .page_subtitle, .page_a .page_title {
				max-width: calc(100% - 25px);
		}
		.page_a #act3 .page_subtitle {
				max-width: calc(100% - 25px);
		}
		.page_a .page_title img.title {
				max-width: 300px;
				margin-bottom: 0;
		}
		.page_a .mb-large {
				margin-bottom: 2rem;
		}
		#act6 .data_a6_4 {
				margin-top: -1%;
		}
		.page_a .page_title .info {
				float: left;
				width: 100%;
		}
		.page_title .is_head {
				max-width: 60%;
		}
		#results_video .page_title .is_head {
				max-width: 30%;
		}
		#results_video .page_title {
				margin: 0 auto;
				max-width: 60%;
		}
		.page_data.mini .no_block, .page_data.mini.has_border .no_block {
				margin: 0 0.5rem .5rem 0.5rem;
		}
		.page_a .footer-has-nav::after {
				height: 6rem;
		}
		.page_a #act2 .no_block h3.sub_title {
				min-width: 120px;
		}
		.page_a .is-line::after {
				display: none;
		}
}
@media (min-width: 568px) and (max-width: 599px) {
		.page_a .video_case .page_title .is_head {
				max-width: 40%;
		}
		.page_a .footer-has-nav::after {
				height: 6rem;
		}
		.page_a #act6 .point_block.w-100 {
				position: absolute;
				right: 0;
		}
		.page_a h2.sub_title {
				text-align: center;
		}
		.page_a #act6 h2.sub_title {
				text-align: left;
		}
		.page_a #act6 .photo_block {
				padding: 0;
		}
		.page_a #act7 h2.sub_title.r_ch {
				text-align: right;
				padding-top: 1rem;
		}
		#results_video .page_title {
				margin: 0 auto;
				max-width: 80%;
		}
		#results_video .page_title .is_head {
				margin-top: -10% !important;
		}
		.page_a #act6 .point_card {
				padding: 0;
		}
		.page_a #act2 h2.sub_title {
				margin-top: 2rem;
		}
		.page_a #act2 .chart_title.more_list .no_block {
				-ms-flex: 0 0 33.3%;
				-webkit-box-flex: 0;
				flex: 0 0 33.3%;
				max-width: 33.3%;
				margin-bottom: 1rem
		}
		.page_data.mini.has_border .no_block {
				padding: 0.25rem 0.5rem 0.5rem 0.5rem;
				margin: 0 0.25rem;
		}
		.page_a .page_title {
				margin: 0;
		}
		.page_a #act0 .page_title {
				top: 0;
		}
		.page_a .cover_text {
				left: 0;
				bottom: 1.5rem;
		}
		.page_a .cover_text {
				width: 45vw;
		}
		.page_a .page_title .info {
				max-width: 100%;
		}
		.page_a #act1a h2.sub_title.small {
				-moz-text-align-last: left;
				text-align-last: left;
		}
		.page_a #act3 h2.sub_title.small {
				text-align: left;
		}
		.page_data.grid .no_block {
				padding: 1rem 1rem;
		}
		.page_a .has_sp_border::after {
				width: 96%;
				height: 75% !important;
				left: -2%;
				top: 0;
		}
		.page_a .has_sp_border::before {
				display: none;
		}
		.page_a .page_title.full .info {
				max-width: 100%;
		}
		.page_title .is_head {
				max-width: 40%;
		}
		.data_group .item.item_1 {
				max-width: 240px;
				top: -4%;
		}
		.data_group .item.item_2 {
				max-width: 220px;
				top: 30%;
				left: -8%;
		}
		.page_a #act2 .no_block h3.sub_title {
				min-width: inherit;
		}
		.data_group .item.item_topic {
				max-width: 130px;
				left: 0;
				top: 38%;
		}
		.page_a #act5 .page_subtitle.full, .page_a .page_title.full {
				text-align: center;
		}
		.page_a #act6 .page_data {
				margin-top: 2rem;
		}
		.page_a #vul_3 .page_data {
				margin-top: 0;
		}
		.page_a .case_card .card-body {
				text-align: left;
		}
		.page_a #vul_3 .has_highlight.sp {
				left: 0;
				right: auto;
				margin: auto;
		}
		.page_a #act6 .col-sm-7 {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 58.33333333%;
		}
		.page_a #act6 .col-sm-5 {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 41.66666667%;
		}
		.page_a #vul_2 .col-sm-8 {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 66.66666667%;
		}
		.page_a #vul_2 .col-sm-4 {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 33.33333333%;
		}
		.page_a #vul_3 .col-sm-6 {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 50%;
		}
		.page_a .bg-item {
				right: 0;
				top: 0;
				max-width: 70%;
				margin: auto;
		}
		.page_a .bg-item {
				right: 0;
				top: 0;
				position: relative !important;
		}
}
@media (max-width: 567px) {
		.page_a .full_m_space.chart_frame {
				padding-left: 0;
				padding-right: 0;
		}
		.chart_blcok {
				overflow-x: auto;
				overflow-y: hidden;
				padding: 0 0 1rem 0;
				/*max-width: 96%;*/
		}
		.page_a .momth_block {
				padding-left: 6vw;
		}
		.page_a #act1a .page_title.head {
				text-align: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column
		}
		.page_a .momth_block {
				min-width: 490px;
				bottom: 1.5rem;
		}
		.page_a .chart_2 .momth_block {
				bottom: 3.25rem;
		}
		.page_a .cover_text {
				left: -.25rem;
				width: 60vw;
		}
		.page_a #act1a h2.sub_title.small {
				padding-left: 0;
		}
		.page_a #act1a.spy_act .slider_block {
				display: none !important;
		}
		.page_a #act1a .page_content .video_play {
				right: 0;
				top: -1rem;
				bottom: auto;
		}
		.page_a #act1a .page_title.unspace .info {
				max-width: 100%;
		}
		.page_a #act0 .page_title {
				margin: auto;
				top: 0;
		}
		.page_a #act0 h2.sub_title {
				margin-bottom: 0;
		}
		.page_a #act2 .no_block {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: start !important;
				-ms-flex-align: start !important;
				align-items: flex-start !important;
		}
		.page_a #act2 .no_block small {
				display: block;
				margin-bottom: .5rem;
		}
		.page_a .full_m_space {
				padding-left: 0;
				padding-right: calc(var(--bs-gutter-x) * 1.25);
		}
		.page_a .full_m_space .page_subtitle {
				padding-left: calc(var(--bs-gutter-x) * .5);
				padding-right: 0;
				max-width: 100%;
		}
		#results_video .page_title {
				max-width: 100%;
		}
		#results_video .page_title .is_head {
				max-width: 50%;
		}
		.video_case .page_title .is_head {
				max-width: 40%;
				float: none;
				margin-right: 0;
		}
		.video_case .page_title h5 {
				padding-left: 0;
		}
		.video_case .page_title .info_txt, .video_case .page_content .info_txt {
				max-width: 100%;
				float: none;
		}
		.page_a .page_title img.title {
				max-width: 70%;
		}
		.page_a .page_title .info {
				left: 0;
				top: 0;
				padding: 0;
				position: relative !important;
				max-width: 100%;
				float: none;
		}
		.page_a .mb-large {
				margin-bottom: 2rem;
		}
		.page_a #act6 .page_data .no_block {
				max-width: 33.3%;
				width: 33.3%;
		}
		.page_a .point_block .title p, .page_a .point_block.w-100 {
				width: 100% !important;
				text-align: right !important;
		}
		.page_a .no_block .name {
				text-align: center;
		}
		.page_a .no_block .name {
				margin-bottom: .25rem !important;
		}
		.page_a .page_title .info_more {
				padding: 8% 0;
		}
		.page_a .chart_title.more_list .no_block {
				min-width: 50%;
				margin-bottom: 1rem;
		}
		.page_a .seven_pic {
				max-width: 100%;
		}
		.page_a .page_data.mini .no_block {
				padding: 0.25rem;
		}
		.page_a .page_data.mini.has_border .no_block {
				margin-bottom: 1rem;
				padding: 0.5rem;
		}
		.page_a .page_data.grid .no_block {
				padding: 1.5rem 0;
		}
		.page_a .text-vertical.remark {
				position: absolute;
				right: auto;
				top: auto;
				bottom: -.5rem;
				left: 0;
				-webkit-writing-mode: horizontal-tb !important;
				-ms-writing-mode: lr-tb !important;
				writing-mode: horizontal-tb !important;
				width: 100%;
				text-align: center;
		}
		.page_a .page_data.grid {
				width: 100%;
				padding-right: 0;
		}
		.page_a .page_content.mini {
				max-width: 100%;
				margin: 0 auto 3rem auto;
		}
		.mb-large {
				margin-bottom: 3rem;
		}
		.page_a .page_title .info.is_center {
				left: 0;
				right: 0;
				margin: auto;
				text-align: center !important;
		}
		.page_a #act6 .data_a6_2 {
				margin-top: 0;
		}
		.page_a #act6 .data_a6_4 {
				margin-top: 0;
		}
		.page_a .page_data .no_block {
				margin-bottom: 1rem;
		}
		.page_a .list_group .list_item .no_block {
				padding-top: 8%;
		}
		.page_a .bg_card {
				padding-top: .5rem;
		}
		.page_a .chart_blcok .bg_card {
				padding-top: 0;
		}
		.page_a .page_data.grid {
				margin-bottom: 0;
		}
		.footer-has-nav::after {
				height: 6rem;
		}
		#charts202, #charts201 {
				height: 300px;
				width: 500px;
		}
		.page_a .has_sp_border::after {
				width: 96%;
				left: -1%;
		}
		.page_a .has_sp_border::before {
				display: none;
		}
		.page_a #act6 #vul_1 .page_data.has_grid .col {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 33.3%;
		}
		.page_a #act6 #vul_2 .page_data.has_grid .col {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 33.3%;
		}
		.page_a .video .icon {
				left: .5rem;
				top: auto;
		}
		.page_a #act0 .video .icon {
				left: .5rem;
				top: auto;
				bottom: 0;
		}
		.page_a .bg-item {
				right: 0;
				top: 0;
				position: relative !important;
		}
		.data_group {
				height: 400px;
		}
		.data_group .item.item_topic {
				max-width: 140px;
				left: -8%;
				top: 0;
		}
		.data_group .item.item_1 {
				max-width: 210px;
				top: -6%;
				left: 28%;
		}
		.data_group .item.item_2 {
				max-width: 200px;
				top: 25%;
				left: 8%;
		}
		.data_group .item.item_3 {
				max-width: 180px;
				top: 50%;
				right: -15%;
		}
		.data_group .item.item_4 {
				max-width: 180px;
				top: 75%;
				left: 35%;
		}
		.data_group .item.item_5 {
				max-width: 180px;
				left: -25%;
				top: 52%;
		}
		.data_group .item.item_6 {
				max-width: 210px;
				left: -60%;
				right: 0;
				top: 20%;
		}
		.page_a #act3 .counter.no.middle {
				margin-top: 5px;
		}
		.level_group {
				position: relative !important;
				left: .125rem;
				top: -.5rem;
				bottom: auto;
				right: auto;
		}
}
@media (max-width: 320px) {
		.page_a .list_group.long_card {
				padding: 2rem 2rem 2rem 2rem;
		}
		#act5 .photo_card {
				padding: 6rem 2rem 5rem 2rem;
		}
		.page_a #act1a .page_content .video_play {
				top: -.75rem;
		}
		.page_a #act6 .page_data {
				margin-right: 0 !important;
		}
		.page_a .card-body {
				padding-top: 0;
		}
		.page_a #vul_3 .page_subtitle {
				max-width: calc(100% - 25px);
		}
		.sidebar_nav {
				top: 20vh;
		}
		.page_a .page_title.unspace .info {
				border-radius: 2rem;
		}
		.page_a .page_title {
				max-width: calc(100% - 25px);
		}
		.page_a #act6 .page_title {
				max-width: 100%;
		}
}