@charset "utf-8";
/* CSS Document */
body {
    background-repeat: repeat;
    font-family: "微軟正黑體", sans-serif;
}
/* 這是設定所有放大縮小的物件是使用移動方式變化 */
*{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    }
.NO{ display:none;}
/* wow進場後額外繼續輪播的動畫 */
.myAni {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.myAni.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.myAni.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.myAni.infinite.pulse {
/*animation-delay: 2s;*/
-webkit-animation-name: pulse !important;
animation-name: pulse !important;
}

/*表頭表尾 請勿------------------------------------砍*/
.top, .footer{
    line-height: 0px; width:100%;
}
.top, .footer{
    z-index: 99;
    position: relative;
}

.width1280{ max-width:1280px; min-width:280px; height:auto; margin:0 auto;}
.BRR{ height:1px;}
.BR01{height: 600px;}

        .answer1.active {
            background-color: #e3eaff;
            width: 2em;
            height: 2em;
            border-radius: 100px;
            color: #91b1eb;
            padding-top: 36px;
            margin-top: -36px;
        }
        .answer2.active,.answer3.active,.answer5b.active {
           background-color: #e3eaff;
           border-radius: 150px;
           padding: 5px;        
        }
        .answer4a.active,.answer4b.active,.answer4c.active,.answer6.active {
            background-color: #e3eaff;
        }
        .answer5a.active,.answer5c.active {
            width: 280px;
            height: auto;
            border: 10px solid #91b1eb;
        }
        .s-button.active {
            background-color: #ffbd4a;
        }
        
/*BANNER*/
.banner{position:relative;overflow: hidden;}
img.banner001, img.banner002, img.banner003,img.banner004,img.banner005{position:absolute;}
img.banner001{-webkit-animation-delay: 1s;animation-delay: 0.2s;}
img.banner002{-webkit-animation-delay: 1s;animation-delay: 0.3s;}
.banner003{-webkit-animation-delay: 1s;animation-delay: 0.3s;}
.banner004{-webkit-animation-delay: 1s;animation-delay: 0.3s;}
.banner005{-webkit-animation-delay: 1s;animation-delay: 0.3s;}

.fill{-webkit-animation-delay: 2s;animation-delay: 0.6s;}

img.banner_min{width: 100%;min-width: 300px;height: auto;}
img.banner002 {
    position: relative;
    bottom: 17px;
    right: 0;
    max-width: 97px;
    height: auto;
    width: 32vw;
}

/*表單區*/
.fill{text-align:center;z-index:999;/* padding-top:10px; */margin-bottom: -54px;}
.fill .fill-bg{/* z-index:999; *//* background: rgb(145, 177, 235,0.7); *//* height:700px; */}
.fill h2{color: #395fa5;text-align:center;line-height: 37px;font-weight:bold;padding-top: 15px;padding: 0px 27px;font-size: 33px;}
.fill h3{color:#FFF;text-align:center;line-height: 5px;font-weight:bold;font-size: 38px;padding-bottom: 21px; }
.fill p{color:#FFF;text-align:center;line-height: 18px;font-size: 22px;font-weight: bold;padding: 10px 20px;}
.fill .share{ display:block; width:280px; margin:0 auto;}
.fill .share ul{}
.fill .share ul li{float:left;list-style:none;padding-left: 15px;padding-top: 26px;}
.fill #sBut{ display:block; max-width:400px; height:auto; min-width:280px; margin:0 auto; width:100%}
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 253px;height:auto;min-width:150px;margin: 15px auto;width:90%;}
.fill .statement{color: #395fa5;line-height:40px;font-size: 25px;}
.fill .statement a{color: #395fa5;}
.fill .statement a:hover{color: #8c8c8c;}
.fill .form-control{margin-bottom: 20px;margin: 12px auto;width: 85%;height: 48px;border: none;border-radius: 50px;font-size: 19px;padding: 0 20px;background-color: #c4d7f9;color: #4b4b4b;}


.bg{ background-image: url(../images/bg02.png); background-repeat:repeat;}

/* button a b c */
.list-bn {background-color: #FFF;border: none;color: white;padding: 0px 0px;text-align: left;text-decoration: none;display: inline-block;
    font-size: 16px;cursor: pointer;float: left;border-radius: 35px;width: 90%;margin-bottom: 30%;margin-left: 13px;}
.list-bn:hover {background-color: #e3eaff;}
.list-bn:after {background-color: #e3eaff;}

.list-bn02 {
    background-color: #FFF;
    border: none;
    color: white;
    padding: 0px 0px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    border-radius: 35px;
    width: 97%;
    margin-bottom: 30%;
    margin-left: 13px;
    }
.list-bn02:hover {background-color: #e3eaff;}
.list-bn02:after {background-color: #e3eaff;}

.s-button {
    background-color: #395fa5;
    border: none;
    color: white;
    padding: 1px 0px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 35px;
    width: 120px;
    margin-right: 37px;
    margin-bottom: 26px;
    margin: 13px;
}

.s-button:hover {background-color: #ffbd4a;}
.s-button:after {background-color: #ffbd4a;}

.MC_button_circle {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #91b1eb;
    line-height: 60px;
    text-align: center;
    float: left;
    color: #fe663d;
    font-size: 24px;
    margin-bottom: 0;
    font-weight: bold;
}
.MC_button_text {
    line-height: 40px;
    font-weight: bold;
}

 /* 圖片效果 */
.outline {background: white;margin: 0 0px;width:300px;height: auto;margin: 0%;margin-bottom:0%;}
.outline:hover{border:7px #91b1eb solid;}
.outline:hover{width:280px;height:auto;border:10px solid #91b1eb;}
.outline:after{border:7px #91b1eb solid;}

/* all pic */
img.PIC01{max-width:214px;height:auto;min-width: 200px;width: 97%;margin-bottom:5%;margin-top:5%;}
img.PIC01:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC02{max-width:150px;height:auto;width: 100%;margin-bottom:5%;margin-top:5%;}
img.PIC02:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC03{max-width:290px;height:auto;width: 100%;margin-bottom: 2%;/* margin-top:5%; */}
img.PIC04{max-width: 180px;height:auto;width: 100%;margin-bottom:5%;margin-top:5%;margin-bottom: 22%;}
img.PIC04:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}

/* 標題 */
.title{text-align:center;margin-top: 3%;margin-bottom: 2%;}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.4em;font-weight: bold;}
.title h2{color: #ffffff;font-size: 41px;letter-spacing: 0.1em;display:block;margin: 30px auto;line-height:32px;text-align: center; }
.title L01{ width:70%; height:2px; color:#cccccc;}
/* 題目 1 */
.test01{display: block;position:relative;height: 500px;margin:0 auto;text-align:center;}
.test01 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;}
.test01 h4{color: #91b1eb;text-align: center;font-size: 5em;font-weight: bold;margin: 3% auto;}
.test01 h4:hover{ background-color:#e3eaff; border-radius: 100px; color:#91b1eb; padding-top:15px;}
.test01 p{color: #5c5d5d;text-align: center;font-size: 1.7em;}

/* 題目 2 */
.test02{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 550px;margin:0 auto;text-align:center;}
.test02 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test02 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test02 p{color: #5c5d5d;text-align: center;font-size: 1.7em;}

/* 題目 3 */
.test03{display: block;position:relative;height: 500px;margin:0 auto;text-align:center;}
.test03 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;}
.test03 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test03 h4:hover{ background-color:#e3eaff;width:150px; height:150px; border-radius: 100px; color:#91b1eb; padding-top:15px;}
.test03 p{color: #5c5d5d;text-align: center;font-size: 1.7em;}

/* 題目 4 */
.test04{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 1000px;margin:0 auto;text-align:center;}
.test04 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test04 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;/* margin: 2% auto; */}
.test04 p{color: #8b8bce;text-align: center;font-size: 1.2em;padding-top: 10px;font-weight: bold;}

.test04a{display: block;position:relative;}
.test04b{display: block;position:relative;}
.test04c{display: block;position:relative;}

/* 題目 4-2 */
.test04-2{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 395px;margin:0 auto;text-align:center;}
.test04-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test04-2 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;/* margin: 2% auto; */}
.test04-2 p{color: #8b8bce;text-align: center;font-size: 1.2em;padding-top: 10px;font-weight: bold;}


/* 題目 5 */
.test05{display: block;position:relative;height: 1000px;margin:0 auto;text-align:center;}
.test05 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 2% auto;}
.test05 p{color: #5c5d5d;text-align: center;font-size: 1.7em;}

/* 題目 5-2 */
.test05-2{display: block;position:relative;height: 430px;margin:0 auto;text-align:center;}
.test05-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05-2 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 2% auto;}
.test05-2 p{color: #5c5d5d;text-align: center;font-size: 1.7em;}

/* 題目 6 */
.test06{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 529px;margin:0 auto;text-align:center;}
.test06 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;/* padding-top: 13%; */}
.test06 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;line-height: 1.3em;padding: 0 15px;margin: 3% auto;}
.test06 p{color: #5c5d5d;text-align: center;font-size: 1.7em;}

/* 題目 7 - 填表區 */
.test07{display: block;position:relative;}

/*  ↓↓↓↓    螢幕尺寸大於960時頁面顯示效果↓↓↓↓     */
@media (min-width: 1910px) {
.fill{height: 500px;z-index:999;display: block;}
.fill .fill-bg{background: rgb(145, 177, 235,0.2);height: 500px;}
/*BANNER*/
img.banner_big{ width: 100%;min-width: 735px;height: auto;}
img.banner_min{ display:none;}
img.banner001{display: block;top: 76%;left: 7%;z-index: 5;max-width: 772px;height:auto;width: 78vw;}
.banner003{display: block;position:absolute;top: 55%;left: 50%;z-index: 3;font-size: 82px;font-weight: bold;line-height: 81px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;top: 74%;left: 50.5%;z-index: 3;font-size: 38px;color: #9d8cb7;padding: 30px 50px;width: 50%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}
}


/*  ↓↓↓↓    螢幕尺寸大於1680時頁面顯示效果↓↓↓↓    */
@media (min-width: 1430px) and (max-width:1909px) {
.fill{height: 500px;z-index:999;display: block;}
.fill .fill-bg{background: rgb(145, 177, 235,0.7);height: 500px;}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.1em;font-weight: bold;}
/*BANNER*/
img.banner_big{/* width: 100%; */max-width: 1920px;min-width: 735px;height: auto;}
img.banner_min{ display:none;}
img.banner001{display: block;top: 77%;left: 9%;z-index: 5;max-width: 772px;height:auto;width: 39vw;}
.banner003{display: block;position:absolute;top: 56%;left: 50%;z-index: 3;font-size: 82px;font-weight: bold;line-height: 83px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;top: 75%;left: 50.5%;z-index: 3;font-size: 33px;color: #9d8cb7;padding: 24px 43px;width: 50%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}

}

/*  ↓↓↓↓    ipad 橫向 w1024 ↓↓↓↓   */
@media (min-width: 1024px) and (max-width:1429px) {
.BR01{height: 580px;}
.fill{height: 500px;z-index:999;display: block;}
.fill .fill-bg{background: rgb(145, 177, 235,0.2);height: 500px;}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.1em;font-weight: bold;}
/*BANNER*/
img.banner_big{ display:none;}
img.banner001{display: block;top: 78%;left: 0%;z-index: 5;max-width: 772px;height:auto;width: 49vw;}
.banner003{display: block;position:absolute;top: 57%;left: 50%;z-index: 3;font-size: 82px;font-weight: bold;line-height: 83px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;top: 75%;left: 50.5%;z-index: 3;font-size: 33px;color: #9d8cb7;padding: 24px 43px;width: 50%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}


/* all pic */
img.PIC01{max-width:214px;height:auto;min-width: 200px;width: 97%;margin-bottom:5%;margin-top:5%;}
img.PIC01:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC02{max-width:150px;height:auto;width: 100%;margin-bottom:5%;margin-top:5%;}
img.PIC02:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC03{max-width:290px;height:auto;width: 100%;margin-bottom: 2%;margin-top: 10%;}
img.PIC04{max-width: 180px;height:auto;width: 100%;margin-bottom:5%;margin-top:5%;margin-bottom: 32%;}
img.PIC04:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}

/* 標題 */
.title{text-align:center;margin-top: 3%;margin-bottom: 2%;}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3em;font-weight: bold;}
.title h2{color: #ffffff;font-size: 41px;letter-spacing: 0.1em;display:block;margin: 30px auto;line-height:32px;text-align: center; }
.title L01{ width:70%; height:2px; color:#cccccc;}
/* 題目 1 */
.test01{display: block;position:relative;height: 430px;margin:0 auto;text-align:center;}
.test01 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;}
.test01 h4{color: #91b1eb;text-align: center;font-size: 5em;font-weight: bold;margin: 3% auto;}
.test01 h4:hover{ background-color:#e3eaff; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 2 */
.test02{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 495px;margin:0 auto;text-align:center;}
.test02 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test02 h4{color: #91b1eb;line-height: 1.4em;margin: 3% auto;padding: 0 30px;}

/* 題目 3 */
.test03{display: block;position:relative;height: 430px;margin:0 auto;text-align:center;}
.test03 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;}
.test03 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test03 h4:hover{ background-color:#e3eaff;width:150px; height:150px; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 4 */
.test04{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 900px;margin:0 auto;text-align:center;}
.test04 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;margin-bottom: -3%;}
.test04 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;/* margin: 2% auto; */}

/* 題目 4-2 */
.test04-2{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 495px;margin:0 auto;text-align:center;}
.test04-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test04-2 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;/* margin: 2% auto; */}

.test04a{display: block;position:relative;}
.test04b{display: block;position:relative;}
.test04c{display: block;position:relative;}

/* 題目 5 */
.test05{display: block;position:relative;height: 875px;margin:0 auto;text-align:center;}
.test05 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 5% auto;}

/* 題目 5-2 */
.test05-2{display: block;position:relative;height: 595px;margin:0 auto;text-align:center;}
.test05-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05-2 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 5% auto;}

/* 題目 6 */
.test06 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;padding-top: 2%;}
.test06 p{color: #5c5d5d;text-align: center;font-size: 1.2em;padding-top: 7px;}

/* 題目 7 - 填表區 */
.test07{display: block;position:relative;}

/* button a b c */
.list-bn {background-color: #FFF; color: white;text-align: left;text-decoration: none; font-size: 16px;
    border-radius: 35px;width: 90%;margin-bottom: 4%;margin-left: 17px;}
.list-bn:hover {background-color: #e3eaff;}

.list-bn02 {background-color: #FFF; color: white;text-align: left;text-decoration: none; font-size: 16px;
    border-radius: 35px;width: 90%;margin-bottom: 4%;margin-left: 17px;}
.list-bn02:hover {background-color: #e3eaff;}


.s-button {
    background-color: #395fa5;
    border: none;
    color: white;
    padding: 1px 0px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 35px;
    width: 120px;
    margin-right: 37px;
    margin-bottom: 26px;
    margin: 13px;
}

.s-button:hover {background-color: #ffbd4a;}

.MC_button_circle {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #91b1eb;
    line-height: 60px;
    text-align: center;
    float: left;
    color: #fe663d;
    font-size: 24px;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: bold;
}
.MC_button_text {
    line-height: 16px;
    font-weight: bold;
}
}

/*  ↓↓↓↓    ipad 直向 w768 ↓↓↓↓    */
@media (min-width: 768px) and (max-width:1023px) {  
.BR01{height: 250px;}
.fill{height: 600px;z-index:999;display: block;}
.fill .fill-bg{background: rgb(145, 177, 235,0.2);height: 560px;}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.1em;font-weight: bold;}
/*BANNER*/
.banner{position:relative;overflow: hidden;}
img.banner_big{ display:none;}
/*
img.banner_min{max-width: 1200px;min-width: 950px;height: auto;}
*/
img.banner001{display: block;top: 82%;left: 0%;z-index: 5;max-width: 772px;height:auto;width: 50vw;}
img.banner002{/* left: 94%; */width: 11vw;}
.banner003{display: block;position:absolute;top: 60%;right: 3%;z-index: 3;font-size: 67px;font-weight: bold;line-height: 65px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;top: 78%;left: 50.5%;z-index: 3;font-size: 27px;color: #9d8cb7;padding: 20px 29px;width: 50%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}

/* button a b c */
.button {color: white;text-align: left;font-size: 16px;float: left;border-radius: 35px;width: 87%;margin-bottom: 20px;margin: 9px 16px;}
.button:hover {width: 87%;background-color: #e3eaff;}

/* all pic */
img.PIC01{max-width:214px;height:auto;min-width: 150px;width: 68%;margin-bottom:5%;margin-top:5%;}
img.PIC01:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC02{max-width:150px;height:auto;width: 95%;margin-bottom:5%;margin-top:5%;}
img.PIC02:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC03{max-width:290px;height:auto;width: 100%;margin-bottom: 2%;margin-top: 17%;}
img.PIC04{max-width: 180px;height:auto;width: 57%;margin-bottom:5%;margin-top:5%;margin-bottom: 37%;}
img.PIC04:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
 
 
 /* 圖片效果 */
.outline {background: white;margin: 0 0px;width: 230px;height: auto;margin: 0%;margin-bottom: 33%;}
.outline:hover{border:7px #91b1eb solid;}
.outline:hover{width:210px;height:auto;border:10px solid #91b1eb;}


.title{text-align:center;margin-top: 3%;margin-bottom: 2%;}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 2.5em;font-weight: bold;}
.title h2{color: #ffffff;font-size: 38px;display:block;margin: 30px auto;line-height:32px;text-align: center; }
.title L01{ width:70%; height:2px; color:#cccccc;}
/* 題目 1 */
.test01{display: block;position:relative;height: 250px;margin:0 auto;text-align:center;}
.test01 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;}
.test01 h4{color: #91b1eb;text-align: center;font-size: 5em; font-weight: bold;margin: 3% auto;}
.test01 h4:hover{ background-color:#e3eaff; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 2 */
.test02{height: 410px;margin:0 auto;text-align:center;}
.test02 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;padding-top: 6%;}
.test02 h4{color: #91b1eb;line-height: 1.4em;margin: 3% auto;padding: 0 30px;}

/* 題目 3 */
.test03{display: block;position:relative;height: 250px;margin:0 auto;text-align:center;}
.test03 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 6% auto;}
.test03 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test03 h4:hover{ background-color:#e3eaff;width:150px; height:150px; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 4 */
.test04{height: 1010px;margin:0 auto;}
.test04 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;padding-top: 9%;margin-bottom: -5%;}
.test04 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;/* margin: 2% auto; */}

/* 題目 4-2 */
.test04-2{height: 515px;margin-top: -10px;}
.test04-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;padding-top: 6%;}
.test04-2 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;/* margin: 2% auto; */}

.test04a{display: block;position:relative;height: 530px;}
.test04b{display: block;position:relative;height: 600px;}
.test04c{display: block;position:relative;}

/* 題目 5 */
.test05{display: block;position:relative;height: 735px;margin:0 auto;text-align:center;}
.test05 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 9% auto;}
.test05 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 5% auto;}

/* 題目 5-2 */
.test05-2{display: block;position:relative;height: 290px;margin:0 auto;text-align:center;}
.test05-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05-2 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 2% auto;}

/* 題目 6 */
.test06 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;/* margin: 6% auto; */padding-top: 8%;}
.test06 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;line-height: 1.3em;padding: 0 15px;margin: 3% auto;}
.test06 p{color: #5c5d5d;text-align: center;font-size: 1.2em;padding-top: 8px;}

/* 題目 7 - 填表區 */
.test07{display: block;position:relative;}
/* button a b c */
.list-bn {background-color: #FFF;color: white;text-align: left;text-decoration: none;font-size: 16px;border-radius: 35px;width: 90%;margin-bottom: -15%;margin-left: 6px;}
.list-bn:hover {background-color: #e3eaff;}

.list-bn02 {background-color: #FFF;color: white;text-align: left;text-decoration: none;font-size: 16px;border-radius: 35px;width: 65%;margin-bottom: 4%;margin-left: 135px;}
.list-bn02:hover {background-color: #e3eaff;}

.s-button {background-color: #395fa5;border: none;color: white;padding: 1px 0px;text-align: center;display: inline-block;font-size: 16px;cursor: pointer;
    border-radius: 35px;width: 120px;margin-right: 37px;margin-bottom: 26px;margin: 13px;
}

.s-button:hover {background-color: #ffbd4a;}

.MC_button_circle {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #91b1eb;
    line-height: 60px;
    text-align: center;
    float: left;
    color: #fe663d;
    font-size: 24px;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: bold;
}
.MC_button_text {
    line-height: 16px;
    font-weight: bold;
}

}


/* ↓↓↓↓ iPhone Plus w414  Pixel 2 w411 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 411px) and (max-width:767px) {
        .answer1.active {
            background-color: #e3eaff;
            width: 2em;
            height: 2em;
            border-radius: 100px;
            color: #91b1eb;
            padding-top: 22px;
            margin-top: -22px;
        }
.scroll-indicator {
    display: none;
}
.scroll-indicator:before {
    display: none;
}
.indicator {
    display: none;
}
.BR01{height: 765px;}
.fill{height: 640px;z-index:999;display: block;}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.1em;font-weight: bold;}

/*BANNER*/
.banner{position:relative; overflow: hidden;}
img.banner_big{display:none;}
img.banner001{display: block;top: 41%;left: 0%;z-index: 1;max-width: 772px;height:auto;width: 85vw;}
img.banner002{/* display: block; *//* top: 55%; *//* right: -1%; *//* z-index: 4; *//* max-width: 136px; */bottom: 19px;width: 13vw;}
.banner003{display: block;position:absolute;bottom: 20%;left: 27%;z-index: 3;font-size: 54px;font-weight: bold;line-height: 54px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;bottom: 3%;left: 27.5%;z-index: 3;font-size: 22px;color: #9d8cb7;padding: 13px 16px;width: 75%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}

/* button a b c */
.button {color: white;text-align: left;font-size: 16px;float: left;border-radius: 35px;width: 87%;margin-bottom: 20px;margin: 9px 16px;}
.button:hover {width: 87%;background-color: #e3eaff;}

/* all pic */
img.PIC01{max-width: 181px;height:auto;min-width: 127px;width: 68%;margin-bottom:5%;margin-top:5%;}
img.PIC01:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC02{max-width:150px;height:auto;width: 130%;margin-bottom:5%;margin-top: 6%;padding: 8px;margin-left: -10px;}
img.PIC02:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC03{max-width:290px;height:auto;width: 50%;margin-bottom: 2%;margin-top: 13%;}
img.PIC04{max-width: 180px;height:auto;width: 84%;margin-bottom:5%;margin-top: 0%;/* margin-bottom: 37%; */}
img.PIC04:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}

 /* 圖片效果 */
.outline {background: white;margin: 0 0px;width: 73vw;height: auto;margin: 5%;/* margin-bottom: 52%; */}
.outline:hover{width: 28vw;border:7px #91b1eb solid;}

.title{text-align:center;/* margin-top: -41%; */margin-bottom: 10%;}
.title h1{line-height: 1em;color: #91b1eb;text-align: center;font-size: 2.8em;/* font-weight: bold; */padding: 0 20px;}
.title h2{color: #cccccc;font-size: 31px;display:block;margin: 25px auto;line-height: 1px;text-align: center; }
.title L01{ width:70%; height:2px; color:#cccccc;}
/* 題目 1 */
.test01{display: block;position:relative;height: 13em;margin:0 auto;text-align:center;}
.test01 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 6% auto;}
.test01 h4{color: #91b1eb;text-align: center;font-size: 4em;font-weight: bold;margin: 3% auto;}
.test01 h4:hover{ background-color:#e3eaff; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 2 */
.test02{height: 360px;margin:0 auto;text-align:center;}
.test02 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 5% auto;padding-top: 12%;}
.test02 h4{color: #91b1eb;line-height: 1.4em;margin: 3% auto;padding: 0 30px;}

/* 題目 3 */
.test03{display: block;position:relative;height: 250px;margin:0 auto;text-align:center;}
.test03 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test03 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test03 h4:hover{ background-color:#e3eaff;width:150px; height:150px; border-radius: 100px; color:#91b1eb; padding-top:15px;}
.test03 p{color: #5c5d5d;text-align: center;font-size: 1.4em;}

/* 題目 4 */
.test04{height: 710px;margin:0 auto;}
.test04 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 5% auto;padding-top: 11%;}
.test04 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

/* 題目 4-2 */
.test04-2{height: 430px;padding-top: 50px;}
.test04-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;padding-top: 6%;}
.test04-2 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04-2 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

.test04a{display: block;position:relative;height: 420px;}
.test04b{display: block;position:relative;height: 303px;}
.test04c{display: block;position:relative;}

/* 題目 5 */
.test05{display: block;position:relative;height: 2300px;margin:0 auto;text-align:center;}
.test05 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test05 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 5-2 */
.test05-2{display: block;position:relative;height: 1400px;margin: 0px auto;text-align:center;}
.test05-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05-2 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 6 */
.test06{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 575px;margin:0 auto;text-align:center;}
.test06 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 13%;}
.test06 p{color: #5c5d5d;text-align: center;font-size: 1em;margin-left: 2px;padding-top: 8px;}


/* 題目 7 - 填表區 */
.test07{display: block;position:relative;}
/* button a b c */
.list-bn {background-color: #FFF; color: white;text-align: left;text-decoration: none;
    font-size: 16px;border-radius: 35px;width: 90%;margin-bottom: 4%;margin-left: 6px;}
.list-bn:hover {background-color: #e3eaff;}

.list-bn02 {
    background-color: #FFF;
    color: white;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    border-radius: 35px;
    width: 89%;
    margin-bottom: 4%;
    margin-left: 22px;
    }
.list-bn02:hover {background-color: #e3eaff;}


.s-button {
    background-color: #395fa5;
    border: none;
    color: white;
    padding: 1px 0px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 35px;
    width: 120px;
    margin-right: 37px;
    margin-bottom: 26px;
    margin: 13px;
}

.s-button:hover {background-color: #ffbd4a;}

.MC_button_circle {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #91b1eb;
    line-height: 60px;
    text-align: center;
    float: left;
    color: #fe663d;
    font-size: 24px;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: bold;
}
.MC_button_text {
    line-height: 16px;
    font-weight: bold;
}

}

/* ↓↓↓↓ iPhone X   iPhone6/7/8 w375 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 375px) and (max-width:410px) {
        .answer1.active {
            background-color: #e3eaff;
            width: 2em;
            height: 2em;
            border-radius: 100px;
            color: #91b1eb;
            padding-top: 22px;
            margin-top: -22px;
        }
    .scroll-indicator {
        display:none;
    }

        .scroll-indicator:before {
            display: none;
        }

    .indicator {
        display: none;
    }

        .indicator span {
            display: none;
         }


.fill{height: 640px;z-index:999;display: block;}


.fill .fill-bg{/* background: rgb(145, 177, 235,0.7); *//* height: 700px; */}
.fill h2{/* color: #ffffff; *//* text-align:center; */line-height: 39px;/* font-weight:bold; */padding-top: 15px;padding: 0px 38px;font-size: 37px; }
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.1em;font-weight: bold;}
/*BANNER*/
.banner{position:relative;overflow: hidden;}
img.banner_big{display:none;}
/*
img.banner_min{max-width: 594px;min-width: 200px;height: auto;}
*/
img.banner001{display: block;top: 41%;left: 0%;z-index: 1;max-width: 772px;height:auto;width: 85vw;}
img.banner002{/* display: block; */bottom: 8px;/* right: -31%; *//* z-index: 4; *//* max-width: 136px; *//* height:auto; */width: 14vw;}
.banner003{display: block;position:absolute;top: 47%;left: 27%;z-index: 3;font-size: 49px;font-weight: bold;line-height: 50px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;bottom: 3%;left: 27.5%;z-index: 3;font-size: 20px;color: #9d8cb7;padding: 13px 16px;width: 75%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}

/* button a b c */
.button {color: white;text-align: left;font-size: 16px;float: left;border-radius: 35px;width: 87%;margin-bottom: 20px;margin: 9px 16px;}
.button:hover {width: 87%;background-color: #e3eaff;}

/* all pic */
img.PIC01{max-width: 181px;height:auto;min-width: 127px;width: 68%;margin-bottom:5%;margin-top:5%;}
img.PIC01:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC02{max-width:150px;height:auto;width: 130%;margin-bottom:5%;margin-top: 6%;padding: 8px;margin-left: -10px;}
img.PIC02:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC03{max-width:290px;height:auto;width: 50%;margin-bottom: 2%;margin-top: 13%;}
img.PIC04{max-width: 180px;height:auto;width: 106%;margin-bottom:5%;margin-top: -3%;/* margin-bottom: 37%; */}
img.PIC04:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}

 /* 圖片效果 */
.outline {background: white;margin: 0 0px;width: 73vw;height: auto;margin: 5%;/* margin-bottom: 52%; */}
.outline:hover{width: 28vw;border:7px #91b1eb solid;}

.title{text-align:center;/* margin-top: -41%; */margin-bottom: 10%;}
.title h1{line-height: 1em;color: #91b1eb;text-align: center;font-size: 2.3em;/* font-weight: bold; */padding: 0 20px;}
.title h2{color: #cccccc;font-size: 31px;display:block;margin: 25px auto;line-height: 1px;text-align: center; }
.title L01{ width:70%; height:2px; color:#cccccc;}
/* 題目 1 */
.test01{display: block;position:relative;height: 13em;margin:0 auto;text-align:center;}
.test01 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;}
.test01 h4{color: #91b1eb;text-align: center;font-size: 4em;font-weight: bold;margin: 3% auto;}
.test01 h4:hover{ background-color:#e3eaff; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 2 */
.test02{height: 360px;margin:0 auto;text-align:center;}
.test02 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 5% auto;padding-top: 12%;}
.test02 h4{color: #91b1eb;line-height: 1.4em;margin: 3% auto;padding: 0 30px;}

/* 題目 3 */
.test03{display: block;position:relative;height: 250px;margin:0 auto;text-align:center;}
.test03 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test03 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test03 h4:hover{ background-color:#e3eaff;width:150px; height:150px; border-radius: 100px; color:#91b1eb; padding-top:15px;}
.test03 p{color: #5c5d5d;text-align: center;font-size: 1.4em;}

/* 題目 4 */
.test04{height: 710px;margin:0 auto;}
.test04 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 5% auto;padding-top: 11%;}
.test04 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

/* 題目 4-2 */
.test04-2{height: 430px;padding-top: 50px;}
.test04-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;padding-top: 6%;}
.test04-2 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04-2 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

.test04a{display: block;position:relative;height: 420px;}
.test04b{display: block;position:relative;height: 303px;}
.test04c{display: block;position:relative;}

/* 題目 5 */
.test05{display: block;position:relative;height: 1535px;margin:0 auto;text-align:center;}
.test05 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test05 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 5-2 */
.test05-2{display: block;position:relative;height: 770px;margin:0 auto;text-align:center;}
.test05-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05-2 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 6 */
.test06{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 550px;margin:0 auto;text-align:center;}
.test06 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 13%;}
.test06 p{color: #5c5d5d;text-align: center;font-size: 1em;margin-left: 2px;padding-top: 8px;}

/* 題目 7 - 填表區 */
.test07{display: block;position:relative;}
/* button a b c */
.list-bn {background-color: #FFF; color: white;text-align: left;text-decoration: none;
    font-size: 16px;border-radius: 35px;width: 90%;margin-bottom: 4%;margin-left: 6px;}
.list-bn:hover {background-color: #e3eaff;}

.list-bn02 {
    background-color: #FFF;
    color: white;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    border-radius: 35px;
    width: 82%;
    margin-bottom: 4%;
    margin-left: 30px;
    }
.list-bn02:hover {background-color: #e3eaff;}


.s-button {
    background-color: #395fa5;
    border: none;
    color: white;
    padding: 1px 0px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 35px;
    width: 120px;
    margin-right: 37px;
    margin-bottom: 26px;
    margin: 13px;
}

.s-button:hover {background-color: #ffbd4a;}

.MC_button_circle {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #91b1eb;
    line-height: 60px;
    text-align: center;
    float: left;
    color: #fe663d;
    font-size: 24px;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: bold;
}
.MC_button_text {
    line-height: 16px;
    font-weight: bold;
}
}

/* ↓↓↓↓ Galaxy S5 w360 手機尺寸,顯示效果 ↓↓↓↓  */
@media (min-width: 360px) and (max-width:374px) {
        .answer1.active {
            background-color: #e3eaff;
            width: 2em;
            height: 2em;
            border-radius: 100px;
            color: #91b1eb;
            padding-top: 24px;
            margin-top: -16px;
        }
.scroll-indicator {
    display: none;
}
.scroll-indicator:before {
    display: none;
}
.indicator {
    display: none;
}
    .BR01{height: 700px;}
.fill{height: 640px;z-index:999;display: block;}
.fill .fill-bg{/* background: rgb(145, 177, 235,0.7); *//* height: 700px; */}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.1em;font-weight: bold;}
/*BANNER*/
.banner{position:relative;overflow: hidden;}
img.banner_big{display:none;}
/*
img.banner_min{max-width: 594px;min-width: 200px;height: auto;}
*/
img.banner001{display: block;top: 41%;left: 0%;z-index: 1;max-width: 772px;height:auto;width: 85vw;}
img.banner002{width: 15vw;bottom: 11px;}
.banner003{display: block;position:absolute;bottom: 22%;left: 25%;z-index: 3;font-size: 50px;font-weight: bold;line-height: 46px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;bottom: 3%;left: 25.5%;z-index: 3;font-size: 20px;color: #9d8cb7;padding: 13px 16px;width: 85%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}

/* button a b c */
.button {color: white;text-align: left;font-size: 16px;float: left;border-radius: 35px;width: 87%;margin-bottom: 20px;margin: 9px 16px;}
.button:hover {width: 87%;background-color: #e3eaff;}

/* all pic */
img.PIC01{max-width: 181px;height:auto;min-width: 117px;width: 68%;margin-bottom:5%;margin-top:5%;}
img.PIC01:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}



img.PIC02{max-width:150px;height:auto;width: 130%;margin-bottom:5%;margin-top: 6%;padding: 8px;margin-left: -10px;}
img.PIC02:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC03{max-width:290px;height:auto;width: 50%;margin-bottom: 2%;margin-top: 13%;}
img.PIC04{max-width: 180px;height:auto;width: 84%;margin-bottom:5%;margin-top: 0%;/* margin-bottom: 37%; */}
img.PIC04:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}

 /* 圖片效果 */
.outline {background: white;margin: 0 0px;width: 73vw;height: auto;margin: 5%;/* margin-bottom: 52%; */}
.outline:hover{width: 28vw;border:7px #91b1eb solid;}


.title{text-align:center;/* margin-top: -41%; */margin-bottom: 10%;}
.title h1{line-height: 1em;color: #91b1eb;text-align: center;font-size: 2.5em;/* font-weight: bold; */padding: 0 20px;}
.title h2{color: #cccccc;font-size: 27px;display:block;margin: 25px auto;line-height: 3px;text-align: center; }
.title L01{ width:70%; height:2px; color:#cccccc;}
/* 題目 1 */
.test01{display: block;position:relative;height: 14em;margin:0 auto;text-align:center;}
.test01 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;}
.test01 h4{color: #91b1eb;text-align: center;font-size: 4em;font-weight: bold;margin: 3% auto;}
.test01 h4:hover{ background-color:#e3eaff; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 2 */
.test02{height: 360px;margin:0 auto;text-align:center;}
.test02 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 5% auto;padding-top: 12%;}
.test02 h4{color: #91b1eb;line-height: 1.4em;margin: 3% auto;padding: 0 30px;}

/* 題目 3 */
.test03{display: block;position:relative;height: 250px;margin:0 auto;text-align:center;}
.test03 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test03 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test03 h4:hover{ background-color:#e3eaff;width:150px; height:150px; border-radius: 100px; color:#91b1eb; padding-top:15px;}
.test03 p{color: #5c5d5d;text-align: center;font-size: 1.4em;}

/* 題目 4 */
.test04{height: 710px;margin:0 auto;}
.test04 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 5% auto;padding-top: 11%;}
.test04 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

/* 題目 4-2 */
.test04-2{height: 430px;padding-top: 50px;}
.test04-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;padding-top: 6%;}
.test04-2 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04-2 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

.test04a{display: block;position:relative;height: 420px;}
.test04b{display: block;position:relative;height: 303px;}
.test04c{display: block;position:relative;}


/* 題目 5 */
.test05{display: block;position:relative;height: 1535px;margin:0 auto;text-align:center;}
.test05 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test05 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 5-2 */
.test05-2{display: block;position:relative;height: 770px;margin:0 auto;text-align:center;}
.test05-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05-2 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 6 */
.test06{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 550px;margin:0 auto;text-align:center;}
.test06 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 13%;}
.test06 p{color: #5c5d5d;text-align: center;font-size: 1em;margin-left: 2px;padding-top: 8px;}


/* 題目 7 - 填表區 */
.test07{display: block;position:relative;}
/* button a b c */
.list-bn {background-color: #FFF; color: white;text-align: left;text-decoration: none;
    font-size: 16px;border-radius: 35px;width: 90%;margin-bottom: 4%;margin-left: 6px;}
.list-bn:hover {background-color: #e3eaff;}

.list-bn02 {
    background-color: #FFF;
    color: white;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    border-radius: 35px;
    width: 89%;
    margin-bottom: 4%;
    margin-left: 22px;
    }
.list-bn02:hover {background-color: #e3eaff;}


.s-button {
    background-color: #395fa5;
    border: none;
    color: white;
    padding: 1px 0px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 35px;
    width: 120px;
    margin-right: 37px;
    margin-bottom: 26px;
    margin: 13px;
}

.s-button:hover {background-color: #ffbd4a;}

.MC_button_circle {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #91b1eb;
    line-height: 60px;
    text-align: center;
    float: left;
    color: #fe663d;
    font-size: 24px;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: bold;
}
.MC_button_text {
    line-height: 16px;
    font-weight: bold;
}
}


/* ↓↓↓↓ 手機尺寸SE ,顯示效果 ↓↓↓↓  */
@media (min-width: 300px) and (max-width:359px) {
        .answer1.active {
            background-color: #e3eaff;
            width: 2em;
            height: 2em;
            border-radius: 100px;
            color: #91b1eb;
            padding-top: 17px;
            margin-top: 0px;
        }  
.scroll-indicator {
    display: none;
}
.scroll-indicator:before {
    display: none;
}
.indicator {
    display: none;
}
.BR01{height: 600px;}
.fill{height: 640px;z-index:999;display: block;}
.fill .fill-bg{/* background: rgb(145, 177, 235,0.7); *//* height: 700px; */}
.title h1{line-height: 0.7em;color: #91b1eb;text-align: center;font-size: 3.1em;font-weight: bold;}
/*BANNER*/
.banner{position:relative;overflow: hidden;/* height: 700px; */}
img.banner_big{display:none;}
/*
img.banner_min{max-width: 507px;min-width: 200px;height: auto;}

*/
img.banner001{display: block;top: 6%;left: 0%;z-index: 1;max-width: 772px;height:auto;width: 74vw;}
img.banner002{bottom: 8px;width: 13vw;}
.banner003{display: block;position:absolute;top: 44%;left: 23%;z-index: 3;font-size: 47px;font-weight: bold;line-height: 41px;color: #553f67;}
.banner004{display: block;position:absolute;background-color: #fff;bottom: 2%;left: 19.5%;z-index: 3;font-size: 20px;color: #9d8cb7;padding: 11px 10px;width: 86%;}
.banner005{display: block; position:absolute;top: 44%;left: 39.5%;z-index: 3;max-width: 596px;height:auto;width: 32vw;}

/* button a b c */
.button {color: white;text-align: left;font-size: 16px;float: left;border-radius: 35px;width: 87%;margin-bottom: 20px;margin: 9px 16px;}
.button:hover {width: 87%;background-color: #e3eaff;}

/* all pic */
img.PIC01{max-width: 181px;height:auto;min-width: 103px;width: 68%;margin-bottom:5%;margin-top:5%;}
img.PIC01:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC02{max-width:150px;height:auto;width: 130%;margin-bottom:5%;margin-top: 6%;padding: 8px;margin-left: -10px;}
img.PIC02:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}
img.PIC03{max-width:290px;height:auto;width: 50%;margin-bottom: 2%;margin-top: 13%;}
img.PIC04{max-width: 180px;height:auto;width: 84%;margin-bottom:5%;margin-top: 1%;/* margin-bottom: 37%; */}
img.PIC04:hover{background-color:#e3eaff;border-radius: 150px; padding:5px;}

 /* 圖片效果 */
.outline {background: white;margin: 0 0px;width: 73vw;height: auto;margin: 5%;/* margin-bottom: 52%; */}
.outline:hover{width: 28vw;border:7px #91b1eb solid;}

.title{text-align:center;/* margin-top: -41%; */margin-bottom: 10%;}
.title h1{line-height: 1em;color: #91b1eb;text-align: center;font-size: 2.2em;/* font-weight: bold; */padding: 0 20px;}
.title h2{color: #cccccc;font-size: 25px;display:block;margin: 25px auto;line-height: 8px;text-align: center; }
.title L01{ width:70%; height:2px; color:#cccccc;}
/* 題目 1 */
.test01{display: block;position:relative;height: 13em;margin:0 auto;text-align:center;}
.test01 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 6% auto;}
.test01 h4{color: #91b1eb;text-align: center;font-size: 3em;font-weight: bold;margin: 7% auto;}
.test01 h4:hover{ background-color:#e3eaff; border-radius: 100px; color:#91b1eb; padding-top:15px;}

/* 題目 2 */
.test02{height: 360px;margin:0 auto;text-align:center;}
.test02 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 5% auto;padding-top: 12%;}
.test02 h4{color: #91b1eb;line-height: 1.4em;margin: 3% auto;padding: 0 30px;}

/* 題目 3 */
.test03{display: block;position:relative;height: 250px;margin:0 auto;text-align:center;}
.test03 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test03 h4{color: #91b1eb;text-align: center;font-size: 2em; font-weight: bold;margin: 3% auto;}
.test03 h4:hover{ background-color:#e3eaff;width:150px; height:150px; border-radius: 100px; color:#91b1eb; padding-top:15px;}
.test03 p{color: #5c5d5d;text-align: center;font-size: 1.2em;}

/* 題目 4 */
.test04{height: 710px;margin:0 auto;}
.test04 h3{color: #5c5d5d;text-align: center;font-size: 2em;font-weight: bold;margin: 5% auto;padding-top: 11%;}
.test04 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

/* 題目 4-2 */
.test04-2{height: 430px;padding-top: 50px;}
.test04-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;padding-top: 6%;}
.test04-2 h4{color: #91b1eb;text-align: center;font-size: 1.7em; font-weight: bold;/* margin: 2% auto; */}
.test04-2 p{color: #8b8bce;text-align: center;font-size: 1em;padding-top: 10px;font-weight: bold;}

.test04a{display: block;position:relative;height: 420px;}
.test04b{display: block;position:relative;height: 303px;}
.test04c{display: block;position:relative;}


/* 題目 5 */
.test05{display: block;position:relative;height: 1535px;margin:0 auto;text-align:center;}
.test05 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 9%;}
.test05 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 5-2 */
.test05-2{display: block;position:relative;height: 670px;margin:0 auto;text-align:center;}
.test05-2 h3{color: #5c5d5d;text-align: center;font-size: 2.2em;font-weight: bold;margin: 5% auto;}
.test05-2 h4{color: #91b1eb;text-align: center;font-size: 1.5em; font-weight: bold;margin: 10% auto;}

/* 題目 6 */
.test06{display: block;position:relative;background-color:rgba(171, 201, 255, 0.07);height: 580px;margin:0 auto;text-align:center;}
.test06 h3{color: #5c5d5d;text-align: center;font-size: 1.8em;font-weight: bold;margin: 6% auto;padding-top: 13%;}
.test06 p{color: #5c5d5d;text-align: center;font-size: 1em;margin-left: 2px;padding-top: 8px;}


/* 題目 7 - 填表區 */
.test07{display: block;position: relative;}
/* button a b c */
.list-bn {background-color: #FFF; color: white;text-align: left;text-decoration: none;
    font-size: 16px;border-radius: 35px;width: 90%;margin-bottom: 4%;margin-left: 6px;}
.list-bn:hover {background-color: #e3eaff;}

.list-bn02 {
    background-color: #FFF;
    color: white;
    text-align: left;
    text-decoration: none;
    font-size: 16px;
    border-radius: 35px;
    width: 89%;
    margin-bottom: 4%;
    margin-left: 22px;
    }
.list-bn02:hover {background-color: #e3eaff;}


.s-button {
    background-color: #395fa5;
    border: none;
    color: white;
    padding: 1px 0px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 35px;
    width: 120px;
    margin-right: 37px;
    margin-bottom: 26px;
    margin: 13px;
}

.s-button:hover {background-color: #ffbd4a;}

.MC_button_circle {
    width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #91b1eb;
    line-height: 60px;
    text-align: center;
    float: left;
    color: #fe663d;
    font-size: 24px;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: bold;
}
.MC_button_text {
    line-height: 16px;
    font-weight: bold;
}
}