@media (max-width:767px){
    .discount{font-size: 1.7rem;margin: .6rem 2rem;}
    .q_img figure{width: 92%;margin:1rem auto;}
    .q_img figure:not(:nth-child(1)){margin: 0 0 1rem;}
    #event_booklist header h2, #event_media header h2, #event_course header h2, #event_class header h2{
        background-size: contain;border-radius: 20px 0 20px 0;
    }
    .q_info dl{margin: 0 1rem;padding: 1rem;}
    .book_contents ul li:nth-child(1){width: 97%;padding: 0 0 0 .3rem;}
    @media screen and (max-width:320px){.book_contents ul li:nth-child(1){width: 95%;}}
}

:root{
    --purple1:#644B8A;
    --purple1_2:#8d6ac2;
    --purple2:#fff1fe;
    --pink1:#E28BA7;
    --pink2:#E26467;
    --pink3:#ec628e;
}

/*舊版IE專用修復縮放不正常檢視用*/
@media all and (min-width: 1px) and (max-width: 1200px){
/* 隱藏區塊 */
#BodyHeader {display:none;}
#event_news {display:none;}
/* 隱藏區塊 */

/*body*/
body{margin:0;padding:0;font-family:"Microsoft JhengHei";background-image:url(../images/0407046_bg.gif)}
#BodyContainer{width:100%;margin-right:auto;margin-left:auto}

/* Event_heaader */
#BodyHeader_m{text-align:center;height:auto;margin:2% auto 1%}
#BodyHeader_m img{clear:both;height:auto;max-width:100%}
/* Event css */
#event{width:100%;float:left;padding:0;margin:0;background-color:#FFF;font-family:"Microsoft JhengHei"}
/* 主圖 */
#event_master{width:100%;float:left;margin:0;padding:0}
#event_master img{width:100%}/* 主圖 end */

/*書單*/
#event_booklist{width:100%;float:left;padding:0;margin:0}
#event_booklist header{width:100%;padding:0;margin:0}
#event_booklist header h1{background-color:#DD4B34;border-radius:20px 0 20px 0;width:86%;color:#FFF;margin:3% 2% 0;font-size:1.5em;line-height:1.4em;padding:2% 5%;font-weight:400}
#event_booklist header strong{color:#FF0}
#event_booklist header img{width:100%}
.type ul{margin-left:0%;}
.type ul li:nth-child(1){margin-left:-2rem;font-size:18px;color:#d5272e;line-height:1.3em;font-weight:700;margin-top:1%;font-family:"Microsoft JhengHei";list-style: none;}
#event_booklist .media{margin:2% 0 0 2%;font-size:1em;font-weight:700;color:#02416b;line-height:1.65em;padding:0}
#event_booklist .media a{color:#02416b}
#event_booklist table{width:96%;padding:0;margin:0 2%;font-size:.9em;line-height:1.55em;text-align: center}
#event_booklist table th{color:#FFF;background-color:#999;font-weight:700}
#event_booklist table td{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d3d3d3}
#event_booklist table p{padding:0;margin:0 0 0 1%;text-align: left}
#event_booklist table .red{font-weight:700;color:#d5272e;font-family:Arial,Helvetica,sans-serif}
#event_booklist table .red1{font-weight:700;color:#d5272e}
#event_booklist table .ps{color:#666;font-size:13px}
#event_booklist .buybtn{width:100%;font-size:1.1em;line-height:1.5em;font-weight:400;text-align:center;padding:0;margin:4% 0 10%}
#event_booklist .buybtn img{color:#0194c2;margin-right:1%;width:auto}
#event_booklist .book_note{width:98%;padding:0;margin:1% 2% 0;font-size:.8em;color:#666;line-height:1.5em}
#event_booklist .book_note p{padding:0;margin:0}
#event_booklist .book_note ol{width:95%;padding:0;margin:0 0 0 5%}
#event_booklist .book_note a{color:#666;font-weight:700}
.book_contents{width:100%;padding:0;margin:0;font-size:1rem;line-height:1.55em;color:#000}
.book_contents ul {
    float: none;
    width: 97%;
    margin: 0 0 0 3%;
    padding: 0;
}
.book_contents ul li {
    float: left;
    width: 48%;
    list-style: none;
    margin: 0 0 0 2%;
    padding: 1% 0 0;font-size: 18px;
}
caption{font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.8rem;
    font-family: "Microsoft YaHei";text-align: left;margin-top: 2%}
caption img {
    width: auto;
} 
/*#event_booklist{width:100%;float:left;padding:0;margin:0}
#event_booklist header{width:100%;padding:0;margin:0}
#event_booklist header h1{background-color:#DD4B34;border-radius:20px 0 20px 0;width:86%;color:#FFF;margin:3% 2% 0;font-size:1.5em;line-height:1.4em;padding:2% 5%;font-weight:400}
#event_booklist header strong{color:#FF0}
#event_booklist header img{width:100%}
.type{margin: 0 5%;}
.type ul{margin-left:0%;}
.type ul li:nth-child(1){margin-left:-2rem;font-size:18px;color:#d5272e;line-height:1.3em;font-weight:700;margin-top:1%;font-family:"Microsoft JhengHei";list-style: none;}
#event_booklist .media{margin:2% 0 0 2%;font-size:1em;font-weight:700;color:#02416b;line-height:1.65em;padding:0}
#event_booklist .media a{color:#02416b}
#event_booklist table{width:96%;padding:0;margin:0 2%;font-size:.9em;line-height:1.55em;text-align: center}
#event_booklist table th{color:#FFF;background-color:#999;font-weight:700}
#event_booklist table td{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d3d3d3}
#event_booklist table p{padding:0;margin:0 0 0 1%;text-align: left}
#event_booklist table a{color:#0194c2;text-decoration:none}
#event_booklist table .red{font-weight:700;color:#d5272e;font-family:Arial,Helvetica,sans-serif}
#event_booklist table .red1{font-weight:700;color:#d5272e}
#event_booklist table .ps{color:#666;font-size:13px}
#event_booklist .buybtn{width:100%;font-size:1.1em;line-height:1.5em;font-weight:400;text-align:center;padding:0;margin:4% 0 10%}
#event_booklist .buybtn img{color:#0194c2;margin-right:1%;width:auto}
#event_booklist .buybtn a{color:#0194c2}
#event_booklist .book_note{width:98%;padding:0;margin:1% 2% 0;font-size:.8em;color:#666;line-height:1.5em}
#event_booklist .book_note p{padding:0;margin:0}
#event_booklist .book_note ol{width:95%;padding:0;margin:0 0 0 5%}
#event_booklist .book_note a{color:#666;font-weight:700}
.book_contents{width:100%;padding:0;margin:0;font-size:15px;line-height:1.55em;color:#000}
.book_contents ul {
    float: left;
    width: 97%;
    margin: 0 0 0 3%;
    padding: 0;
}
.book_contents ul li {
    float: left;
    width: 48%;
    list-style: none;
    margin: 0 0 0 2%;
    padding: 1% 0 0;font-size: 18px;
}
.book_contents ul li:nth-of-type(1) {
    width: 100%;
    float: left;
    font-weight: 700;
    color: #863e9e;
    border-left: 5px solid #863e9e;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 3% 0 0;
    padding: 0 0 0 1%;
}*/
/*.book_contents ul li:nth-of-type(2):before {
    content: "▶ ";
} */
/*加購區*/
#event_purchase{width:96%;float:left;margin:0;padding:0 2%}
#event_purchase header{width:100%;padding:0;margin:0}
#event_purchase header img{width:auto}
#event_purchase header h2{font-size:1.4em;font-weight:700;line-height:1.45em;padding:0;width:100%;margin:0}
#event_purchase .red{color:#d5272e}
#event_purchase p{margin:0;padding:0}
#event_purchase .sale{margin-top:2%;margin-left:1%}
#event_purchase .number{font-size:1.25em;line-height:1.5em;color:#d5272e;font-weight:700;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#000}
#event_purchase .ts{font-size:.8em;line-height:1.5em;font-weight:400}
#event_purchase table{width:100%;padding:0;margin:0;font-size:.9em;line-height:1.55em;color:#000;text-align: center}
#event_purchase table th{color:#FFF;background-color:#999;font-weight:700}
#event_purchase table td{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d3d3d3}
#event_purchase table .title{color:#29A5CB;font-size:1.1em;font-weight:700;text-align: left}
#event_purchase table p{padding:0;margin:0 0 0 1%;text-align: left}
#event_purchase table a{color:#000;text-decoration:none}
#event_purchase .buybtn{width:100%;font-size:1.1em;line-height:1.5em;font-weight:400;text-align:center;padding:0;margin:4% 0}
#event_purchase .buybtn img{color:#0194c2;margin-right:1%;width:auto}
#event_purchase .buybtn a{color:#0194c2}
/*經驗談*/
#event_media{width:96%;float:left;margin:0;padding:6% 2% 0}
#event_media header{width:100%;padding:0;margin:0}
#event_media header h2,#event_angle header h2,#event_course header h2,#event_class header h2{border-radius:20px 0 20px 0;width:90%;color:#FFF;margin:3% 0 0;font-size:1.5em;line-height:1.4em;padding:2% 5%;font-weight:400}
#event_media header strong{color:#FF0}
#event_media header img{width:auto}
#event_media img{width:auto;margin-right:1%}
#event_media ul{width:100%;padding:0;margin:1% 0 3%;list-style-type:none}
#event_media ul li{font-size:1em;line-height:1.5em;margin-bottom:4%}
#event_media .rank{font-size:1.25em;line-height:1.7em;color:#d5272e;font-weight:700;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#000}
#event_media .name{font-size:1.1em;line-height:1.7em;color:#000;font-weight:700;margin-top:5px}
#event_media p{margin:0;padding:0}
#event_media ul strong{color:#036}

/*微課*/
#event_course{width:96%;float:left;margin:0 0 4%;padding:0 2%}
#event_course header{width:100%;padding:0;margin:0}
#event_course .ps a{font-size:13px;color:#666;font-weight:700}
#event_course li {
        /*font-size: 20px;*/
    width: 48%;
    text-align: left;
    display: inline-block;
        color: #333;
    line-height: 2rem;
}
#event_course li a{
        color: #333;
    padding-left: 1%;
}
#event_course .book_note{width:89%;padding:0;margin:.5% 5% 0 6%;font-size:13px;color:#666}
.flashsale ul{margin-left: 0;list-style: none;display:flex}
.flashsale li{width: calc(100%/2 - 4px);}
    
/*課程*/
#event_class{width:96%;float:left;margin:0;padding:0 2%}
#event_class header{width:100%;padding:0;margin:0}
#event_class header strong{color:#FF0}
#event_class img{width:7%}
#event_class ul{width:100%;padding:0;list-style-type:none;margin:1% 0 5%}
#event_class ul li{font-size:1.1em;line-height:1.7em;color:#333;font-weight:400}

/* 注意事項 */
#event_note{width:100%;float:left;text-align:left;margin:0;padding:5% 0}
#event_note p{font-size:.8em;line-height:1.5em;color:#666;padding:0;margin:0 2% 0 5%}

/* Footer */
#BodyFooter_rwd{float:left;width:100%;padding:0;color:#000;margin:0 auto}
#BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#000;margin:1% auto 1% 5%}
#BodyFooter_rwd #footer_inline a{color:#000}
#BodyFooter_rwd #footer_inline ul{float:left;padding:0;width:100%;margin-bottom:1%;text-align:center}
#BodyFooter_rwd #footer_inline ul li{float:left;display:inline-block;line-height:1.5em;font-size:1.2em;clear:both;width:100%;margin-right:auto;margin-bottom:0}
#BodyFooter_rwd #footer_inline ul li img{width:35%;height:auto;vertical-align:middle;margin-bottom:2%}
#BodyFooter_rwd #footer_address{margin-top:0;float:left;width:100%;text-align:center;margin-right:auto;margin-left:auto}
#BodyFooter_rwd #footer_address a{color:#000}
#BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;margin-bottom:1%;width:100%;clear:both}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:1.5em;text-align:center;font-size:.8em}
#footer_address br{display:none}
#footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%;max-width: 100%;}
/* Footer end */

/* top */
#topbutton{
    display: block;
    width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000;opacity:.4;right:1%;
    bottom:3%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index: 999;
    transition: 1.5s ease-in-out;
}
#topbutton a{color:#FFF;font-size:15px}

}