*{font-family: '微軟正黑體', 'Microsoft Jhenghei', 'Arial', sans-serif;box-sizing: border-box;
   }
body{background: url('../images/master_bg.jpg') repeat-y center;background-size:cover;background-attachment:fixed ;background-position: 0px 0px ; }
html {font-size:16px;}
h1, h2, h3, h4, h5, h6 { font-weight: 600;clear: both;margin-bottom: 0rem;}
h1{line-height: 3.6rem;} h2{line-height: 2.6rem;} h3{line-height: 2.2rem;} h4{line-height: 2.6rem;} h5{line-height: 2rem;}
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%;}


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


/*bootstrapt 間距設定*/
.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; }


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


/* 學員輪播 */
.experience{display: flex;align-items: center;  border: 2px solid #52abd8;margin:0 0 15px;padding: 10px;border-radius:10px;background-color: rgba(255, 255, 255, 0.8);height: 120px;}
.slick-initialized .slick-slide { display: flex;justify-content: center; align-items: center;}
.experience_img{margin-right: 5px;}
.experience_img img{width:70px;}
.experience_text{display: block;}
.experience_text p{font-size: 0.95rem;line-height: 1.4rem;}

/* 表格 */
.table-light2, .table-light2>td, .table-light2>th { background-color: rgba(253, 253, 254, 0.5); }

.table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #161616; }
.table thead th { vertical-align: middle; border-bottom: 1px solid #161616; }
.table-bordered td, .table-bordered th { border: 1px solid #333; margin-bottom: 0rem;font-weight: 500; text-align: left;letter-spacing:1px;}
.table-bordered th { vertical-align: middle;text-align: center;}
.table-light2 ul{padding:0 5px 0 15px;}
/* 大標 */
div.content { padding: 0;}
section .page_title{text-align: center;margin: 120px 0px 20px;}
section .page_title .page_title_line{width:30%;border: 2px solid #ffc463;margin:10px 35%;background-color:#ffc463 ;}
section .page_title h2{ color:#002a5f;display: inline-block;margin: 0;padding: 0;font-size: 2.2rem;}
section .content h3{font-weight: 800; text-align: center;}
section .page_title_h{text-align: center;margin:20px 0px 20px;}
section .page_title_h .page_title_line{width:30%;border: 2px solid #ffc463;margin:10px 35%;background-color:#ffc463 ;}
section .page_title_h h2{ color:#002a5f;display: inline-block;margin: 0;padding: 0;font-size: 2.2rem;}
section .content h3{font-weight: 800; text-align: center;}
section .content a{ color: #0a63ac;transition: 0.3s linear;}
section .content a:hover{ color: #057ddf;}
section .content p{ margin-bottom: 0rem; }

/* 主視覺 */
header#Visual {position: relative;}
.master_title .title_big > h1 {font-size: 6rem;line-height:6.5rem;font-weight: 600;color: #002A5F;}
.master_subtitle > h2 {font-size:2rem;line-height:3rem;font-weight: 600;color: #FF8600;}
.master > .master_img {width: 100%;text-align: center;position: relative;top:-60px;left: 0;}
.master > .master_img img{width:100%;}
.master > .master_title {width: 100%;position: relative;margin: 0px 0 0;}
.master > .master_title .title_img {margin: 10px 0;}
.master > .master_title .title_img img{width: 95%;}
.master-content{padding: 0 10%;margin: 0 0 0px;position: relative;}


/* PageA 內容設定*/
section#PageA{ position: relative;}
.pageA_text ul{list-style: disc;text-align: justify;padding:0 0 0 52px;}
.pageA_text img{float: right;width: 30%;margin: 15px;}
.pageA_text {margin: 0 0 120px;}


/* PageB 內容設定*/
section#PageB{ position: relative;background: url('../images/bg2.png') repeat-y center;}
.pageB_box{background-color: #fff;border-radius: 10px;box-shadow:3px 3px 5px 6px rgba(255, 226, 197, 0.5);margin: 20px 0 40px;padding: 15px;}
.pageB_box h3{text-align: center;margin:10px 0 20px;}
.pageB_box_lesson{background-color: #ff8600;line-height: 2.6rem;text-align: center;padding:5px 10px;cursor: pointer;transition: all .3s linear;}
.pageB_box_lesson:hover{background-color: #ffae52;}
.pageB_box_lesson h4{color:#fff;}
.pageB_img{width:25%;float: left;}
.pageB_content{padding: 20px 40px;}
.pageB_content p{word-break: break-all;}
.pageB_content_btn{border:2px solid #ff8600;border-radius: 10px;text-align: center;margin: 0 auto;cursor: pointer;transition: .3s linear;padding: 10px 20px;}
.pageB_content_btn:hover{background-color: #ff8600;}
.pageB_content_btn b{text-align: center;color:#000;}
.pageB_content_btn:hover b{color:#fff;}

.pageB_text ul{list-style: disc;text-align: justify;margin: 0 0 0 -15px;}
.pageB_content_text{display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.pageB_content_text h5 i{color:#7b8a8e;}
.pageB_content_text img{margin-right: 20px;width:250px;}

/* 彈跳視窗 */
.modal-body img{width: 100%;margin: 0 auto;}
.modal-header { padding: 2rem 2rem 1rem; border-bottom: 0px solid #dee2e6; }
.modal-body ul{list-style: none;padding: 1rem 2rem 1rem;}
.modal-body ul li{padding: 3px 0;transition: .3s linear;}


/* PageC 內容設定*/
section#PageC{ position: relative; background-color: rgba(255, 204, 0, 0.7);margin: 100px 0 0;padding: 40px 0;}
section#PageC .content {padding:10px 0 40px;}
.page_title_h .vs{display: inline-block;width: 5%;margin:10px 0 5px 15px;padding: 0;}

/* PageD 內容設定*/
section#PageD{ position: relative;}
section#PageD .content > h5{ text-align: center;font-weight: 600;}
.pageD_box{background-color: #52abd8;display: flex;color:#fff;padding: 30px 15px;border-radius: 15px;margin: 20px 0 40px;}
.pageD_box_num{font-size: 3rem;font-weight: 800;margin-right: 10px;}
.or{width: 50%;margin:0 auto;}
.pageD_box_text p{color:#fff;margin: 10px 0;}
section#PageD .content h5{ margin-top: 10px;}
.pageD_box_text ol li{font-size: 1.4rem;line-height: 2.4rem;font-weight: bold; color: #fff;}
.pageD_img{width: 100%;}
.pageD_img img{width: 100%;}
.table-light h5{font-size: 1.2rem;}

/* BTN 內容設定*/
section#btn .content {margin: 50px auto 100px;}
.page_btn{width: 90%;text-align: center;border-radius:10px ;transition: all .3s linear;margin: 0 auto;padding: 10px 0;margin-top: 10px;border: 2px solid #ff8600;}
.page_btn:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.inner{display: inline-block; vertical-align: middle; padding: 3px 5px;}
.inner p{font-size: 1.4rem;color:#000;font-weight: 600;}
.page_btn:hover{background-color: #ff8600;}
.page_btn:hover p{color: #fff;}



/* PageE 內容設定*/
.pageE_box_text{border-bottom:1px dashed #999;padding: 20px;}
.pageE_box_text span{font-size: 1.2rem;font-weight: 800;}
.pageE_box_text p:first-child{font-size: 1.2rem;font-weight: 800;margin-bottom: 5px;line-height: 2rem;}
.pageE_box_text a{font-size: 1.2rem;font-weight: 600;}


/* RWD Setting */
    @media (max-width: 1440px) {
       /* RWD 整體寬度調整*/
      
        /* 主視覺 */ 
        .master-content{padding: 0 5%;margin: 0 0 20px;}
        .master_subtitle > h2 {
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 600;
            color: #FF8600;
        }
    }

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

        /* 主視覺 */
        .master > .master_img {top:-20px;left: 0;}
        .master > .master_title { margin: 50px 0; }
    
        
        /* PageA 內容設定*/
 
        /* PageB 內容設定*/
      
        /* PageD 內容設定*/

    }

    @media (max-width:991px) {
        /* RWD 整體寬度調整*/
        /* div.content { width:100%;padding: 15px;} */

        /* 主視覺 */

        /* PageA 內容設定*/

        /* PageB 內容設定*/
        .pageB_content_text { display: inherit; }
        .pageB_content_btn { width: 65%; }

        .experience{height: 200px;}

        /* PageC 內容設定*/
        .page_title .vs {display: block;width: 10%;margin:12px auto 0;padding: 0;}

         /* PageD 內容設定*/
        .or{width: 80%;}
    }

    @media (max-width: 768px) {
        /* 學員輪播 */
 
        .experience{height: auto;display: block;}
        .experience_img img { width: 70px; }
        .experience_img { margin: 5px auto; text-align: center; }


        /*主視覺*/
        .master_subtitle2{height: 160px;width: 100%;}
        .master > .master_subtitle::before {top:15%;left:0;width:30%;height:12px;}
        .master > .master_subtitle::after {top:15%;right:0;width:30%;height:12px;}
        .master > .master_title {  margin: -25px 0 0; }
        .master > .master_img img {
            width: 50%;
        }
        
        /* 大標 */
        section .page_title .page_title_line { width: 50%; margin: 10px 25%; }
      

        /* PageA 內容設定*/
        .pageA_img{width: 50%;padding:5px;}
        ul.pageA_text{list-style: disc;text-align: justify;padding:0 0 0 22px;}
  
        /* PageB 內容設定*/
        .pageB_content_text h5 {margin: 20px 0 0;}
 

        /* PageC 內容設定*/

        /* PageD 內容設定*/
        .or{width:20%;}
    }
    
    @media (max-width: 576px) {
        body { margin: 0;}
     
        /*RWD 整體寬度調整*/
        i{margin-right: 5px;}
        h1{font-size: 1.5rem;line-height: 2.4rem;}
        h2{font-size: 1.4rem;line-height: 2.2rem;}
        h3{font-size: 1.4rem;line-height: 1.6rem;}
        h4{font-size: 1.2rem;line-height: 1.4rem;}
        h5{font-size: 1rem;line-height: 1.4rem;}
     
        section p,section li,section b{margin-bottom: 0rem;font-size: .9rem;line-height: 1.4rem;}
        section .page_title h2{ font-size: 1.6rem;}
       
        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; }



        .experience_text p {
            font-size: .9rem;
            line-height: 1.4rem;
        }
        /* 表格 */
        .table-bordered td, .table-bordered th { font-size:.9rem !important;line-height: 1.4rem;font-weight: 500;}
        .table-light2 ul{word-break: break-all;}
         /* 主視覺 */
        .master > .master_img {   top: 0px; left:10%; width: 80%;}
        .master > .master_title { margin: 10px 0 40px; }
        .master_subtitle > h2 { font-size: 1.2rem; line-height: 1.4rem;}
        .master-content {margin: 0 0 20px; }
        section .page_title {
            text-align: center;
            margin: 20px 0px 20px;
        }
        .slick-dotted.slick-slider {
            margin-bottom: 50px;
        }
        .master > .master_title .title_img {
            margin: 20px 0 10px;
        }
        /* PageA 內容設定*/
        .pageA_text img { width:50%; margin:2px; }
        .pageA_text ul { padding: 0 0 0 34px; }

        /* PageB 內容設定*/
        .pageB_content_text { display: block; }
        .pageB_content { padding: 20px 5px; }
        .pageB_text ul{margin: 0 0 20px 10px;}
        .pageB_content_text img{width:90%;margin: 0 5% 20px;}
        .pageB_content_btn { width: 90%; }
 
        /* 彈跳視窗 */
        .modal-header { padding: 1rem 1rem .2rem;}
        .modal-body ul{list-style: none;padding: 1rem 0rem;}
        .modal-body ul li{padding: 5px 0;transition: .3s linear;}

        /* PageC 內容設定*/
        .page_title .vs {display: block;width: 15%;}

        /* BTN 內容設定*/
        .inner p{font-size: 1rem;}
    }