html {
  scroll-behavior: smooth;
}
body{
	font-family: "Noto Sans JP", sans-serif;
	margin-top: 78px;
	background: #FFFBE8;
	margin: auto;
}
main{
	padding-top: 120px;
	padding-bottom: 50px;
	transform-origin: top;
	overflow: hidden;
}
a:hover{
	opacity: 0.6;
	color: unset;
}
a{
  color: unset;
  text-decoration: none !important;
}
:target {
  scroll-margin-top: 135px;
}
button{
	background-color: unset;
	border: 0;
}
button:focus {
    outline: none;
    box-shadow: none;
}
button:hover{
	opacity: 0.6;
	color: unset;
}
.navbar-toggler:focus {
    box-shadow: unset !important; 
}
p{
	line-height: 35px;
	color: #666666;
}
header{
	left: 0;
	top: 0;
	position: fixed;
   width: 100%;
  z-index: 99;
  background: #fff;    
}
header .header-icon-1{
	position: absolute;
	right: 9.5%;
	bottom: 30px;
	width: 4%;
}
.sr-only,
.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
#navbarSupportedContent{
	transition: all 0.5s ease;
	width: 100%;
	position: fixed;
	left: 0;
	top: 113px;
	background-color: #FFFBE8;
}
#navbarSupportedContent a{
	text-align: left;
	background-color: #FFD081;
	color: #894000;
	border-radius: 1rem;
	font-size: 14px;
	padding: 10px 25px;
	display: block;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#navbarSupportedContent a:hover{
	background-color: #FFE1AE;
}
#navbarSupportedContent .dropdown-toggle::after{
	display: none;
}
#navbarSupportedContent .dropdown-menu{
	background-color: unset;
	border: 0;
	position: relative !important;
	transform: unset !important;
	margin-top: 10px !important;
}
#navbarSupportedContent .dropdown-menu .dropdown-item{
	margin-bottom: 10px;
}
.index #carouselControls{
	aspect-ratio: 6 / 3;
}

.index #carouselControls img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.no-hover:hover{
	border: 0 !important;
	color: unset !important;
	opacity: 0.6;
}

.opacity-1{
	opacity: 1 !important;
}

.nav-item{
	font-weight: 500;
}

.nav-item .nav-link{
	color: #1E1E1E !important;
}

.nav-item.active .nav-link{
	color: #007F68 !important;
}

#primary-menu{
	background: #fff;
}

.text-color-1{
	color: #B15300 !important;
}
.text-color-2{
	color: #FFBF54;
}
.text-color-3{
	color: #CDA460;
}
.text-color-5{
color: #67BFE9;	
}
.text-color-6{
	color: #CDA460;
}
.text-color-7{
	color: #FB5A72;
}
.text-color-8{
	color: #666666;
}
.text-color-11{
	color: #181F03 !important;
}
.text-color-12{
	color: #0B2D3D !important;
}
.text-color-13{
	color: #5D000E !important;
}
.text-color-14{
	color: #894000 !important;
}
.text-color-yellow{
	color: #ffbf54;
}
.text-color-blue{
	color: #67bfe9;
}
.text-color-green-light{
	color: #666666;
}
.text-color-green-light:hover{
	color: #181F03;
}
.text-color-green{
	color: #96B835;
}
.text-color-pink{
	color: #FB5A72;
}
.border-radius-1{
	border-radius: 15px;
}

.border-radius-2{
	border-radius: 50px;
}

.border-radius-cycle{
	border-radius: 50%;
}

.bg-color-1{
	background-color: #ffeccf;
}
.bg-color-2{
	background-color: #FFF2DF;
}
.bg-color-3{
	background-color: #FFBF54;
}
.bg-color-4{
	background-color: #96b835;
}
.bg-color-5{
	background-color: #FFF3E8;
}
.bg-color-blue{
	background-color: #F0FAFF;
}
.bg-color-blue-2{
	background-color: #E2F5FE;
}
.bg-color-green{
	background-color: #E5EFCC;
}
.bg-color-pink{
	background-color: #FFCFD7;
}
.bg-color-pink-2{
	background-color: #FB5A72;
}
.bg-color-pink-3{
	background-color: #FFEDF0;
}
.time-status{
	position: relative;
}
.time-status:first-child:after{
	position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    content: '';
    border-right: 1px solid #333333;
    height: 70%;
}
.banner-title {
	font-size: 22px;
  font-weight: bold;
  color: #333; /* Dark text color */
  text-decoration: none;
  z-index: 1;
  text-align: center;
}
.banner-title::after {
    content: '';
    display: block;
    width: 50px; /* Underline width */
    height: 3px; /* Underline thickness */
    background-color: #ff9900; /* Underline color */
    margin: 15px auto 0; /* Center underline below text */
}
.blue-banner-title::after {
    background-color: #67BFE9;
}
.green-banner-title::after {
    background-color: #96B835;
}
.pink-banner-title::after {
    background-color: #FB5A72;
}
.list-title-1{
	display: flex;
	align-items: baseline;
	font-size: 24px;
	font-weight: 700;
	padding-top: 5px;
}
.list-title-2{
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
}
.list-title-3{	
  width: fit-content;
  padding: 0 10px;
  position: relative;
}
.list-title-3 .list-title-el{
	position: relative;
  z-index: 10;
  font-size: 25px;
}
.list-title-3:after{
  content: '';
  border-bottom: 12px solid #ffcfd7;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 5px;
  width: 100%;
  z-index: 1;
}
.list-title-3 img{
	width: 50px;
	position: relative;
	left: -25px;
	top: 8px;
}
.list-title-4{
	font-size: 16px;
	position: absolute;
	top: -15px;
	left: 25px;
	width: fit-content;
	background-color: #fb5a72;
	color: #5D000E;
	padding: 5px 20px;
}
.list-title-5{
	background-color: #CDEFFF;
	width: fit-content;
	font-size: 18px;
	padding: 5px 20px;
}
.list-title-6{
	display: flex;
	align-items: baseline;
	font-size: 18px;
	font-weight: 700;
}
svg{
	display: flex;
}
.nav-ul{
	padding: 0;
	margin: 0;
}

.header-top-bar{
	border-bottom: 1px solid #EEE;
	height: 110px;
	transition: all 0.2s ease;
	z-index: 99;
	background-color: #FFFBE8;
}

.header-logo{
	max-width: 65px;
	transition: all 0.5s ease;
}
.header-border-bottom {
  height: 4px;
  width: 100%;
  background: linear-gradient(to right,
    #96B835 0%,
    #96B835 25%,
    #F4BD60 25%,
    #F4BD60 50%,
    #67BFE9 50%,
    #67BFE9 75%,
    #FB5A72 75%,
    #FB5A72 100%
  );
}

.header-btn svg{
	width: 30px;
	height: 30px;
	color: #ffbf54;
	margin: auto;
}

.header-btn span{
	font-size: 14px;
	margin-top: 8px;
	color: #894000;
	text-wrap: nowrap;
}

.header-block-1{
	margin-top: -8px;
}
.header-img-1{
	width: 50px;	
}
.header-img-2{
	bottom: 0;
	left: -9%;
	width: 32px;
}
.header-img-3{
	bottom: 0;
	left: -4.5%;
	width: 32px;
}
.header-img-4{
	bottom: 45%;
	right: -8%;
	width: 32px;
}
.header-img-5{
	bottom: 0;
	right: -4.5%;
	width: 32px;
}
.section-link-btn{
	margin-top: -30px;
	position: relative;
	z-index: 10;
}
.section-title-block{
	z-index: 10;
	margin-bottom: -12px;
}
.rounded-25rem{
	border-radius: 2.5rem !important;
}
.index .go-to-tpsf-class .div-color-block .container{
	background-color: #ffbf5457;
}
.index .go-to-tpsf-class .icon-1{
	position: absolute;
  width: 10%;
  top: 6%;
  left: -1%;
}
.index .go-to-tpsf-class .icon-2{
  position: absolute;
  width: 11%;
  bottom: -4%;
  right: -2%;
}
.index .news-class .div-color-block .container{
	background-color: #E5EFCC;
}
.index .news-class i{
	font-size: 14px;
}
.index .news-class i,
.news-class time
{
	color: #666666;
}
.index .news-class .icon-1{
  position: absolute;
  width: 10%;
  top: -10%;
  left: 3%;
}
.index .ieta-class .div-color-block .container{
	background-color: #E2F5FE;
}
.index .ieta-class .icon-1{
  position: absolute;
  width: 12%;
  top: -18%;
  right: 6%;
}
.index .ieta-class .icon-2{
	position: absolute;
	width: 14%;
	bottom: -2%;
	left: -3%;
}
.index .ie-outcomes-class .row{
	width: 76%;
	margin: auto;
}
.index .ie-outcomes-class .row .ieo-item{
	aspect-ratio: 5 / 4;
}
.index .ie-outcomes-class .row .ieo-item > div{
	background: #FB5A72;
	width: 100%;  
	height: 100%;
}
.index .ie-outcomes-class .row .ieo-item > div > div > img{
	width: 32%;
}
.index .ie-outcomes-class .row .ieo-item > div > div > .img-1{
	width: 24%;
}
.index .ie-outcomes-class .row .ieo-item > div > div > p{
	font-size: 20px;
	margin-bottom: 0;
	margin-top: 20px;
}
.index .ie-outcomes-class .icon-1{
	position: absolute;
	right: 0%;
	top: -15%;
	width: 11%;
}
.index .looking-tw-schools-class .div-color-block .div-block-color-left{
	bottom: -55%;
	left: 0;
	width: 14%;
}
.bottom-other-btn-block{
	margin-top: 40px;
	margin-bottom: 80px;
}
.index .looking-tw-schools-class a{
	background-color: #96b835;
	width: 100%;
	height: 100%;
	font-size: 20px;
}
.index .looking-tw-schools-class .icon-1{
	position: absolute;
	right: 0%;
	top: -67%;
	width: 11%;
}
.index .looking-tw-schools-class .row{
	width: 76%;
	margin: auto;
}
.content-p-1{
	font-size: 20px;
}
.index .background-cover{
	position: absolute;
	width: 95%;
	height: 100%;
	top: 17%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
}
.index .background-cover img{
	object-fit: contain;
}
.index .go-to-tpsf-class .container{
	background-image: url('../images/home-19.svg');
	background-size: cover;
	background-position: center;
}
.index-background{
/*	background-image: url('../images/Frame140189.png');*/
	background-size: cover;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center 150px;
/*	position: absolute;
	width: 100;
	height: 100%;
	left: 0;
	right: 0;*/
}
.sec-block{
	padding-top: 50px;
}
.top-img{
	display: block;
	max-width: 150px;
	margin-bottom: 10px;
}
.btn-beige{
	color: #894000 !important;
	background-color: #FFF2DF;
	padding: 5px 10px;
	border: 0;
}
.btn-yellow{
	color: #894000;
	background-color: #F4BD60;
	padding: 15px 50px;
	border: 0;
}
.btn-yellow-2{
	color: #000 !important;
	background-color: #FFE2B4;
	padding: 15px 50px;
	border: 0;
}
.btn-yellow-3{
	color: #FFBF54;
	background-color: #FFE2B4;
	padding: 15px 50px;
	border: 0;
}
.btn-green{
	color: #181F03;
	background-color: #96B835;
	padding: 15px 50px;
	border: 0;
}
.btn-green-light{
	color: #666666 !important;
	background-color: #D2E89B;
	padding: 15px 50px;
	border: 0;
}
.btn-green-light:hover{
	opacity: 1;
	color: #181F03 !important;
	background-color: #96B835;
}
.btn-blue{
	color: #fff;
	background-color: #67BFE9;
	padding: 15px 50px;
	border: 0;
}
.btn-pink{
	color: #5D000E !important;
	background-color: #FB5A72;
	padding: 15px 50px;
	border: 0;
}
.btn-pink-light{
	color: #5D000E !important;
	background-color: #FFB4BF;
	padding: 15px 50px;
	border: 0;
}
.btn-pink-light:hover{
	background-color: #FB5A72 !important;
	opacity: 1;
}

