@charset "utf-8";
/* CSS Document */
.tab-content {
    font-size: 15px;

    background-color: #fff;

    padding: 220px 0px;

    min-height: 550px;
}
.tab-content .btn {
    margin: 30px auto 0 auto;
}
.tab-content .btn-lg {
    padding: 8px 16px !important;
}

.j-set {
    margin-right: -15px;
    margin-left: -15px;
    background-image: url(../../images/jcss_2021/freestudy.jpg);
    min-height: 680px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set2 {
    margin-top: 405px;
    opacity: 0;
}
.j-set3 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set {
        min-height: 550px;
    }
    .j-set2 {
        margin-top: 325px;
    }
}
@media screen and (max-width: 991px) {
    .j-set {
        min-height: 420px;
    }
    .j-set2 {
        margin-top: 245px;
    }
}
@media screen and (max-width: 767px) {
    .j-set {
        background-image: url(../../images/jcss_2021/freestudy2.jpg);
        min-height: 680px;
    }
    .j-set2 {
        display: none;
    }
    .j-set3 {
        display: table;
        margin-top: 50%;
    }
}
@media screen and (max-width: 625px) {
    .j-set3 img {
        width: 300px;
        height: auto;
    }
}
@media screen and (max-width: 520px) {
    .j-set {
        min-height: 300px;
    }
    .j-set3 img {
        width: 260px;
        height: auto;
    }
}
@media screen and (max-width: 450px) {
    .j-set3 img {
        width: 240px;
        height: auto;
    }
}
@media screen and (max-width: 430px) {
    .j-set3 img {
        width: 220px;
        height: auto;
    }
}
@media screen and (max-width: 400px) {
    .j-set3 img {
        width: 200px;
        height: auto;
    }
    .j-set3 {
        margin-top: 47%;
    }
}

.j-set-2 {
    margin-right: -15px;
    margin-left: -15px;
    background-image: url(../../images/jcss_2021/probation1200.jpg);
    min-height: 680px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set2-2 {
    margin-top: 462px;
    opacity: 0;
}
.j-set3-2 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set-2 {
        min-height: 550px;
    }
    .j-set2-2 {
        margin-top: 372px;
    }
}
@media screen and (max-width: 991px) {
    .j-set-2 {
        min-height: 420px;
    }
    .j-set2-2 {
        margin-top: 285px;
    }
}
@media screen and (max-width: 767px) {
    .j-set-2 {
        background-image: url(../../images/jcss_2021/probation767.jpg);
        min-height: 680px;
    }
    .j-set2-2 {
        display: none;
    }
    .j-set3-2 {
        display: table;
        margin-top: 50%;
    }
}
@media screen and (max-width: 625px) {
    .j-set3-2 img {
        width: 300px;
        height: auto;
    }
}
@media screen and (max-width: 520px) {
    .j-set-2 {
        min-height: 300px;
    }
    .j-set3-2 img {
        width: 260px;
        height: auto;
    }
}
@media screen and (max-width: 450px) {
    .j-set3-2 img {
        width: 240px;
        height: auto;
    }
}
@media screen and (max-width: 430px) {
    .j-set3-2 img {
        width: 220px;
        height: auto;
    }
}
@media screen and (max-width: 400px) {
    .j-set3-2 img {
        width: 200px;
        height: auto;
    }
    .j-set3-2 {
        margin-top: 47%;
    }
}

