*{font-family: '微軟正黑體', 'Microsoft Jhenghei', 'Arial', sans-serif;box-sizing: border-box;}
body{overflow-x:hidden;background:url(../images/grid.png) repeat,#093550;}
h1, h2, h3, h4, h5, h6 { font-weight: 800;clear: both;}
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;color: #FFB447;}
button{outline:none;}
button:focus{outline:none;}
br {  line-height: 150%; }

/*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: 10px; padding-left: 10px; }

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

/* 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;}

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

/* 大標 */
.title{color: #00A9A5;}
.row_hight{margin:100px 0 0; /* border: 1px solid red; */}
section .content .title  h2{ margin: 0 0 15px 0;text-align: center;line-height: 2rem;} 
section .content .title  p{ margin: 0 ;font-size: 1.2rem;line-height: 2rem;text-align: justify;}


#top {position: fixed;width: 80px;right: 15px;bottom: 100px;z-index: 999;transition: all .3s linear;cursor: pointer;}
#top:hover {-webkit-filter:brightness(.9);}


/* 主視覺 */
header#Visual { width: 100%; height:82vh; background:url(../images/master_bg.jpg) fixed no-repeat center -150px;background-size:cover;overflow: hidden;position: relative;z-index: 99;}
header#Visual > .container-fluid{width: 100%;padding: 0;margin: 0;}
.master-title-all {position: relative;}
.content_master{width: 85%;margin:110px auto 0;}
.master{position: relative;width: 80%;margin: 0 auto;display: block;}


.master_title01{width: 50%;margin: 0 auto;}
.master_title02 {width: 12%;position: absolute;right:15%;top:-100px;}
.master_title01_sub{width:78%;background-image: linear-gradient(to right,  #3E80AE,  #3eaea8);border-radius: 10px;padding: 15px;
    margin:20px auto;justify-content: space-between;display: flex;z-index: 99;position: relative;}
.master_title01_sub .btn-text {background-color: #fff;font-size: 1.1rem;font-weight: 600;color: #1c5578;cursor: pointer;text-align: center;width: 19.5%;border-radius: 10px;overflow: hidden;transition: all .3s ease-in;margin: 0 2px;}
.master_title01_sub .btn-text:hover {box-shadow:inset 0 0 6px #4faec9;}
.master_title01_sub .btn-text a {width: 100%;display: block;color: #288dcc;padding: 5px 10px;}
.master_title01_sub .btn-text i {color: #288dcc;}
.master_title01_sub .btn-text:hover a {color: #1a628f;}
.master_title01_sub .btn-text:hover i {color: #1a628f;}

.master_title02 img{animation: master_title02 2s infinite alternate linear;width: 100%;}
.master_gradual{background: linear-gradient(top,rgba(2, 28, 44, 0) 70%,rgb(9, 53, 80));
    background:-webkit-linear-gradient(top,rgba(2, 28, 44, 0) 70%,rgb(9, 53, 80));
    background:-ms-linear-gradient(top,rgba(2, 28, 44, 0) 70%,rgb(9, 53, 80));
    background:-moz-linear-gradient(top,rgba(2, 28, 44, 0) 70%,rgb(9, 53, 80));
    background:-o-linear-gradient(top,rgba(2, 28, 44, 0) 70%,rgb(9, 53, 80)); 
    position: absolute; bottom: 0;z-index: -50;width: 100%;height: 75vh;
}


/* 流程圖 */
#CDCS_BTN,#CNCDP_BTN,#CDCS_BTN{cursor: pointer;filter:grayscale(0.5);}
#CDCS_BTN:hover,#CNCDP_BTN:hover,#CDCS_BTN:hover{cursor: pointer;filter:grayscale(0);}
.path_photo{padding: 40px;}


/* animate.css 修正 */
 @keyframes rotateIn {
    0% {
        transform: rotate(200deg);
        opacity: 0;
    }
    100% {
        transform: none;
        opacity: 1;
    }
} 


@keyframes master_title02 {
    0% {
        transform:rotate(5deg);
    }
 
    100% {
        transform:rotate(-5deg);
    }
}





/* PageA 內容設定*/

#PageA{ background-color: #00A9A5;}
#PageA p{ color: #fff; font-size: 1.2rem;text-align: justify;line-height: 2rem;}
#PageA h6{ color: #fff; }
section#PageA .title{ color: rgb(233, 237, 241);text-align: center;}


ol.pageA_ol{margin: 0;padding:0 20px;}
ol.pageA_ol li{color: #fff;}
.couponl img{width: 30%;}



#PageA .path_photo {width: 100%;text-align: center;}
#PageA .path_photo img{width: 100%;}
#PageA .path_photo p {text-align: center;padding: 15px 0;}










/* .path_btn{background-color: #ffffff; padding: 20px;margin: 30px; transition: all .3s linear; text-align: center;cursor: pointer;border-radius: 10px;color:#000;width: 50%;margin: 20px auto;}
.path_btn:hover{color:#000; background-color: rgb(253, 251, 251);box-shadow: inset 2px 2px 5px rgba(50, 66, 55, 0.6), 0 0 1px rgba(0, 0, 0, 0); } */
.path_btn{background-color: #ffffff; padding: 20px;margin: 30px; transition: all .3s linear; text-align: center;cursor: pointer;border-radius: 10px;color:#000;width: 50%;margin: 20px auto;  
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);}


    .path_btn:before {
        content: "";
        position: absolute;
        border: #ececec solid 3px;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        opacity: 0;
        transition-duration: 0.3s;
        transition-property: top right bottom left;
        border-radius: 10px;
      }

      .path_btn:hover:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1;
      }

.path_icon{width: 10%;margin:10px auto;}
.user_icon{width: 15%;text-align: center;padding:10px;margin: 0 auto;}






/* PageB 內容設定*/
section#PageB{ position: relative;background:#EDEDED;}
.pageB_icon img{width: 70%;margin-left:15%;}
.pageB_text p{padding-left: 30px;text-align: justify;}
.pageB_icon_height{margin: 0px;}
.pageB_icon_height:last-child{margin: 0;}

/* PageC 內容設定*/
section#PageC{ background:url(../images/pageC_bg.jpg) no-repeat fixed; background-size: cover;position: relative;z-index: -50;}
.PageC_bg{background:linear-gradient(top,rgba(2, 28, 44, 0),rgb(9, 53, 80));
    background:-webkit-linear-gradient(top,rgba(2, 28, 44, 0),rgb(9, 53, 80));
    background:-ms-linear-gradient(top,rgba(2, 28, 44, 0),rgb(9, 53, 80));
    background:-moz-linear-gradient(top,rgba(2, 28, 44, 0),rgb(9, 53, 80));
    background:-o-linear-gradient(top,rgba(2, 28, 44, 0),rgb(9, 53, 80)); 
    width: 100%;height: 100vh;position: absolute;bottom: 0;z-index: -49;}

section#PageC .title p{ color: rgb(233, 237, 241);}
section#PageC .title h3{ color: rgb(233, 237, 241);;text-align: center;margin: 30px 0 15px;}

/* 數字list */
.numbered-list_text{ color: #fff; }
.numbered-list_item{ display: flex; align-items: center;/*  margin: 20px 0; */height:70px; }

/* 01-05 */
.numbered-list { counter-reset:mun1; list-style: none; margin: 0; padding: 0; }
.numbered-list_counter { counter-increment:mun1 0; color:#FFDF6B; font-size: 2.6rem; 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:65px; margin: 0 0 2px 0; } 

/* 06-10 */
.numbered-list2 { counter-reset:mun2 5; list-style: none; margin: 0; padding: 0; }
.numbered-list_counter2 { counter-increment:mun2 0; color:#FFDF6B; font-size: 2.6rem; 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:65px; margin: 0 0 2px 0; } 

/* PageD 內容設定*/
section#PageD{ position: relative;background:url(../images/pageD_bg.png),#EDEDED;background-size: cover;}
.pageD_text p{padding-left: 30px;margin: 0 0 25px;}
.pageD_img{width:100%;margin: 0 auto;}


/* CDCS_1 內容設定*/
section#CDCS_1{ background:url(../images/CDCS_2_bg.jpg) no-repeat fixed; background-size: cover;position: relative;z-index: -50;}
.CDCS_1_{background:linear-gradient(top,rgba(129, 11, 123, 0),rgb(17, 52, 167));
    background:-webkit-linear-gradient(top,rgba(129, 11, 123, 0),rgb(17, 52, 167));
    background:-ms-linear-gradient(top,rgba(129, 11, 123, 0),rgb(17, 52, 167));
    background:-moz-linear-gradient(top,rgba(129, 11, 123, 0),rgb(17, 52, 167));
    background:-o-linear-gradient(top,rgba(129, 11, 123, 0),rgb(17, 52, 167));  
    width: 100%;height: 100vh;position: absolute;bottom: 0;z-index: -49;}

section#CDCS_1 .title p{ color: rgb(233, 237, 241);}
section#CDCS_1 .title h3{ color: rgb(233, 237, 241);;text-align: center;margin: 30px 0 15px;}

/* 08-14 */
.numbered-list3 { counter-reset:mun3 7; list-style: none; margin: 0; padding: 0; }
.numbered-list_counter3 { counter-increment:mun3 0; color:#FFDF6B; font-size: 2.6rem; font-family: Arial Black,Arial Bold,Gadget,sans-serif; } 
.numbered-list_counter3:before { counter-increment: mun3; content: counter(mun3,decimal-leading-zero); display: inline-block; vertical-align: middle; width:65px; margin: 0 0 2px 0; } 

/* CDCS_2 內容設定*/
section#CDCS_2{ position: relative;background:url(../images/pageD_bg.png),#EDEDED;background-size: cover;}


/* CNCDP_1  內容設定*/
section#CNCDP_1 { position: relative;background:url(../images/CNCDP_2_bg.jpg),#EDEDED;background-size: cover;}
section#CNCDP_1 .title p{ color: rgb(233, 237, 241);}
section#CNCDP_1 .title h3{ color: rgb(233, 237, 241);;text-align: center;margin: 30px 0 15px;}
/* 05-07 */
.numbered-list4 { counter-reset:mun4 4; list-style: none; margin: 0; padding: 0; }
.numbered-list_counter4{ counter-increment:mun4 0; color:#FFDF6B; font-size: 2.6rem; font-family: Arial Black,Arial Bold,Gadget,sans-serif; } 
.numbered-list_counter4:before { counter-increment: mun4; content: counter(mun4,decimal-leading-zero); display: inline-block; vertical-align: middle; width:65px; margin: 0 0 2px 0; } 

/* CNCDP_2  內容設定*/
section#CNCDP_2 { position: relative;background:url(../images/pageD_bg.png),#EDEDED;background-size: cover;}

section#CDCE_1 { position: relative;background:url(../images/CDCE_2_bg.jpg),#EDEDED;background-size: cover;}
section#CDCE_1  .title p{ color: rgb(233, 237, 241);}
section#CDCE_1  .title h3{ color: rgb(233, 237, 241);;text-align: center;margin: 30px 0 15px;}


section#CDCE_2 { position: relative;background:url(../images/pageD_bg.png),#EDEDED;background-size: cover;}






/* CDESS_1 內容設定*/


section#CDESS_1 { position: relative;background:url(../images/CDESS_2_bg.jpg),#EDEDED;background-size: cover;}
section#CDESS_1 .title p{ color: rgb(233, 237, 241);}
section#CDESS_1 .title h3{ color: rgb(233, 237, 241);;text-align: center;margin: 30px 0 15px;}
section#CDESS_1 .photo {width: 100%;margin: 20px 0;background-color: #fff;min-height: 500px;}
section#CDESS_1 .photo img {width: 100%;}

/* 06-14 */
.numbered-list5 { counter-reset:mun5 6; list-style: none; margin: 0; padding: 0; }
.numbered-list_counter5 { counter-increment:mun5 0; color:#FFDF6B; font-size: 2.6rem; font-family: Arial Black,Arial Bold,Gadget,sans-serif; } 
.numbered-list_counter5:before { counter-increment: mun5; content: counter(mun5,decimal-leading-zero); display: inline-block; vertical-align: middle; width:65px; margin: 0 0 2px 0; } 

/* CNCDP_2  內容設定*/
section#CDESS_2 { position: relative;background:url(../images/pageD_bg.png),#EDEDED;background-size: cover;}
section#CDESS_2 .photo_CDESS {width: 80%;margin: 10px auto;}
section#CDESS_2 .photo_CDESS img {width: 100%;}





/* PageE 內容設定*/
section#PageE{ position: relative;background:linear-gradient(#093550);
    background:url(../images/pageD_bg.jpg) no-repeat fixed top center;
    background-size: cover;padding:0;overflow: hidden;z-index:99;}
    .PageE_bg{background:linear-gradient(left top,rgba(15, 118, 182, 0.7),rgb(6, 58, 90));
        background:-webkit-linear-gradient(left top,rgba(15, 118, 182, 0.7),rgb(6, 58, 90));
        background:-ms-linear-gradient(left top,rgba(15, 118, 182, 0.7),rgb(6, 58, 90));
        background:-moz-linear-gradient(left top,rgba(15, 118, 182, 0.7),rgb(6, 58, 90));
        background:-o-linear-gradient(left top,rgba(15, 118, 182, 0.7),rgb(6, 58, 90)); 
        width: 100%;/* height: 100vh; */position: absolute;bottom: 0;z-index: -49;position: absolute;top:0;z-index: -100;}
section#PageE h2,section#PageE p{color: #fff;margin:0 0 10px;}
.pageE_text{ margin: 40px 0;}

/* btn 內容設定 */
#btn{width: 100%;background-color: rgba(0, 41, 66, 0.6);z-index: 99;position: relative;padding: 50px 0;}
.page_btn{ width: 100%;padding: 10px 0; margin:20px auto; display: block; background:#FF8600; border-radius: 7px; transition: all 0.2s linear; color: #ffffff; font-size: 1.3rem; border: none; cursor: pointer;font-weight: 700;}
.page_btn:hover{ background:#FFB447;}


/* RWD Setting */
    @media (max-width: 1440px) {
        /* 主視覺 */ 
        header#Visual {background:url(../images/master_bg.jpg) fixed no-repeat center -10px;background-size: cover;} 
        .content_master{width: 96%;margin:120px auto;}
      
    }

    @media (max-width: 1199px) {
        /* RWD 整體寬度調整*/
        div.content { width: 96%; }
     
        /* 主視覺 */
        header#Visual h3 { font-size: 2.4rem;}
        header#Visual h1 { font-size:3.4rem; }
        header#Visual {background:url(../images/master_bg.jpg) fixed no-repeat center -80px;background-size: cover;} 

 
        /* PageA 內容設定*/
        
        /* PageB 內容設定*/
        .pageB_icon img { width: 90%; margin-left:5%; }
     

        /* PageC 內容設定*/

    }

    @media (max-width:991px) {
        /* RWD 整體寬度調整*/
        h2{font-size: 1.8rem;line-height: 2.6rem;}
        h3{font-size: 1.4rem;line-height: 2.2rem;}
        h4{font-size: 1.3rem;}
        h5{font-size: 1.1rem;}
     
        /* 主視覺 */
 
        /* PageA 內容設定*/
     
        /* PageB 內容設定*/
        .pageB_text p { padding-left: 0px;}

     
        /* PageC 內容設定*/
        .numbered-list_item{height: 130px;}

        /* PageD 內容設定*/
        .pageD_text p { padding-left: 0px;}

        /* PageE 內容設定*/
        section#PageE { background: url(../images/pageD_bg.jpg) no-repeat fixed 0 150px;}



         /* btn 內容設定 */
        .page_btn{ font-size: 1.1rem;}
    }

    @media (max-width: 767px) {
        section p { font-size: 1rem;line-height: 1.8rem;}
        div.content { width: 96%; }


        /* 流程圖 */
        .path_photo{padding:10px;}

        /*主視覺*/
        header#Visual {background:url(../images/master_bg.jpg) fixed no-repeat center 0;background-size: cover;height: auto;} 
        .content_master{width: 96%;margin:100px auto;padding: 20px 0;}
        .master_title02 {width: 24%;right: 38%;top:-180px}
        .master_img_m{width: 86%;margin-left: 7%;}
        .master_title01 {
            width: 90%;
            margin: 150px auto 20px;
        }
        .master_title01_sub { width: 60%; flex-direction: column; }
        .master_title01_sub .btn-text { width: 100%; margin: 5px 0;padding: 10px 0; }







        /* PageA 內容設定*/
        .user_icon{width: 30%;}
        .path_btn { width: 80%; }
        /* PageB 內容設定*/
        .pageB_icon img { width: 100%; margin-left: 0%; }
        .pageB_text p { padding-left: 0px;}

        /* PageC 內容設定*/
        .numbered-list_item{ margin:30px 0 0;height: auto; }

        /* PageD 內容設定*/
        .pageD_img { width: 100%; margin: 0px; }
        .pageD_text p { padding-left: 0px; }
   
        /* PageE 內容設定*/
        section#PageE{ background:linear-gradient(#093550); background:url(../images/pageD_bg.jpg) no-repeat fixed 0px 0px; background-size: cover;}
   
        /* btn 內容設定 */
        .page_btn { width: 100%; padding: 10px 0; margin: 20px auto 0; font-size: 1.2rem; }
        .last_button{margin-bottom: 20px;}
        #btn {padding: 40px 0;}


        section#CDESS_2 .photo_CDESS {width: 100%;}

        #top {width: 60px;right: 15px;bottom: 40px;}

        section#CDESS_1 .photo {width: 100%;margin: 20px 0;background-color: #fff;min-height:auto;}
    }

    @media (max-width: 575px) {
        body { margin: 0;}
        div.content { width: 98%; }
        /*RWD 整體寬度調整*/
        i{margin-right: 5px;}
        h5{font-size: 1.4rem;}
        h2{font-size: 1.6rem;}

        section { padding: 20px 15px; margin: 0; }
        section h1 { font-size: 1.3em; line-height: 0.8; }
        section p { font-size: 1.1rem;}
        section .content .title { margin: 40px 0 10px;text-align: center;}

        /* 主視覺 */
        header#Visual {background:url(../images/master_bg.jpg) fixed no-repeat center center;background-size:300%; height:auto; } 
        .content_master{width: 96%;margin:0 2%;}
        .master_title02 {width: 24%;right: 38%;top:-120px}

        /* PageA 內容設定*/
        .user_icon{width: 80%;}
        .path_icon { width: 20%; }
        .path_btn { width: 90%; }
        /* PageB 內容設定*/
        .pageB_icon img { width: 80%; margin-left: 10%; }
        .couponl img{width: 50%; margin: 0 25%;}

        /* PageC 內容設定*/
   


        /* PageE內容設定*/
        section#PageE { background: url(../images/pageD_bg.jpg) no-repeat fixed -200px 0;}


    }