.yellow-background{
/*	background-image: url('../images/yellow.svg');*/
	background-position: center top;
	background-size: cover;
}
.blue-background{
/*	background-image: url('../images/blue.svg');*/
	background-position: center top;
	background-size: cover;
}
.green-background{
/*	background-image: url('../images/green.svg');*/
	background-position: center top;
	background-size: cover;
}
.pink-background{
/*	background-image: url('../images/red.svg');*/
	background-position: center top;
	background-size: cover;
}
.swiper-navigation{
	pointer-events: none;
}

.swiper-navigation a{
	pointer-events: auto;
}

.swiper-navigation img{
	width: 25px;
	height: 25px;
	margin: 0 20px;
}

.swiper-navigation svg:hover{
	color: #FFC43C;
	border: 1px solid #FFC43C;
}

.swiper-nan-a:hover{
	opacity: 1 !important;
}

.swiper-style-1 .swiper{
	margin: 0 50px !important;
}

.swiper-style-1 .swiper-pagination{
	position: relative !important;
	padding-top: 15px !important;
}

.swiper-style-1 .swiper-pagination-bullet-active {
    background: #A9A9A9 !important;
}

.swiper-navigation-style-1{
	justify-content: space-between;
  width: 100%;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.swiper-navigation.swiper-navigation-style-1.blue i{
	color: #67BFE9;
	font-size: 35px;
}
.swiper-navigation.swiper-navigation-style-1.blue i:hover{
	opacity: 0.6;
}
.swiper-navigation.swiper-navigation-style-1.green i{
	color: #96B835;
	font-size: 35px;
}
.swiper-navigation.swiper-navigation-style-1.green i:hover{
	opacity: 0.6;
}
.swiper-navigation.swiper-navigation-style-1 svg{
	color: #000;
	border: 1px solid #EEE;
	border-radius: 50px;
	width: 45px;
	height: 45px;
	padding: 7px;
	background: #fff;
}

.swiper-navigation.swiper-navigation-style-1 svg:hover{
	background: #FDCF00;
	color: #fff;
}

.swiper-style-2 .swiper{
	padding: 25px 15px;
	margin: 0 50px !important;
}

.swiper-navigation-style-2{
	justify-content: space-between;
  width: 100%;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.swiper-style-2 .swiper-pagination-bullet-active {
    background: #A9A9A9 !important;
}

.swiper-navigation.swiper-navigation-style-2 svg{
	color: #000;
	border: 1px solid #EEE;
	border-radius: 50px;
	width: 45px;
	height: 45px;
	padding: 7px;
	background: #fff;
}

.swiper-navigation.swiper-navigation-style-2 svg:hover{
	background: #FDCF00;
	color: #fff;
}

.swiper-navigation-style-3{
	justify-content: space-between;
	width: 90%;
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	margin: auto;
	right: 0;
}

.swiper-navigation-style-3 a:hover{
	color: #fff !important;
	opacity: 0.6 !important;
}

.swiper-navigation.swiper-navigation-style-3 svg{
	width: 35px;
	height: 35px;
	padding: 7px;
}

.swiper-navigation.swiper-navigation-style-3 svg:hover{
/*	color: #000;*/
	border: unset;	
}

.swiper-pagination-0{
	pointer-events: none;
	z-index: 10;
	text-align: center;
	bottom: 3%;
}

.swiper-pagination-0 span{
  pointer-events: auto;
}

.swiper-pagination-0 .swiper-pagination-bullet-active {
    background: #007f68;
}

.multiline-ellipsis-clamp-1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiline-ellipsis-clamp-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiline-ellipsis-clamp-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.doctor-block{
	position: absolute;
	top: 0px;
	left: 0px;
	width: fit-content;
	border-bottom-right-radius: .25rem;
}

.text-tag{
	float: left;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	
}

.view-more{
	display: flex;
	align-items: center;
	transition: transform 0.3s ease;
}

.view-more:hover{
	transform: translateX(10px);
}

.category-block{
	position: absolute;
	top: 15px;
	left: 15px;
	width: fit-content;
	z-index: 10;
}

.articles-cover-aspect-ratio-1-1{
	aspect-ratio: 1 / 1;
}
.articles-cover-aspect-ratio-2-1{
	aspect-ratio: 2 / 1;
}
.articles-cover-aspect-ratio-3-2{
	aspect-ratio: 3 / 2;
}
.articles-cover-aspect-ratio-4-3{
	aspect-ratio: 4 / 3;
}
.articles-cover-aspect-ratio-5-3{
	aspect-ratio: 5 / 3;
}
.articles-cover-aspect-ratio-5-4{
	aspect-ratio: 5 / 4;
}
.articles-cover-aspect-ratio-6-3{
	aspect-ratio: 6 / 3;
}

.articles-cover-aspect-ratio-6-4{
	aspect-ratio: 6 / 4;
}
.articles-cover-aspect-ratio-7-3{
	aspect-ratio: 7 / 3;
}
.articles-cover-aspect-ratio-8-5{
	aspect-ratio: 8 / 5;
}
.articles-cover-aspect-ratio-4-6{
	aspect-ratio: 4 / 6;
}
.articles-cover-aspect-ratio-10-6{
	aspect-ratio: 10 / 6;
}

.btn-submit{
	background: #FFC43C;
	padding: 10px 50px;
}

.hash-tag{
  font-size: 14px;
  background-color: #f4bd60;
  padding: 0px 15px;
  border-radius: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  color: #894000;
}

.search{
	height: 30px;
}

.search::placeholder{
	font-size: 14px;
}

#sub-search{
	max-width: 180px;
}

#sub-search::placeholder{
	font-size: 14px;
}

.search-block input{
	padding: 0 0;
}

