a {
  text-decoration: none;
}

.pagecontent {
  padding: 10px 0 0 0;
}

.normalpage {
  background-color: #ffffff;
  padding: 15px;
  text-align: justify;
  font-size: 1.2em;
  line-height: 1.8em;
  margin-bottom: 15px;
  word-wrap: break-word; /* 旧版浏览器支持 */
  overflow-wrap: break-word; /* 标准属性 */
  text-justify: inter-word;
}

#ipage {
  margin-top: 10px;
}

.sfont {
  font-size: 1.1em;
  line-height: 1.7em;
}

.photo-img {
  padding: 10px;
}

.mfont {
  font-size: 1.2em;
  line-height: 1.8em;
}

.lfont {
  font-size: 1.3em;
  line-height: 1.9em;
}

.llfont {
  font-size: 1.4em;
  line-height: 2em;
}

.lllfont {
  font-size: 1.5em;
  line-height: 2.2em;
}

.pages-head-title {
  font-family: "NotoSansTC-Medium", sans-serif;
  color: #005bac;
  font-weight: 500;
  font-size: 2.2rem;
  text-align: center;
  padding: 10px;
  margin-top: 15px;
  line-height: 4.4rem;
}

.pages-title-1 {
  color: #005bac;
  font-weight: bold;
  font-size: 1.3em;
  padding: 10px;
}

.pages-title-2 {
  font-weight: bold;
  font-size: 1.2em;
}

.pages-title-3 {
  background-color: #005bac;
  font-size: 1.2em;
  padding: 3px 5px;
  border-radius: 8px;
  display: inline-block;
  color: #ffffff;
}

.pages-title-4 {
  background-color: #005bac;
  font-size: 1.2rem;
  padding: 0.2rem 0.5rem;
  display: inline-block;
  color: #ffffff;
}

.pages-sub-title,
.pages-sub-title span {
  position: relative;
}

.pages-sub-title span {
  background-color: #005bac;
  font-size: 1.2rem;
  padding: 0.2rem 1rem;
  color: #ffffff;
  display: inline-block;
}

.pages-sub-title span::before {
  content: "";
  width: 0.5rem;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #dd069c;
}

.pages-sub-title span::after {
  content: "";
  width: 0.2rem;
  height: 100%;
  display: block;
  position: absolute;
  right: -0.2rem;
  top: 0;
  background-color: #a5ccef;
}

.pages-title-5 {
  background-color: #d23833;
  font-size: 1em;
  padding: 1px 15px;
  border-radius: 8px;
  display: inline-block;
  color: #ffffff;
}

.pages-title-6 {
  background-color: #009e96;
  font-size: 1em;
  padding: 1px 15px;
  border-radius: 8px;
  display: inline-block;
  color: #ffffff;
}

.label-ielts {
  background-color: #eb000e;
}

.hline-text {
  display: inline-block;
  border-bottom: double 1px #5a1c40;
  color: #5a1c40;
  margin-top: 20px;
  margin-bottom: 15px;
}

.myform {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .xs-img-100 {
    width: 100%;
  }
}

.high-schools {
  padding: 10px;
  margin-top: 10px;
  background-color: #ffffff;
}

.hs-title {
  font-size: 1.5em;
  padding: 15px;
}

.hs-title-blue {
  font-size: 1.5em;
  padding: 15px;
  color: #005bac;
}

.hs-text {
  font-size: 1.2em;
  text-align: justify;
  padding: 10px;
  line-height: 1.8em;
}

.hs-line {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 10px;
  margin-top: 10px;
  clear: both;
}

.hs-box {
  padding-top: 10px;
  padding-bottom: 10px;
}

.clear {
  clear: both;
}

.hs-title2 {
  font-size: 1.4em;
  padding: 10px 0;
  color: #005bac;
  font-weight: bold;
}

.hs-text2 {
  font-size: 1.2em;
  text-align: justify;
  line-height: 1.8em;
}

.hs-img {
  border-radius: 10px;
}

.hs-btn {
  display: inline-block;
  background-color: #005bac;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 6px;
}

.hs-btn:hover {
  background-color: #d23833;
  color: #ffffff;
  text-decoration: none;
}

.hs-btn2 {
  display: inline-block;
  background-color: #d23833;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 6px;
}

