html{height: 100%;}
body {
	padding: 0;
	margin: 0;
	background: #fff;	
	color: #212529;
	line-height: 28px;
	font-size: 15px;
	font-family: "Noto Sans TC","Microsoft JhengHei","微軟正黑體","Arial", sans-serif!important;
   height: 100%;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:focus,
body a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight:normal;
   line-height: 1.2;
}
h1, h2, h3{
	font-weight: 700;
}
p {
	margin: 0;
	letter-spacing:1px;
	line-height:1.4;
}

.row{
	margin:0px;
	padding:0px;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
label {
	margin: 0;
}
a{
	color:#000;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
.hide{display: none;}
img{
   width: 100%;}
section{
   padding-bottom: 6.5em;
   padding-top: 6.5em;
   overflow: hidden;
}

.scroll-to-top {
  z-index: 1029;
  right: 1rem;
  bottom: 4rem;
  display: none;
}

.scroll-to-top a {
  width: 3.1rem;
  height: 3.1rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}
/*-- //Reset-Code --*/
.bg-dkred{background-color: #c30d23!important;}
.bg-green{background-color: #cae5e0!important;}
.bg-blue{background-color: #1c3147!important;}


.bg-pink{background-color: #ba4c63;}
.bg-gray{background-color: #dcdcdc;}
.bg-purple{background-color: #c6d6ee;}


.f-green{color: #055f66!important;}
.f-yellow{color: #f7e93e!important;}
.f-yellow2{color: #e7b95c!important;}
.f-red{color: #c93f30!important;}

.f-blue{color: #1c3147;}
.f-pink{color: #e05c6f;}
.f-white{color: #FFFFFF;}


.bg_th1{
	background-image:url("../images/18.jpg");
	background-position:center top;	
	background-attachment: fixed;
	background-size:contain;
	-ms-background-size: auto;
	-moz-background-size: auto;
	-webkit-background-size: cover;
}


/*BTNN*/

.hoverbig:hover img{
	transform: scale(1.1, 1.1);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
filter:drop-shadow(1px 1px 2px #999999);
}

.btngo{
	font-size: 1.4em;
    line-height: 1.2;
    /* font-weight: 700; */
    color: #fff;
    background-color: #a3a14f;
    padding: 10px 5%;
    margin-top: 50px;
   width: 80%;
   max-width: 400px;
   border-radius: 8px;
    display: inline-block;
}
.btngo:hover{
	color: #fff;
   transform: scale(1.1, 1.1);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.btngo i{
   transform-origin: bottom;
   transform:rotate(-30deg);
   margin-left: 15px;
}
/*#BTNN*/

/*click*/
.click_box{
    position: relative;
}
.click_box:hover img.click_hand{
   display: none;
}
.click_hand{
    position: absolute;
    filter:drop-shadow(2px 2px 2px #303030);
    width: 60px;
    z-index: 2;
}
/*##click*/
/*Menu*/
.menu{
   position: absolute;
   right: 0;
   bottom: 4vw;
   width: 100%;
}
.menu li{
   width: calc( calc(100%/5) - 2%);
   border-radius:  40px; 
   text-align: center;
   font-size: 1.5rem;
   line-height: 1.2;
   margin-left: 1%;
   margin-right: 1%;
   vertical-align:middle;
}
.menu li a{
   color: #fff;
   font-weight: 700;
}

/*#Menu*/
/*TOP-MENU*/
.nav-pills .nav-link {
   color: #fff;
   font-size: 1.4em;
   background-color: #007587;
   padding: .2em .7em;
   font-weight: 700;
   line-height: 1.2;
}
.nav-pills .nav-link.active, 
.nav-pills .nav-link:hover, 
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #bd3d7d;
}
#mainNav{
   padding-top: 10px;
   padding-bottom: 10px;
   
}

/*TOP-MENU*/

/*PART1*/
.title_box h2{
   font-size: 3em;
}

.title_box p{
   font-size: 1.8em;
}

#part1 .carousel-indicators {
   bottom: -7%;}

#part1 .carousel-control-next,
#part1 .carousel-control-prev {
   top: 20%;
   bottom: 20%;}



/*PART2*/
#part2 .title_box p {
    font-size: 1.5em;
}
#part2 .slick-slide img {
    display: inherit!important;
}
.exambox{
	border-radius:20px;
	border:#00A29A 2px solid;
	background-color:#FFFFFF;
	text-align:center;
   margin: 2% 5%;
}
.exambox .sub{
	background-color:#00A29A;
	padding:8% 1%;
	line-height:1.2;
	height:120px;
   color:#FFFFFF;
   text-align: center;
	border-radius:15px 15px 0 0;}
.exambox .sub h3{
   font-size: 1.6em;
   margin-bottom: 8px;
}
.exambox .sub p{font-size: 1.1em;}
.exambox .text {
    font-size: 1em;
    line-height: 1.4;
    padding: 5% 6% 2%;
   overflow: hidden;
}
.exambox img{
	max-width:120px;}

/*PART2-slick*/
.slick-prev{
    left: -32px!important;}
.slick-next{
    right: -32px!important;}

.slick-prev:before, .slick-next:before {
    font-size: 25px!important;
    color: #055f66!important;
}
.slick-dots li.slick-active button::before {
    color: #055f66!important;
}
@media screen and (max-width: 557px) {
.slick-prev{
    left: -80px!important;}
.slick-next{
    right: -80px!important;} 
.exambox .sub h3 {
    font-size: 2.2em;
}     
.exambox .sub p {
    font-size: 1.3em;
}   
.exambox .text {
   font-size: 1.2em;}  
}@media screen and (max-width: 411px) {
.exambox .sub h3 {
    font-size: 2em;
}
}/**/
/*PART3*/

.class-header {
   padding: .75rem 1.25rem;
   font-size: 2em;
   font-weight: 700;
}

.class_point{
   background-color: rgba(255,219,157,.7);
   padding: 2em;
   border-radius: 15px;
}

#part3 p.card-title{
   font-size: 1.5em;
   font-weight: 500;
}

.class_point_bg{
   background-image: url("../images/pt3.png");
	background-position:center;
   background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
  padding: 2% 0;
}

.class_point .card-title,
.card-text{
   font-weight: 700;
   
}
.class_point h4{font-size: 2em;}
.class_point p{font-size: 1.4em;}

@media screen and (max-width: 557px) {

#part3 .card-body {
  padding: 0; 
}
#part3 h5 {
    font-size: 1.5em;
}   
#part3 .class-header {
   padding: .35em 1em;
   margin-bottom: .5em;
}  
.class_point_bg{
    background-image: url("../images/pt3-ph.png");
	background-position:center top;
	background-size: 100% 100%;
	-ms-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
   padding: 0;
}   
.class_point_item {
    padding-top: 2.5em;
    padding-bottom: 2em;
}

.class_point h4 {
    font-size: 3em;
}   
.class_point p {
    font-size: 2em;
}      
}/**/


/*PART4*/

#part4 h3{
   font-size: 5.4em;
   font-weight: 800;
   letter-spacing: 12px;
}
#part4 a{
   font-size: 1.6em;
   font-weight: 800;
   letter-spacing: 6px;
}
#part4 .bg_th3{
   padding: 12% 0 6% 0;
}

#part4 .btngo2 {
    background-color: #c30d23;
    color: white;
    border-radius: 30px;
    text-align: center;
    margin-top: 2em;
    left: 37em;
    bottom: 33%;
    padding: 10px;
}

@media screen and (max-width: 991.9px) {

#part4 h3 {
   font-size: 4em;}
   
}@media screen and (max-width: 557px) {
#part4 .bg_th3 {
  padding: 14% 36% 23% 7%;
    background-position-x: 69%;
}
#part4 h3 {
   letter-spacing: 5px;}
#part4 .btngo2 {
    margin-top: 1em;
    bottom: 5em;
    left: 3em;
    padding: 10px;
    width: 15em;
	
}
   
}/**/

