@charset 'UTF-8';
/* UED Interaction (https://www.njued.com) */
/* Design By Gkmk Copyright 2025 UED Interaction */

@media print,screen and (max-width:120em) {
body.offscreen .Str-header{margin-top:-5rem;}
body.drop .Str-header{margin-top:0;}
.container{padding-left: 2.5rem; padding-right:2.5rem; width:100%; }
.Str-header h1 a.logo{width:15.92875rem; height:3rem; background-size:15.92875rem 3rem;}
.Str-header .Str-menu li{padding:1rem 0.83333vw; }
.Str-header .Str-menu li a{font-size:1rem;}

.Str-header .Str-menu li ul.submenu-list{padding-top:5rem; }
.Str-header .Str-other li .search-box .container{padding-top:5rem;}

}

@media print,screen and (max-width:90em) {
 :root {  
  --html_base:1.11111vw; /*1rem=16px baseOn:1440px vw = (16/1440)*100% */
}
.commPadding{padding:3.75rem 0;}

.Str-header h1 a.logo{width:13.27375rem; height:2.5rem;  background-size:13.27375rem 2.5rem; }
.Str-header .Str-menu li{padding:.9375rem 1vw; }
.Str-header .Str-menu li a{line-height:2.5rem; font-size:1rem;}
.Str-header .Str-menu li ul.submenu-list{padding-top:4.375rem; }

.index-title h3{ font-size:2.125rem; }
.index-title h3 span{ font-size: 1.125rem; }
.tabTitle span{ padding:.625rem 1.5rem; font-size: 1.125rem; }

.topicLink .txt h5{ font-size:1.125rem; }
.topicLink .txt .date{ font-size:1.25rem;  }

.linkTxt .txt h5{ font-size:1.125rem;  }
.linkTxt .txt .date{ font-size:1.25rem;  }

.notice-list li .noticeLink .date{ padding:0 1.25rem; font-size: 1.25rem;}
.notice-list li .noticeLink .txt{  padding: 1.125rem;  }
.notice-list li .noticeLink .txt h5{ font-size:1.125rem; }

.mboxLink{ padding: 1.875rem; }
.mboxLink img{ width: 6.25rem;}
.mboxLink h5{ font-size:1.5rem ;}

.mboxLink i.arrow{ width: 2.125rem; height: 2.125rem;}
.mboxLink i.arrow::before{ font-size: 1.125rem;  }

.App-swiper .swiper-slide{ max-width:62.5rem; height:37.5rem; }
.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { left:6vw; }
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { right:6vw; }

.member-list li{width: calc((100% - 8.75rem)/8);}

.server-item img{ width: 4.5rem; height: 4.5rem; }


}

