body { font-family:"Arial","sans-serif","微軟正黑體",sans-serif;overflow-x:hidden; margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 { font-weight: 600;clear: both;}

p { color: #333;letter-spacing:1px;font-weight: 500;margin-bottom: 0rem;font-size: 1rem;line-height: 1.8rem;}
a:hover{ text-decoration: none; }
i{margin-right: 10px;}
/*bootstrapt 間距設定*/
.container {padding-right:10px;padding-left: 10px;}
.row {margin-right: -10px;margin-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;
}
.text_center{text-align: center;}

/* RWD 整體寬度調整*/
div.content { width: 1200px; height: 100%; margin: auto; clear: both; }
header div.content {  position: relative; }
header, section { width: 100%; margin: 0; clear: both; padding: 0; overflow: hidden; }
section { padding: 30px 0px; 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%;}


/* 主視覺 */
header#Visual { background: url(../images/title_bg.jpg)  no-repeat; overflow: hidden;position: relative;}
header .container{max-width: 1330px;}


.title_pic{ float: right;width: 100%;height: 650px; background: url(../images/title.png)  no-repeat center right; background-size: contain;position: relative;}
.title  h2 {  text-align: center;color: #005da8;}
.sub{font-size: 1.2rem;font-weight: 500;}



/* 主視覺btn*/
.title_btn{  margin: 0 auto; display: block; background: #ff9000; border-radius: 7px; color: rgb(255,255,255); transition: .15s linear; padding: 10px;
    font-size: 1.2rem; border: none; cursor: pointer; font-weight: 500; position: absolute;bottom:135px;left:40%}
.title_btn:hover{ background: #ff9d1d;}


/* PageA 內容設定*/
section#PageA {  background-color: #00c0d1; }
section#PageA .content > h4 { color: #fff;margin:0; line-height: 2rem;}
section#PageA ul { padding: 0 0 0 0; margin: 0 0 0 0; list-style:none; }
section#PageA ul > li {  color: #fff; font-size: 1.4rem;font-weight: 500;letter-spacing:1px}
.a_text2{display: none;}

/* PageB 內容設定*/
section#PageB {  background-color: #edfcfb; }
section#PageB .content { font-size: 1.1rem;  letter-spacing: 0.1rem;}
section#PageB .content {margin: 30px auto;}

div.b_card {background-color: #ffffff;box-shadow:1px 1px 8px #dbdbdb;border-radius: 20px;margin: 30px auto;padding: 20px;}
div.b_card > h4 { text-align: center;color: #0067C7 }
section#PageB h5 {display: inline-block;margin:20px 0;}
.card_photo{width: 200px;height:200px;border-radius:100%;overflow: hidden;;margin: 0 auto;}
.card_photo img{width: 100%;}
.pink{color:#f56f80;font-weight: 700;font-size: 1.2rem;margin:5px 0px;}
.target_img{float: right;height: auto;}
.target_img img{width: 100%;}
.target_text > h4{text-align: left;color:#d32643;line-height: 2.2rem;}
.b_btn{display: block; background: #ff9000; border-radius: 7px;color: rgb(255,255,255); transition: .15s linear;
    padding:10px;font-size: 1.2rem;border: none;
    cursor: pointer; font-weight: 500;}
.b_btn:hover{ background: #ff9d1d;}

section#PageB h1 { color: #4f4744; line-height: 1.4; }
section#PageB > div > h3 { color: #4f4744; margin: 0 0 40px 0; }
section#PageB div.BOX { width: 48%;}
section#PageB div.BOX-2 { width: 23%; height: 425px; }
section#PageB div.BOX-3 { width: 46%;float: left; height: 300px;margin: 5px 1%;padding:0 15px;  }
section#PageB div.BOX01 { width: 74.88888%; float: left;}
section#PageB div.BOX02 { width: 22.9999%; float: left;margin-left: 18px;}
section#PageB div.mobele{display: none;}
.b_video{width: 100%;}
.b_person_title{padding-right: 0; padding-left: 0;text-align: left;color: #0067C7;}





/* PageC 內容設定*/
section#PageC {  background-color: #fff; }
section#PageC .content {margin: 30px auto;}
section#PageC .content div > h2 {  text-align: center;}
section#PageC .content div > h5{  text-align: center;color: #fff;font-weight: 800;}
section#PageC .content div > h5:first-child {  text-align: center;color: #fff;font-weight: 500;}
.c_text .pink{
    text-align: center;
}

/* PageD 內容設定*/
section#PageD {  background-color: #edfcfb; }
section#PageD .content {margin: 30px auto;}
.d_card{background-color: #ffffff;box-shadow:1px 1px 8px #dbdbdb;border-radius: 20px;margin: 30px auto;padding: 20px; min-height: 635px;position: relative;}

.content_all{ display: none; height: 100%; transition: all .5s linear;background-color: #fff; }
.content_all.active{ display: block; }
.content-vcenter{display: flex;flex-direction: column; justify-content: space-between;height: 100%;}

.d_content_photo{ overflow: hidden; }
.d_content_photo_single{ margin: 0 auto;height: 300px;text-align: center;}
.d_content_photo_single img{ width:78%;}

.left_text { position: relative; width: 90%; border-bottom: 1px solid #acacac; text-align: left; z-index: 200; cursor: pointer;  transition: all .5s linear;} 
.left_text:last-child { border-bottom: none; } 
.left_text .left_bg{ padding: 10px 15px; }
.left_text .left_bg > b{ font-weight: 800; color: #333; font-size: 18px; line-height: 20px; transition: all .2s linear;}
.left_text .left_bg > p{ color: #333;transition: all .2s linear;}
.left_text .left_bg:hover > b { color: #ff9000;  transition: all .5s linear; }
.left_text .left_bg:hover > p { color: rgb(136, 136, 136); }
.left_text.active .left_bg {background-color: #ffedd5;}
.left_text.active .left_bg > b{color: #ff9000;}
.left_text .content_all{display: none;}







/* PageE 內容設定*/

 section#PageE .content {margin: 30px auto;}
.pagee_left{ position: relative; }
.pagee_left_img{ position: relative; width: 90%;height:500px; margin: 0 auto ;}
/* .pagee_left_img img{ width: 70%; } */

.pagee_left_text{ background-color: #d9eaed; width: 100%; padding: 10px 10px 30px; }

.pagee_right_photo{ width: 100%; }

.pagee_right_photo img{ width: 100%; }
.step{ margin: 80px 0; }

.step img{
    width: 100%;
}




/* PageF 內容設定*/
section#PageF { background-color: #edfcfb; }
.target_text > h2{
color: rgb(209, 9, 52);

}

/* btn 內容設定 */
section#btn .content {margin: 0px auto 30px;}
#btn{ background-color: #edfcfb; }
.page_btn{ width: 90%; margin: 0 auto; display: block; background: #ff9000; border-radius: 7px; color: rgb(255,255,255); transition: .15s linear; padding: 12px 7px;
    font-size: 1.4rem; border: none; cursor: pointer; font-weight: 500; }

.page_btn:hover{ background: #ff9d1d;}

.page_btn_gray{ width:30%; margin: 0 auto; display: block; background: #616161; border-radius: 7px; color: rgb(255,255,255); transition: .15s linear; padding: 12px 7px;
    font-size: 1.4rem; border: none; cursor: pointer; font-weight: 500; }

.page_btn_gray:hover{ background: #6d6d6d;}




/* RWD Setting */
    @media (max-width: 1440px) {
        div.content { width: 1100px; margin: 0 auto;}
    }

    @media (max-width: 1199px) {
        /* RWD 整體寬度調整*/
		div.content { width: 1000px; margin: 0 auto;}
        section p { font-size: 1rem;line-height: 1.6rem;}
       
        /* PageA 內容設定*/
        section#PageA ul > li { font-size: 1.2rem; }
    
      
    }

    @media (max-width:991px) {
        /* RWD 整體寬度調整*/
        h2{font-size: 1.7rem;}
        h4{font-size: 1.3rem;}
        h5{font-size: 1.1rem;}
        /*主視覺*/
        .title_pic{ width: 100%;}
        .title_btn{ font-size: 1.2rem; position: absolute;bottom:140px;left:38%;}
        .title_btn:hover{ background: #ff9d1d;}



        
         /* pageA */
         .a_text1{display: none;}
         .a_text2{display: block;}

        /* pageB */
        .card_photo{width: 150px;height: 150px;}

     
		div.content { width:90%; }
        section#PageB > div > h3 { font-size: 16px; }
   
         /* pageC */
         /* .pageC_con > ul li:first-child::after { left: -280px; } */
         .pagee_icon img{ height: 650px; padding: 90px 0px 0px 0px;}
 
         /* btn內容設定 */
        .page_btn{margin: 20px auto 0;font-size: 1.1rem; width: 100%;}
        .page_btn_gray{margin: 20px auto 0;font-size: 1.1rem; width: 100%;}
    }
    @media (max-width: 767px) {
        

            /*主視覺*/
         .title_pic{ width: 100%;float:none;}
      
         header#Visual { background: url(../images/title_bg2.jpg)  no-repeat;}


         
         
         /* pageB */
        .card_photo{width: 110px;height:110px;}
        .target_text > h4{ text-align: center; line-height: 1.6rem; }
        .b_btn{ margin: 0 auto; }
        .b_video{margin-top:50px;}
        .target_img  { margin-bottom: 20px;}
         
       /* PageC 內容設定*/
        .pagee_icon img{ display: none; }

    
        /* pageD */
        .d_card { padding: 15px; }
        .left_text { width: 100% ;} 
        .left_text .content_all{padding: 15px;}
        .left_text .content_all.active{display: block;}
        .d_content_photo_single { margin: 10px auto; height: auto; }
        .content_all_mb .left_text .content_all .content-vcenter div > h5 {display: none;}
        .left_text.active .left_bg { border-bottom: 1px solid #acacac; }





         /* pageE */
        .pagee_right_photo{ margin-top: 50px; }
        
    }

    @media (max-width: 575px) {
        body { margin: 0;}
        /*RWD 整體寬度調整*/
        i{margin-right: 5px;}
        h5{font-size: 1.1rem;}
        h4{font-size: 1.3rem;}
        h2{font-size: 1.5rem;}
		div.content { width: 96%; padding: 0 2%; }
        section { padding: 20px 0; margin: 0; }
        section h1 { font-size: 1.3em; line-height: 0.8; }
       
        /* youtube 影片 */
        .video-width{width: 100%; margin: 0 auto;}
        /* 橘色副標 */
        .page_sub { padding: 10px 5px 5px; width: 100%;}
 

        /* 主視覺按鈕 */
        .title_btn{ bottom:182px;left:36%;}
  


        /* PageA 內容設定*/
        section#PageA ul > li { font-size: 1.1rem;}
        section#PageA .content > h4 { line-height: 1.6rem;}
        .b_video{margin-top:20px;}


        /* PageB 內容設定*/
        .b_person_title{text-align: center;}


      
     
    }