@media only screen and (min-width:1580px) and (max-width: 1700px) {
    #divCouseInfo_Title {
        font-size: 1.3rem;
        text-align: left;
        line-height: 2.8rem;
        font-weight: 700;
        width: 85%;
    }
}

@media only screen and (min-width:1380px) and (max-width: 1579px) {
    #divCouseInfo_Title {
        font-size: 1.3rem;
        text-align: left;
        line-height: 2.8rem;
        font-weight: 700;
        width: 85%;
    }
    .td_Content {
        font-size: 1.5rem;
    }
    #divCouseInfo_Left {
        min-width: 35%;
        width: 40%;
        text-align: right;
    }
}

@media only screen and (max-width: 1379px) {
    #divCouseInfo {
        /*flex-direction: column;
        -ms-flex-direction: column;
        flex-wrap: wrap;*/
        padding: 5% 0% 5% 0;
    }
    #divCouseInfo_Left {
        width: 50%;
        text-align: right;
        padding: 0 5%;
    }
    #divCouseInfo_Right {
        max-width: 28%;
        min-width: 550px;
        text-align: left;
    }
    #divCouseInfo_Title {
        font-size: 1.3rem;
        text-align: left;
        line-height: 2.8rem;
        font-weight: 700;
        width: 85%;
    }
}

@media only screen and (min-width:1025px) and (max-width: 1305px) {
    #divCouseInfo {
        /*flex-direction: column;
        -ms-flex-direction: column;
        flex-wrap: wrap;*/
        padding: 5% 0% 5% 0;
    }
    #divCouseInfo_Left {
        width: 50%;
        text-align: right;
        padding: 0 3%;
    }
    #divCouseInfo_Title {
        font-size: 1.2rem;
        text-align: left;
        line-height: 2.8rem;
        font-weight: 700;
        width: 85%;
    }
    .td_Title {
        width: 30%;
    }
    .td_Title img {
        width: 100%;
    }
    .td_Content {
        text-align: left;
        padding-left: 10px;
        font-size: 1.3rem;
        font-weight: bold;
    }
    .divSing {
        width: 100%;
    }
}


/* @media only screen and (min-width:768px) and (max-width: 1024px) { */

@media only screen and (max-width: 1024px) {
    #pic_G_LOGO {
        width: 160px;
        position: absolute;
        left: 5%;
        top: 5%;
    }
    #pic_MainBanner {
        width: 80%;
        margin: 0 auto;
    }
    #divBanner_Title {
        display: none;
    }
    #divBanner_Title_m {
        display: block;
        color: #fff;
        letter-spacing: 1px;
        font-size: 1.2rem;
        margin-top: 10px;
        margin-bottom: 35px;
    }
    .btnLink,
    .btnLink2 {
        font-weight: bold;
        font-size: 1.2rem;
        padding: 15px 20px 10px 20px;
        border-width: 2px 2px 0 2px;
        margin: 0 5px;
    }
    #divCouseInfo {
        text-align: center;
        flex-direction: column;
        -ms-flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        -ms-flex-pack: center;
        padding: 5% 5%;
    }
    #divCouseInfo_Left {
        width: 100%;
        text-align: right;
    }
    #divCouseInfo_Right {
        max-width: 70%;
        width: 100%;
        margin: 0 auto;
        margin-top: 8%;
    }
    #divCouseInfo_Table {
        width: 90%;
        border-collapse: separate;
        border-spacing: 5px 15px;
        margin-top: 20px;
    }
    #divCouseInfo_Title {
        font-size: 1.5rem;
    }
    #divActContent_Pic_Gift {
        width: 60%;
        margin: 0px auto 15px auto;
    }
    #divActFlow_Table_Flow {
        margin: 30px auto;
        max-width: 90%;
    }
    .divActFlow_Flow_TXT {
        width: 200px;
        font-size: 1.2rem;
        font-weight: 500;
    }
    .divActContent_Content,
    .divActFlow_Content {
        font-size: 1.3rem;
    }
    #divActRemark_Section_Info {
        width: 86%;
        font-size: 1.0rem;
    }
    #divCopyRight {
        text-align: center;
        padding: 2% 0% 2% 0;
        margin-top: -1px;
    }
    #fixPic {
        position: fixed;
        top: 7%;
        right: 10px;
        max-width: 45px;
        z-index: 1000;
        cursor: pointer;
    }
}