.hs-btn2:hover {
  background-color: #005bac;
  color: #ffffff;
  text-decoration: none;
}

.hs-a1 {
  color: #005bac;
}

.hs-a2 {
  color: #666666;
}

.hs-a3 {
  color: #d23833;
}

.hs-a1:hover {
  color: #d23833;
  text-decoration: none;
}

.hs-a2:hover {
  color: #000000;
  text-decoration: none;
}

.hs-a3:hover {
  color: #005bac;
  text-decoration: none;
}

.hs-school-a {
  font-size: 0.9em;
  display: inline-block;
  background-image: url(/Public/images/2021/pages/xschool.png);
  background-repeat: no-repeat;
  padding-left: 30px;
  text-align: left;
}

.article-box {
  padding: 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.article-img {
  overflow: hidden;
}

.article-txt a {
  text-decoration: none;
}

.article-title {
  font-size: 1.3rem;
  line-height: 2.6rem;
}

.article-update {
  font-size: 0.9rem;
}

.article-short {
  font-size: 1.1rem;
  line-height: 2.2rem;
  text-align: justify;
}

.article-view {
  margin-top: 15px;
}

.rankings {
  margin-top: 10px;
  margin-bottom: 10px;
}

.rankings-box {
  border-radius: 15px;
  border: solid #d5d5d5 1px;
  text-align: center;
}

.rankings-txt {
  padding: 0;
}

.rankings-txt span {
  font-size: 0.9em;
}

.rankings-box:hover {
  border: solid #d4145a 1px;
}

.scholarship-school {
  font-size: 1.2em;
  display: block;
  background-image: url(/Public/images/2021/pages/xschool.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 30px;
  text-align: left;
}

.sslist {
  padding-left: 20px;
  border-left: 2px solid #005bac;
  margin-bottom: 0;
  padding-bottom: 20px;
  margin-left: 10px;
}

.pages-title-6 {
  background-color: #009944;
  font-size: 1em;
  padding: 1px 15px;
  border-radius: 8px;
  display: inline-block;
  color: #ffffff;
}

/*面試*/

#interviewDetail {
  padding-bottom: 0;
  background: #ffffff;
}
#interviewDetail h1,
.enquirtydiv h1 {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  color: #b61723;
}
#interviewform h1 {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  color: #b61723;
}

.center {
  text-align: center;
}

@media (max-width: 768px) {
  .xsform {
    padding: 0 5px;
  }
}
.interviewrow {
  padding: 5px 0;
}
.interviewlist1 {
  border-radius: 10px 0 0 10px;
  background-color: #d2f0fd;
  border: dashed thin #76cbf1;
  border-right: none;
  text-align: right;
  color: #333333;
  font-size: 1.2em;
  padding: 10px 4px;
}
.interviewlist2 {
  border-radius: 0 10px 10px 0;
  border: thin #76cbf1 dashed;
  color: #333333;
  font-size: 1.2em;
  padding: 10px 4px;
}
.interviewdata {
  border-bottom: dashed thin #d5d5d5;
  border-left: 4px #ffffff solid;
}

.interviewdata h2 {
  font-size: 1.4em;
}

.interviewdata:hover {
  border-left: 4px #e60012 solid;
}
.formbtnpadding {
  padding: 10px 0;
}

/*page limit*/

#pageLimit span {
  display: inline-block;
  padding: 0px 5px;
  margin: 0 4px;
  border: 1px solid #1165cd;
  background: #1165cd;
  text-align: center;
  color: #ffffff;
}
#pageLimit a {
  display: inline-block;
  padding: 0px 5px;
  margin: 0 4px;
  border: 1px solid #cccccc;
  background: #ffffff;
  text-align: center;
}
#pageLimit a:hover {
  display: inline-block;
  padding: 0px 5px;
  margin: 0 4px;
  border: 1px solid #cf0000;
  background: #cf0000;
  text-align: center;
  color: #ffffff;
}

/*院校資料*/
#icountrydata {
  padding-top: 20px;
}

#listtab a {
  margin-right: 4px;
}

#listtab {
  padding-bottom: 20px;
}

.schooldatalist {
  border-bottom: thin dashed #d5d5d5;
  padding-top: 6px;
  padding-bottom: 6px;
}

.schoolList2 {
  border: solid #cccccc 1px;
  border-radius: 8px;
  border-bottom: #e1e1e1 solid 3px;
  margin-bottom: 15px;
}