.search-block input::-webkit-input-placeholder{
	color: #000;
	text-align: right;
	font-size: 14px;
	font-weight: 600;
}
.form-1{
	max-width: 600px;
}
.menu-btn{
	border-radius: 50% !important;
	width: 45px;
	height: 45px;
	background-color: #ffbf54 !important;
	aspect-ratio: 1 / 1;
}
.hamburger {
    cursor: pointer;
    margin: auto;
}
.hamburger.active{
	margin-top: -1px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger .line {
	display: block;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #894000;
    margin-bottom: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#hamburger-1 .line:nth-child(1) {
	margin-top: 6px;
}
#hamburger-1.active .line:nth-child(1) {
  transform: translateY(12px) rotate(-45deg);
}
#hamburger-1.active .line:nth-child(2) {
  opacity: 0;
}
#hamburger-1.active .line:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
}
#hamburger-1.active .line{
	margin-bottom: 10px;
}
.fixed-btn{
	z-index: 30;
	right: 15px;
	bottom: 10%;
}
.fixed-btn a:hover{
	opacity: 0.95 !important;
}
.gotop{
	width: 38px;
	height: 38px;
	background: #F4BD60;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	border: 1px solid #fffbe8;
}
.gotop i{
	padding: 5px 0 6px 2px;
}
.contact-line{
	background: linear-gradient(180deg, #7FD478 0%, #1D881E 100%);
	width: 38px;
}
.contact-line img{
	margin-left: 1px;
	width: 15px;
}
.contact-form{
	font-weight: 500;
	color: #389785;
	border: 2px solid #389785;
	background: #fff;
	width: 38px;
}
.nav-link .contact-form:hover{
		color: #fff;
		background: #389785;
}
.contact-form img{
	margin-left: 3px;
	width: 15px;
}
.contact-phone{
	background: rgba(253, 207, 0, 1);
}
.contact-phone img{
	width: 15px;
}
.about .div-1{
	width: 100px;
}
.about .div-2{
	flex: 1;
}
.post-theme-1 .div-1{
	top: 30%;
	z-index: -1;
}
.post-theme-2 .div-1{
	top: 60%;
	z-index: -1;
}
.post-theme-3 .table-evaluate th{
	color: #fff;
}
.post-theme-3 .table-evaluate td{
	font-weight: 600;
}
.post-theme-3 .div-1{
	top: 60%;
	z-index: -1;
}
.post-theme-4 .div-1{
	top: 25%;
	z-index: -1;
}
.post-theme-5 .div-1{
	top: 60%;
}
.post-theme-6 .div-1{
	bottom: -45%;
	z-index: -1;
}
.post-theme-7 .div-1{
	bottom: 0;
	z-index: -1;
}
.post-theme-7 .div-2{
	max-width: 180px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
}
.post-theme-7 .text-1{
	min-height: 96px;
}
.post-theme-8 .div-1{
	bottom: 0;
	z-index: -1;
}
.page-banner{
	position: relative;
	z-index: 10;
	height: 220px;
	background: linear-gradient(90.9deg, #009C74 0%, #BDD869 100%);
}
.page-banner .icon:nth-child(1){
	width: 12%;
	left: 0;
	top: -7%;
	opacity: 0.2;
}
.page-banner .icon:nth-child(2){
	width: 4%;
    left: 13%;
    top: 40%;
    opacity: 0.2;
}
.page-banner .icon:nth-child(3){
	width: 7%;
	left: 8%;
	top: 68%;
	opacity: 0.2;
}
.pagenumber-block{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagenumber-nav{
	border-radius: 50%;
	margin: 0 5px;
	border: 1px solid rgba(184, 184, 184, 1);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	transition: background-color 0.1s ease;
}
.pagenumber-block a:hover .pagenumber-nav{
	background-color: #007F68;
	color: #fff !important;
}
.post-content h2{
	font-size: 24px;
	font-weight: 600;
}
.post-content h3{
	font-size: 20px;
	font-weight: 600;
}
.post-content h4{
	font-size: 18px;
	font-size: 500;
}
.post-content p{
	color: #555555;
}
.post-share-icon{
	display: flex;
	align-items: center;
}
.post-share-icon .psi-block:first-child{
	padding-left: 0px;
}
.post-share-icon .psi-block{
	padding-left: 10px;
}
.post-share-icon .psi-block img{
	width: 25px;
}
.post-share-icon .psi-block a{
	color: unset !important;
}
.btn-backpage{
	width: 200px;
}
.bg-line{
	background: #57BC39;
}
.bg-facebook{
	background: #1877F2;
}
.bg-sharelink{
	background: #FFC43C;
}
.person-profile .row::-webkit-scrollbar {
  width: 30px; /* 捲軸寬度 */
}
.person-profile .row::-webkit-scrollbar {
  width: 5px; /* 捲軸寬度 */
}

/* 捲軸的背景 */
.person-profile .row::-webkit-scrollbar-track {
  background: #f1f1f1; /* 捲軸背景顏色 */
}

/* 滾動的部分 */
.person-profile .row::-webkit-scrollbar-thumb {
  background: #d1d1d1; /* 滾動條顏色 */
  border-radius: 5px; /* 圓角 */
}

/* 滾動條懸停時的顏色 */
.person-profile .row::-webkit-scrollbar-thumb:hover {
  background: #f1f1f1; /* 懸停顏色 */
}
.team-list-bullet-block{
	padding: 0 50px !important;
}
.team-list-bullet-block div{
	width: 50px;
	height: 50px;
	margin: 25px 10px !important;
}
.team-list .swiper .card{
	height: 400px;
}
.team-list-bullet-block img{
	border-radius: 50%;
}
.team-list .person-profile{
	height: 100%;
}
.about .icon-2{
	width: 45px;
	height: 45px;
	margin-right: 10px;
}
.about .icon-2:hover{
	color: #fff !important;
	background: #007F68;
}
.about .facebook-icon:hover{
	color: #fff !important;
	background: #176ddf !important;
}
.about .icon-2 a:hover{
	color: #fff !important;
	opacity: 1;
}
.contact-line-block:hover{
	opacity: 0.95 !important;
}
.search-container{
	padding: 3rem;
}
.section-title-block h2 {
    font-size: 24px;
    margin-bottom: 0 !important;
}
footer .img-1{
	width: 50px;	
}
footer .img-2{
	bottom: 28px;
	width: 64px;
	left: 15%;
}
footer .img-3{
	bottom: 0;
	width: 38px;
	right: 17%;
}
footer .img-4{
	bottom: 0;
  width: 27px;
  right: 15%;
}
footer .submenu{
	padding-left: 16px;
}
footer .footer-block-1{
	margin-bottom: -50px;
}
footer .footer-block-2{
	background-repeat: no-repeat;
	background-size: cover;
}
footer .text-block{
	padding-top: 110px;
	padding-bottom: 15px;
	color: #956325;
}
footer .copyright{
	font-size: 14px;
}
table th{
	vertical-align: middle !important;
}
table td{
	vertical-align: middle;
}
.link-style-yellow{
	margin: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.link-style-yellow a{
	font-size: 18px;
	border-radius: 15rem;
	background: #FFEFD5;
  padding: 15px 20px;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.link-style-yellow a:hover{
	background: #FFBF54;
	color: #894000;
	opacity: 1;
}
.link-style-blue{
	margin: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.link-style-blue a{
	text-align: center;
	font-size: 18px;
	border-radius: 15rem;
	background: #E2F5FE;
  padding: 5px 20px;
  margin: 10px 10px;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-wrap: nowrap;
}
.link-style-blue a:hover{
	background: #67BFE9;
	color: #0B2D3D;
	opacity: 1;
}
.link-style-green{
	margin: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.link-style-green a{
	text-align: center;
	font-size: 18px;
	border-radius: 15rem;
	background: #E2F2BB;
  padding: 5px 20px;
  margin: 10px 10px;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-wrap: nowrap;
}
.link-style-green a:hover{
	background: #96B835;
	color: #181F03;
	opacity: 1;
}
.link-style-pink{
	margin: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.link-style-pink a{
	text-align: center;
	font-size: 18px;
	border-radius: 15rem;
	background: #FFC3CD;
  padding: 15px 20px;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.link-style-pink a:hover{
	background: #FB5A72;
	color: #5D000E;
	opacity: 1;
}
.link-style-pink .active{
	background: #FB5A72;
	color: #5D000E;
}
.section-yellow-title{
	background-image: url('../images/faq_applying-for-school-membership.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
  padding: 10px 75px;
  z-index: 10;
}
.section-yellow-title-2{
	background-image: url('../images/how-tpsf-functions.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
  padding: 10px 75px;
  z-index: 10;
}
.section-yellow-title-3{
	background-image: url('../images/go-to-tpsf_looking-for-taiwan-school-partners.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
  padding: 10px 75px;
  z-index: 10;
}
.section-yellow-title-mb-style-1{
	margin-bottom: -32px;
}
.section-yellow-title-mb-style-2{
    margin-bottom: -70px;
}
.other-btn{
  width: 100%;
  height: 100%;
  padding: 50px 0;
}
.search-form-yellow-title{
  background: #ffbf54;
  width: 95%;
  padding: 15px 15px;
  z-index: 10;
  border-radius: 15rem;
  display: flex;
	align-items: center;
}
.search-form-yellow-title-2{
  background: #ffbf54;
  width: 95%;
  padding: 15px 15px;
  z-index: 10;
  border-radius: 15rem;
  display: flex;
	align-items: center;
}
.select-style-yellow {
	padding: 8px 15px;
	border: 0;
	border-radius: 15rem;
	background-size: 1em 1em;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDI2NzIgMTAuMjA5NEM4LjE1NDUzIDEwLjkzMzkgOS4zMzEwNyAxMC45MzM5IDEwLjA1ODkgMTAuMjA5NEwxNi4zNzcgMy45MTk3QzE3LjU1NjIgMi43NDU3NyAxNi43MjQ4IDAuNzMyMjY0IDE1LjA2MDkgMC43MzIyNjRIMi40MjQ3MUMwLjc2MDc3MSAwLjczMjI2NCAtMC4wNzA1OTE5IDIuNzQ1NzcgMS4xMDg2NCAzLjkxOTdMNy40MjY3MiAxMC4yMDk0WiIgZmlsbD0iI0Y0QkQ2MCIvPgo8L3N2Zz4=");
}
.select-style-pink {
	padding: 8px 15px;
	border: 0;
	border-radius: 15rem;
	background-size: 1em 1em;
	background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkI1QTcyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTguMDAyIDExLjQzMmMtLjI1NSAwLS40OTgtLjEyLS42NTktLjMyTDIuMjAzIDQuODc1Yy0uMy0uMzgtLjA0Mi0uOTM4LjY1OS0uOTM4aDExLjI4Yy42OTggMCAuOTU5LjU1OC42NTkuOTM4bC01LjEzOCA2LjIzN2EyLjA0IDIuMDQgMCAwIDEtLjY1OS4zMnoiLz48L3N2Zz4=");
}
.input-style-1{
	padding: 8px 15px;
	border-radius: 15rem;
	border: 0;
	color: #A1A1A1;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 97% center;
}
.table-style-1 thead{
	background-color: #FFBF54;
	color: #894000;
	font-weight: 400;
}
.table-style-1 thead th{
	font-weight: 400;
	padding: 15px;
	text-wrap: nowrap;
}
.table-style-1 td{
	padding: 30px;
}
.table-style-1>:not(:last-child)>:last-child>* {
    border-bottom-color: #fff;
}
.external-link-icon{
	font-size: 20px;
	display: block;
	text-align: center;
}
.table-style-2 thead{
	font-weight: 900;
}
.table-style-2 thead th{
	padding: 15px;
	text-wrap: nowrap;
	border-bottom: 0;
	font-size: 20px;
}
.table-style-2 td{
	font-size: 18px;
	padding: 30px;
	border-bottom: 1px dashed #218CBF !important;
}
.table-style-yellow td{
	font-size: 16px;
	padding: 30px;
	border-bottom: 1px dashed #FFBF54 !important;
}
.table-style-yellow tr td:first-child {
	width: 90%;
}
.table-contact-icon{
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  color: #894000;
  font-size: 12px;
  padding: 20px;
  margin-right: 10px;
  line-height: 15px;
  background-color: #f6bf54;
}
.table-contact-icon img{
	display: block;
	margin: auto;
	width: 22px;
}
.table-contact-icon-green{
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-align: center;
	color: #181F03;
	font-size: 12px;
	padding: 20px;
	margin-right: 10px;
	line-height: 15px;
	background-color: #96B836;
}
.table-contact-icon-green img{
	display: block;
	margin: auto;
	width: 22px;
}
.table-contact-icon:hover{
	background-color: #FFBF54;
}
.yellow-page-navigation a{
	background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #894000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: #894000 !important;
  margin: 0 5px;
  aspect-ratio: 1 / 1;
}
.yellow-page-navigation a.active{
	color: #fff !important;
	background-color: #894000;
}
.green-page-navigation a{
	background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #181F03;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: #181F03 !important;
  margin: 0 5px;
  aspect-ratio: 1 / 1;
}
.green-page-navigation a.active{
	color: #fff !important;
	background-color: #181F03;
}

.yellow-banner-background{
	background-image: url('../images/20250623-title-bg.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 85%;
}
.blue-banner-background{
	background-image: url('../images/Frame140199.webp');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 85%;
}
.green-banner-background{
	background-image: url('../images/Frame140198.webp');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 85%;
}
.magnifier-1{
	position: absolute;
	right: -3%;
	bottom: 35px;
	width: 8%;
}
.book-1{
	position: absolute;
	left: -1%;
	bottom: 155px;
	width: 8%;
}
.faq-list-header{
	padding-top: 30px !important;
}
.taiwan-map .taiwan-block path{
	pointer-events: visiblePainted;
}
.taiwan-map .city-show.active{
	pointer-events: none;
	opacity: 1;
}
.taiwan-map .point{
	height: 30px;
	position: absolute;
	transition: opacity 0.3s ease;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	cursor: pointer;
}
.taiwan-map .point.active{
	pointer-events: none;
	opacity: 1;
}
.taiwan-map .about{
	position: absolute;
	z-index: 10;
	transition: opacity 0.3s ease;
	opacity: 0;
	pointer-events: none;
}
.taiwan-map span{
	pointer-events: none;
	display: block;
}
.taiwan-map .about.active{
	opacity: 1;
}
.taiwan-map .about.left p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	padding-right: 8px;
	font-weight: 700;
	color: #fff;
	z-index: 10;
	line-height: 20px;
}
.taiwan-map .about.right p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	padding-left: 8px;
	font-weight: 700;
	color: #fff;
	z-index: 10;
	line-height: 20px;
}
.taiwan-map .point{
	pointer-events: none;
	z-index: 10;
}
.taiwan-map .city-show{
	cursor: pointer;
	transition: opacity 0.3s ease;
	opacity: 0;
}
.taiwan-map .city-show:hover{
	opacity: 1;
}
.taiwan-map .point:hover{
	opacity: 1;
}
.taiwan-map .keelung-city{
	top: 4.7%;
	left: 86.5%;
	position: absolute;
	width: 6.4%;
	z-index: 10;
}
.taiwan-map .keelung-city .point{
	top: -20px;
}
.taiwan-map .keelung-city .about{
	width: 100px;
	left: -105px;
	top: -39px;
}
.taiwan-map .new-taipei-city{
	top: 1%;
	left: 73.5%;
	position: absolute;
	width: 26.5%;
}
.taiwan-map .new-taipei-city .point{
	top: 20px;
	left: 39px;
}
.taiwan-map .new-taipei-city .about{
	width: 100px;
	left: -88px;
	top: 6px;
}
.taiwan-map .taipei-city{
	top: 4%;
	left: 79.8%;
	position: absolute;
	width: 7.5%;
	z-index: 10;
}
.taiwan-map .taipei-city .point{
  top: -13px;
  left: 5px;
}
.taiwan-map .taipei-city .about{
	width: 100px;
	left: -93px;
	top: -16px;
}
.taiwan-map .taoyuan-city{
	top: 6.4%;
  left: 63%;
  position: absolute;
  width: 18%;
}
.taiwan-map .taoyuan-city .point{
	top: 10px;
	left: 27px;
}
.taiwan-map .taoyuan-city .about{
	width: 100px;
	left: -105px;
	top: -29px;
}
.taiwan-map .taichung-city{
	top: 25.8%;
	left: 45%;
	position: absolute;
	width: 35.1%;
}
.taiwan-map .taichung-city .point{
	top: 21px;
	left: 31px;
}
.taiwan-map .taichung-city .about{
  width: 100px;
  left: -100px;
  top: -17px;
}
.taiwan-map .miaoli-county{
	top: 17.6%;
	left: 50.4%;
	position: absolute;
	width: 23%;
}
.taiwan-map .miaoli-county .point{
	top: 16px;
	left: 34px;
}
.taiwan-map .miaoli-county .about{
	width: 100px;
	left: -94px;
	top: -22px;
}
.taiwan-map .hsinchu-county{
	top: 11.2%;
	left: 60.5%;
	position: absolute;
	width: 18%;
}
.taiwan-map .hsinchu-county .point{
	top: 16px;
	left: 29px;
}
.taiwan-map .hsinchu-county .about{
	width: 100px;
	left: -97px;
	top: -14px;
}
.taiwan-map .hsinchu-county-2{
	top: 14%;
	left: 60%;
	position: absolute;
	width: 4.9%;
}
.taiwan-map .hsinchu-county-2 .point{
	top: -15px;
	left: -4px;
}
.taiwan-map .hsinchu-county-2 .about{
	width: 100px;
	left: -99px;
	top: -2px;
}

.taiwan-map .penghu-county{
	top: 45.5%;
	left: 15.6%;
	position: absolute;
	width: 8.5%;
}
.taiwan-map .penghu-county .point{
	top: -9px;
	left: 30px;
}
.taiwan-map .penghu-county .about{
	width: 100px;
	left: -99px;
	top: -19px;
}
.taiwan-map .penghu-county .about.right p {
    position: absolute;
    top: 50%;
    left: 42.5%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    padding-left: 8px;
    font-weight: 700;
    color: #fff;
    z-index: 10;
    line-height: 20px;
}
.taiwan-map .yunlin-county{
	top: 43.2%;
  left: 32.1%;
  position: absolute;
  width: 22.5%;
}
.taiwan-map .yunlin-county .point{
	top: 0px;
	left: 25px;
}
.taiwan-map .yunlin-county .about{
	width: 100px;
	left: -99px;
	top: -19px;
}
.taiwan-map .tainan-city{
  top: 55.6%;
  left: 28.9%;
  position: absolute;
  width: 22.8%;
}
.taiwan-map .tainan-city .point{
	top: 27px;
	left: 38px;
}
.taiwan-map .tainan-city .about{
	width: 100px;
	left: -100px;
	top: 5px;
}
.taiwan-map .nantou-county{
	top: 31.6%;
	left: 49.8%;
	position: absolute;
	width: 27%;
}
.taiwan-map .nantou-county .point{
	top: 55px;
	left: 50px;
}
.taiwan-map .nantou-county .about{
  width: 100px;
  left: -99px;
  top: 35px;
}
.taiwan-map .taitung-city{
	top: 54.9%;
	left: 54%;
	position: absolute;
	width: 27.9%;
}
.taiwan-map .taitung-city .point{
	top: 29%;
	left: 32%;
}
.taiwan-map .taitung-city .about{
	width: 100px;
	left: 83px;
	top: 83px;
}
.taiwan-map .taitung-city .about img{
	transform: scaleX(-1);
}
.taiwan-map .changhua-county{
  top: 33.2%;
  left: 36.4%;
  position: absolute;
  width: 16.3%;
}
.taiwan-map .changhua-county .point{
	top: 16px;
	left: 29px;
}
.taiwan-map .changhua-county .about{
	width: 100px;
	left: -89px;
	top: -7px;
}
.taiwan-map .kaohsiung-city{
	top: 54.2%;
	left: 33.4%;
	position: absolute;
	width: 32.3%;
}
.taiwan-map .kaohsiung-city .point{
	top: 50px;
	left: 75px;
}
.taiwan-map .kaohsiung-city .about{
	width: 100px;
	left: -89px;
	top: 94px;
}
.taiwan-map .pingtung-county{
	top: 70.2%;
	left: 41.8%;
	position: absolute;
	width: 19.3%;
}
.taiwan-map .pingtung-county .point{
	top: 16px;
	left: 29px;
}
.taiwan-map .pingtung-county .about{
	width: 100px;
	left: -89px;
	top: 94px;
}
.taiwan-map .chiayi-county{
	top: 49.2%;
	left: 31.4%;
	position: absolute;
	width: 30.3%;
}
.taiwan-map .chiayi-county .point{
	top: 9px;
	left: 82px;
}
.taiwan-map .chiayi-county .about{
	width: 100px;
	left: -99px;
	top: -7px;
}
.taiwan-map .chiayi-city{
	top: 52.4%;
  left: 41.4%;
  position: absolute;
  width: 5%;
}
.taiwan-map .chiayi-city .point{
	top: -26px;
	left: 1px;
}
.taiwan-map .chiayi-city .about{
	width: 100px;
	left: -99px;
	top: -35px;
}
.taiwan-map .pingtung-county{
	top: 70.2%;
  left: 41.5%;
  position: absolute;
  width: 19.3%;
}
.taiwan-map .pingtung-county .point{
	top: 16px;
	left: 29px;
}
.taiwan-map .pingtung-county .about{
	width: 100px;
	left: -75px;
	top: 70px;
}
.taiwan-map .hualien-county{
	top: 27.8%;
	left: 62.7%;
	position: absolute;
	width: 29.3%;
}
.taiwan-map .hualien-county .point{
	top: 66px;
	left: 62px;
}
.taiwan-map .hualien-county .about{
	width: 100px;
	right: -80px;
	top: 53px;
}
.taiwan-map .hualien-county .about img{
	transform: scaleX(-1);
}
.taiwan-map .yilan-county{
	top: 10.2%;
	left: 75.0%;
	position: absolute;
	width: 23.3%;
}
.taiwan-map .yilan-county .point{
	top: 54px;
	left: 41px;
}
.taiwan-map .yilan-county .about{
	width: 100px;
	right: -88px;
	top: 25px;
}
.taiwan-map .yilan-county .about img{
	transform: scaleX(-1);
}
.taiwan-map .lienchiang-county{
	top: 0.2%;
	left: 33.5%;
	position: absolute;
	width: 30.5%;
}
.taiwan-map .lienchiang-county .point{
	top: 16px;
	left: 29px;
}
.taiwan-map .lienchiang-county .about{
	width: 130px;
	left: 24px;
	top: 10px;
}
.taiwan-map .lienchiang-county .about img{
	transform: scaleX(-1);
}
.taiwan-map .kinmen-county{
	top: 30.2%;
	left: -0.3%;
	position: absolute;
	width: 16%;
}
.taiwan-map .kinmen-county .point{
	top: -9px;
	left: 30px;
	z-index: 10;
}
.taiwan-map .kinmen-county .about{
	width: 100px;
	right: -104px;
	top: -21px;
}
.taiwan-map .kinmen-county .about img{
	transform: scaleX(-1);
}
.taiwan-right-block a{
	width: 80%;
	margin: auto;
	position: relative;
	padding-left: 25px;
	font-size: 20px;
	line-height: 30px;
	margin-top: 40px;
}
.taiwan-right-block .green{
	background-image: url('../images/home-f-01.svg');
	background-size: 90%;
	background-position: bottom;
	background-repeat: no-repeat;
	border-top-right-radius: 2.5rem;
	background-color: #D9ECD6;
}
.taiwan-right-block .pink{
	background-image: url('../images/home-f-02.svg');
	background-size: 90%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #FFCFD7;
}
.taiwan-right-block .yellow{
	background-image: url('../images/home-f-03.svg');
	background-size: 40%;
	background-position: bottom;
	background-repeat: no-repeat;
	border-bottom-right-radius: 2.5rem;
	background-color: #F8E6C5;
}
.taiwan-right-block .green a:before{
	background-color: #96b835; 
	content: "";
	position: absolute;
	left: 0;
	width: 5px;       
	border-radius: 5px;
	height: 50px;
}
.taiwan-right-block .pink a:before{
	background-color: #FB5A72; 
	content: "";
	position: absolute;
	left: 0;
	width: 5px;       
	border-radius: 5px;
	height: 50px;
}
.taiwan-right-block .yellow a:before{
	background-color: #FFBF54; 
	content: "";
	position: absolute;
	left: 0;
	width: 5px;       
	border-radius: 5px;
	height: 50px;
}
.taiwan-map-content{
	aspect-ratio: 5 / 4;
	border-top-left-radius: 2.5rem;
	border-bottom-left-radius: 2.5rem;
}
.taiwan-map .icon-1{
	position: absolute;
	width: 15%;
	bottom: -33px;
}
.taiwan-map .icon-2{
	position: absolute;
	width: 10%;
	bottom: -5.3%;
	left: 26%;
	z-index: 10;
}
.taiwan-map .icon-3{
	position: absolute;
	width: 12%;
	top: 45%;
	left: -5%;
}
.taiwan-map .icon-4{
	position: absolute;
	width: 17%;
	top: -1%;
	left: 10%;
}
.taiwan-map .icon-5{
	position: absolute;
	top: 10%;
	left: 3%;
	width: 10%;
}
.taiwan-map .icon-6{
  position: absolute;
  top: 19%;
  left: -2%;
  width: 22%;
  z-index: 10;
}
.taiwan-map .icon-7{
  position: absolute;
  top: 19%;
  left: 7%;
  width: 13%;
}
.taiwan-map .icon-8{
	position: absolute;
  top: 27%;
  width: 25%;
  left: 0%;
}
.taiwan-map .icon-9{
	position: absolute;
  bottom: -1.3%;
  right: 6%;
  width: 24%;
}
.taiwan-map .icon-10{
	position: absolute;
	top: 45%;
	left: -6%;
	width: 30%;	
}
.taiwan-map .icon-10 span{
	transition: all 0.3s ease;
}
.taiwan-map .icon-10:hover{
	opacity: 1;
}
.taiwan-map .icon-10:hover span{
	width: 80% !important;
}
#search-block{
	display: none;
}
.form-btn-style-1{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	border: 0;
}
.form-check-input{
  margin-top: 7px;
	border-radius: 50% !important;
	border: 0;
}
.form-check-input:checked{
	background-color: #ffbf54;
	border-color: #ffbf54;
}
#login-modal{
	padding-top: 60px;
}
#login-modal label{
	font-size: 14px;
}
#login-modal .modal-header{
	margin-top: -60px;
}
#login-modal .modal-header h5{
	font-size: 28px;
	padding: 12px 0;
}
#login-modal .close-modal-btn{
	margin-top: -40px;
}
#login-modal .modal-title{
	background-image: url('../images/home-title-1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  text-align: center;
  background-position: center;
  padding-bottom: 20px;
}
#sign-up-modal{
	padding-top: 60px;
}
#sign-up-modal .form-label{
	font-size: 14px;
	vertical-align: middle;
	display: flex;
	align-items: center;
}
#sign-up-modal .form-check-label{
	font-size: 14px;
	padding-left: 5px;
}
#sign-up-modal .form-label i{
	letter-spacing: -5px;
}
#sign-up-modal .modal-header{
	margin-top: -60px;
}
#sign-up-modal .modal-header h5{
	font-size: 28px;
	padding: 12px 0;
}
#sign-up-modal .close-modal-btn{
	margin-top: -40px;
}
#guideLocationModal{
	padding-top: 60px;
}
#guideLocationModal label{
	font-size: 14px;
}
#guideLocationModal .modal-header{
	margin-top: -60px;
}
#guideLocationModal .modal-header h5{
	font-size: 28px;
	padding: 12px 0;
}
#guideLocationModal .close-modal-btn{
	margin-top: -40px;
}
#guideLocationModal .modal-title{
	background-image: url('../images/home-title-1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  text-align: center;
  background-position: center;
  padding-bottom: 20px;
}
.homeModal .modal-title{
    background-image: url('../images/home-title-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    background-position: center;
    padding-bottom: 20px;
}
.homeModal{
    padding-top: 60px;
}
.homeModal label{
    font-size: 14px;
}
.homeModal .modal-header{
    margin-top: -60px;
}
.homeModal .modal-header h5{
    font-size: 28px;
    padding: 12px 0;
}
.homeModal .close-modal-btn{
    margin-top: -40px;
}
#sign-up-modal .modal-title{
	background-image: url('../images/home-title-1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  text-align: center;
  background-position: center;
  padding-bottom: 20px;
}
.signup-step{
	display: none;
}
#step-2-no-block{
	display: none;
}
.border-style-1{
	border-bottom: 1px dashed #FFBF54;
}
.border-style-pink{
	border-bottom: 1px dashed #fb5a72;
}
.border-style-blue{
	border-bottom: 1px dashed #67bfe9;
}
#hashTag-block-1,
#hashTag-block-2{
	display: none;
}
.notice-text-1{
	font-size: 18px;
}
.notice-light{
	width: 100px;
}
.notice-light img{
	width: 50%;
}

