*{font-family: '微軟正黑體', 'Microsoft Jhenghei', 'Arial', sans-serif;box-sizing: border-box;
}
body{overflow-x:hidden; background-color: #08121E;background-size:100%;background-attachment: fixed;background-position: 0 20px;
  }
html {font-size:16px;}
a{ text-decoration: none;color: #2a2a2a;transition: all .2s linear; }
a:hover{ text-decoration: none;color: #000000; }
button{outline:none;}
button:focus{outline:none;}
br {  line-height: 150%; }
dl, ol, ul {
 list-style: none;
}
h2{font-size: 2.6rem;font-weight: bold;}
h1, h2, h3, h4, h5, h6 {
 margin-top: 0;
 margin-bottom: 0;
 font-weight: bold;
}

a{color:rgb(200, 47, 0);}
a:hover{color:rgb(255, 106, 46);}
/*bootstrapt 間距設定*/
/* .container {padding-right:10px;padding-left: 10px;} */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-right: 15px; padding-left: 15px; }

/* RWD 整體寬度調整*/
header div.content {  position: relative; }
div.content { width: 1335px; margin: auto; clear: both;}
div.content_btn { width: 1335px;clear: both;margin: 150px auto 0}
header, section { width: 100%; margin: 0; clear: both; padding: 0;}
section p,section li{  margin-bottom: 0rem;font-size: 1.1rem;line-height: 1.8rem;font-weight: 500;letter-spacing:1px; }
section b{  margin-bottom: 0rem;font-size: 1.1rem;line-height: 1.8rem;font-weight: 800;letter-spacing:2px }


/* youtube 影片 */
.video-width { width:100%; margin: 0 auto;border: 10px solid rgb(0, 0, 0); }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0;left: 0; width: 100%; height: 100%;}