.schoollist-box {
  border: solid #cccccc 1px;
  border-radius: 8px;
  padding: 1rem;
  height: 100%;
}

.schooltitle {
  margin: 7px 0;
  font-size: 1.2em;
  text-align: left;
}

.scholtext {
  font-size: 1rem;
  color: #666666;
  line-height: 1.8rem;
  margin-bottom: 5px;
  text-align: left;
}

.schoolimga {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.schoolimga img {
  max-height: 150px;
}

.schoolList2:hover {
  background: #f8ffdb;
}

.school-pic-height img {
  height: 250px;
  object-fit: cover;
  width: 100%;
  display: block;
}

@media (max-width: 768px) {
  .schoolList2 {
    padding: 0;
  }
  .schoolimga img {
    max-height: 80px;
  }
  .schooltitle {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

.schooltxt .hs-btn {
  font-size: 0.9em;
  line-height: 1.2em;
  padding: 5px 8px;
}

.csl1 {
  border-left: 30px solid #f39800;
}

.csltxt1 {
  font-size: 3em;
  color: #f39800;
  padding: 20px 0;
}

.cslline1 {
  padding: 10px 0;
  border-bottom: 2px solid #f39800;
}

.csl2 {
  border-left: 30px solid #e4007f;
  margin-top: 20px;
}

.csltxt2 {
  font-size: 3em;
  color: #e4007f;
  padding: 20px 0;
}

.cslline2 {
  padding: 10px 0;
  border-bottom: 2px solid #e4007f;
}

.csl3 {
  border-left: 30px solid #009944;
  margin-top: 20px;
}

.csltxt3 {
  font-size: 3em;
  color: #009944;
  padding: 20px 0;
}

.cslline3 {
  padding: 10px 0;
  border-bottom: 2px solid #009944;
}

.csl4 {
  border-left: 30px solid #00479d;
  margin-top: 20px;
}

.csltxt4 {
  font-size: 3em;
  color: #00479d;
  padding: 20px 0;
}

.cslline4 {
  padding: 10px 0;
  border-bottom: 2px solid #00479d;
}

.csl5 {
  border-left: 30px solid #920783;
  margin-top: 20px;
}

.csltxt5 {
  font-size: 3em;
  color: #920783;
  padding: 20px 0;
}

.cslline5 {
  padding: 10px 0;
  border-bottom: 2px solid #920783;
}

.csl6 {
  border-left: 30px solid #ea68a2;
  margin-top: 20px;
}

.csltxt6 {
  font-size: 3em;
  color: #ea68a2;
  padding: 20px 0;
}

.cslline6 {
  padding: 10px 0;
  border-bottom: 2px solid #ea68a2;
}

.csl7 {
  border-left: 30px solid #00a0e9;
  margin-top: 20px;
}

.csltxt7 {
  font-size: 3em;
  color: #00a0e9;
  padding: 20px 0;
}

.cslline7 {
  padding: 10px 0;
  border-bottom: 2px solid #00a0e9;
}

.clstt {
  font-size: 1.5em;
  text-align: center;
  padding: 20px 0;
}

@media (max-width: 768px) {
  .csltxt1,
  .csltxt2,
  .csltxt3,
  .csltxt4,
  .csltxt5 {
    font-size: 2em;
  }
}

.club-xx {
  border-radius: 10px;
  border: 1px solid #e1e1e1;
}

.club-xx:hover {
  border-color: #87071c;
}

.ullist {
  margin-left: 0;
  padding-left: 0;
}

.ullist li {
  list-style-type: disc;
  margin-left: 0;
  padding-bottom: 10px;
  padding-left: 0;
  list-style-position: inside;
}

#about .label {
  font-size: 1.1em;
}

.row2pic img {
  padding-bottom: 10px;
}

/*album*/

.albumt1 {
  background-color: #8c97cb;
  margin-bottom: 20px;
}

.albumt2 {
  background-color: #b3d465;
  margin-bottom: 20px;
}
.albumt3 {
  background-color: #448aca;
  margin-bottom: 20px;
}
.albumt4 {
  background-color: #8957a1;
  margin-bottom: 20px;
}

.albumt5 {
  background-color: #f29b76;
  margin-bottom: 20px;
}

.albumx {
  padding: 10px 0;
}
.albuma {
  display: block;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border: 8px #ffffff solid;
  background-color: #ffffff;
}

.albumradius {
  border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0 !important;
}

.albump {
  border: 1px solid #e1e1e1;
  border-top: none;
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius) !important;
  padding: 2rem 0.5rem;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
}

.albumo {
  padding-left: 0;
}

@media (max-width: 768px) {
  .albumo {
    padding-right: 0;
  }
}

#albumlist {
  margin-top: 20px;
}