/*PART5*/

#part5 h3{
   font-size: 5.4em;
   font-weight: 800;
   letter-spacing: 12px;
}
#part5 a{
   font-size: 1.6em;
   font-weight: 800;
   letter-spacing: 6px;
}
#part5 .bg_th3{
   padding: 12% 0 6% 0;
}

#part5 .btngo2 {
    background-color: #c30d23;
    color: white;
    border-radius: 30px;
    text-align: center;
    margin-top: 2em;
    left: 23em;
    bottom: 34%;
    padding: 10px;
}

@media screen and (max-width: 991.9px) {

#part5 h3 {
   font-size: 4em;}
   
}@media screen and (max-width: 557px) {
#part5 .bg_th3 {
  padding: 14% 36% 23% 7%;
    background-position-x: 69%;
}
#part5 h3 {
   letter-spacing: 5px;}
#part5 .btngo2 {
    margin-top: 1em;
    bottom: 5em;
    left: 3em;
    padding: 10px;
    width: 15em;
	
}
   
}/**/



/*part6*/
#part6{
   padding-top: 1em;
   padding-bottom: 3em;
}
.shadow-bg{
	background-image: url("../images/shadow.png");
	background-position:bottom center;	
   background-repeat: no-repeat;
	background-size: contain;
	-ms-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
   padding-bottom: 8%;
}
.social_part{
   margin-top: 5em;
}

/*footerstyle*/
#footerstyle{
	padding: 3em 0;
	background-color: #161616;
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;	
	text-align:center;
}

#footerstyle li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
#footerstyle p,
#footerstyle li a {
   opacity: .7; 
   font-weight: 300;
}
#footerstyle li a {
  padding: 10px;
  font-size: 16px;
  color:#fff;  
  
}
#footerstyle li a:hover {
  opacity: 1;   
}

@media screen and (max-width: 1199px) {

	
}@media screen and (max-width: 991px) {
    
   
}@media screen and (max-width: 767px) {
footer {
    padding: 2em 0 6em 0;
}	
}@media screen and (max-width: 575px) {	
#footerstyle {
    padding: 3em 0 7em 0;
  }	
   
   
}	
/*end_footerstyle*/


/*---------------------------media------------------------------*/
@media screen and (max-width: 1400px) {
   
}@media screen and (max-width: 1199px) {
body {font-size: 1.35vw!important;}  
	
}/*576以上*/
@media screen and (min-width: 576px) {
.type_ph{display: none!important;}
	
}/*手機板575*/
@media screen and (max-width: 575px) {
body {font-size: 3vw!important;}    
section{padding-bottom: 4em;padding-top: 4em;}	
.type_pc{display: none!important;}
.nolr{
    padding-left: 0!important;
    padding-right: 0!important;}	

   
   
   
}@media screen and (max-width: 472px) {	


}@media screen and (max-width: 420px) {


}
