*{font-family: 'Noto Sans TC', '微軟正黑體', 'Arial',sans-serif;box-sizing: border-box;}
body{overflow-x:hidden;background-color: #fff;z-index: -999;}
h1, h2, h3, h4, h5, h6 {clear: both;margin-bottom: 0;}
html{font-size: 16px;}
h5{line-height: 2rem;}
h4{line-height: 2.2rem;}
h2{line-height: 3rem;}
a{ text-decoration: none;color: #FFB447;transition: all .2s linear; }
a:hover{ text-decoration: none;color: #ff2f00; }
i{margin: 0 5px;text-align: center;vertical-align: middle;}
button{outline:none;}
button:focus{outline:none;}

/* RWD 整體寬度調整*/
header div.content {  position: relative; }
div.content { margin: auto; clear: both;}
header, section { width: 100%; margin: 0;padding: 0; clear: both; }
section p,section li{  color: #333;margin-bottom: 0rem;font-size: 1.1rem;line-height: 2rem;font-weight: 400;width: 100%;margin: auto; }
ol,ul{margin-bottom: 0;}


/* 基本操作 */
.text_center{text-align: center;}
.text_left{text-align: left;}
.flex{display: flex;}
.clear{clear: both;}

/* 大標 */
.title{color: #272727;margin: 20px 0;}
.title img{width: 25px;display: inline-block;vertical-align: middle;margin-right: 10px;}
/* .row_hight{margin:55px 0 0;} */
section .content .title  h2{ margin: 0 0 30px 0;text-align: center;line-height: 2.4rem;} 

/* navbar */
.navbar { position: fixed; font-family: 'Noto Sans TC', '微軟正黑體',  'Arial',sans-serif;width: 100%; z-index: 999;font-size: 1.2rem;font-weight: 400;}
.navbar ul li{line-height: 80px;}
.bg-dark { background-color: #3a3a3a!important;padding: 0 50px; }
.navbar #formLink{ background: #29b3b3; height: 100px;line-height: 80px;padding: 0 10px;margin: 0 10px;transition: all 0.2s linear;}
.navbar #formLink:hover{ box-shadow: 3px 3px 10px rgba(0,0,0,.4) inset;}
.navbar-dark .navbar-nav .nav-link { color: #fff; }
.navbar-dark:active  .navbar-nav:active  .nav-link:active { color: #fff; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{ color: #fff; }
.nav-logo{width:100%;}

/* 主視覺 */
header#Visual {position: relative;}
header#Visual > .container-fluid{width: 100%;}
.master_bg{background: url(../images/TITLE_BG.jpg) no-repeat center;background-size: cover;}
.master_title{padding: 100px 0;}
.master_title_photo{width:85%; margin: 40px auto 0;}
.master_title_photo img{width:100%;}
.logo{position: absolute;top:120px;right:15px;display: block;padding: 10px 0;}
.logo img{width: 100%;}

/* PageA 內容設定*/
section#PageA{width: 100%;background-color: #fff;padding: 80px 0;}
section#PageA div.content { width:80%;}

section#PageA .A-text p{ font-size: 1.1rem;width: 85%;margin: 0 auto 20px;}
section#PageA .box {width: 85%;margin: 40px auto 0;  border-radius: 10px;background-color: #006298;padding:40px;display: flex;justify-content: space-between;}
section#PageA .box .text {width: 55%;}
section#PageA .box .text h2{margin-bottom: 10px;color: #fdff81;}
section#PageA .box .text p{color: #fff;width: 100%;}
section#PageA .box .text img {margin: 20px 0;}
section#PageA .box .photo {width:35%;}
section#PageA .box .photo img{width:100%;}


/* PageB 內容設定*/
section#PageB{width: 100%;}
section#PageB div.content { width:80%;margin: 0 auto;padding: 80px 0;}
section#PageB .container-fluid{background-color: #333;background:-webkit-linear-gradient(top,rgba(0, 0, 0, 0.7),rgb(54, 54, 54)), url(../images/bg02.jpg);background-size: cover;}
.info_content{width: 100%;margin:0 auto;}
.info_content ul{padding: 0;margin: 0;}
.info_content ul li{margin: 15px 0;color: #ffebaa;transition: all .3s linear;list-style: none;min-height: 220px;}
.info_content ul li:hover{color: #ffffff;}
.info_content ul li span{background-color: #FFB447;padding:2px 5px;margin-right: 10px;color: #000;border-radius: 5px;font-size: .9rem;transition: all .3s linear;}
.info_content ul li a{font-size: 1.4rem}
.info_content ul li a:hover span{background-color: #ff2f00;}

.info_content ul li p{ color: #fff;font-size:1rem;font-weight: 300;line-height: 1.8;;margin: 20px 0;}
section#PageB .photo {width:80%;margin: 20px auto;}
section#PageB .photo img{width: 100%;}
.title_text{margin:0 0 50px;background-color:#f6f6f6;padding: 10px 50px;color: rgb(0, 0, 0);display: inline-block;}

/* PageC 內容設定*/
section#PageC{width: 100%;padding: 80px 0;background-color: #fcff3b;padding: 80px 0;background: url(../images/bg05.png) no-repeat center;
    background:-webkit-linear-gradient(top,rgba(255, 255, 255, 0.2),rgb(255, 255, 255, 0.8)), url(../images/bg05.png);background-size: cover;}
section#PageC div.content { width:80%;}
.teacher_title_text{margin: 0 0 20px;}
.teacher_photo{width:30%;margin: 40px 0 10px;}
.teacher_photo img{width: 100%;}
section#PageC p { font-size:1rem;line-height: 1.8;margin: 20px 0;}



/* btn 內容設定 */
#btn{width:100%;padding:100px 20px 20px;display: flex;justify-content: center;}
#btn a {width: 35%;display: block;margin: 20px;}
#btn a .big_btn {background-color:#6F2570;  text-align: center; color: #fff; transition: all 0.2s linear; cursor: pointer;border-radius: 15px;margin: 0 auto;padding: 20px 0;}
#btn a:hover .big_btn { box-shadow: 3px 3px 10px rgb(0 0 0 / 40%) inset;}
#btn a .big_btn h5{font-size: 1.4rem;}






/* RWD Setting */
 
    @media (max-width: 1440px) {
       /* RWD 整體寬度調整*/
       div.content { width:95%; }
         /*主視覺*/
       .master_title_photo{width:100%;}
       .info_content ul li{min-height: 300px;}
    
       .flex_list{width: 50%;}

       section#PageB div.content { width:100%;}

    }
    @media (max-width: 992px) {
         /* PageB 內容設定*/
         

         .master_bg{background: url(../images/TITLE_BG_960.jpg) no-repeat center;background-size: cover;}


            /* btn 內容設定 */
            #btn a {width: 45%;}



    }
    @media (max-width: 767px) {
         /* RWD 整體寬度調整*/
        div.content { width: 100%; }
        section p,section li{font-size: 1rem;line-height: 1.8rem;}
        table tr td p{font-size: 1rem;line-height: 1.8rem;}
        
        /* navbar */
        .navbar #formLink{ padding: 0 0px;margin:0 0 20px;}
        .navbar #formLink:hover{ box-shadow: none;}
        .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; margin:10px 0; }
        .navbar ul li { line-height: 30px; }
        .navbar ul li:nth-child(3) { line-height: 30px; margin: 0 0 30px; }
        .navbar #formLink{ background: none; height:30px;line-height:30px;}
        .navbar #formLink:hover{ background:none; height:30px;line-height:30px;}

        /*主視覺*/
   
        
        header#Visual > .container-fluid{width: 100%;}
        .master_title { }
  
      
        /* PageA 內容設定*/
        section#PageA h2{font-size:1.4rem;}
        section#PageA div.content { width:95%; }
        section#PageA .box { width:100%; flex-direction: column;padding: 15px;}
        section#PageA .box .text{ width:100%;}
        section#PageA .box .photo{ width:100%;}

        section#PageA .A-text p{ width: 100%;}

        /* PageB內容設定*/
        
        section#PageB div.content { width:95%;}
        .teacher_photo{width: 45%;}

        .flex_content{display: block;}
        .flex_list{width: 100%;}
        hr{width: 100%;}
        section#PageA p { width: 100%; }

        section#PageB div.content { width:100%;}
        .info_content ul{padding:0 0 0 10px;}
        .info_content ul li span{display:block;width: 80px;text-align: center;margin-bottom: 5px;}
        .info_content ul li {font-size: 1.1rem;}
        section#PageB .photo {width:100%;margin: 20px auto;}


        /* PageC內容設定*/
        section#PageC div.content { width: 95%; }

 
   

        /* btn 內容設定 */
        #btn{flex-direction: column;}
        #btn a .big_btn { margin: 20px auto 0;}
        #btn a { width: 80%;margin:5px auto; }
    }

    @media (max-width: 575px) {
        section .content .title h2 {line-height: 1.9rem;font-size: 1.4rem;margin: 0 0 15px 0;}
        h3{font-size: 1.3rem;line-height: 1.8rem;}
        h4{font-size: 1.2rem;line-height: 1.6rem;}
        section p,section li{  color: #555;margin-bottom: 0rem;font-size: 1rem;line-height: 1.6rem;}
        table tr td p{font-size: .9rem;line-height: 1.4rem;}
        table tr td a { font-size: .9rem;line-height: 1.4rem;}
        section h1 { font-size: 1.3em; line-height: 0.8; }
       
        /* nav */
        .bg-dark { padding: 0 18px; }
        .navbar #formLink a{ color: #29b3b3; }
        .navbar #formLink a:hover{ color: #169e9e; }

        /* 主視覺 */
        .master_bg{background: url(../images/TITLE_BG_m.jpg) no-repeat center;background-size: cover;}
        .master_title_photo { margin: 80px auto 0; }



        .logo{position: absolute;top:80px;right:15px;display: block;}
        .logo img{width:60%;}
        


        
        /* PageB內容設定*/
        section#PageB .photo {margin: 20px 0 0;}
        .title_text{width: 100%;}
        .info_content ul li{min-height:auto;margin: 0 0 50px;}


        /* PageC內容設定*/
        .teacher_photo { width: 55%;margin:80px auto 20px;}

        /* PageD內容設定*/
  
        /* btn 內容設定 */
        #btn a { width: 100%; }
     
    }
  
    @media (max-width: 400px) {
        /* navbar */
        .nav-logo{width:150px;}
    }