.wwoofp {
  background-color: #22ac38;
  color: #ffffff;
  padding: 0 10px;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2.4rem;
}

.wi {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 5px;
  background-image: url(/Public/images/2021/pages/farmer.png);
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 2.2rem;
}

.ci {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 5px;
  background-image: url(/Public/images/2021/pages/leaf.png);
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 2.2rem;
}

.bix {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  margin-right: 5px;
  background-image: url(/Public/images/2021/pages/bag.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.wwooful div {
  padding-bottom: 0.5rem;
  text-indent: -2.2rem;
  padding-left: 1.1rem;
  font-size: 1.1rem;
  line-height: 2.2rem;
}

.cvaul div {
  padding-bottom: 0.5rem;
  text-indent: -2.2rem;
  padding-left: 1.1rem;
  font-size: 1.1rem;
  line-height: 2.2rem;
  color: #000000;
}

#usepage {
  background-color: #ffffff;
}

#contact {
  background-color: #ffffff;
  padding-top: 20px;
}

#contact h1 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  color: #b61723;
}

#contact .bigsize {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  color: #b61723;
}

.sharebox {
  background-color: #daf7d6;
  border: 2px solid #86bc84;
  border-radius: 10px;
  padding: 7px;
  margin-bottom: 30px;
}

.shareboxin {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 10px 20px;
}

.empty {
  height: 150px;
  text-align: center;
  padding: 50px;
  font-size: 2em;
  color: #cccccc;
  font-weight: bold;
  line-height: 3em;
}

.xrow1 {
  padding-left: 20px;
}

#myad {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .xrow2 {
    padding-left: 14px;
  }
}

#sitemap dl {
  display: block;
  margin: 10px 0;
  padding: 1em;
  font-weight: bold;
  line-height: 1.25em;
  white-space: normal;
  color: #333;
  background-color: white;
  border: 1px solid #eee;
  border-left: 4px solid #97dbdf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1;
}

#sitemap dt {
  border-bottom: 1px dashed #eee;
  font-size: 1.25em;
}

#sitemap dd {
  text-indent: 2em;
  line-height: 2em;
}
#sitemap dl > dd > dl > dd {
  text-indent: 2em;
  line-height: 2em;
}

/* 20220418_even_form_style */

#formcontent {
  background: #00a0e9;
  padding-bottom: 15px;
}

#formcontent h1 {
  color: #ffffff;
}

.formbox1 {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 15px;
}

.forminfotext {
  margin-top: 20px;
  font-weight: bold;
  color: #ffffff;
}

.formbox1 .form-value {
  border-bottom: 1px solid #e1e1e1;
  font-size: 1.2em;
  color: #005bac;
}

.formbox2 {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 15px;
}

.formbox2 .myinputtext,
.serviceform .myinputtext {
  border: 1px solid #cccccc !important;
  border-radius: 6px !important;
  padding: 4px;
  width: 100%;
}

.formbox2 .myinputtext2 {
  border: 1px solid #cccccc !important;
  border-radius: 6px !important;
  padding: 4px;
  width: 100px;
  height: 36px;
  margin-right: 5px;
}

.formbox2 .form-label,
.serviceform .form-label {
  margin-bottom: 0;
}

.mycheckboxgroup label {
  padding-right: 10px;
}

.mycheckboxgroup label input {
  margin-right: 3px;
}

.formpage {
  padding: 0;
}

.rowway {
  margin-top: 10px;
}

.mylabelhere {
  border: 1px solid #e1e1e1;
  padding: 5px 8px !important;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.mylabelhereon {
  color: #ffffff;
  background: #0075ff;
  border-color: #ffffff;
}

.mylabelhereno {
  background: #e1e1e1;
}

.sbs1 {
  border-right: 1px #ccc solid;
  padding-left: 0;
}

.serviceformbody {
  background-color: #00a0e9;
  border-radius: 10px;
  padding: 15px;
}

.formbigtitle {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  padding: 10px;
}

.serviceformcontent {
  background-color: #ffffff;
  padding: 15px 0;
  border-radius: 10px;
}

.serviceformok {
  background-color: #ffffff;
}

#mynewenquiry {
  padding: 0;
}

