*{font-family: '微軟正黑體', 'Microsoft Jhenghei', 'Arial', sans-serif;box-sizing: border-box;}
body{overflow-x:hidden;background-color: #fff;z-index: -999;}
h1, h2, h3, h4, h5, h6 { font-weight: 800;clear: both;}
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: #ff629c; }
i{margin: 0 5px;text-align: center;vertical-align: middle;}
button{outline:none;}
button:focus{outline:none;}

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


/* 大標 */
.title_text{margin:40px 0 20px;}
.title_text .title_icon{width: 10px;background-color: #0085cd;height: 30px;display: inline-block;vertical-align: middle;}

/* navbar */
.navbar { position: fixed; width: 100%; z-index: 999;font-family: '微軟正黑體', 'Microsoft Jhenghei', 'Arial';font-size: 1.2rem;font-weight: 600;}
.navbar ul li{line-height: 80px;}
.bg-dark { background-color: #3a3a3a!important;padding: 0 50px; }
.navbar #formLink{ background: #f7971e; 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:28%; margin: 20px auto;position: absolute;top:0px;left:15px;}
.nav-logo img{width: 100%;}




/* 主視覺 */
header#Visual {position: relative;padding: 100px 0 0 ;background: url(../images/TITLE_BG.jpg) no-repeat right 80px ;background-size:cover;}
header#Visual > .container-fluid{width: 100%;}
header#Visual .master_title{margin:80px 0;text-align: center;color: #fff;}
header#Visual .master_title img{width: 100%;}
header#Visual .title_photo{margin:50px 0;width: 100%;}
header#Visual .title_photo img{width: 100%;}


/* PageA 內容設定*/
section#PageA{width: 100%;background-color: #fff;padding: 80px 0;}
section#PageA h2{color:#0085cd;}
section#PageA .green_bg{background-color: #0085cd;padding: 10px;display: inline-block;width: auto;margin: 0 0 20px;}
section#PageA .green_bg > h2{display: inline;color:#fff;}
section#PageA p {font-size: 1.2rem;width: 80%;margin: 0 auto;}

/* PageB 內容設定*/
section#PageB{width: 100%;background-color: #eefbfa;padding: 80px 0;background: url(../images/pageB_bg.jpg) center ;background-size: cover; background-attachment: fixed;}
section#PageB .info {margin: 40px 0 0;}
section#PageB .info h4{color:#0085cd;margin: 0;}
section#PageB .line {border-top: 1px solid rgb(182, 182, 182);}
section#PageB ul.understan{margin:  0 0 20px;padding: 0 22px;}
section#PageB ul.understan > li{margin: 5px 0;}

section#PageB .time_lesson_box{}
section#PageB .time_lesson_box .lesson { text-align: center;background-color: #0085CD;padding: 20px;}
section#PageB .time_lesson_box .lesson img{ width:70px;margin: 0 auto 10px;}
section#PageB .time_lesson_box .lesson h4{color: #fff;}
section#PageB .time_lesson_box .lesson .line {border-top: 1px solid rgba(255, 255, 255, 0.48);margin: 15px 0 ;}
section#PageB .time_lesson_box ul.agenda{margin: 20px auto;padding:0  40px;}
section#PageB .time_lesson_box ul.agenda > li{margin: 2px 0;font-size: 1.2rem;line-height: 2rem;}

/* PageC 內容設定*/
section#PageC {width: 100%;background-color: #FFF;padding: 80px 0 0;}
section#PageC .teacher{margin: 40px 0 0;width:95%;}
section#PageC .teacher h3 {font-size: 2.4rem;}
section#PageC .teacher h3 span{color: #7a7a7a;font-size: 1.2rem;margin-bottom: 10px;}
section#PageC .teacher_photo{width: 100%;}
section#PageC .teacher_photo img{width: 100%;}


/* btn 內容設定 */
section#PageD {padding: 40px 0;}
section#PageD #btn{width: 40%;background-color: #f7971e;text-align: center;font-size: 1.6rem;background: #f7971e;font-weight: 600;transition: all 0.2s linear; cursor: pointer;margin: auto;}
section#PageD #btn:hover{box-shadow: 3px 3px 10px rgba(0,0,0,.4) inset;}
section#PageD a{display: block;color:#fff;padding: 10px 10px;}





/* RWD Setting */
    @media (max-width: 1440px) {
       /* RWD 整體寬度調整*/
       div.content { width:90%; }
        /* 主視覺 */ 

 
    }

    @media (max-width: 1199px) {
        /* RWD 整體寬度調整*/
 

        /* 主視覺 */
       
    }

    @media (max-width:991px) {
        /* RWD 整體寬度調整*/
  
        h2{font-size: 1.5rem;line-height: 2.4rem;}
        h3{font-size: 1.4rem;line-height: 2.2rem;}
        h4{font-size: 1.3rem;}
        h5{font-size: 1.1rem;}


        /* 主視覺 */
      
        
        /* PageB 內容設定*/


    }

    @media (max-width: 767px) {
         /* RWD 整體寬度調整*/
        div.content { width: 96%; }
   
        section p,section li{  color: #555;margin-bottom: 0rem;font-size: 1rem;line-height: 1.8rem;}
        table tr td p{font-size: 1rem;line-height: 1.6rem;}
        table tr td a { font-size: 1rem;line-height: 1.6rem;}
        dl, ol, ul { padding: 0 15px; }
        
        /* 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;}
        .nav-logo{width:40%; margin: 10px auto;left:auto;right: 10px;top: 5px;}

        
        /* 主視覺 */
        header#Visual {background: url(../images/TITLE_BG_m.jpg) no-repeat right 0;background-size:cover;}
        header#Visual .title_photo{margin:0 auto;width:60%;}
        header#Visual .title_photo img{width: 100%;}
        
        /* PageA內容設定*/
        section#PageA p {width: 100%;}


        /* PageB內容設定*/
        section#PageB .info { margin: 10px 0 0; }



    }

    @media (max-width: 575px) {
        body { margin: 0;}
   
        /*RWD 整體寬度調整*/
        i{margin-right: 5px;}
        section .content .title h2 {line-height: 1.9rem;font-size: 1.4rem;margin: 0 0 15px 0;}

        h3{font-size: 1.5rem;line-height: 2.2rem;}
        h4{font-size: 1.3rem;line-height: 1.8rem;}
        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 {padding: 15px; margin: 0; }
        section h1 { font-size: 1.3em; line-height: 0.8; }
        dl, ol, ul { padding:0 10px; }

        /* nav */
        .bg-dark { padding: 0 20px; }
        .navbar #formLink a{ color: #f7971e; }
        .navbar #formLink a:hover{ color: #ffdc41; }
        .nav-logo{width:60%; margin: 10px auto;left:auto;right: 10px;top: 5px;}
        /* 主視覺 */
        header#Visual .master_title { margin: 20px 0; }



        /* PageC內容設定*/
        section#PageC .teacher_photo{width: 70%;margin: 0 auto;}


        section#PageC .teacher{width:100%;}
    }