@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;700&display=swap');

  
h1 {
  font-size: 42px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 27px;
}
.a{display: inline-block;
	vertical-align: super;
	margin-left: -30px;
	margin-right: 4px;
}
#about_text {
  background-color: #fc391d;
	padding: 20px 20px 20px 60px;
}
#about_text p {
  color: #fff;
  font-weight: 400;
  font-size: 25px;
  line-height: 180%;
  margin: 0 auto;
}
.highlight {
  margin: 0 10px;
  padding: 0 8px;
  color: #FF0004;
  background-color: #fff;
  line-height: 30px;
  display: inline-block;
}
.highlight2 {
  font-weight: 700;
  font-size: 53px;
}


/* Header Section */
.kv {
	display:block;
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_yellow.jpg");
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.purple_bg {
	display:block;
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_purple.jpg");
-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
}
.green_bg {
		display:block;
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_paper.jpg");
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size:cover;
}
.purple_b{background-color: #8e4596;}
.orange_b{background-color: #8e4596;}
.yellow_b{background-color: #f7e500;}
.yellow_bg {
		display:block;
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
    background-color: #f7e500;
-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
}
.teacher_bg {
		display:block;
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_teacher.jpg");
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size:cover;
}
.orange_bg {
		display:block;
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_orange.jpg");
-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
}
 .t_bg{ display:inline-block;
	width: 100%;
	padding: 0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_teacher_bg.png");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
     z-index: 9999;

    
}
 .t_bg2{ display:inline-block;
	width: 100%;
	padding: 0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_teacher_bg3.png");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
     z-index: 9999;
    
}
.bg_paper_all {
	display:table;
	width: 100%;
	padding: 0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_paper_all.jpg");
-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	-o-background-size: contain;
}
.flex-column{ display: inline-block;}
.mt-n1 {
  margin-top: -0.25rem !important;
}
.m170{ margin-top:170px!important;}





.class_title {
  font-size: 18px;
  font-weight:400;
  margin-top: -30px;
  background-color: #196ec8;
  color: #fff;
  padding: 8px 20px;
  border-radius: 30px;
  margin-bottom: 30px;
}

.border_text_bottom {
  border-bottom: 2px solid #000;
}
.border_black {
  border: 3px solid #000;
}
.shadow_blue {
  box-shadow: 16px 16px 0 0 #366eff;
}
.shadow_grey {
  box-shadow: 16px 16px 0 0 #cccccc;
}
.bg_blue {
  background-color: #366eff;
}
.bg_blue h1 {
  color: #fff;
}
.texture {
  
}
.accordion-body a {
  text-decoration: none;
  color: #FF7700;
}
.accordion-body a:hover {
  color: #FF5B00;
}
.accordion-button {
  font-size: 19px;
  color: #000000;
  background-color: #ffec04;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #ffec04;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-body {
  font-size: 17px;
}
.goto_plan {
  position: fixed;
  font-size: 21px;
  right: 30px;
  bottom: 30px;
  z-index: 99;
  padding: 10px;
  line-height: 120%;
}

@media (max-width: 465px) {
	
.goto_plan {
  position: fixed;
  font-size: 16px;
  right: 30px;
  bottom: 30px;
  z-index: 99;
  padding: 3px;
  line-height: 130%;
}
}
    .pc_none{ display: none;}
   .m_none{ display: blocK;}
@media (max-width: 821px) {
     .t_bg{ display:inline-block;
	width: 100%;
	padding: 0;
	text-align: center;
         background-color: #f3512b;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
     z-index: 9999;
     margin-top: 0;
}
    
    .t_bg2{  margin-top: 0;}
    .m_pic{ width:90%;}
    .m_none{ display: none;}
     .pc_none{display: block;}
 
  h1 {
    font-size: 32px;
    line-height: 160%;
  }
  h2 {
    font-size: 27px;
    line-height: 130%;
  }
  h3 {
    font-size: 24px;
  }

  #about_text p {
    font-size: 21px;
    line-height: 160%;
  }
   
  .class_title {
    font-size: 18px;
  font-weight:400;
  margin-top: -30px;
  background-color: #196ec8;
  color: #fff;
  padding: 8px 20px;
  border-radius: 30px;
  margin-bottom: 30px;
}
@media (max-width: 465px) {
    .mt-5 {
    margin-top: 1rem !important;
}
    .green_bg {
		display:block;
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
 background-repeat: repeat; background-image: url("../img/bg_paper_s.jpg");
-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size:cover;
}
  h1 {
    font-size: 27px;
    line-height: 160%;
  }
  h2 {
    font-size: 21px;
    line-height: 130%;
  }
  h3 {
    font-size: 21px;
  }
  .border_black {
    border: 2px solid #000;
  }
  .shadow_blue {
    box-shadow: 8px 8px 0 0 #366eff;
  }
  .shadow_grey {
    box-shadow: 8px 8px 0 0 #cccccc;
  }
	
#about_text {
	padding: 10px 10px 10px 40px;
}
  #about_text p {
    font-size: 18px;
    line-height: 160%;
  }


  .class_title {
    font-size: 18px;
  font-weight:400;
  margin-top: -30px;
  background-color: #196ec8;
  color: #fff;
  padding: 8px 20px;
  border-radius: 30px;
  margin-bottom: 30px;
  }

  .accordion-button {
    font-size: 18px;
  }
  .accordion-body {
    font-size: 15px;
    line-height: 150%;
  }


/* 物件重疊 */
.img_head{
position:absolute;
z-index: 20;
text-align: center;
}
.img_head_back{
position:absolute;
z-index:10;
}