body, html 
{
  height: 100%; margin: 0; box-sizing: border-box;
  cursor: url('../assets/cursor.png'),auto;
  font-family: 'Roboto';
}


h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}

*{-webkit-tap-highlight-color: transparent;}


::selection {background: #FFB4E1;color: #fff;}
::-moz-selection {background: #FFB4E1;color: #fff;}
img::selection {  background: transparent;}
img::-moz-selection {background: transparent;}


a{text-decoration:none;color:#FFFFFF;}
a:hover{text-decoration:none;color:#FFFFFF;}

img{border:0;display: block;}


.a-1 {text-decoration:none;color:#161616;}
.a-1:hover{text-decoration:underline;text-decoration-color: #FF059E;color:#161616;}



.a-yellow{text-decoration:none;color:yellow;}
.a-yellow:hover{text-decoration:none;color:#FFFFFF;transition:0.5s;}

.a-yellow span {opacity: 0;color:#EEFF00;}
.a-yellow:hover span {opacity:1;color:#FFFFFF;}

.a-white {text-decoration:none;color:#FFFFFF;transition:0.5s;}
.a-white:hover{text-decoration:none;color:#FFFFFF;transition:0.5s;}

.a-white span {opacity: 0;color:#FFFFFF;}
.a-white:hover span {opacity:1;color:#FFFFFF;}


.border{border:0.0625rem solid #336699;}

.border-0{border:0;}

.border-1{border-width:0.0625rem;}
.border-2{border-width:0.125rem;}

.border-color-white{border-color:#FFFFFF !important;}

.border-color-1{border-color:#FF059E !important;}

.border-color-4{border-color:#323232 !important;}
.border-color-7{border-color:#D8D8D8 !important;}

.border-left{border-left:0.0625rem solid #336699;}
.border-top{border-top:0.0625rem solid #336699;}
.border-bottom{border-bottom:0.0625rem solid #336699;}

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

.rounded-28p{border-radius: 1.75rem;}
.rounded-30p{border-radius: 1.875rem;}
.rounded-34p{border-radius: 2.125rem;}
.rounded-40p{border-radius: 2.5rem;}
.rounded-50p{border-radius: 3.125rem;}
.rounded-60p{border-radius: 3.75rem;}
.rounded-80p{border-radius: 5rem;}


.position-absolute{position: absolute;}
.position-relative{position: relative;}
.position-fixed{position: fixed;}


.min-h-100{min-height: 100%;}


.t-0{top:0;}
.t-8p{top:0.5rem;}
.t-16p{top:1rem;}

.t-1m{top:-0.0625rem;}
.t-10000p{top:1000rem;}

.r-0{right:0;}
.r-8p{right:0.5rem;}
.r-16p{right:1rem;}

.r-60p{right:3.75rem;}
.r-80p{right:5rem;}
.r-120p{right:7.5rem;}
.r-130p{right:8.125rem;}

.r-1m{right:-0.0625rem;}

.b-0{bottom:0;}

.b-60p{bottom:3.75rem;}
.b-80p{bottom:5rem;}
.b-60pm{bottom:-3.75rem;}

.l-0{left:0;}
.l-8p{left:0.5rem;}
.l-1m{left:-0.0625rem;}
.l-800m{left:-50rem;}


.w-10{width: 10%;}
.w-11{width: 11%;}
.w-15{width: 15%;}
.w-20{width: 20%;}
.w-22{width: 22%;}
.w-24{width: 24%;}
.w-25{width: 25%;}
.w-30{width: 30%;}
.w-333{width: 33.3%;}
.w-333{width: 33.3%;}
.w-334{width: 33.4%;}

.w-32{width: 32%;}
.w-35{width: 35%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-56{width: 56%;}
.w-60{width: 60%;}
.w-65{width: 65%;}
.w-52{width: 52%;}
.w-70{width: 70%;}
.w-76{width: 76%;}
.w-78{width: 78%;}
.w-80{width: 80%;}
.w-100{width: 100%;}

.w-1p{width: 0.0625rem;}
.w-24p{width: 1.5rem;}
.w-36p{width: 2.25rem;}
.w-40p{width: 2.5rem;}
.w-56p{width: 3.5rem;}
.w-60p{width: 3.75rem;}
.w-80p{width: 5rem;}
.w-100p{width: 6.25rem;}
.w-120p{width: 7.5rem;}
.w-160p{width: 10rem;}
.w-180p{width: 11.25rem;}
.w-200p{width: 12.5546875rem;}
.w-220p{width: 13.75rem;}
.w-240p{width: 15rem;}
.w-270p{width: 16.875rem;}
.w-278p{width: 17.375rem;}
.w-280p{width: 17.5rem;}
.w-300p{width: 18.75rem;}
.w-400p{width: 25rem;}
.w-420p{width: 26.25rem;}
.w-500p{width: 31.25rem;}
.w-638p{width: 39.875rem;}
.w-660p{width: 41.25rem;}
.w-720p{width: 45rem;}
.w-760p{width: 47.5rem;}
.w-1200p{width: 75rem;}

.w-100vw{width: 100vw;}

.h-15{height: 15%;}
.h-50{height: 50%;}
.h-100{height: 100%;}

.h-1p{height: 0.0625rem;}
.h-2p{height: 0.125rem;}
.h-22p{height: 1.375rem;}
.h-36p{height: 2.25rem;}
.h-40p{height: 2.5rem;}
.h-56p{height: 3.5rem;}
.h-60p{height: 3.75rem;}
.h-64p{height: 4rem;}
.h-68p{height:4.25rem}

.h-80p{height: 5rem;}
.h-100p{height: 6.25rem;}
.h-120p{height: 7.5rem;}
.h-135p{height: 8.4375rem;}

.h-160p{height: 10rem;}
.h-240p{height: 15rem;}
.h-260p{height: 16.25rem;}
.h-300p{height: 18.75rem;}
.h-500p{height: 31.25rem;}
.h-580p{height: 36.25rem;}


.h-100vh{height: 100vh;}



.object-fit-cover{object-fit: cover;}
.overflow-hidden{overflow: hidden;}

.text-center{text-align:center;}
.text-justify{text-align:justify;}

.margin-0-auto{margin:0 auto;} 


.margin-top-auto{margin-top:auto;}


.d-flex{display:flex;}
.flex-column{flex-direction:column;}
.flex-row{flex-direction:row;}

.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.justify-content-around{justify-content:space-around;}

.align-items-center{align-items:center;}
.align-items-start{align-items:flex-start;}
.align-items-end{align-items:flex-end;}


.zindex-1m{z-index:-1;}
.zindex-2m{z-index:-2;}
.zindex-3m{z-index:-3;}
.zindex-4m{z-index:-4;}
.zindex-5m{z-index:-5;}
.zindex-6m{z-index:-6;}
.zindex-7m{z-index:-7;}
.zindex-8m{z-index:-8;}
.zindex-9m{z-index:-9;}
.zindex-10m{z-index:-10;}
.zindex-11m{z-index:-11;}
.zindex-12m{z-index:-12;}





.zindex-99m{z-index:-99;}

.zindex-1{z-index:1;}
.zindex-2{z-index:2;}
.zindex-3{z-index:3;}
.zindex-4{z-index:4;}
.zindex-5{z-index:5;}


.p-0{padding:0;}
.p-8p{padding:0.5rem;}
.p-20p{padding:1.25rem;}

.pt-11p{padding-top:0.6875rem}
.pt-24p{padding-top:1.5rem}
.pt-46p{padding-top:2.875rem}
.pt-60p{padding-top:3.75rem}
.pt-100p{padding-top:6.25rem}
.pt-120p{padding-top:7.5rem}
.pt-240p{padding-top:15rem}
.pt-460p{padding-top:28.75rem;}

.pl-4{padding-left:4%}
.pl-14{padding-left:14%}

.pl-22{padding-left:22%}
.pl-30{padding-left:30%}

.pl-15p{padding-left:0.9375rem}
.pl-33p{padding-left:2.0625rem}
.pl-40p{padding-left:2.5rem}
.pl-60p{padding-left:3.75rem}
.pl-65p{padding-left:4.0625rem}
.pl-120p{padding-left:7.5rem}
.pl-135p{padding-left:8.4375rem}

.pr-4{padding-right:4%}
.pr-14{padding-right:14%}

.pr-22{padding-right:22%}
.pr-30{padding-right:30%}

.pr-15p{padding-right:0.9375rem}
.pr-30p{padding-right:1.875rem}
.pr-60p{padding-right:3.75rem}

.pr-80p{padding-right:5rem}
.pr-90p{padding-right:5.625rem}
.pr-95p{padding-right:5.9375rem}
.pr-120p{padding-right:7.5rem}
.pr-135p{padding-right:8.4375rem}

.pb-16p{padding-bottom:1rem}
.pb-30p{padding-bottom:1.875rem}
.pb-60p{padding-bottom:3.75rem}
.pb-100p{padding-bottom:6.25rem}
.pb-120p{padding-bottom:7.5rem}
.pb-160p{padding-bottom:10rem}
.pb-180p{padding-bottom:11.25rem}
.pb-200p{padding-bottom:12.5rem}
.pb-240p{padding-bottom:15rem}

.m-0{margin:0;}

.mt-6p{margin-top:0.375rem}
.mt-8p{margin-top:0.5rem}
.mt-9p{margin-top:0.5625rem}
.mt-10p{margin-top:0.625rem}
.mt-11p{margin-top:0.6875rem}
.mt-12p{margin-top:0.75rem}
.mt-13p{margin-top:0.8125rem}
.mt-14p{margin-top:0.875rem}
.mt-15p{margin-top:0.9375rem}
.mt-16p{margin-top:1rem}
.mt-18p{margin-top:1.125rem}
.mt-20p{margin-top:1.25rem}
.mt-22p{margin-top:1.375rem}
.mt-23p{margin-top:1.4375rem}
.mt-24p{margin-top:1.5rem}
.mt-25p{margin-top:1.5625rem}
.mt-29p{margin-top:1.8125rem}
.mt-30p{margin-top:1.875rem}
.mt-34p{margin-top:2.125rem}
.mt-40p{margin-top:2.5rem}
.mt-42p{margin-top:2.625rem}
.mt-44p{margin-top:2.75rem}
.mt-46p{margin-top:2.875rem}
.mt-50p{margin-top:3.125rem}


.mt-55p{margin-top:3.4375rem}
.mt-56p{margin-top: 3.5rem}
.mt-60p{margin-top:3.75rem}
.mt-64p{margin-top:4rem}
.mt-80p{margin-top:5rem}
.mt-92p{margin-top:5.75rem}
.mt-100p{margin-top:6.25rem}
.mt-120p{margin-top:7.5rem}
.mt-122p{margin-top:7.625rem}
.mt-127p{margin-top:7.9375rem}
.mt-150p{margin-top:9.375rem}

.ml-4{margin-left:4%}
.ml-8{margin-left:8%}
.ml-12{margin-left:12%}
.ml-18{margin-left:18%}
.ml-26{margin-left:26%}
.ml-34{margin-left:34%}

.ml-15p{margin-left:0.9375rem}
.ml-35p{margin-left:2.1875rem}
.ml-60p{margin-left:3.75rem}
.ml-120p{margin-left:7.5rem}
.ml-135p{margin-left:8.4375rem}
.ml-170p{margin-left:10.625rem}

.mr-4{margin-right:4%}
.mr-8{margin-right:8%}
.mr-10{margin-right:10%}
.mr-12{margin-right:12%}
.mr-18{margin-right:18%}
.mr-34{margin-right:34%}

.mr-8p{margin-right:0.5rem}
.mr-15p{margin-right:0.9375rem}
.mr-16p{margin-right:1rem}
.mr-20p{margin-right:1.25rem}
.mr-24p{margin-right:1.5rem}
.mr-30p{margin-right:1.875rem}
.mr-40p{margin-right:2.5rem}
.mr-60p{margin-right:3.75rem}
.mr-80p{margin-right:5rem}
.mr-120p{margin-right:7.5rem}
.mr-121p{margin-right:7.5625rem}
.mr-135p{margin-right:8.4375rem}

.mb-20p{margin-bottom:1.25rem}
.mb-24p{margin-bottom:1.5rem}
.mb-30p{margin-bottom:1.875rem}
.mb-120p{margin-bottom:7.5rem}
.mb-160p{margin-bottom:10rem}
.mb-180p{margin-bottom:11.25rem}
.mb-200p{margin-bottom:12.5rem}
.mb-240p{margin-bottom:15rem}


.text-color-white{color:#FFFFFF;}
.text-color-black{color:#000000;}

.text-color-1{color:#FF059E;}
.text-color-2{color:#4A4A4A;}
.text-color-3{color:#161616;}
.text-color-4{color:#323232;}
.text-color-5{color:#ED0F21;}
.text-color-6{color:#222222;}
.text-color-7{color:#D8D8D8;}
.text-color-8{color:#EEEEEE;}
.text-color-9{color:#141414;}
.text-color-10{color:#FF6E82;}
.text-color-11{color:#03c4a3;}



.bg-color-white{background-color:#FFFFFF;}
.bg-color-1{background-color:#FF059E;}
.bg-color-1-60{background-color:rgba(255, 5, 158, 0.6)}
.bg-color-3{background-color:#161616;}
.bg-color-5{background-color:#ED0F21;}
.bg-color-8{background-color:#EEEEEE;}
.bg-color-10{background-color:#FF6E82;}
.bg-color-11{background-color:#03c4a3;}
.bg-color-12{background-color:#FAFAFA;}


.box-shadow-1-10{box-shadow: 0 0 0.625rem 0.625rem rgba(255, 5, 158, 0.6)};

.___f1{font-family: 'Roboto','Noto Sans TC', sans-serif;}

.font-family-1{font-family: 'Roboto','Noto Sans TC', sans-serif;}
.font-family-1-jp{font-family: 'Roboto','Noto Sans JP', sans-serif;}


.font-family-2{font-family: 'Montserrat', sans-serif;}
.font-family-3{font-family: 'Jost', sans-serif;}
.font-family-4{font-family: 'Roboto', 'Noto Sans TC', sans-serif;}
.font-family-5{font-family: 'Jost', 'Noto Sans TC', sans-serif;}
.font-family-5-jp{font-family: 'Jost', 'Noto Sans JP', sans-serif;}

.font-weight-medium{font-weight:500;}
.font-weight-semibold{font-weight:600;}
.font-weight-bold{font-weight:700;}


.font-size-12{font-size:0.75rem;}
.font-size-14{font-size:0.875rem;}
.font-size-15{font-size:0.9375rem;}
.font-size-16{font-size:1rem;}
.font-size-18{font-size:1.125rem;}
.font-size-20{font-size:1.25rem;}
.font-size-21{font-size:1.3125rem;}
.font-size-24{font-size:1.5rem;}
.font-size-29{font-size:1.8125rem;}
.font-size-36{font-size:2.25rem;}
.font-size-38{font-size:2.375rem;}
.font-size-42{font-size:2.625rem;}
.font-size-46{font-size:2.875rem;}
.font-size-66{font-size:4.125rem;}


.line-height-14{line-height: 0.875rem;}
.line-height-15{line-height: 0.9375rem;}
.line-height-16{line-height: 1rem;}
.line-height-18{line-height: 1.125rem;}
.line-height-20{line-height: 1.25rem;}
.line-height-21{line-height: 1.3125rem;}
.line-height-22{line-height: 1.375rem;}
.line-height-24{line-height: 1.5rem;}
.line-height-26{line-height: 1.625rem;}
.line-height-28{line-height: 1.75rem;}
.line-height-29{line-height: 1.8125rem;}
.line-height-31{line-height: 1.9375rem;}
.line-height-34{line-height: 2.125rem;}
.line-height-36{line-height: 2.25rem;}
.line-height-39{line-height: 2.4375rem;}
.line-height-42{line-height: 2.625rem;}
.line-height-44{line-height: 2.75rem;}
.line-height-46{line-height: 2.875rem;}
.line-height-48{line-height: 3rem;}
.line-height-54{line-height: 3.375rem;}
.line-height-66{line-height: 4.125rem;}

.leffter-spacing-0{letter-spacing:0;}
.leffter-spacing-05{letter-spacing:0.03125rem;}
.leffter-spacing-1{letter-spacing:0.0625rem;}
.leffter-spacing-2{letter-spacing:0.125rem;}
.leffter-spacing-3{letter-spacing:0.1875rem;}
.leffter-spacing-4{letter-spacing:0.25rem;}


.hand{cursor: pointer;}
.default{cursor: default;}
.pointer-events-none{pointer-events:none;}


.btn-1 div        {color:#FFFFFF;transition:0.5s;}
.btn-1 div:hover  {color:#FF059E;background:#FFFFFF;transition:0.5s;}


.btn-4 div        {color:#323232;transition:0.5s;}
.btn-4 div:hover  {color:#FFFFFF;background:#323232;transition:0.5s;}


.bg-image-1{background-image:url('../assets/program/banner1.jpg');background-repeat:no-repeat;background-position:right top;background-size:cover;}
.bg-image-2{background-image:url('../assets/program/banner2.jpg');background-repeat:no-repeat;background-position:left top;background-size:cover;}
.bg-image-3{background-image:url('../assets/program/banner3.jpg');background-repeat:no-repeat;background-position:right top;background-size:cover;}
.bg-image-4{background-image:url('../assets/program/banner4.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.bg-image-5{background-image:url('../assets/program/banner5.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.bg-image-6{background-image:url('../assets/program/banner6.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.bg-image-7{background-image:url('../assets/program/banner7.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.bg-image-8{background-image:url('../assets/program/banner8.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.bg-image-9{background-image:url('../assets/program/banner9.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.bg-image-10{background-image:url('../assets/program/banner10.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}
.bg-image-11{background-image:url('../assets/program/banner11.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;}





.rotate90{transform: rotate(90deg);}
.overflow-hidden{overflow: hidden;}
.overflow-x-hidden{overflow-x: hidden;}
.overflow-y-auto{overflow-y: auto;}


.opacity-50{opacity:0.5;}

.hide{display: none;}





.btn_close {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(1);
  width: 1.875rem;
  height:1.875rem;/*30*/
}
.btn_close::after,
.btn_close::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: -0.425rem
}
.btn_close::after {
  width: 0.125remrem;
  height: 2.65125rem;
  border-left: 0.125rem solid;
  transform: rotate(45deg);
  left: 0.825rem 
}
.btn_close::before {
  width: 0.125rem;
  height: 2.65125rem;  
  border-left: 0.125rem solid;
  transform: rotate(-45deg);
  left: 0.825rem 
}



.arrow-up {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(0.26);
  width: 5.5rem;/*88*/
  height:5.5rem;
}
.arrow-up::after,
.arrow-up::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0rem
}
.arrow-up::after {
  width: 2.5rem;/*40*/
  height: 2.5rem;
  border-top: 0.5rem solid;/*8*/
  border-left: 0.5rem solid;
  transform: rotate(45deg);
  left: 0.75rem /*12*/
}
.arrow-up::before {
  width: 0.5rem;/*8*/
  height: 5.75rem;/*92*/
  left: 1.75rem;/*28*/
  background: currentColor;
}





.btn_top1{color:#FF059E;border-color:#FF059E;}
.btn_top1:hover{color:#FFFFFF;border-color:#FF059E;background-color:#FF059E;}

.btn_top2{color:#FFFFFF;border-color:#FFFFFF;}
.btn_top2:hover{color:#FF059E;border-color:#FFFFFF;background-color:#FFFFFF;}