.j-set4 {
    text-align: center;
    margin-top: 25px;
    background-image: url(../../images/jcss_2021/class1920-1016.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set5 {
    margin-top: 1508px;
    margin-bottom: 40px;
    opacity: 0;
    width: 100%;
}
.j-set5-2 {
    margin-top: 22px;
    margin-bottom: 140px;
    opacity: 0;
}
.j-set6 {
    display: none;
}
.j-set6-2 {
    display: none;
}
.j-set7 {
    display: none;
}
.j-set7-2 {
    display: none;
}
.j-set7-3 {
    display: none;
}
@media screen and (max-width: 1499px) {
    .j-set5 {
        margin-top: 1200px;
        margin-bottom: 142px;
    }
    .tab-content {
        padding: 140px 0;
    }
}
@media screen and (max-width: 1199px) {
    .j-set4 {
        background-image: url(../../images/jcss_2021/class1200-1016.jpg);
    }
    .j-set5 {
        margin-top: 1023px;
        margin-bottom: 142px;
    }
    .j-set5-2 {
        margin-top: 18px;
    }
}
@media screen and (max-width: 991px) {
    .j-set5 {
        margin-top: 810px;
        margin-bottom: 105px;
    }
    .j-set5-2 {
        margin-top: 14px;
    }
    .tab-content {
        padding: 90px 0;
    }
}
@media screen and (max-width: 767px) {
    .j-set4 {
        background-image: url(../../images/jcss_2021/class767-1016.jpg);
    }
    .j-set5 {
        display: none;
    }
    .j-set5-2 {
        display: none;
    }
    .j-set6 {
        display: table;
        margin-top: 175%;
        margin-bottom: 185px;
        opacity: 0;
    }
    .j-set6-2 {
        display: table;
        margin-top: 2.5%;
        margin-bottom: 90px;
        opacity: 0;
    }
}
@media screen and (max-width: 650px) {
    .j-set6 {
        margin-top: 170%;
        margin-bottom: 150px;
    }
    .j-set6-2 {
        margin-top: 2%;
    }
}
@media screen and (max-width: 500px) {
    .j-set6 {
        margin-top: 168%;
        margin-bottom: 120px;
    }
}
@media screen and (max-width: 450px) {
    .j-set4 {
        background-image: url(../../images/jcss_2021/class450-1016.jpg);
    }
    .j-set6 {
        display: none;
    }
    .j-set6-2 {
        display: none;
    }
    .j-set7 {
        display: table;
        margin-top: 252%;
        opacity: 0;
    }
    .j-set7-2 {
        display: table;
        margin-top: 4%;
        margin-bottom: 100px;
        opacity: 0;
    }
    .j-set7-3 {
        display: table;
        margin-top: 4%;
        margin-bottom: 70px;
        opacity: 0;
    }
}
@media screen and (max-width: 400px) {
    .j-set7 {
        margin-top: 250%;
    }
    .j-set7-2 {
        margin-top: 3.5%;
    }
    .j-set7-3 {
        margin-top: 3.5%;
    }
}

.j-set8 {
    line-height: 30px;
    letter-spacing: 0.5px;
}
.j-set8-2 {
    display: none;
    line-height: 30px;
    letter-spacing: 0.5px;
}
@media screen and (max-width: 991px) {
    .j-set8 {
        display: none;
    }
    .j-set8-2 {
        display: table;
    }
}

.j-set9 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/dad1200-1.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set10 {
    margin-top: 1423px;
    opacity: 0;
}
.j-set11 {
    margin-top: 20px;
    opacity: 0;
}
.j-set12 {
    display: none;
}
.j-set12-2 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set10 {
        margin-top: 1145px;
    }
    .j-set11 {
        margin-top: 20px;
    }
}
@media screen and (max-width: 991px) {
    .j-set10 {
        margin-top: 883px;
    }
    .j-set11 {
        margin-top: 12px;
    }
}
@media screen and (max-width: 767px) {
    .j-set9 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/dad750.jpg);
    }
    .j-set10 {
        display: none;
    }
    .j-set11 {
        display: none;
    }
    .j-set12 {
        display: table;
        margin-top: 200%;
        opacity: 0;
    }
    .j-set12-2 {
        display: table;
        margin-top: 3%;
        opacity: 0;
    }
}
@media screen and (max-width: 600px) {
    .j-set12 {
        margin-top: 199%;
    }
}
@media screen and (max-width: 460px) {
    .j-set12 {
        margin-top: 198%;
    }
}

.j-set14 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/bookad1200-1106.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set15 {
    margin-top: 2420px;
    opacity: 0;
}
.j-set16 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set15 {
        margin-top: 1950px;
    }
}
@media screen and (max-width: 991px) {
    .j-set14 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/bookad712-1106.jpg);
    }
    .j-set15 {
        display: none;
    }
    .j-set16 {
        display: table;
        margin-top: 373%;
        opacity: 0;
    }
}
@media screen and (max-width: 500px) {
    .j-set16 {
        margin-top: 372%;
    }
}