.myoeepic {
  padding: 0;
}

#justoee {
  padding: 0;
}

.ischooldataname h1 {
  font-size: 2rem;
  text-align: center;
  padding: 8px;
}

.ischooldatalogo img {
  min-height: 140px;
  max-height: 220px;
  padding: 20px 0;
}

.isschoolinfobg {
  background-color: #f4f4f4;
}

/*20220411 for cellphone*/
@media (max-width: 767px) {
  .mysite {
    font-size: 0.8em;
    padding-left: 0;
  }
  .pagecontent {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .normalpage {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
  }
  .nav-tabs {
    border-bottom: none;
  }
  .nav-tabs > li > a {
    background-color: #e9f8ff;
    border-radius: 15px;
    color: #000000;
    border: 0;
    padding: 5px 10px;
    margin-right: 10px;
  }
  .nav-tabs > li.active > a {
    background-color: #00a0e9;
    color: #ffffff;
    border: 0;
  }

  #icountrydata {
    padding-top: 10px;
  }

  .mylittleschool {
    margin-bottom: 10px;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
  }

  #icountrydata div:nth-child(3) {
    padding-left: 0;
    padding-right: 0;
  }

  #myschoollist {
    text-align: left;
  }

  .well {
    padding: 10px;
  }
  #myschoollist a {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .schooltxt p:nth-child(4) {
    text-align: right;
  }
  .schooltxt .hs-btn {
    padding: 10px 15px;
  }

  .ischooldatalogo img {
    width: 100%;
    max-height: auto;
    min-height: auto;
  }
  .ischooldataname h1 {
    font-size: 1.2rem;
    text-align: left;
  }
  #myfirstphoto {
    height: auto;
  }
  #icountrydata h3 {
    font-size: 1.2em;
  }
  #pageLimit a {
    margin: 5px 5px;
    padding: 3px 10px;
    border-radius: 10px;
  }
  #pageLimit span {
    margin: 5px 5px;
    padding: 3px 10px;
    border-radius: 10px;
  }
  .myworld {
    padding: 10px 0;
  }

  .mylittleworld {
    margin-bottom: 10px;
    padding: 0 10px 0 0;
  }

  .schooldatalist {
    padding-left: 0;
    padding-right: 0;
  }

  .formbox1 .form-group,
  .formbox2 .form-group {
    padding-left: 0;
    padding-right: 0;
  }

  .form-label {
    padding-left: 0;
    padding-right: 0;
  }

  .form-value {
    padding-left: 0;
    padding-right: 0;
    font-size: 1em;
  }

  #formcontent h1 {
    font-size: 1.2rem;
  }

  .formpage {
    background: none !important;
    padding: 0 !important;
  }

  #formcontent {
    padding: 0;
  }

  .formbox1 .form-value {
    font-size: 1em;
  }

  .form-label {
    margin-bottom: 0 !important;
    font-size: 0.9em;
  }

  .forminfotext {
    color: #333333;
  }

  .sbs1 {
    border-right: none;
    border-bottom: 1px #ccc solid;
    padding-left: 10px;
    margin-bottom: 20px;
  }

  .interviewlist1 {
    text-align: left;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
    font-size: 1em;
    padding: 5px;
  }
  .interviewlist2 {
    border-radius: 0 0 10px 10px;
    font-size: 1em;
    padding: 5px;
  }

  .myformdetail {
    border-radius: 10px;
  }

  #interviewDetail h1,
  .enquirtydiv h1 {
    font-size: 1.2em;
    text-align: left;
  }

  .myformbtn {
    padding: 10px 0;
  }
  #mynewenquiry {
    background: none;
  }

  .mynewpages {
    padding: 0 15px;
  }
  .cvabtn {
    width: 100% !important;
    margin-bottom: 5px;
  }

  .hs-title {
    font-size: 1.3em;
  }
  .sslist {
    text-align: left;
    word-break: break-word;
    hyphens: auto;
  }
  .myoeepic {
    margin-top: 10px;
  }
  .myoeepic img {
    border-radius: 10px;
  }
  #justoee img {
    border-radius: 10px;
  }
  .scholarship-school {
    font-size: 1em;
  }
  .scholarship .panel-title {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.2em;
  }
  .scholarship .panel-body {
    font-size: 0.8em;
    line-height: 1.2em;
  }
}

