.section-bg {position:absolute;top:0;left:0;width:100%;display: none;}

.mediaSwiper {width: 78%;padding:0 11%;position: relative;}

.mediaSwiper p {font-size: 1.2vw;line-height: 1.5;color: #002A39;font-weight:400;}
.mediaSwiper .media-copy {padding: 10.4vw 0 3.4vw;left: -9%;position: relative; transition: all 0.8s ease-in-out; visibility: hidden;; opacity:0;filter:Alpha(opacity:0);}
.mediaSwiper .media-copy h1 {font-size: 3.3vw;}
.mediaSwiper .swiper-slide-active .media-copy {visibility:visible;opacity:1;filter:Alpha(opacity:1);}

.media-nav {padding: 3.6vw 0;display: flex;justify-content: center;gap: 7.4vw;font-size: 1.6vw;}
.media-nav a:link, .media-nav a:visited { display:inline-block; padding:0 3px 10px; border-bottom: 2px solid transparent; transition: border-color 0.3s ease-in-out; }
.media-nav a:hover { border-color: #B11D23; }
.media-nav a.active:link, .media-nav a.active:visited { border-color: #B11D23;}

.media-list .media-list-p1 {display: flex;width: 92%;margin: auto;gap: 1rem;flex-wrap: wrap;justify-content: space-between;}
.media-list .media-list-p1 .media-item {display:flex;gap: 0vw;width: calc(50% - 0.5rem);padding-bottom: 2vw;align-content: flex-start;flex-wrap: wrap;}
/* .media-list .media-list-p1 .media-item:nth-child(2n) {flex-direction: row-reverse;} */
.media-list .media-list-p1 .media-item .media-item-img {width: 100%;height: calc(100vw * 674 / 1920);overflow: hidden;}
.media-list .media-list-p1 .media-item .media-item-text {width: 100%;padding-top: 1vw;}


.media-list .media-list-p1 .media-item:first-child {flex-direction: column;width: 100%;}
.media-list .media-list-p1 .media-item:first-child .media-item-img {width:100%;height: auto;}
.media-list .media-list-p1 .media-item:first-child .media-item-text { width:100%;}

.media-list .media-list-p1 .media-item .media-item-text h2 {font-size: 2.6vw;line-height: 1.5;padding: 0 5vw 1vw 0;}
.media-list .media-list-p1 .media-item .media-item-text p {font-size: 1.125vw;padding: 0.4vw 0 0.5vw;line-height: 2;width: 90%;}
.media-list .media-list-p1 .media-item .media-item-text .copy1 {
	padding:0;
	margin:0.7vw 0 1vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
/* .media-list .media-list-p1 .media-item:nth-child(2n) .media-item-text p {width: 98%;} */
.media-list-more {padding: 4.6vw 0;text-align: center;}

.about-pic2 {width: 92%;margin:auto;position:relative;}
.about-pic2 .p1 {position:absolute;top: 16%;left:5%;width:90%;text-align: center;}
.about-pic2 .p1 h1 {font-size: 3.2vw;line-height: 1.2;padding-bottom: 2.8vw;}
.about-pic2 .p1 p { font-size: 1.2vw; line-height: 1.5; color: #002A39; font-weight:400; }

.about-pic3 {width: 92%;margin: 7.4vw auto auto;position: relative;display: flex;gap: 0;}
.about-pic3 .p1 {padding-top: 3vw;width: 36%;padding-right: 4vw;}
.about-pic3 .p1 p {font-size:1.125vw;line-height: 2.2;color: #002A39;font-weight:400;margin-top: 2.4vw;}
.about-pic3 picture {width: 60%;}

.about-pic4 {width: 92%;margin: 3vw auto auto;padding-bottom: 8vw;}
.about-pic4 h2 {font-size: 1.8vw;padding-bottom: 3.5vw;}
.about-pic4 .p1 {display: flex;flex-direction: row;gap: 0.8vw;font-size: 1.5vw;justify-content: space-between;}
.about-pic4 .p1 img {margin-bottom: 1.6vw;}

.mediaSwiper .swiper-btns {position:absolute;top: 19.3vw;right: 3.3%;width: 120px;}

.mediaSwiper .swiper-button-prev:after { display:none;}
.mediaSwiper .swiper-button-prev {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDQyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAuNjQ2NDQ2IDMuNjQ2NDVDMC40NTExODMgMy44NDE3MSAwLjQ1MTE4MyA0LjE1ODI5IDAuNjQ2NDQ2IDQuMzUzNTVMMy44Mjg0MyA3LjUzNTUzQzQuMDIzNjkgNy43MzA4IDQuMzQwMjcgNy43MzA4IDQuNTM1NTMgNy41MzU1M0M0LjczMDggNy4zNDAyNyA0LjczMDggNy4wMjM2OSA0LjUzNTUzIDYuODI4NDNMMS43MDcxMSA0TDQuNTM1NTMgMS4xNzE1N0M0LjczMDggMC45NzYzMTEgNC43MzA4IDAuNjU5NzI4IDQuNTM1NTMgMC40NjQ0NjZDNC4zNDAyNyAwLjI2OTIwNCA0LjAyMzY5IDAuMjY5MjA0IDMuODI4NDMgMC40NjQ0NjZMMC42NDY0NDYgMy42NDY0NVpNNDIgMy41TDEgMy41VjQuNUw0MiA0LjVWMy41WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC41Ii8+PC9zdmc+')  center no-repeat;width: 42px;}
.mediaSwiper .swiper-button-prev:hover {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDQyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAuNjQ2NDQ2IDMuNjQ2NDVDMC40NTExODMgMy44NDE3MSAwLjQ1MTE4MyA0LjE1ODI5IDAuNjQ2NDQ2IDQuMzUzNTVMMy44Mjg0MyA3LjUzNTUzQzQuMDIzNjkgNy43MzA4IDQuMzQwMjcgNy43MzA4IDQuNTM1NTMgNy41MzU1M0M0LjczMDggNy4zNDAyNyA0LjczMDggNy4wMjM2OSA0LjUzNTUzIDYuODI4NDNMMS43MDcxMSA0TDQuNTM1NTMgMS4xNzE1N0M0LjczMDggMC45NzYzMTEgNC43MzA4IDAuNjU5NzI4IDQuNTM1NTMgMC40NjQ0NjZDNC4zNDAyNyAwLjI2OTIwNCA0LjAyMzY5IDAuMjY5MjA0IDMuODI4NDMgMC40NjQ0NjZMMC42NDY0NDYgMy42NDY0NVpNNDIgMy41TDEgMy41VjQuNUw0MiA0LjVWMy41WiIgZmlsbD0iI0IxMUQyMyIvPjwvc3ZnPg==')  center no-repeat;}

.mediaSwiper .swiper-button-next:after { display:none;}
.mediaSwiper .swiper-button-next {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDQyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQxLjM1MzYgMy42NDY0NUM0MS41NDg4IDMuODQxNzEgNDEuNTQ4OCA0LjE1ODI5IDQxLjM1MzYgNC4zNTM1NUwzOC4xNzE2IDcuNTM1NTNDMzcuOTc2MyA3LjczMDggMzcuNjU5NyA3LjczMDggMzcuNDY0NSA3LjUzNTUzQzM3LjI2OTIgNy4zNDAyNyAzNy4yNjkyIDcuMDIzNjkgMzcuNDY0NSA2LjgyODQzTDQwLjI5MjkgNEwzNy40NjQ1IDEuMTcxNTdDMzcuMjY5MiAwLjk3NjMxMSAzNy4yNjkyIDAuNjU5NzI4IDM3LjQ2NDUgMC40NjQ0NjZDMzcuNjU5NyAwLjI2OTIwNCAzNy45NzYzIDAuMjY5MjA0IDM4LjE3MTYgMC40NjQ0NjZMNDEuMzUzNiAzLjY0NjQ1Wk0wIDMuNUw0MSAzLjVWNC41TDAgNC41TDAgMy41WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC41Ii8+PC9zdmc+')  center no-repeat;width: 42px;}
.mediaSwiper .swiper-button-next:hover {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDQyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQxLjM1MzYgMy42NDY0NUM0MS41NDg4IDMuODQxNzEgNDEuNTQ4OCA0LjE1ODI5IDQxLjM1MzYgNC4zNTM1NUwzOC4xNzE2IDcuNTM1NTNDMzcuOTc2MyA3LjczMDggMzcuNjU5NyA3LjczMDggMzcuNDY0NSA3LjUzNTUzQzM3LjI2OTIgNy4zNDAyNyAzNy4yNjkyIDcuMDIzNjkgMzcuNDY0NSA2LjgyODQzTDQwLjI5MjkgNEwzNy40NjQ1IDEuMTcxNTdDMzcuMjY5MiAwLjk3NjMxMSAzNy4yNjkyIDAuNjU5NzI4IDM3LjQ2NDUgMC40NjQ0NjZDMzcuNjU5NyAwLjI2OTIwNCAzNy45NzYzIDAuMjY5MjA0IDM4LjE3MTYgMC40NjQ0NjZMNDEuMzUzNiAzLjY0NjQ1Wk0wIDMuNUw0MSAzLjVWNC41TDAgNC41TDAgMy41WiIgZmlsbD0iI0IxMUQyMyIvPjwvc3ZnPg==')  center no-repeat;}


.media-footer {width:92%;margin: 4vw auto;position:relative;}
.media-footer .media-footer-text {position:absolute;top: 51%;left: 8%;transform:translateY(-50%);font-size: 1.6vw;letter-spacing: 6px;color: #FFF;}


.pool-kv { position:relative;}
.pool-kv-text {position:absolute;top: 42%;left: 5.8vw;font-size:calc(100vw * 48 / 1920);color:#FFF;font-weight: 300;margin-left: 216px;}
.pool-text {position:absolute;top: 34%;left: 4%;color:#FFF;}
.pool-text p {font-size:calc(100vw * 36 / 1920);font-weight:250;padding-bottom: 0.6vw;}
.pool-text h1 { position:relative; font-size:calc(100vw * 64 / 1920);}
.pool-kv-text:before {content:'';position:absolute;width:12.5vw;height:12.5vw;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQyIiBoZWlnaHQ9IjI0MiIgdmlld0JveD0iMCAwIDI0MiAyNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0MSA4OFYxSDFWMjQxLjVIMjQxVjE0NyIgc3Ryb2tlPSJ3aGl0ZSIvPjwvc3ZnPg==');background-size: contain;top: 50%;transform: translateY(-50%);left: -5.8vw;}

.pool-content { margin:5vw auto; width:94%;}
.pool-content .pool-list {display: flex;flex-wrap: wrap;gap: 0;justify-content: space-between;}

.pool-content .pool-list {display:flex;flex-wrap: wrap;justify-content: space-between;}
.pool-content .pool-list li {display: flex;flex-direction: column;justify-content: center;gap: 0.8vw;margin-bottom: 3vw;}
.pool-content .pool-list li picture {width: calc(100vw * 875 / 1920);height: calc(100vw * 495 / 1920); overflow: hidden;}
.pool-content .pool-list li span {/* font-size:calc(100vw * 20 / 1920); *//* color:#575757; */}
.pool-content .pool-list li strong {font-size:calc(100vw * 42 / 1920);color:#000;line-height: 1.4;}

.download-btn:link, .download-btn:visited {display: inline-block;color: #A4A4A4;border: 1px solid #A4A4A4;padding: 0 2rem;font-size: 14px;font-weight: 300;height: 40px;line-height: 40px;text-align: center;border-radius: 2rem;letter-spacing: 5px;align-items: center;/* float: left; */width: fit-content;}
.download-btn:link i, .download-btn:visited i {width: 13px;height: 13px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS4zMDg1OSA2TDYuMDIyMjcgMTEuOTk5MkM2LjQyMjY1IDEyLjUwODggNy4xOTQ1MyAxMi41MDg4IDcuNTk0OTEgMTEuOTk5MkwxMi4zMDg2IDYiIHN0cm9rZT0iI0E0QTRBNCIgc3Ryb2tlLXdpZHRoPSIwLjkiLz48bGluZSB4MT0iNi43NTg1OSIgeTE9IjEuOTY3MDFlLTA4IiB4Mj0iNi43NTg1OSIgeTI9IjEyIiBzdHJva2U9IiNBNEE0QTQiIHN0cm9rZS13aWR0aD0iMC45Ii8+PC9zdmc+');display: inline-block;vertical-align: middle;background-size: contain;}

.gray-btn-link:after { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzEwNTUgNkw2LjAyNDIzIDExLjk5OTJDNi40MjQ2MSAxMi41MDg4IDcuMTk2NDkgMTIuNTA4OCA3LjU5Njg2IDExLjk5OTJMMTIuMzEwNSA2IiBzdHJva2U9IiM1OTU5NTkiIHN0cm9rZS13aWR0aD0iMC45Ii8+CjxsaW5lIHgxPSI2Ljc2MDU1IiB5MT0iMS45NjcwMWUtMDgiIHgyPSI2Ljc2MDU1IiB5Mj0iMTIiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLXdpZHRoPSIwLjkiLz4KPC9zdmc+Cg==) center; background-size: 13px 13px; margin-right: -13px; margin-top: -13px; width: 13px; height: 13px;}
.gray-btn-link:hover span { margin-left: 0; padding-right: 0;}
.gray-btn-link:hover:after {margin-right: -13px;margin-top: 0px;}
@media only screen and (max-width: 1440px){
	
	
}
@media only screen and (max-width: 1024px) and (orientation: portrait),only screen and (max-width: 768px){
    .sections h2 {font-size: 24px;}
    .mediaSwiper { width:100%; padding:0;}
    .mediaSwiper .media-copy {padding: 4.2rem 0 1rem;left: 6%;width: 88%;}
    .mediaSwiper p {font-size: 16px;letter-spacing: 1px;}
    .mediaSwiper .media-copy h1 {
        font-size:30px;
        line-height: 1.6;
        margin-bottom: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .mediaSwiper .swiper-btns {top: auto;right: 0.4rem;bottom: calc(100vw * 550 / 750);}

    .media-nav {padding: 1.5rem 0;gap: 0;font-size:14px;display: flex;justify-content: space-between;width: 92%;margin: auto;}
    .media-nav a:link, .media-nav a:visited {padding-bottom: 2px;}

    .media-list .media-list-p1 .media-item .media-item-text {padding-top: 1rem;}
    .media-list .media-list-p1 .media-item .media-item-text p {font-size: 18px;padding: 0.2rem 0 0;}

    .media-list .media-list-p1 .media-item .media-item-text h2 {font-size: 30px;line-height: 1.6;padding: 0 0 0.5rem 0;}
    .media-list .media-list-p1 .media-item .media-item-text .copy1 {font-size: 16px;margin: 0.3rem 0 1rem;width: 100%;}
    .media-list .media-list-p1 .media-item {width:100%;padding-bottom: 1rem;}
    .media-list .media-list-p1 .media-item .media-item-img {height: calc(100vw * 278 / 375);}

    .media-footer .media-footer-text {font-size:24px;left: 50%;top: 50%;transform: translate(-50%,-50%);}

    .pool-kv {position:relative;margin-top: 54px;}
    .pool-kv .pool-kv-text h1 { color:#FFF; font-size:32px; letter-spacing:5px; font-weight:300;}

	.pool-kv-text {margin-left: auto;left:10%;width: 80%;text-align: center;top: 21%;}
	.pool-kv-text:before { content:none;}

	.pool-content {margin: 2rem auto;}
	.pool-content .pool-list li {width:100%;height: auto;margin-bottom: 2rem;position: relative;display: inline-block;}
    .pool-content .pool-list li picture {width:100%;height:auto;display: inline-block;}
	.pool-content .pool-list li strong {font-size: 28px;}
	.pool-content .pool-list li span {font-size:12px;display: block;letter-spacing: 1px;margin-left: -9px;margin-right: 9px;}
    .pool-content .pool-list li p {margin-top: 3px;position: absolute;bottom: 0;right: 0;}

    .pool-content .pool-list li strong {display: block;width: calc(100% - 110px);float: left;}
    .download-btn:link, .download-btn:visited {float:right;font-size: 12px;height: 30px;line-height: 30px;padding: 0 1rem;margin-top: -0.5rem;letter-spacing: 3px;}
    .download-btn:link i, .download-btn:visited i {width:10px;height:10px;margin-top: -2px;}

    .gray-btn-link:after{ opacity: 1;}
    .gray-btn-link:after{width: 11px;height: 11px;position: absolute;background-size: 100% 100%;top: 47%;right: 25px;margin-top: 0;transform: translateY(-50%);}
}