.j-set17 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_secondary1200-2a-1216.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set17-2 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_-HighSchool1200-2a-1216.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set18 {
    margin-top: 1937px;
    margin-bottom: 50px;
    opacity: 0;
}
.j-set19 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set18 {
        margin-top: 1562px;
    }
}
@media screen and (max-width: 991px) {
    .j-set17 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_secondary767-2a-1216.jpg);
    }
    .j-set17-2 {
        background-image: url(https://ushopmanager.hiwinner.tw/hipershop/rwd1018/store/F1/DL_-HighSchool767-2a-1216.jpg);
    }
    .j-set18 {
        display: none;
    }
    .j-set19 {
        display: table;
        margin-top: 1830px;
        margin-bottom: 50px;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .j-set19 {
        margin-top: 244%;
    }
}
@media screen and (max-width: 600px) {
    .j-set17 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_secondary600-2a-1216.jpg);
    }
    .j-set17-2 {
        background-image: url(https://ushopmanager.hiwinner.tw/hipershop/rwd1018/store/F1/DL_-HighSchool600-2a-1216.jpg);
    }
    .j-set19 {
        margin-top: 243%;
    }
}
@media screen and (max-width: 450px) {
    .j-set17 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_secondary450-2a-1216.jpg);
    }
    .j-set17-2 {
        background-image: url(https://ushopmanager.hiwinner.tw/hipershop/rwd1018/store/F1/DL_-HighSchool450-2a-1216.jpg);
    }
}
@media screen and (max-width: 425px) {
    .j-set19 {
        margin-top: 242%;
    }
}

.j-set17b {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_secondary1200-2b-3.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set17-2b {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_-HighSchool1200-2b-2.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set18b {
    margin-top: 840px;
    margin-bottom: 85px;
    opacity: 0;
}
.j-set19b {
    display: none;
}
.j-set19-2b {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set18b {
        margin-top: 675px;
    }
}
@media screen and (max-width: 991px) {
    .j-set17b {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_secondary767-2b-3.jpg);
    }
    .j-set17-2b {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/DL_-HighSchool767-2b-2.jpg);
    }
    .j-set18b {
        display: none;
    }
    .j-set19b {
        display: table;
        margin-top: 1068px;
        margin-bottom: 50px;
        opacity: 0;
    }
    .j-set19-2b {
        display: table;
        margin-top: 1103px;
        margin-bottom: 50px;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .j-set19b {
        margin-top: 142.5%;
    }
    .j-set19-2b {
        margin-top: 147%;
    }
}
@media screen and (max-width: 600px) {
    .j-set19b {
        margin-top: 141.5%;
    }
    .j-set19-2b {
        margin-top: 146%;
    }
}
@media screen and (max-width: 425px) {
    .j-set19b {
        margin-top: 140.5%;
    }
    .j-set19-2b {
        margin-top: 145%;
    }
}

.j-set20 {
    text-align: center;
    margin-top: 25px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/penbook1200.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set21 {
    margin-top: 602px;
}
.j-set22 {
    margin-top: 750px;
}
.j-set23 {
    display: none;
}
.j-set24 {
    display: none;
}
.you-video {
    width: 100%;
    height: 200%;
    position: relative;
    top: -20px;
}
@media screen and (max-width: 1199px) {
    .j-set21 {
        margin-top: 485px;
    }
    .j-set22 {
        margin-top: 603px;
    }
}
@media screen and (max-width: 991px) {
    .j-set21 {
        margin-top: 362px;
    }
    .j-set22 {
        margin-top: 460px;
    }
    .you-video {
        height: 160%;
        top: -10px;
    }
}
@media screen and (max-width: 767px) {
    .j-set20 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/penbook767.jpg);
    }
    .j-set21 {
        display: none;
    }
    .j-set22 {
        display: none;
    }
    .j-set23 {
        display: table;
        margin-top: 203%;
    }
    .j-set24 {
        display: table;
        margin-top: 138%;
    }
    .y-video {
        height: 260%;
        width: 100%;
        position: relative;
        top: -70px;
    }
}
@media screen and (max-width: 745px) {
    .j-set24 {
        margin-top: 137%;
    }
}
@media screen and (max-width: 720px) {
    .j-set24 {
        margin-top: 136%;
    }
}
@media screen and (max-width: 700px) {
    .j-set23 {
        margin-top: 201%;
    }
    .y-video {
        height: 255%;
    }
    .j-set24 {
        margin-top: 138%;
    }
}
@media screen and (max-width: 670px) {
    .y-video {
        height: 230%;
        top: -50px;
    }
    .j-set24 {
        margin-top: 137.5%;
    }
}
@media screen and (max-width: 640px) {
    .j-set23 {
        margin-top: 200%;
    }
    .y-video {
        height: 220%;
    }
    .j-set24 {
        margin-top: 137%;
    }
}
@media screen and (max-width: 600px) {
    .j-set23 {
        margin-top: 199.5%;
    }
    .y-video {
        height: 205%;
    }
    .j-set24 {
        margin-top: 138%;
    }
}
@media screen and (max-width: 550px) {
    .j-set23 {
        margin-top: 199%;
    }
    .y-video {
        height: 180%;
        top: -40px;
    }
    .j-set24 {
        margin-top: 136%;
    }
}
@media screen and (max-width: 500px) {
    .j-set23 {
        margin-top: 197%;
    }
    .y-video {
        height: 160%;
        top: -25px;
    }
    .j-set24 {
        margin-top: 132%;
    }
}
@media screen and (max-width: 450px) {
    .j-set23 {
        margin-top: 195%;
    }
    .y-video {
        height: 150%;
        top: -20px;
    }
    .j-set24 {
        margin-top: 134%;
    }
}
@media screen and (max-width: 420px) {
    .j-set23 {
        margin-top: 194%;
    }
    .y-video {
        height: 140%;
    }
    .j-set24 {
        margin-top: 130%;
    }
}
@media screen and (max-width: 385px) {
    .j-set23 {
        margin-top: 193%;
    }
    .y-video {
        height: 120%;
        top: -10px;
    }
    .j-set24 {
        margin-top: 132%;
    }
}
@media screen and (max-width: 365px) {
    .j-set23 {
        margin-top: 192%;
    }
}
@media screen and (max-width: 350px) {
    .j-set23 {
        margin-top: 191%;
    }
}