@media print,screen and (max-width:62.5em) {
 :root {  
  --html_base:2.13333vw; /*1rem=8.31999px baseOn:750px vw = (16/750)*100% */
  
  --main-fs-h1:5.7692rem;/*48px*/
  --main-fs-h2:4.8076rem;/*40px*/
  --main-fs-h3:4.0865rem;/*34px*/
  --main-fs-h4:3.3653rem;/*28px*/
  --main-fs-h5:2.8847rem;/*24px*/
  --main-fs-h6:2.1634rem;/*18px*/
  --main-fs-p:1.9231rem;/*16px*/
 }
.container{padding-left:1.8029rem; padding-right:1.8029rem; width:100%;}
.commPadding{padding:3.6057rem 0;}
.noPadding-bottom{padding-bottom:0;}

/*menu icon*/
.toggle-btn{position:absolute; top:50%; transform: translateY(-50%); right:0; z-index:1000; display:flex; align-items:cetner; justify-content:center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap:.9615rem; outline:none; width:7.2115rem; height:7.2115rem;  background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
.icon-i{margin:0 auto; display:block; width:3.6057rem; height:2px; background:black;}

body.offscreen .Str-header{margin-top:-7.6924rem;}
body.drop .Str-header{margin-top:0;}
.Str-header h1 a.logo{margin:1.8029rem 0; width:21.69714rem; height:4.087rem;  background-size:21.69714rem 4.087rem; }

.Str-header .Str-menu,.Str-header .Str-other{display:none;}
.Str-header .Str-mobile-menu{display:flex; }

/*index style*/
.Str-screen{height:120vw; border-radius: 0 0 2rem 2rem; overflow: hidden;}
.Home-swiper .swiper-pagination{display: none;}
.show-slogan.tHalf{width:100%; }
.show-slogan h1{font-size:3.3635rem; margin: 0;}
.show-slogan h3{font-size:2.8847rem; }
.show-slogan h4{font-size:2.1634rem; }
.home-btn{margin-top:3.3653rem;}
.homeLink{font-size:1.9231rem; line-height:1.5; padding:1.2rem 3.3653rem 1.2rem 4.0865rem;  }

.home-news{gap:1.8029rem;}
.news-main{width:100%; }
.news-side{flex: 0 1 auto; width: 100%; }
.NewsSwiper .swiper-slide {padding-top:56vw; }
.NewsSwiper .swiper-slide .title-txt{ padding: 1.6827rem; font-size: 1.9231rem; }
.NewsSwiper .swiper-slide .title-txt span{font-size: 1.6827rem; }
.NewsSwiper .swiper-horizontal>.swiper-pagination-bullets,.NewsSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,.NewsSwiper .swiper-pagination-custom,.NewsSwiper .swiper-pagination-fraction{display:none; }

.switchCon{flex:0 1 auto;} 
.switchTab span{ font-size:1.9231rem; padding:1.2rem;}
.newsList{height:auto;  }
.newsList li{height:auto; padding: 1.2rem 0;}

.newsLink{display: block;}
.newsLink .newsTit{font-size: 1.9231rem; padding-left: 1.6827rem; }
.newsLink .newsTit::after{content: ''; top: 1.25rem;  }
.newsLink .newsDate{font-size: 1.6827rem;  padding-left: 1.6827rem;}

.notice-box{width: 100%; }
.member-box{flex:0 1 auto; width: 100%;}

.data-box{justify-content:center;}
.dbox-item{ flex:0 1 auto; width: calc((100% - 2.5rem )/3);}
.dbox-item::after{display: none;}
.dbox-item P{font-size:1.6827rem;}

.index-title h3{font-size:2.8847rem; }
.index-title h3 span{font-size: 1.6827rem; line-height: 1.5;}
.linkMore,.linkMore:hover{ padding:1.2rem 1.25rem 1.2rem 1.9231rem; font-size: 1.6827rem;}

.notice-list li .noticeLink .date{ padding:0 1.2rem; font-size: 1.6827rem;  }
.notice-list li .noticeLink .date span{font-size: 1.4423rem;}
.notice-list li .noticeLink .txt h5{ font-size:1.9231rem; }
.notice-list li .noticeLink .txt h5.maxLine-1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space:normal;}
.notice-list li .noticeLink .txt p{ font-size:1.4423rem; margin-top: .625rem;  }

.mboxLink img{ width:8.4135rem; }
.mboxLink h5{ font-size:2.1635rem ;}
.mboxLink h5 span{ font-size: 1.6827rem;  }

.App-swiper .swiper-slide{width:87.5%; height:30.0481rem;}
.App-swiper .swiper-slide .txtShow .custiom-tit{font-size:1.9231rem; font-weight:500;} 
.App-swiper .swiper-slide .txtShow span.date{  font-size: 1.4423rem; }
.App-swiper .swiper-button-prev,.App-swiper .swiper-container-rtl .swiper-button-next { left:10vw; }
.App-swiper .swiper-button-next,.App-swiper .swiper-container-rtl .swiper-button-prev { right:10vw;}

.service-list{ gap: 1.9231rem; }
.server-item p{font-size: 1.6827rem;}
.server-item img{ width:7.2115rem; height: 7.2115rem; }

.member-list li{width: calc((100% - 3.75rem)/4);}

.Str-footer{border-radius: 2rem 2rem 0 0;}
.footer-left{ display: none;}
.footer-right{gap:10%; width: 100%; align-items: center; justify-content: center;} 
.follow {font-size: 1.6827rem; }
.follow img{display: block; width:14rem; margin: 0 0 .625rem;}

.footer-statment{padding: 1.6827rem 0;}
.footer-txt p{font-size: 1.6827rem;}

.friend-link{padding-top: 2.5rem; gap: 1.9231rem; font-size: 1.6827rem;  }

/*subpage*/
.Str-Banner{height: 65vw;}
.Str-Banner .showSlogan{ padding-top:7.6924rem;}
.Str-Banner.bgAbout{background-position:center bottom; background-size: 100%;}

.page-side{display: none; }

.about-article h3{ font-size:2.8847rem; }
.about-article p{ font-size: 1.9231rem; }

.cell-4 li{width: 100%;}
.account-jsai dt{font-size: 1.9231rem; }
.account-jsai dd{font-size: 1.9231rem; }

.orgList .title{ font-size:2.8847rem; }
.orgList ul li{width:100%; }
.orgList ul li a{ padding: 1.2rem 1.2rem; font-size: 1.6827rem; }

.page-title{ font-size:2.8847rem; }

.leaderList dt{ font-size: 1.6827rem; width:100%;}  
.leaderList dd ul{gap: 1.8029rem;}
.leaderList dd ul li{width: calc((100% - 1.8029rem)/2); }
.leaderList dd ul li img{ width:4.5rem; height: 4.5rem; border-radius: 1rem;}
.leaderList dd ul li h4{ font-size: 1.6287rem; }
.leaderList dd ul li p{ font-size: 1.6287rem; }

.rulesList{padding-bottom: 4.5rem;}
.rulesList li{width: calc((100% - 2.5rem)/2);}
.rulesLink{ gap:7.5rem; padding:2.5rem; } 
.rulesLink span{font-size: 1.6827rem; }
 
.contactList li .ctxt-1{font-size: 1.6827rem; }
.contactList li .ctxt-2{font-size: 1.6827rem; }

.news-img{width: 36%; padding-top: 24%; }
.news-txt h3{font-size: 1.9231rem; }
.news-txt p{display: none; } 
.news-txt .news-date span{font-size: 1.4423rem; }

.news-link.linkActive .news-img{width:100%; padding-top: 56%;}
.news-link.linkActive .news-more{display: none; } 
.news-link.linkActive .news-txt h3{font-size: 1.9231rem; }


.notice-date{font-size: 1.6827rem; }
.notice-date span{font-size:18px; }
.notice-txt h3{font-size: 18px; }
.notice-txt h3.maxLine-1{white-space:normal;}
.notice-txt p{font-size: 1.6827rem;  } 

.boxList li{width:100%;} 

.partyLink{padding: 1.8029rem; gap: 1.8029rem;}
.partyLink .party-desc{ font-size: 1.6827rem; }
.partyLink .party-title{font-size:1.9231rem; line-height:1.5; height:auto;}
.partyLink .party-date{ font-size: 1.9231rem; }
.partyLink .party-date span{font-size: 1.9231rem; }
.partyLink .party-date label{ font-size: 1.9231rem;}
.partyLink .party-more{font-size:1.6827rem;}

.downLink .txt{ font-size: 1.9231rem; padding-bottom: 1.6827rem; }
.downLink .txt span{ font-size: 1.6827rem; }

.pagination{justify-content: center; padding: 4.5rem 0;}
.pagination a{ min-width:3.5rem; min-height:3.5rem; font-size: 1.4423rem;}

.Str-page{padding: 7.6924rem 0; background-color:white;}
.position{ padding: 2.4rem 0; margin: 0 0 1.2rem;}
.position ul{font-size: 1.6827rem;}


.cell-bar{width: 100%; order: 1;}
.cell-side{width: 100%; order: 2;}
.cell-main{flex:0 1 auto; width: 100%; min-width: 0; order: 0;}
.side-box{position: relative; top:auto; width: 100%; display: flex; align-items: center; justify-content: center; gap: 3.5rem; margin:3.5rem 0;}

.article-main{padding:0; background:none;}

.article-title{margin:0 0 2.4038rem;  }
.article-title .title{font-size:3.125rem; }
.article-title .desc{font-size: 1.6827rem; }
.article-content{font-size:1.9231rem;}
.article-content p{font-size:1.9231rem; }
.article-content h1{font-size:5.2885rem; }
.article-content h2{font-size:4.8077rem; }
.article-content h3{font-size:3.125rem; }
.article-content h4{font-size:2.8846rem; }
.article-content h5{font-size:2.4038rem; }
.article-content h6{font-size:1.9231rem; }

.guide-title .title-num{ font-size:1.9231rem; border-radius:1.4423rem 0 0 1.4423rem; padding:0 1.9231rem; }
.guide-title .title-txt{ padding:.625rem 2.5rem .625rem 1.5rem;  border-radius:0 1.4423rem 1.4423rem 0;}
.guide-title .title-txt .txt-1{font-weight:600; font-size:1.9231rem; line-height:1.4;}
.guide-title .title-txt .txt-2{font-size:1.4423rem; }

.guide-dl dt{font-size:1.9231rem; } 
.guide-dl dd,.guide-dl dd p{font-size:1.9231rem; }
.guide-dl dd img{display:block; max-width:100%; height:auto; margin-top:15px; margin-bottom:15px; border-radius: 1rem;}

.benefitsList .bbox{width:100%; } 
.benefitsList .bbox .bbox-img{width:48px; height:48px;}
.benefitsList .bbox .bbox-txt{flex:1; font-size:1.9231rem;}
.benefitsList .bbox .bbox-txt .txt-name{font-size:1.9231rem; }
.benefitsList .bbox .bbox-txt .txt-desc{font-size:1.6827rem;}


.siderBox{width:100%; padding:0; margin: 0; background:none;}
.siderBox .topTitle{font-size: 1.9231rem; margin: 0 0 1.9231rem;}

.contentList{width:100%;}
.contentList li a{font-size: 1.9231rem;}

.hotList li a::after{ top: 1rem;}
.hotList li a h4{  font-size: 1.9231rem; }
.hotList li a p{ font-size: 1.6827rem;  }

.wxCodeBOX{display: none;}

.likebox{margin: 0;}
.likebox a.favorite{width:7.5rem; height:7.5rem; font-size:2.8847rem;}
.sharebtn{display:none;}


.Str-404 h1{ font-size:6.0096rem; }
.Str-404 h2{font-size:2.8846rem;  }
.Str-404 h3{font-size:2.1634rem;  }

.page-position{padding:2.5rem 0;}
.page-position ul{font-size:1.75rem; }
.page-position ul li{max-width:28rem;}



.tech-img{width:100%;}
.tech-img img{max-width:100%; max-height:240px; }
.tech-txt{flex:0 1 auto; font-size:1.9231rem; } 

.tech-imgs{display:flex; flex-wrap:wrap; gap:1.5rem;}
.tech-imgs .imgs{flex:0 1 auto;}
.tech-imgs .imgs img{display:block; width:100%; border-radius:1rem;}


.sort-box{width:100%; padding:1.25rem; background-color:var(--main-color-lightgray); border-radius:1rem;}
.sort-box h3{font-size:1.9231rem;  }
.sort-box h3 span{ font-size:1.4423rem; }
.tech-sort.sort-4 .sort-box{width:100%; }
.sort-box div{font-size:1.6827rem;  }
.sort-box div strong{font-size:1.9231rem; }
.sort-box i{width:24px; height:24px; font-size:14px; line-height:24px; }
 
.tabs span{ font-size:14px;}
.tech-sort.sort-3 .sort-box{width:100%; }
.tech-sort.sort-3 .sort-box img{width:60px; height:60px;}

.pagination .nav-links{gap:2px;}
.pagination .nav-links a,.pagination .nav-links span{display:flex; min-width:30px; height:30px; font-size:12px; } 
.pagination .nav-links a.prev,.pagination .nav-links a.next{padding-left:12px; padding-right:12px;}


}