@media only screen and (min-width:301px) and (max-width: 767px) {
    #BtnList {
        display: none;
    }
    #fixPic {
        display: none;
    }
    #divBanner {
        width: 100%;
        padding: 40px 0 40px 0;
    }
    #div_Menu_m {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        padding: 7px;
        background: #E94C2A;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.46);
        -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.46);
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.46);
        z-index: 1500;
    }
    #pic_G_LOGO_m {
        width: 32%;
        margin: 0 auto;
    }
    #div_Menu_Btn_m {
        position: absolute;
        top: 0%;
        right: 2%;
        width: 7%;
        height: 100%;
        padding: 2% 0;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    .divMenu_hr_m {
        background: #fff;
        border: none;
        height: 3px;
        width: 100%;
        /*margin: 0px auto;*/
    }
    #pic_G_LOGO {
        display: none;
    }
    #pic_MainBanner {
        display: none;
    }
    #pic_MainBanner_m {
        display: block;
        width: 100%;
    }
    #divBanner_Title_m {
        display: none;
    }
    #divBanner_Title_m2 {
        display: block;
        color: #fff;
        font-size: 1.1rem;
        font-weight: bold;
        margin-top: 20px;
    }
    #divCouseInfo {
        overflow: hidden;
        width: 100%;
        padding: 12% 7%;
    }
    #divCouseInfo_Right {
        max-width: 100%;
        min-width: 0px;
        text-align: left;
    }
    #divSignOnline_Pic_rocket {
        width: 30%;
        position: absolute;
        right: -9%;
        top: -6%;
    }
    #divSignOnline {
        width: 100%;
        text-align: left;
        padding: 8% 10% 0% 10%;
    }
    #divCouseInfo_Left {
        padding: 0 1%;
    }
    #divCouseInfo_Title {
        padding-left: 0%;
        width: 95%;
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
    #divCouseInfo_Table {
        padding-left: 0%;
        width: 100%;
        border-collapse: separate;
        border-spacing: 0px 6px;
        margin-top: 0px;
    }
    .td_Title {
        width: 30%;
    }
    .td_Title img {
        width: 100%;
    }
    .td_Content {
        padding-left: 10px;
        font-size: 1.2rem;
        font-weight: bold;
        height: 3.5rem;
    }
    .SingForm,
    .SingFormTXT,
    .SingFormTXT2 {
        font-weight: 300;
        padding-left: 15px;
        font-size: 1.0rem;
    }
    .girInfo-lab,
    .girInfo-lab2 {
        padding: 0px 0px 2px 0px;
        font-size: 1rem;
    }
    #girSchInfo {
        line-height: 1.5rem;
        width: 90%;
        margin: 0 auto;
    }
    #divSignOnline_RemarkInfo {
        font-size: 1.1rem;
        margin-top: 1.5rem;
    }
    #divActFlow {
        /*display: none;*/
        padding: 12% 0%;
        font-size: 1.2rem;
        width: 100%;
        overflow: hidden;
    }
    .divActContent_Title,
    .divActFlow_Title {
        font-size: 2.0rem;
    }
    #divActFlow_Title2,
    #divActContent_Title1,
    #divActContent_Title2 {
        margin-bottom: 15px;
    }
    #divActFlow_Table_Flow {
        margin: 30px auto;
        max-width: 100%;
        overflow: hidden;
        border-spacing: 15px 20px;
    }
    #divActFlow_Table_Flow td {
        min-width: 0px;
        width: 27vw;
        vertical-align: top;
    }
    #tr_Flow_TXT td {
        text-align: left;
    }
    .divActFlow_Flow_Round {
        width: 27vw;
        height: 27vw;
        line-height: 27vw;
        font-size: 1.1rem;
    }
    .divActFlow_Flow_TXT {
        width: 27vw;
        font-size: 1.0rem;
    }
    .divActContent_Content {
        font-size: 1.2rem;
        line-height: 2.7rem;
        display: block;
        width: 86%;
        margin: 0 auto;
    }
    #divActContent_Content {
        text-align: left;
    }
    .divActFlow_Content {
        font-size: 1.2rem;
        line-height: 2.7rem;
        display: block;
        width: 83%;
        margin: 0 auto;
        text-align: left;
    }
    #divActContent {
        /*display: none;*/
        overflow: hidden;
        width: 100%;
        padding: 12% 7%;
    }
    #divActContent_Pic_Gift {
        width: 100%;
        margin: 20px auto;
    }
    #divActContent_Section_Gift {
        padding: 5px 5px;
        margin: 10px 0 0px 0;
    }
    #divActContent_Table_Gift {
        font-size: 1.1rem;
        margin: 0px auto;
        min-width: 40%;
        font-family: "Noto Sans TC", "微軟正黑體";
        color: #007DC9;
        font-weight: bold;
        border-collapse: collapse;
    }
    #divActContent_Table_Gift td {
        padding: 5px 5px;
        text-align: center;
        width: 1%;
    }
    #divActRemark {
        padding: 10% 3%;
        font-weight: 400;
    }
    #divCopyRight {
        padding: 0% 0% 5% 0%;
        font-size: 0.8rem;
    }
    #div_Menu_Cover {
        z-index: 900;
        opacity: 1;
    }
    #div_Pic {
        display: inline;
    }
    #pic_Close {
        right: 5%;
        top: 15px;
    }
    #pic_Open {
        margin: 0 auto;
        width: 95%;
        height: auto;
    }
    #div_PrivacyInfo {
        width: 85%;
        max-height: 80vh;
        font-size: 1.0rem;
    }
}