.j-set25 {
    text-align: center;
    margin-top: 25px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/cloud-school1200.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set26 {
    margin-top: 1708px;
    margin-bottom: 50px;
    opacity: 0;
}
.j-set27 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set26 {
        margin-top: 1369px;
    }
}
@media screen and (max-width: 991px) {
    .j-set25 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/cloud-school767.jpg);
    }
    .j-set26 {
        display: none;
    }
    .j-set27 {
        display: table;
        margin-top: 1252px;
        margin-bottom: 50px;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .j-set27 {
        margin-top: 172%;
    }
}
@media screen and (max-width: 600px) {
    .j-set27 {
        margin-top: 171%;
    }
}
@media screen and (max-width: 425px) {
    .j-set27 {
        margin-top: 170%;
    }
}

.j-set28 {
    text-align: center;
    margin-top: 25px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/study-accompany-1200.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.j-set29 {
    margin-top: 420px;
    margin-bottom: 50px;
    opacity: 0;
}
.j-set30 {
    margin-top: 115px;
}
.j-set31 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set29 {
        margin-top: 360px;
    }
    .j-set30 {
        margin-top: 90px;
    }
}
@media screen and (max-width: 991px) {
    .j-set28 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/study-accompany-767.jpg);
    }
    .j-set29 {
        margin-top: 720px;
    }
    .j-set30 {
        display: none;
    }
    .j-set31 {
        display: table;
        margin-top: 158px;
    }
}
@media screen and (max-width: 767px) {
    .j-set29 {
        margin-top: 100%;
    }
    .j-set31 {
        margin-top: 22%;
    }
}
@media screen and (max-width: 600px) {
    .j-set29 {
        margin-top: 99%;
    }
    .j-set31 {
        margin-top: 20%;
    }
}
@media screen and (max-width: 425px) {
    .j-set29 {
        margin-top: 98%;
    }
    .j-set31 {
        margin-top: 18%;
    }
}

.j-set32 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/award1920.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 15px;
}
.j-set33 {
    margin-top: 2686px;
    margin-bottom: 50px;
    opacity: 0;
}
@media screen and (max-width: 1199px) {
    .j-set32 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/award1024.jpg);
    }
    .j-set33 {
        margin-top: 2906px;
    }
}
@media screen and (max-width: 991px) {
    .j-set32 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/award767_1023.jpg);
    }
    .j-set33 {
        margin-top: 1780px;
    }
}
@media screen and (max-width: 767px) {
    .j-set33 {
        margin-top: 245%;
    }
}
@media screen and (max-width: 480px) {
    .j-set32 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/award480.jpg);
    }
}
@media screen and (max-width: 375px) {
    .j-set32 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/award375.jpg);
    }
}