/* owl輪播點點修正 */
.owl-carousel span { width:10px; height:10px; margin:5px 7px; background: #ffffff !important; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
.owl-carousel .active span { width:10px; height:10px; margin:5px 7px; background: #4faec9 !important; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
.search_left{top:50%;left: -30px;position: absolute;color: #b3b3b3;font-size: 2rem;transition: .4s;}
.search_left:active{color: #d1d1d1;}
.search_right{top:50%;right: -30px;position: absolute;color: #b3b3b3;font-size: 2rem;transition: .4s;}
.search_right:active{color: #d1d1d1;}

/* 基本操作 */
.white{color:#fff;}
.blank{color:#000;}
.clear{clear: both;}

/* 大標 */
[data-aos=fade-up]{transform:translate3d(0,0px,0)}
.page_title {overflow: hidden;}
#title1,#title2,#title3,#title4,#title5{display: inline-block;}
.page_title > h2{ position: relative;transform: translate(0,0);opacity: 1;}
.title_line{border-bottom:7px solid #00D9D9;overflow: hidden;width: 40%;border-radius:10px;margin: 10px 0 0;}
.page_title_s{text-align: center;margin: 100px 0 25px;;z-index: 99;position: relative;padding: 30px 0 10px;}
.title_img{width: 80%;margin: 0 auto;}
.titleD_img{width: 80%;float: right;}

.page_title h5{margin-bottom: 0px;}







.btn{width: 100%; margin: 0 0 20px; background: #EF4335; color: rgb(255,255,255); padding: 15px 5px; border: none; border-radius:10px; font-size: 1.35rem; font-weight: 600; box-shadow: 20px 20px 30px rgba(75, 75, 75, 0.25); transition: all .4s ease;}
.btn:hover{ transform: translate3d(0,-7px,0); transform: translate3d(0,-7px,0); opacity: .8; }
.btn a{color:#fff;}
.btn h5{color:#fff;}

/* 主視覺 */
header#Visual {position: relative;height: 100vh;}
header#Visual > .container-fluid{width: 100%;}
.full-video{ overflow: hidden; position: fixed;z-index:-99;position: absolute; top:0}
.full-video video{width: 100%;z-index: -1;opacity: .8;}
.master-text{z-index: 1;color:#fff;float: right;margin: 10%;display: inline-block;}
.master-text h1{font-size:6.8rem;font-weight: bold;}
.master-text h4{font-size:1.8rem;}
.master-text-sub{background-color: #00D9D9;width: auto;text-align: center;padding: 20px;border-radius: 10px;margin: 20px 0; position: relative; 
    display: inline-block;}
.master-text-sub h3{color:#000;font-size:2rem;font-weight: bold;}

.logo{position: absolute;top:0;left:0;width:250px;margin: 50px;}
.logo img{width: 100%;}
.scroll{position: absolute;left:49%; bottom: 0; width:40px;animation: scroll 2s ease infinite;cursor: pointer;z-index: 99;}

.logo img{width:100%;}

@keyframes scroll{
 0% {
     bottom: 50px;
 }
 70% {
     bottom:30px;
 }
 90% {
     bottom:30px;
 }
 100% {
     bottom: 50px;
 }
 
}


/* PageA 內容設定*/
section#PageA{ position: relative;padding: 50px 0;}
/* 數字list */
.numbered-list_text{ color: #fff; }
.numbered-list_item{ display: flex; align-items: center;/*  margin: 20px 0; */height:70px; }

/* 01-07 */
.numbered-list { counter-reset:mun1; list-style: none; margin: 0; padding: 0; }
.numbered-list_counter { counter-increment:mun1 0; color:#FFDF6B; font-size: 2rem; font-family: Arial Black,Arial Bold,Gadget,sans-serif; } 
.numbered-list_counter:before { counter-increment: mun1; content: counter(mun1,decimal-leading-zero); display: inline-block; vertical-align: middle; width:50px; margin: 0 0 2px 0; } 

/* 8-12 */
.numbered-list2 { counter-reset:mun2 7; list-style: none; margin: 0; padding: 0; }
.numbered-list_counter2 { counter-increment:mun2 0; color:#FFDF6B; font-size: 2rem; font-family: Arial Black,Arial Bold,Gadget,sans-serif; } 
.numbered-list_counter2:before { counter-increment: mun2; content: counter(mun2,decimal-leading-zero); display: inline-block; vertical-align: middle; width:50px; margin: 0 0 2px 0; } 


/* PageB 內容設定*/
section#PageB{ position: relative;background-color:rgba(255, 255, 255, 0.5) ;padding: 100px 0;}
.pageB_box{background-color: #fff;text-align: center;padding: 30px 10px;box-shadow: 1px 1px 30px rgba(141, 141, 141, 0.25);height:300px;}
.pageB_box img{width: 35%;margin: 30px auto;}
.features12{width: 80%;margin: 0 auto;text-align: center;}
.features12 img{width: 100%;}
.dot_bg{position: relative;width: 100%;}
.dot_bg1{position: absolute;background: url("../images/purple_bg.jpg") repeat;width: 80%;height: 300px;right:0;top:0px;z-index: 0;}

section#PageB .page_title {text-align: center ; margin: 0 auto 30px; width: 100%;}
section#PageB .page_title .title_line {margin: 10px auto 0;}

section#PageB .item {background-color: #16B1A5;display: flex;align-items: center;padding: 30px;border-radius: 5px;width: 100%;margin: 10px auto;min-height: 200px;position: relative;}

section#PageB .item .photo img{width: 100px;}
section#PageB .item .text {color: #fff;margin: 0 0 0 30px;}
section#PageB .item .text h4{color: #f8f83c;margin: 0 0 10px;}
section#PageB .item .text p{color: #fff;}

section#PageB .item .num {position: absolute;top: 0;left: 0;padding: 2px;background-color: rgba(11, 69, 63, 0.4);color: #fff;font-size: 1.5rem;width: 40px;text-align: center;}












/* PageC 內容設定*/
section#PageC{ position: relative; z-index: 99;background: url("../images/master_bg2.jpg") repeat-y;padding: 100px 0;}
.exam{display: flex;justify-content: center;align-items:center;color: #fff;}
.exam h2{font-size: 3.4rem;margin:0 20px;}
.table-bordered{margin: 20px 0;}
.table-bordered th{text-align: center;}
.table-bordered td{text-align: center;}
.test_box{display: flex;justify-content: center;align-items:center;}
.test_box2{display: flex;justify-content: center;align-items:flex-start;}
.test_box_s{background-color: #00D9D9;color:#000;text-align: center;border-radius: 5px;padding: 10px;margin: 10px 0;}
.test_box_s h5{font-weight: bold;margin-bottom: 0;}
.test_box_s_out{width:50%;padding: 0 5px;}
.test_box_s_out p{text-align: left;}

/* PageD 內容設定*/
section#PageD{ position: relative;background-color:rgba(255, 255, 255, 0.8);padding: 100px 0;}
.pageD_box{background-color: #fff;text-align: left;padding: 30px 10px;box-shadow: 1px 1px 30px rgba(141, 141, 141, 0.25);width: 80%;    margin: 50px 0;}
.dot_bg2{position: absolute;background: url("../images/green_bg.jpg") repeat;width:80%;height: 500px;top:-30px;left:0;z-index: 0;}
.dot_bg3{position: absolute;background: url("../images/purple_bg.jpg") repeat;width: 50%;height: 300px;top:250px;right:0;z-index: 0;}
.dot_bg2 img{width: 50%;}
ul.pageD_list{list-style:disc;padding:0 50px;}

/* PageD-2 內容設定*/
section#PageD-2{ position: relative;background-color:rgb(255, 255, 255);padding: 100px 0;background: url("../images/PageD-2-bg.jpg");}
.stu-con{display: flex;justify-content: space-between;}
.stu-con .item{width: 33.33%; margin: 15px; box-shadow: 1px 1px 30px rgb(141 141 141 / 25%);background-color: #fff;padding:30px 15px;cursor: pointer;transition: all .3s linear;}
.stu-con .item p {margin: 15px 0;}
.page_title .item .name{display: flex;align-items: center;margin-bottom: 10px;}
.page_title .item .name .cir {width: 50px;height: 50px;background-color: rgb(194, 48, 48);overflow: hidden;border-radius: 100%;margin-right: 10px;background-position: center;background-size: cover;}
.more{ color: rgb(200, 47, 0);transition: all .3s linear;}
.stu-con .item:hover .more{ color:rgb(255, 106, 46);}
.stu-con .item:hover{transform: translateY(5px);}
.page_title .item a > h5{color: #49407E;height:50px;}
.page_title .item a {color:#212529;}


/* PageE 內容設定*/
section#PageE{ position: relative;background-color:#E6E6E6;padding: 100px 0; }
ul.pageE_list{list-style:disc;padding:0 30px;}
.red{color:red;}


.mv .mv-box{ text-align: center; height:300px;display: flex;flex-direction: column; justify-content: center;border-radius: 10px;transition: all .3s linear;margin: 10px 0;}

.mv:nth-child(1) .mv-box{ background:url(../images/mv-bg.jpg) center;background-size:100%;}
.mv:nth-child(2) .mv-box{ background:url(../images/mv-bg-2.jpg) center;background-size:100%;}
.mv:nth-child(3) .mv-box{ background:url(../images/mv-bg-3.jpg) center;background-size:100%;}


.mv .mv-box img{ width: 80px;margin:0 auto 20px;opacity: .6;transition: all .3s linear; }
.mv .mv-box .mv-box-title{background-color: #6bf1e8;padding: 20px 0;color: #000; }

.mv .mv-box:hover {background-size: 160%; }
.mv .mv-box:hover img{opacity: 1;}
















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

     .logo{width:150px;margin: 20px;}
     div.content_btn { width: 90%; }
 }

 @media (max-width: 1199px) {
     /* RWD 整體寬度調整*/
     div.content { width: 96%; margin: 0 auto;}
   
     /* 主視覺 */
   


     @keyframes scroll{
         0% {
             bottom: 20px;
         }
         70% {
             bottom:0px;
         }
         90% {
             bottom:20px;
         }
         100% {
             bottom: 0px;
         }
         
     }
     /* PageA 內容設定*/

     /* PageB 內容設定*/
     .pageB_btn_all {display: block;margin: 15px 0 0;}
     .pageB_btn { height: 60px; font-size: 1.4rem; }
     .pageB_btn p { line-height: 60px; }

     /* PageD 內容設定*/
     .table tr td b{width: 100%;}
     .table-l tr:first-child td {border-top: 1px solid #dee2e6;}
     .table tr td { height: auto; }
     .dot_bg2 { width: 100%; height: 500px; top: -30px;  }


     /* PageD-2 內容設定*/
     .page_title .item a > h5{height:70px;}
 }

 @media (max-width:991px) {
     /* RWD 整體寬度調整*/
     div.content { width:100%;padding: 25px 15px;}
    
      /* 大標 */
      h2{font-size: 2rem;font-weight: bold;}
 
      .exam { margin: 50px 0 20px; }

     /* 主視覺 */
     header#Visual { height: auto; }
     .master-text h1{font-size :5.5rem;}
     .master-text h4{font-size:1.2rem;}
     .master-text-sub{}
     .master-text-sub h3{font-size:1.4em;}
     .logo{width:150px;margin: 20px;}
     .scroll{display: none;}
   
     /* PageA 內容設定*/
     .pageA_btn{width: 30%;}
     .pageA_btn p{font-size: 1.1rem;}

     /* PageB 內容設定*/
     .dot_bg1{width: 100%;height: 300px;top:-25px;z-index: 0;}
     .features12{width: 100%;}

      /* PageC 內容設定*/
     .exam h2 { font-size: 2.4rem; margin: 0 20px; }

 }

 @media (max-width: 768px) {
      /* RWD 整體寬度調整*/
  
     /* 主視覺 */
     /* .master-text{width: 90%;margin:150px 5%;display: flex;flex-wrap: wrap;}
     .master-text h1{font-size :6rem;}
     .master-text h4{font-size:1.4rem;}
     .master-text-sub{padding: 10px;border-radius: 10px;margin: 10px 0;}
     .master-text-sub h3{font-size:1.6rem;} */
     .logo{width:150px;margin: 20px;}
     .title_img{width: 40%;margin: 0 auto 20px;}
     .titleD_img{display: none;}
  

     /* PageA 內容設定*/
     .pageA_btn{width: 50%;}
     .pageA_btn p{font-size: 1.3rem;}
     .page_title_s { text-align: center; margin: 50px 0 20px; z-index: 99; position: relative; }
    
     /* PageB 內容設定*/
     .pageB_box { height: auto;margin: 10px 10% ;width: 80%; }
     .dot_bg1 { width: 100%; height: 1000px; top: -30px;   }
    section#PageB .item .photo img{width:60px;}
    section#PageB .item .text { margin: 0 0 0 20px; }





/* PageC 內容設定*/
     .pageC_box { position: relative; width: 100%; border: 20px solid #D1E5E5; background-color: rgba(255, 255, 255, 0.8); padding: 20px; min-height: auto; margin: 20px 0; }
     /* PageD 內容設定*/
     .dot_bg2 { width: 120%; height: 500px; top: -20px;  }
     .dot_bg3 { width: 80%; height: 300px; top: 250px; }


     /* PageD-2 內容設定*/
     .stu-con{display: flex;justify-content: space-between;flex-direction: column;}
     .stu-con .item{width: 100%; margin: 15px 0; }




 }
 
 @media (max-width: 576px) {
     body { margin: 0;}
  
     /*RWD 整體寬度調整*/
     section p,section li,section b{margin-bottom: 0rem;font-size: .9rem;line-height: 1.4rem;}
     table tr td p{font-size: 1rem;line-height: 1.4rem;}
     table tr td a { font-size: 1rem;line-height: 1.4rem;}
     section {margin: 0; }
     section h1 { font-size: 1.3em; line-height: 0.8; }
     dl, ol, ul { padding:0 10px; }
     section .content .title {text-align: center;}
     .title_icon { width: 80px; margin: 5px auto; }
     h2 { font-size: 1.5rem; }
     h3 { font-size: 1.3rem; }
     h5 { font-size: 1rem; }
     
     .title_line{border-bottom:4px solid #00D9D9;width: 30%;margin: 10px 0 0;}

    


     /* 主視覺 */
     header#Visual { height: auto; }
     .master-text{width:98%;margin:35% 0 0;}
     .master-text h1{font-size :3rem;}
     .master-text h4{font-size:1rem;}
     .master-text-sub{padding: 10px;border-radius: 10px;margin: 10px 0;}
     .master-text-sub h3{font-size:1rem;}
     .logo{width:120px;margin: 20px;}
 
     .full-video {display: none;}
     /* PageA 內容設定*/
     .pageA_btn_all {
         display: block;
         justify-content: flex-end;
         margin: 15px 0 0;
     }
     .pageA_btn{width: 100%;border-radius: 0;}
     .pageA_content.active { opacity: 1; }
     .winner_people{width: 40%;margin: 0 auto;}
     .pageA_content { position: relative; display: none; }
     .pageA_content.active { display: block; }
     .pageA_btn p { font-size: 1.1rem; }


  
     /* PageB 內容設定*/
     section#PageB { padding: 10px 0px; }
     .features12{width: 100%;}
     /* PageC 內容設定*/
     .test_box_s_out { width: 60%; }
     .exam h2 { font-size: 2rem; margin: 0 5px; }

     .page_title_s { margin: 0 ; padding:25px 0 15px; }
     .dot_bg {
        position: relative;
        width: 100%;
        margin: 50px 0 0;
    }
     .btn { margin: 0 0 22px; padding: 5px 5px;     font-size: 1.1rem;}

     .dot_bg1{width: 100%;right:0px;z-index: 0;}
     .dot_bg2{width: 100%;height: 450px;top:-20px;left:0px;z-index: 0;}
     .dot_bg3{width: 50%;height: 300px;top:250px;right:0px;z-index: 0;}
     .dot_bg2 img{width: 50%;}
     section#PageC { padding: 10px 0; }
     section#PageD { padding: 10px 0; }
     section#PageE { padding: 10px 0; }
     .pageD_box{width: 100%;}

     .pageD_box{margin: 15px 0 50px;}


     /* PageD-2 內容設定*/
     .page_title .item a > h5{height:50px;}


     /* PageE 內容設定*/
     .mv .mv-box{height:200px;}
 }