.panel-heading {
  background-color: #e1e1e1;
  padding: 5px 10px;
}

.panel-title {
  font-size: 1rem !important;
}

.panel-title a {
  color: #333333;
}

.panel-heading:hover {
  background-color: #c0eab5;
}

.panel-title p {
  padding: 0;
  margin-bottom: 0;
}

.myphotosize {
  width: 100%;
  height: 280px;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.fly {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block !important;
  }
}

.page-common p,
.page-common li {
  font-size: 1.1rem;
  line-height: 2.2rem;
  text-align: justify;
}
.color-red {
  color: #9d0b2d;
}
.color-black {
  color: #000000;
}
.subject-text-box {
  font-size: 1.3rem;
  line-height: 2.6rem;
  position: relative;
  padding: 0.4rem 0.8rem 0.4rem 3rem;
}

.pages-head-t1 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  position: relative;
  margin-top: 2rem;
  padding: 0 0 0 2rem;
}

.pages-head-t1 span {
  background-color: #d1e7ff;
  color: #000000;
  padding: 0.4rem 1rem 0.4rem 1.6rem;
  display: inline-block;
}

.pages-head-bg-1::before {
  content: "";
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(/Public/images/2025/title-bg-1.svg);
  background-repeat: no-repeat;
  top: -0.5rem;
  left: 0;
}

.pages-head-bg-2::before {
  content: "";
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(/Public/images/2025/title-bg-2.svg);
  background-repeat: no-repeat;
  top: -0.5rem;
  left: 0;
}

.pages-head-bg-3::before {
  content: "";
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(/Public/images/2025/title-bg-3.svg);
  background-repeat: no-repeat;
  top: -0.5rem;
  left: 0;
}

.pages-head-bg-4::before {
  content: "";
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(/Public/images/2025/title-bg-4.svg);
  background-repeat: no-repeat;
  top: -0.5rem;
  left: 0;
}

.pages-head-bg-5::before {
  content: "";
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(/Public/images/2025/title-bg-5.svg);
  background-repeat: no-repeat;
  top: -0.5rem;
  left: 0;
}

.pages-head-bg-6::before {
  content: "";
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url(/Public/images/2025/title-bg-6.svg);
  background-repeat: no-repeat;
  top: -0.5rem;
  left: 0;
}

.subject-text-box p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .pages-head-title {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }
  .subject-text-box {
    font-size: 1rem;
    line-height: 2rem;
    padding: 0.4rem 0 0 0;
  }
  .article-short {
    font-size: 1rem;
    line-height: 2rem;
  }
  .article-title {
    font-size: 1.2rem;
    line-height: 2.4rem;
  }

  .pages-head-t1 {
    font-size: 1.2rem;
    line-height: 2.4rem;
  }

  .pages-head-t1 span {
    padding: 0.1rem 1rem 0.1rem 1.8rem;
  }

  .pages-head-bg-1::before,
  .pages-head-bg-2::before,
  .pages-head-bg-4::before,
  .pages-head-bg-5::before,
  .pages-head-bg-6::before {
    width: 3rem;
    height: 3rem;
    top: -0.3rem;
  }
}
.subject-title-3 {
  color: #005bac;
  font-family: "NotoSansTC-Medium";
  font-weight: 500;
  border-bottom: 1px solid #005bac;
  font-size: 1.1rem;
  display: inline-block;
}

a.scaleimg {
  display: block;
  overflow: hidden;
}

a.scaleimg img {
  transition: transform 0.3s ease 0.1s;
}

a.scaleimg:hover img {
  transform: scale(1.05);
}

.wwoof-bg {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("/Public/images/2025/wwoof-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.wwooful,
.wwoof-bg p,
.wwoof-bg h1 {
  color: #000000;
}

.hkstc-bg {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("/Public/images/2025/hkstc-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.text-red-b {
  font-size: 1.3rem;
  font-family: "NotoSansTC-Medium";
  font-weight: 500;
  color: #9d0b2d;
}