.form-contain {
    width: 65%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
@media screen and (max-width: 1199px) {
    .form-contain {
        width: 75%;
    }
}
@media screen and (max-width: 991px) {
    .form-contain {
        width: 85%;
    }
}
@media screen and (max-width: 767px) {
    .form-contain {
        width: 95%;
    }
}

input:focus {
    outline: -webkit-focus-ring-color auto 0;
}
select:focus {
    outline: -webkit-focus-ring-color auto 0;
}
textarea:focus {
    outline: -webkit-focus-ring-color auto 0;
}

.con-input {
    width: 100%;
    height: 52px;
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    border: none;
    border: solid 1px #a1a1a1;
    border-radius: 10px;
    font-size: 20px;
    color: #4e4e4e;
}
.con-input::-webkit-input-placeholder {
    color: #4e4e4e;
    font-size: 20px;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4;
}
.con-input::-moz-placeholder {
    color: #4e4e4e;
    font-size: 20px;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4;
}
.con-input:-ms-input-placeholder {
    color: #4e4e4e;
    font-size: 20px;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4;
}
.con-input:-moz-placeholder {
    color: #4e4e4e;
    font-size: 20px;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4;
}

.con-td {
    width: 100px;
    font-size: 20px;
    color: #3c3c3c;
    padding: 25px 0;
}
.con-textarea {
    padding: 20px;
    height: 300px;
}
.from-sent {
    width: 200px;
    height: auto;
}
.td-text {
    font-size: 18px;
    color: #3c3c3c;
}
.td-text2 {
    font-size: 16px;
    color: #3c3c3c;
    position: relative;
    left: 20px;
    top: 3px;
    padding-right: 20px;
}

.place-control {
    position: relative;
    top: -8px;
}
@media screen and (max-width: 991px) {
    .place-control {
        top: -12px;
    }
}
@media screen and (max-width: 450px) {
    .place-control {
        top: -18px;
    }
}

td select {
    -webkit-appearance: none; /*Chrome*/
    -moz-appearance: none; /*FF*/
    appearance: none; /*CSS3*/
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 97% 20px;
}
td select::-ms-expand {
    display: none; /*IE*/
}
@media screen and (max-width: 450px) {
    .con-td {
        width: 45px;
        font-size: 16px;
    }
}

.j-set34 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/double-win1200-1022.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.j-set35 {
    margin-top: 1000px;
    margin-bottom: 50px;
    opacity: 0;
}
.j-set36 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set35 {
        margin-top: 805px;
    }
}
@media screen and (max-width: 991px) {
    .j-set34 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/double-win767-1022.jpg);
    }
    .j-set35 {
        display: none;
    }
    .j-set36 {
        display: table;
        margin-top: 940px;
        margin-bottom: 30px;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .j-set36 {
        margin-top: 125.5%;
    }
}
@media screen and (max-width: 600px) {
    .j-set36 {
        margin-top: 124.5%;
    }
}
@media screen and (max-width: 425px) {
    .j-set36 {
        margin-top: 123%;
    }
}

.j-set37 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/double-win-1200a1-1022.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.j-set38 {
    margin-top: 1483px;
    margin-bottom: 70px;
    opacity: 0;
}
.j-set39 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set38 {
        margin-top: 1194px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 991px) {
    .j-set37 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/double-win-767a1-1022.jpg);
    }
    .j-set38 {
        display: none;
    }
    .j-set39 {
        display: table;
        margin-top: 1449px;
        margin-bottom: 50px;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .j-set39 {
        margin-top: 193.5%;
    }
}
@media screen and (max-width: 600px) {
    .j-set39 {
        margin-top: 192%;
    }
}
@media screen and (max-width: 425px) {
    .j-set39 {
        margin-top: 191%;
    }
}

.j-set40 {
    text-align: center;
    margin-top: 0px;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/double-win-1200a2-1022.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.j-set41 {
    margin-top: 1200px;
    margin-bottom: 65px;
    opacity: 0;
}
.j-set42 {
    display: none;
}
@media screen and (max-width: 1199px) {
    .j-set41 {
        margin-top: 968px;
    }
}
@media screen and (max-width: 991px) {
    .j-set40 {
        background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/double-win-767a2-1022.jpg);
    }
    .j-set41 {
        display: none;
    }
    .j-set42 {
        display: table;
        margin-top: 1245px;
        margin-bottom: 50px;
        opacity: 0;
    }
}
@media screen and (max-width: 767px) {
    .j-set42 {
        margin-top: 166%;
    }
}
@media screen and (max-width: 600px) {
    .j-set42 {
        margin-top: 165%;
    }
}
@media screen and (max-width: 425px) {
    .j-set42 {
        margin-top: 164%;
    }
}