.result-container{
	padding: 3rem;
}
.progress-container {
    padding: 30px 0px;
    text-align: center;
}
.progress-container .progress-bar-steps {
    display: flex;
    justify-content: space-between; 
    align-items: start;
    margin: 30px auto;
    width: 100%;
}
.progress-container .step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
}
.progress-container .step-text {
    font-size: 16px;
    font-weight: bold; 
    margin-bottom: 15px;
    white-space: nowrap;
    color: #894000;
}
.progress-container .step-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%; 
    z-index: 10;
}
.progress-container .step-item:not(:first-child)::before {
	content: '';
  position: absolute;
  top: 45px;
  right: 50%;
  width: 100%;
  height: 4px;
  transform: translateY(50%);
  z-index: 1;
  background-color: #e0e0e0;
}
.progress-container .step-item p{
	position: relative;
	margin: auto;
	left: 0;
	right: 0;
	top: 15px;
	font-size: 14px;
	line-height: 22px;
}
.progress-container .step-item .step-dot {
	position: relative;
	background-color: #e0e0e0;
}
.progress-container .step-item.active .step-dot{
	background-color: #ffc107;
}
.progress-container .step-item.active:not(:first-child)::before{
	background-color: #ffc107;
}
#signup-notice .light-icon{
	width: 100px;
}
.site-title{
	font-size: 22px;
}
.site-title span{
  font-size: 16px;
}
.site-sub-title{
	font-size: 16px;
}
.footer-block-2{
	background-position: top;
	background-image: url('../images/footer-3.svg');
}
.{
	width: 250px;
}
.{
	width: 700px;
}
.{
	width: 620px;
}
.yellow-title-1{
	transform-style: preserve-3d;
	color: #fff;
	background-color: #ffbf54;
	text-wrap: nowrap;
	padding: 10px 30px;
	text-align: center;
}
.yellow-title-1::before{
		content: '';
    background-image: url(../images/yellow-left.svg);
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 12px;
    left: -25px;
    width: 35px;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateZ(-1px);
}
.yellow-title-1::after{
		content: '';
		background-image: url('../images/yellow-right.svg');
		background-size: contain;
		background-position: center;
		position: absolute;
		top: 12px;
		right: -25px;
		width: 35px;
		height: 100%;
		background-repeat: no-repeat;
		z-index: -1;
		transform: translateZ(-1px);
}
.green-title-1{
	transform-style: preserve-3d;
	color: #fff;
	background-color: #96b835;
	text-wrap: nowrap;
	padding: 10px 30px;
	text-align: center;
}
.green-title-1::before{
		content: '';
    background-image: url(../images/green-left.svg);
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 12px;
    left: -25px;
    width: 35px;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateZ(-1px);
}
.green-title-1::after{
		content: '';
		background-image: url('../images/green-right.svg');
		background-size: contain;
		background-position: center;
		position: absolute;
		top: 12px;
		right: -25px;
		width: 35px;
		height: 100%;
		background-repeat: no-repeat;
		z-index: -1;
		transform: translateZ(-1px);
}
.blue-title-1{
	transform-style: preserve-3d;
	color: #fff;
	background-color: #67bfe9;
	text-wrap: nowrap;
	padding: 10px 30px;
	text-align: center;
}
.blue-title-1::before{
		content: '';
    background-image: url(../images/blue-left.svg);
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 12px;
    left: -25px;
    width: 35px;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateZ(-1px);
}
.blue-title-1::after{
		content: '';
		background-image: url('../images/blue-right.svg');
		background-size: contain;
		background-position: center;
		position: absolute;
		top: 12px;
		right: -25px;
		width: 35px;
		height: 100%;
		background-repeat: no-repeat;
		z-index: -1;
		transform: translateZ(-1px);
}
.pink-title-1{
	transform-style: preserve-3d;
	color: #fff;
	background-color: #fb5a72;
	text-wrap: nowrap;
	padding: 10px 30px;
	text-align: center;
}
.pink-title-1::before{
		content: '';
    background-image: url(../images/pink-left.svg);
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 12px;
    left: -25px;
    width: 35px;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateZ(-1px);
}
.pink-title-1::after{
	content: '';
	background-image: url('../images/pink-right.svg');
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 12px;
	right: -25px;
	width: 35px;
	height: 100%;
	background-repeat: no-repeat;
	z-index: -1;
	transform: translateZ(-1px);
}
.pink-title-2{
	transform-style: preserve-3d;
	color: #fff;
	background-color: #fb5a72;
	text-wrap: nowrap;
	padding: 10px 10px;
	text-align: center;
}
.pink-title-2::before{
		content: '';
    background-image: url(../images/pink-left.svg);
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 25px;
    left: -25px;
    width: 35px;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    transform: translateZ(-1px);
}
.pink-title-2::after{
	content: '';
	background-image: url('../images/pink-right.svg');
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 25px;
	right: -25px;
	width: 35px;
	height: 100%;
	background-repeat: no-repeat;
	z-index: -1;
	transform: translateZ(-1px);
}
.go-to-tpsf-page #anchor-block-1 .icon-1{
	width: 6%;
	position: absolute;
	top: 0%;
	z-index: 10;
  right: 40px;
}
.go-to-tpsf-page #anchor-block-2 .icon-1{
	width: 10%;
	position: absolute;
	top: 8%;
	z-index: 10;
	left: -8%;
}
.go-to-tpsf-page #anchor-block-3 .icon-1{
	width: 7%;
	position: absolute;
	top: -2%;
	z-index: 10;
	right: 3%;
}
.map-lay{
	width: 450px;
}
.district-header-blue{
	background-color: #67BFE9;
	text-align: center;
	padding: 15px 0;
	color: #0B2D3D;
	font-size: 16px;
	position: relative;
}
.district-header-blue i{
	transition: all 0.3s ease;
	position: absolute;
	right: 25px;
}
.district-header-blue.collapsed i{
	transform: rotate(180deg);
}
.district-header-pink{
	background-color: #FB5A72;
	text-align: center;
	padding: 15px 0;
	color: #5D000E;
	font-size: 16px;
	position: relative;
}
.district-header-pink i{
	transition: all 0.3s ease;
	position: absolute;
	right: 25px;
}
.district-header-pink.collapsed i{
	transform: rotate(180deg);
}
.district-header-pink-2{
	margin: 0 20px;
	background-color: #FFCFD7;
	padding: 15px 50px;
	color: #000;
	font-size: 16px;
	position: relative;
}
.district-header-pink-2 i{
	transition: all 0.3s ease;
	position: absolute;
	right: 25px;
	color: #FB5A72;
}
.district-header-pink-2.collapsed i{
	transform: rotate(180deg);
}
.district-header-pink-2 img{
	position: absolute;
	left: -20px;
	top: -25px;
	width: 50px;
}
.district-header-pink-3{
	margin: 0 20px;
	background-color: #FFE8EB;
	color: #000;
	font-size: 16px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 50px;
}