.double-win-a3-header,
.double-win-a3-footer {
    width: 100%;
    height: auto;
}
.double-win-a3-header img,
.double-win-a3-footer img {
    max-width: 100%;
    height: auto;
}
.double-win-dis2 {
    display: none;
}
.double-win-a3-bg {
    width: 100%;
    height: auto;
    background-image: url(https://rwd1018.hiwinner.tw/hipershop/rwd1018/store/F1/double-win-1200a3-bg.jpg);
    background-position: top center;
    background-repeat: repeat-y;
    background-size: 100% auto;
    padding-bottom: 50px;
}
.double-win-video-title {
    color: #ffffff;
    font-size: 28px;
    padding: 0px 60px;
    padding-top: 70px;
    position: relative;
}
.double-win-video-title:nth-child(1) {
    padding-top: 50px;
}
.double-win-video-title img {
    width: 15px;
    position: relative;
    top: -3px;
}
.double-win-video-btn {
    color: #ffd630;
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

.double-win-video-container {
    width: 100%;
    height: 632px;
    padding: 0px 50px;
    margin-top: 20px;
}

.contact-btn-tab {
    width: 100%;
    margin-top: 60px;
}
.contact-btn-td {
    width: 30%;
}

@media screen and (max-width: 1199px) {
    .double-win-video-title {
        font-size: 28px;
    }
    .double-win-video-container {
        height: 489px;
    }
}
@media screen and (max-width: 991px) {
    .double-win-video-title {
        font-size: 26px;
        padding-top: 50px;
    }
    .double-win-video-title:nth-child(1) {
        padding-top: 30px;
    }
    .double-win-video-container {
        height: 422px;
        padding: 0px 30px;
    }
}
@media screen and (max-width: 767px) {
    .double-win-dis1 {
        display: none;
    }
    .double-win-dis2 {
        display: block;
    }
    .double-win-a3-bg {
        background-image: none;
        background-color: #0d2613;
    }
    .double-win-video-title {
        padding: 0 20px;
        padding-top: 50px;
    }
    .double-win-video-container {
        padding: 0px 20px;
    }
    .double-win-a3-footer {
        display: none;
    }
}
@media screen and (max-width: 700px) {
    .double-win-video-container {
        height: 380px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 650px) {
    .double-win-video-container {
        height: 350px;
    }
}
@media screen and (max-width: 600px) {
    .double-win-video-title {
        font-size: 24px;
    }
    .double-win-video-btn {
        top: 0px;
    }
    .double-win-video-container {
        height: 320px;
    }
}
@media screen and (max-width: 550px) {
    .double-win-video-title {
        font-size: 22px;
    }
    .double-win-video-container {
        height: 290px;
    }
}
@media screen and (max-width: 500px) {
    .double-win-video-container {
        height: 265px;
    }
    .contact-btn-td {
        width: 25%;
    }
}
@media screen and (max-width: 450px) {
    .double-win-video-title {
        font-size: 20px;
    }
    .double-win-video-container {
        height: 235px;
    }
}
@media screen and (max-width: 400px) {
    .double-win-video-title {
        font-size: 18px;
    }
    .double-win-video-title img {
        width: 17px;
    }
    .double-win-video-container {
        height: 210px;
    }
}

.toptitle {
    display: none;
}

/*2021.07新增2按鈕-考古題連結*/
.oldexam ul {
    width: 100%;
    margin: 3% auto 8%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.oldexam li {
    width: 40%;
    margin: 0 3%;
    padding: 1% 0;
    list-style-type: none;
    background-color: #275fb9;
    box-shadow: 0 8px 0 #1f57b1;
    border-radius: 15px;
    font-size: 2em;
    line-height: 1.5em;
}
.oldexam li:hover {
    background-color: #2768d3;
}
.oldexam li a {
    display: block;
    color: #fff;
    text-align: center;
}

.oldexam li a:hover {
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .oldexam li {
        font-size: 1.5em;
        line-height: 1.4em;
    }
}
@media screen and (max-width: 450px) {
    .oldexam ul {
        margin: 3% auto;
    }
    .oldexam li {
        width: 85%;
        margin: 0 auto 30px;
        padding: 3% 0;
        box-shadow: 0 4px 0 #1f57b1;
    }
}
@media screen and (max-width: 991px) {
    .oldexam ul {
        margin: 0% auto 12%;
    }
}