.district-header-pink-3.dark{
	background-color: #FFCFD7;
}
.district-header-pink-3 i{
	transition: all 0.3s ease;
	position: absolute;
	right: 25px;
	color: #FB5A72;
}
.district-header-pink-3.collapsed i{
	transform: rotate(180deg);	
}
.district-header-pink-3 > div{
	top: -28px;
  position: absolute;
  left: 12px;
  text-align: center;
  background-color: #FB5A72;
  border-radius: 50%;
  color: #5D000E;
  font-size: 14px;
  width: 55px;
  height: 55px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.district-header-pink-3 span span{
	font-size: 20px;
}
.district-header-yellow{
	margin: 0 20px;
	background-color: #FFEFD5;
	color: #000;
	font-size: 18px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 50px;
}
.district-header-yellow.dark{
	background-color: #FFBF54;
	color: #894000;
}
.district-header-yellow i{
	transition: all 0.3s ease;
	position: absolute;
	right: 25px;
	color: #FFBF54;
}
.district-header-yellow.dark i{
	color: #894000;
}
.district-header-yellow.collapsed i{
	transform: rotate(180deg);	
}
.district-header-yellow > div{
	top: -28px;
  position: absolute;
  left: 12px;
  text-align: center;
  background-color: #ffbf54;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  width: 55px;
  height: 55px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.district-header-yellow span span{
	font-size: 20px;
}
.district-header-green{
	margin: 0 20px;
	background-color: #D2E89B;
	color: #000;
	font-size: 18px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 50px;
}
.district-header-green i{
	transition: all 0.3s ease;
	position: absolute;
	right: 25px;
	color: #FB5A72;
}
.district-header-green.collapsed i{
	transform: rotate(180deg);	
}
.district-header-green > div{
	top: -28px;
  position: absolute;
  left: 12px;
  text-align: center;
  background-color: #96B835;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  width: 55px;
  height: 55px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.district-header-green span span{
	font-size: 20px;
}
.green-list-group > .list-group-item {
    border-width: 0 0 0;
    font-weight: 600;
}
.green-list-group .list-group-item-action:focus, .green-list-group .list-group-item-action:hover {
    background-color: unset;
    opacity: 0.6;
}
.green-list-group > .list-group-item.active{
	border: 0;
	background-color: unset;
	font-weight: 900;
}
.green-list-group > .list-group-item.active:before{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: -10px;
	background-color: #96B835;
	border-radius: 50%;
	top: 50%;
	transform: translateY(calc(-50% + 1px));
}
.green-post-content time{
	color: #666666 !important;
}
.green-post-content img{
	width: 100%;
}
.alignment-mt-12{
	margin-top: 12px;
}
.pink-icon{
  position: relative;
  text-align: center;
  background-color: #FB5A72;
  border-radius: 50%;
  color: #fff;
  width: 35px;
  height: 35px;
  font-size: 18px;
  aspect-ratio: 1 / 1;
  display: inline-block;
}
.margin-top-30{
	margin-top: 30px;
}
.delete-btn{
	width: 50px;
	height: 50px;
}
.rounded-icon-btn-1{
	width: 50px;
	height: 50px;
	padding: 0;
	font-size: 24px;
}
.result-card-1 p{
	font-size: 14px;
	line-height: 24px;
}
.result-card-1 .card-content{
	height: 100%;
	overflow: auto;
}
.result-card-1 .card-content::-webkit-scrollbar-thumb {
  background-color: #fb5a72;
}
.border-radius-cycle-pink{
	aspect-ratio: 1 / 1 ;
	border-radius: 50%;
	border: 2px solid #FFCFD7;
}
.border-radius-cycle-blue{
	aspect-ratio: 1 / 1 ;
	border-radius: 50%;
	border: 2px solid #67bfe9;
}
.border-radius-cycle-green{
	aspect-ratio: 1 / 1 ;
	border-radius: 50%;
	border: 2px solid #96B835;
}
.general-icon{
		top: -28px;
	  left: 12px;
	  text-align: center;
	  border-radius: 50%;
	  color: #fff;
	  font-size: 14px;
	  width: 55px;
	  height: 55px;
	  line-height: 18px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  aspect-ratio: 1 / 1 ;
}
.general-icon img{
	width: 28px;
	height: 28px;
}
.general-yellow-icon{
	background-color: #ffbf54;
}
.general-green-icon{
	background-color: #96B835;
}
.instructions-step-card .general-icon {
    margin-top: -28px;
}
.instructions-step-card img{
    height: 100px;
}
.instructions-step-card .arrow-icon{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -20%;
}
.instructions-step-card p{
	line-height: 26px;
	height: 50px;
}
.progress-container-green {
    padding: 30px 0px;
    text-align: center;
}
.progress-container-green .progress-bar-steps {
    display: flex;
    justify-content: space-between; 
    align-items: baseline;
    margin: 30px auto;
    width: 100%;
}
.progress-container-green .step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
}
.progress-container-green .step-item img{
	width: 226px;
	height: 159px;
}
.progress-container-green .step-img {
    height: 80px;
    margin-bottom: 10px;
    filter: grayscale(100%);
}
.progress-container-green .step-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%; 
    z-index: 10;
    margin-top: 20px !important;
}
.progress-container-green .step-item:not(:first-child)::before {
	content: '';
  position: absolute;
  top: 187px;
  right: 50%;
  width: 100%;
  height: 4px;
  z-index: 1;
  background-color: #E5EFCC;
}
.progress-container-green .step-item p{
	position: relative;
	margin: auto;
	left: 0;
	right: 0;
	top: 15px;
	font-size: 18px;
	line-height: 28px;
	text-align: left;
}
.progress-container-green .step-item .step-dot {
	position: relative;
	background-color: #E5EFCC;
}
.progress-container-green .step-item.active .step-dot{
	background-color: #96B835;
}
.progress-container-green .step-item.active:not(:first-child)::before{
	background-color: #96B835;
}
.progress-container-green .step-item.active .step-img {
    filter: grayscale(0);
}
.pf-step{
	display: none;
}
.title-number{
	font-size: 36px;
	position: relative;
}
.title-number-pink::after{
	content: "";
  background-image: url(../images/threeline-pink.webp);
  width: 35px;
  height: 25px;
  left: 0px;
  position: absolute;
  top: -15px;
  right: 0;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.title-number-blue::after{
	content: "";
  background-image: url(../images/threeline-blue.webp);
  width: 35px;
  height: 25px;
  left: 0px;
  position: absolute;
  top: -15px;
  right: 0;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.title-number-yellow::after{
	content: "";
  background-image: url(../images/threeline-yellow.svg);
  width: 35px;
  height: 25px;
  left: 0px;
  position: absolute;
  top: -15px;
  right: 0;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.star{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	display: inline;
	position: relative;
	top: 2px;
}
.dropdown-item{
	white-space: unset;
}
.zoom-hover {
  transition: transform 0.3s ease;
}
.zoom-hover:hover {
  transform: scale(1.05);
  opacity: 0.9 !important;
}
.accessibility-logo{
	width: 100px;
	margin-bottom: 15px;
}
.accessibility-logo img{
	width: 100%;
}
@media screen and (max-width: 1440px) {
	.index .background-cover {
	    width: 100%;
	    top: 17.5%;
	}
	.index .background-cover img{
		object-fit: cover;
	}
}
@media screen and (max-width: 1400px) {
	.taiwan-map .icon-10 {
	    top: 54%;
	}
}
@media screen and (max-width: 1360px) {
	.index .ie-outcomes-class .row .col-md-4 > div > div > p {
	    font-size: 18px;
	    margin-bottom: 0;
	    margin-top: 20px;
	}
	.index .news-class .icon-1{
	  width: 13%;
	}
}
@media screen and (max-width: 1200px) {
	.index .background-cover{
		display: none;
	}
	.taiwan-map .icon-10 {
	    top: 45%;
	}
	.taiwan-right-block{
		margin-top: 50px;
	}
	.taiwan-right-block a{
		padding-left: 16px;
		font-size: 14px;
		line-height: 18px;
		margin-top: 20px;
		width: 90%;
	}
	.taiwan-right-block .green {
	    border-top-left-radius: 0.5rem;
	    border-bottom-left-radius: 0.5rem;
	    border-top-right-radius: 0rem;
	    background-size: 70%;
	}
	.taiwan-right-block .yellow{
		border-top-right-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
	}
	.progress-container-green .step-item p{
		font-size: 16px;
		line-height: 26px;
	}
	.taiwan-map-content{
		border-top-left-radius: 0.5rem;
		border-bottom-left-radius: 0.5rem;
		border-top-right-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
	}
	.progress-container-green .step-item{
		display: none;
	}
	.nowactive{
		display: block !important;
	}
	.nowactive + .step-item{
		display: block;
	}
	.progress-container-green .step-dot{
		margin: auto;
	}
	.progress-container-green .step-item p {
	  text-align: center;
	}
	.progress-container-green .step-item.nowactive:not(:first-child)::before {
	    display: none;
	}
}
@media screen and (max-width: 991px) {
	#navbarSupportedContent .dropdown-menu{
		margin-left: 20px;
	}
	.result-container{
		padding: 3rem 0.5rem;
	}
	.list-title-1{
		font-size: 18px;
	}
	.district-header-yellow {
	  font-size: 16px;
	}
	.district-header-green{
		font-size: 16px;
	}
	.table-style-2 td{
		font-size: 16px;
	}
	.index .ie-outcomes-class .row .ieo-item > div > div > p {
	    font-size: 16px;
	}
	.taiwan-map .icon-10 {
	    top: 57%;
	    left: -7%;
	}
  main{
		background-image: unset !important;
	}
	.sec-block {
	    padding-top: 15px;
	}
	.go-to-tpsf-page #anchor-block-1 .icon-1 {
	    width: 8%;
	}
	header .header-icon-1 {
	    width: 9%;
	}
	.footer-block-2{
		background-position: top;
	}
	#navbarSupportedContent {
	  top: 143px;
	}
	#navbarSupportedContent .container{
	  top: 143px;
/*	  height: 450px;*/
	  overflow: auto;
	}
	.header-img-2 {
	    left: -2%;
	    width: 27px;
	}
	.header-img-3 {
	    left: 3.5%;
	    width: 19px;
	}
	.header-img-4 {
	    right: 16%;
	}
	.header-img-5 {
	    right: 20.5%;
	    width: 26px;
	}
	header {
	  background: #FFBF54;
	}
	.site-title{
		font-size: 16px;
	}
	.header-logo {
	    max-width: 42px;
	    padding-top: 20px;
	}
	.header-top-bar {
		margin-top: 30px;
	}
	.header-btn {
	    position: absolute;
	    top: -25px;
	    right: 0;
	}
	.header-btn svg {
	    width: 20px;
	    height: 20px;
	    color: #894000;
	}
	.header-btn span {
	  margin-top: 0;
	  padding-left: 5px;
	  color: #fff;
	}
	#sign-up-modal .modal-dialog{
		max-width: 95%;
		margin: auto;
		margin-bottom: 20px;
	}
	main{
		padding-top: 150px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.taiwan-map-content{
		aspect-ratio: 1 / 1;
	}
	.section-title-block {
	    z-index: 10;
	    margin-bottom: -12px;
	}
	.index .ie-outcomes-class .row{
		width: 90%;
	}
	.index .ie-outcomes-class .row .col-md-4 > div > div > p {
	    font-size: 14px;
	    margin-top: 10px;
	}
	.index .news-class .icon-1 {
		width: 13%;
		top: -5%;
	}
	.index .go-to-tpsf-class .icon-2 {
	    position: absolute;
	    width: 15%;
	    bottom: -4%;
	    right: -2%;
	}
	.index .go-to-tpsf-class .icon-1 {
	    position: absolute;
	    width: 14%;
	    top: 4%;
	    left: -2%;
	}
	.index .ieta-class .icon-1 {
	    position: absolute;
	    width: 19%;
	    top: -8%;
	    right: 2%;
	}
	.index .ie-outcomes-class .icon-1 {
	    position: absolute;
	    right: 0%;
	    top: -56%;
	    width: 14%;
	}
	.index .looking-tw-schools-class .icon-1 {
	    position: absolute;
	    right: 0%;
	    top: -40%;
	    width: 13%;
	}
	.other-btn {
	    padding: 20px 0;
	}
	.link-style-1 a {
	    margin: 5px 10px;
	    font-size: 14px;
	    border-radius: 15rem;
	    background: #FFEFD5;
	    padding: 10px 20px;
	}
	.section-yellow-title-3 {
	    padding: 10px 55px;
	    padding-top: 15px;
	}
	.yellow-background {
	    background-image: unset;
	}
	.search-container {
	    padding: 3rem 0rem;
	}
	.map-lay{
		transform: translate(0%, 6%) scale(1);
	}
	.link-style-yellow a{
		font-size: 18px;
	}
	.link-style-pink a {
			font-size: 18px;
	}
	.link-style-blue a {
			font-size: 18px;
	}
	.link-style-green a{
		font-size: 18px;
	}
	.title-row-2{
		margin-bottom: -27px;
	}
	.title-row-3{
		margin-bottom: -30px;
	}
	.index .section-title-block{
		margin-bottom: -28px;
	}
	p{
		line-height: 30px;
	}
}
@media screen and (max-width: 767px) {
	.taiwan-map-content{
		aspect-ratio: unset;
		height: 700px;
	}
	.taiwan-right-block .flex-fill{
		height: 145px;
	}
	.taiwan-right-block .green {
	    border-top-left-radius: 0.5rem;
	    background-size: 70%;
	}
	.taiwan-right-block .pink {
	    background-size: 70%;
	}
	.taiwan-right-block .yellow {
	  border-bottom-left-radius: 0.5rem;
	  background-size: 45%;
	}
	.section-title-block h2 {
	    font-size: 18px;
	}
	.taiwan-map .icon-10 {
	    top: 68%;
	}
}
@media (max-width: 600px) {
	.taiwan-map-content{
		min-width: 540px;
		height: 600px;
		transform: scale(1);
		transform-origin: top left;
	}
	.map-lay {
	    transform: translate(0%, -3%) scale(0.85);
	}
	.taiwan-map .icon-10 {
	    top: 60%;
	    width: 40%;
	}
	.taiwan-map .icon-1 {
	    left: 9%;
	}
}
@media (min-width: 576px) {
	.modal-dialog-guide-location {
	    max-width: 580px;
	}
}
@media (max-width: 576px) {
	.faq-list-header {
	    padding-top: 15px !important;
	}
	.sm-w-100{
		width: 100%;
	}
	.district-header-blue{
		font-weight: 700;
	}
	footer .text-block{
		padding-top: 200px;
	}
	.index .ie-outcomes-class .row .ieo-item > div > div > img {
	    width: 32%;
	}
  .index .ie-outcomes-class .row .ieo-item > div > div > .img-3 {
      width: 40%;
  }
	.index .ie-outcomes-class .row .ieo-item > div > div > p {
	    font-size: 14px;
	    line-height: 16px;
	    margin-top: 10px;
	}
	.index .looking-tw-schools-class a {
	    font-size: 15px;
	}
	.index .looking-tw-schools-class .row{
		width: 90%;
		margin: auto;
	}
	.rounded-25rem{
		border-radius: 0.5rem !important;
	}
	.taiwan-map .hualien-county .about{
		width: 80px;
		right: -40px;
		top: 53px;
	}
	.section-title-block h2 {
	    font-size: 16px;
	}
	body{
		min-width: 320px;
	}
	header .header-icon-1 {
	    width: 16%;
	}
	#signup-notice .light-icon {
	    width: 60px;
	    margin: auto;
	    margin-bottom: 5px;
	}
	.search-form-yellow-title-2 {
	    border-radius: 2rem;
	    display: block;
	}
	.step-item p{
		font-size: 12px;
	}
	.step-btn{
		width: 50%;
		padding: 10px 10px !important;
		font-size: 14px;
	}
	.step-btn span{
		justify-content: center;
	}
	#login-modal .modal-title {
	  width: 70%;
	}
	#login-modal .modal-header h5 {
	  font-size: 20px;
	}
	#login-modal .modal-header {
	  margin-top: -57px;
	}
	#sign-up-modal .modal-title {
	  width: 70%;
	}
	#sign-up-modal .modal-header h5 {
	  font-size: 20px;
	}
		#sign-up-modal .modal-header {
	  margin-top: -57px;
	}
	.banner-title {
		font-size: 16px;
	}
	main{
		padding-left: 0;
		padding-right: 0;
	}
	.section-title-block {
	  margin-bottom: -8px;
	}
	.index .ie-outcomes-class .row .col-md-4 > div > div > img {
	  width: 35%;
	}
	.index .ie-outcomes-class .row .col-md-4 > div > div > .img-3 {
	  width: 38%;
	}
	.index .ie-outcomes-class .row .col-md-4 > div > div > p {
	  font-size: 12px;
	}
	.index .ie-outcomes-class .row {
    width: 100%;
  }
  .content-p-1{
  	font-size: 16px;
  }
  .link-style-1 a {
		font-size: 14px;
		background: #FFEFD5;
		padding: 10px 24px;
		width: 100%;
		margin: 5px;
		text-align: center;
  }
  .other-btn {
      font-size: 14px;
  }
  .notice-text-1{
  	font-size: 14px;
  	margin-bottom: 0;
  	margin-left: 10px;
  }
  .notice-light{
  	width: 180px;
  }
  .page-navigation a{
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .breadcrumb-item {
    font-size: 14px;
  }
  .gotop {
		width: 30px;
		height: 30px;
		font-size: 14px;
  }
  .fixed-btn {
    bottom: 4%;
  }
  .yellow-background {
    background-position: center 5%;
  }
  .header-img-1 {
    display: none;
  }
  .site-title {
    font-size: 14px;
  }
  .site-title span{
    font-size: 12px;
    margin-bottom: 5px;
  }
  .site-sub-title{
  	font-size: 12px;
  	line-height: 10px;
  }
  .menu-btn {
      width: 38px;
      height: 38px;
      padding-left: 10px;
      padding-right: 10px;
  }
  .header-logo {
    padding-top: 0px;
  }
  .header-img-2 {
    left: 64%;
    width: 18px;
  }
  .header-img-3 {
		left: 72.5%;
		width: 15px;
  }
  .header-img-4 {
		right: 7%;
		width: 23px;
		bottom: 22%;
  }
  .header-img-5 {
    right: 13.5%;
    width: 16px;
  }
  .header-top-bar{
  	height: 95px;
  }
  .header-btn {
    right: 10px;
  }
  .notice-light {
      width: 130px;
  }
  #hamburger-1 .line:nth-child(1) {
      margin-top: 4px;
  }
  #navbarSupportedContent {
      height: calc(100vh - 128px);
      top: 128px;
      overflow: auto;
  }
  #navbarSupportedContent ul{
  	display: block;
  }
  #navbarSupportedContent li{
  	width: fit-content;
  }
  #navbarSupportedContent li a{
  	white-space: normal;
  }
  .go-to-tpsf-page #anchor-block-1 .icon-1 {
      width: 10%;
      position: absolute;
      top: -5%;
      z-index: 10;
      right: -5%;
  }
  .go-to-tpsf-page #anchor-block-2 .icon-1 {
      width: 10%;
      position: absolute;
      top: 13%;
      z-index: 10;
      left: -5%;
  }
  .go-to-tpsf-page #anchor-block-3 .icon-1 {
      width: 12%;
      position: absolute;
      top: -10%;
      z-index: 10;
      right: -6%;
  }
  .link-style-pink a {
      font-size: 14px;
      width: 100%;
  }
  .list-title-3 .list-title-el {
      font-size: 20px;
  }
 .list-title-3:after{
      bottom: 0px;
  }
  .list-title-3 img {
      width: 40px;
  }
  p{
  	font-size: 14px;
  }
  .title-number{
  	font-size: 20px;
  }
  .district-header-pink {
      text-align: left;
      padding: 15px 22px;
  }
  .district-header-pink i {
      right: 15px;
  }
  .district-header-pink-2 {
      margin: 0 5px;
      background-color: #FFCFD7;
      padding: 15px 15px;
      font-size: 14px;
  }
  .district-header-pink-2 img {
      width: 30px;
      left: -8px;
      top: -20px;
  }
  .district-header-pink-3{
  	margin: 0 5px;
  	padding-top: 18px;
  	font-size: 14px;
  }
  .district-header-pink-3 > div {
  	width: 40px;
  	height: 40px;
  	font-size: 12px;
  	line-height: 14px;
  }
  .district-header-pink-3 span span {
      font-size: 15px;
  }
  time{
  	font-size: 14px;
  }
  h3{
  	font-size: 16px;
  }
  .district-header-green{
		margin: 0;
	  padding: 15px 15px;
  }
  .district-header-green > div {
  	width: 40px;
  	height: 40px;
  	font-size: 12px;
  	line-height: 14px;
  }
  .district-header-green span span {
      font-size: 15px;
  }
  .district-header-yellow {
  	margin: 0;
  	padding-top: 20px;
  }
  .district-header-yellow > div {
      top: -28px;
      width: 40px;
      height: 40px;
  }
  .district-header-yellow > div > svg{
  	width: 25px;
  	height: 25px;
  }
  .link-style-yellow a{
  	font-size: 14px;
  	width: 100%;
  }
  .link-style-pink a {
  		font-size: 14px;
  }
  .link-style-blue a {
  		font-size: 14px;
  }
  .link-style-green a{
  	font-size: 14px;
  }
  .table-style-yellow td {
      padding: 15px 3px;
  }
  footer .img-4 {
      bottom: 0;
      width: 27px;
      right: 8%;
  }
  .table-style-2 thead th{
  	font-size: 18px;
  }
  .table-style-2 td {
      font-size: 14px;
      padding: 15px 5px;
      border-bottom: 1px dashed #218CBF !important;
  }
  .title-row-2{
  	margin-bottom: -22px;
  }
  .title-row-3{
  	margin-bottom: -12px;
  }
  .list-title-4 {
      font-size: 12px;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%;
  }
  .star {
      width: 15px;
      height: 15px;
  }
  .progress-container-green .step-item {
      display: none;
  }
  .progress-container-green .step-item.nowactive {
      display: block;
  }
  .progress-container-green .step-dot {
   	margin: auto;
  }
  .progress-container-green .step-item:not(:first-child)::before {
  	width: 50%;
/*      right: 0;*/
  }
  .progress-container-green .step-item:not(:last-child)::after {
  	content: '';
    position: absolute;
    top: 184px;
    left: 50%;
    width: 50%;
    height: 4px;
    transform: translateY(50%);
    z-index: 1;
    background-color: #e0e0e0;
  }

  .progress-container-green .step-item p {
      text-align: center;
  }
  .progress-container-green .step-item.nowactive:not(:first-child)::before {
      display: block;
  }
  .taiwan-right-block .green {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0rem;
      border-top-right-radius: 0.5rem;
      background-size: 50%;
  }
  .taiwan-right-block .pink {
      background-size: 50%;
  }
  .taiwan-right-block .yellow {
  	border-top-right-radius: 0rem;
    border-bottom-left-radius: 0.5rem;
    background-size: 35%;
  }
  .taiwan-right-block .flex-fill{
  	height: 100px;
  }
  .page-icon{
  	display: none;
  }
  .index .section-title-block{
  	margin-bottom: -24px;
  }
}