:root{
    --purple1:#644B8A;
    --purple1_2:#8d6ac2;
    --purple2:#fff1fe;
    --pink1:#E28BA7;
    --pink2:#E26467;
    --pink3:#ec628e;
    --orange1: #EC4F2A;
    --orange1_2: #fc8050;
    --orange2: #feede9;
}

.discount{text-align: center;font-size: 2rem;margin: 1rem auto;font-weight: 700;}
.discount span,.info span{color: var(--orange1);font-weight: bold;}
.info{padding: 0 5% 0;font-size: 1.2rem;text-indent: 2em;text-align: justify;}
.q_img{display: flex;text-align: center;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.examq_title{font-size:1.6rem;font-weight: bold;margin:.5rem 0;color: var(--purple1_2);}
.q_img figcaption{font-weight: bold;color: var(--purple1_2);margin-bottom: 0.5rem;font-size: 1.2rem;}
.q_img figure{width:calc(100%/2 - 10px);margin:1rem 0;}
.q_img figure img{max-width: 100%;}
.q_info{text-align: center;margin-bottom: 1rem;font-size: 1.2rem;}
.q_info dl{display: inline-block;border-radius:20px;text-align: left;padding:.5rem 3.5rem;background: var(--orange2);}
.q_info dt{font-size: 1.3rem;font-weight: bold;color: var(--orange1);}
.q_info dd{margin: auto;}

#event_booklist table p{padding:0;margin:0 0 0 1%;text-align: left}
#event_booklist table a{color:var(--purple1);text-decoration:none}
#event_booklist table .red{font-weight:700;color:#d5272e;font-family:Arial,Helvetica,sans-serif;font-size:18px}
#event_booklist table .red1{font-weight:700;color:#d5272e}
#event_booklist table .ps{color:#666;font-size:13px}
#event_booklist header h2,#event_media header h2,#event_course header h2,#event_class header h2{
    background-color:var(--orange1);background:linear-gradient(-70deg,transparent 20px,var(--orange1) 0) right,linear-gradient(110deg,transparent 20px,var(--orange1) 0) left;
    background-size:60% 100%;background-repeat:no-repeat;font-family:"Microsoft JhengHei";width:83%;color:#FFF;margin:3% 5% 0;font-size:1.7em;line-height:1.4em;padding:3px 3% 3px 4%;
}
#event_booklist .buybtn a{color:var(--orange1);}
#event_media p{margin:0;padding:0}
#event_media ul a,.book_contents ul li  a{color:var(--purple1_2);font-weight:700}
#event_media ul strong{color:#036}
#event_class a{color:var(--purple1);}

/*試題]*/
#event_examq{
    display: flex;flex-wrap: wrap;
    justify-content: center;align-items: center;
    width:96%;padding:0;margin:0 auto 1.5rem;
    border:solid 2px var(--orange1);border-radius:12px;
}

.book_contents ul li:nth-child(1){
    width: 100%;font-size: 1.3rem;color: var(--orange1);font-weight: bold;padding: 0.3rem;border-left:solid 6px;margin:.5rem auto 0;
}

.other ul {
    width: 90%;
    padding: 0 1%;
    margin: 2% 5% 5%;
    list-style-type: none;
    display: flex;
}
.other li {
    width: 100%;
    text-align: left;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--orange1);
}
.other li a {
    color: #333;
    padding-left: 1%;
}

@media all and (min-width: 1201px){
    /* css reset 歸0 */
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0}
    blockquote,q{quotes:none;}
    blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

    /* remember to define focus styles! */
    :focus {outline: 0;}

    /* remember to highlight inserts somehow! */
    ins {text-decoration: none;}
    del {text-decoration: line-through;}
    /* css reset 歸0 end */

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

    /* bodyHeader */
    #BodyHeader #header-share{line-height:2;font-size:13px;color:#000}
    #BodyHeader #header-share a{font-size:13px;color:#000;text-decoration:underline}
    #BodyHeader_m{display:none}
    #BodyContentEvent{width:850px;float:left}

    /* Event css */
    #event{width:100%;float:left;margin-right:auto;margin-left:auto;padding:0;background-color:#FFF}
    #event a:hover{text-decoration:none;left:1px;top:1px;position:relative}


    /* event主圖 */
    #event_master{width:100%;float:left;margin:0;padding:0}
    #event_master img{width:100%;height:auto}

        
    /*書單*/
    #event_booklist{width:100%;float:left;padding:0;margin:0 0 1%}
    #event_booklist header{width:100%;padding:0;margin:0}
    #event_booklist header h1{background-color:#DD4B34;background:linear-gradient(-70deg,transparent 20px,#DD4B34 0) right,linear-gradient(110deg,transparent 20px,#DD4B34 0) left;background-size:60% 100%;background-repeat:no-repeat;font-family:"Microsoft JhengHei";width:83%;color:#FFF;margin:3% 5% 0;font-size:1.7em;line-height:1.4em;padding:3px 3% 3px 4%}
    #event_booklist header strong{color:#FF0}
    #event_booklist header img{width:100%}
    #event_booklist .media{margin-left:5.5%;font-size:16px;font-weight:700;color:#02416b;line-height:1.65em;margin-top:1%}
    #event_booklist .media a{color:#02416b}
    #event_booklist table{width:90%;padding:0;margin:0 5%;font-size:15px;line-height:1.55em;text-align: center}
    #event_booklist table th{color:var(--orange2);background-color:var(--orange1_2);font-weight:700}
    #event_booklist table td{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d3d3d3}
    #event_booklist .buybtn{width:100%;font-size:22px;line-height:1.5em;font-weight:700;font-family:"Microsoft JhengHei";text-align:center;padding:0;margin:3.5% 0 3%}
    #event_booklist .buybtn img{margin-right:1%}
    #event_booklist .book_note{width:89%;padding:0;margin:.5% 5% 0 6%;font-size:13px;color:#666}
    #event_booklist .book_note ol{width:90%;margin:0 0 0 2%;padding:0}
    #event_booklist .book_note a{color:#666;font-weight:700}
    #event_booklist .ts{font-size:13px;line-height:1.5em;font-weight:400}
    .text_line_through{text-decoration: line-through;display: block;}
    caption{ font-size: 1.3rem;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 0 1%}
    #event_booklist header{width:100%;padding:0;margin:0}
    #event_booklist header h1{background-color:#DD4B34;background:linear-gradient(-70deg,transparent 20px,#DD4B34 0) right,linear-gradient(110deg,transparent 20px,#DD4B34 0) left;background-size:60% 100%;background-repeat:no-repeat;font-family:"Microsoft JhengHei";width:83%;color:#FFF;margin:3% 5% 0;font-size:1.7em;line-height:1.4em;padding:3px 3% 3px 4%}
    #event_booklist header strong{color:#FF0}
    #event_booklist header img{width:100%}
    .type{margin: 0 5%;}
    .type ul{margin-left:5%;display: flex;flex-wrap: wrap;justify-content: space-around;}
    .type ul li{width: 48%;font-size: 1rem;line-height: 1.8;}
    .type ul li:nth-child(1){margin-left:-2rem;font-size:1.3em;color:#d5272e;line-height:1.3em;font-weight:700;margin-top:1%;font-family:"Microsoft JhengHei";list-style: none;width: 100%;}    
    .books, .books th, .books td {border-collapse: collapse;text-align: center}
    .books td:nth-child(4){color: red}
    .books p{text-align: left}
    caption{margin-left:-2rem;font-size:1.3em;color:#d5272e;line-height:1.3em;font-weight:700;margin-top:1%;font-family:"Microsoft JhengHei";list-style: none;width: 100%;}
    #event_booklist .media{margin-left:5.5%;font-size:16px;font-weight:700;color:#02416b;line-height:1.65em;margin-top:1%}
    #event_booklist .media a{color:#02416b}
    #event_booklist table{width:90%;padding:0;margin:0 5%;font-size:15px;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;font-size:18px}
    #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:22px;line-height:1.5em;font-weight:700;font-family:"Microsoft JhengHei";text-align:center;padding:0;margin:3.5% 0 3%}
    #event_booklist .buybtn img{color:#0194c2;margin-right:1%}
    #event_booklist .buybtn a{color:#0194c2}
    #event_booklist .book_note{width:89%;padding:0;margin:.5% 5% 0 6%;font-size:13px;color:#666}
    #event_booklist .book_note ol{width:90%;margin:0 0 0 2%;padding:0}
    #event_booklist .book_note a{color:#666;font-weight:700}
    #event_booklist .ts{font-size:13px;line-height:1.5em;font-weight:400}
    #event_booklist p.number{font-family:"Microsoft JhengHei";font-size:18px;color:#d5272e;font-weight:700;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#000} */

    /*加購區*/
    #event_purchase{width:100%;float: left; margin: 0 auto 2%;padding: 0;}
    /*#event_purchase header{width:100%;padding:0;margin:0}
    #event_purchase header img{width:auto}
    #event_purchase header h2{font-size:28px;font-weight:700;line-height:1.45em;font-family:"Microsoft YaHei";font-size: 700;}
    #event_purchase .red{color:#d5272e}
    #event_purchase p{margin:0;padding:0;text-align:left}
    #event_purchase .sale{line-height:1.5em;margin:1.5% 0 .5% 1%}
    #event_purchase .buybtn{width:100%;font-size:22px;line-height:1.5em;font-weight:700;font-family:"Microsoft JhengHei";text-align:center;padding:0;margin:3.5% 0 3%}
    #event_purchase .buybtn img{color:#0194c2;margin-right:1%}
    #event_purchase .buybtn a{color:#0194c2}*/
    .series{display: flex; justify-content: center;padding: 0.6rem 0 0}
    .series div{margin: .5%;display: inline-block;background: #ffffff;padding: 0.4rem 0.9rem;border-radius: 50rem;}
    .series div a{color: #ec4f2a;font-size: 1.2em;text-decoration: none;}
    .series div a:hover{color: #ec4f2a;border-bottom: 0}
    .more{padding: 2%;        background: linear-gradient(170deg, #ec4f2a 61%, #f5a594 100%)}
    .more h3 {font-size: 1.7em;color: #ffffff;;text-align: center;}


    .book_contents{width:100%;padding:0;margin:0;font-size:15px;line-height:1.55em;color:#000}
    .book_contents ul{float:left;width:95%;margin:0 0 0 5%;padding:0}
    .book_contents ul li{float:left;width:30%;list-style:none;margin:0 0 0 2%;padding:1% 0 0;font-size:18px}
    /*.book_contents ul li:nth-of-type(2):before {
        content: "▶ ";
    } */
        
    /*百元*/
    .flashsale{margin:2% auto;line-height: 1.9em;}
    .flashsale a{color: #d1010c;}
    .flashsale ul{width:50%;margin-left:25%}
    .flashsale li{width:calc(100%/2 - 4px);display:inline-block;color:#520731;line-height:2rem;font-size:1.5rem}
        
    /*經驗談*/
    #event_media{width:100%;float:left;margin:0;padding:0}
    #event_media header{width:100%;padding:0;margin:0}
    #event_media header h2,#event_course header h2,#event_class header h2,.flashsale h3{
        background-color:#DD4B34;background:linear-gradient(-70deg,transparent 20px,var(--purple1) 0) right,linear-gradient(110deg,transparent 20px,var(--purple1) 0) left;
        background-size:60% 90%;background-repeat:no-repeat;font-family:"Microsoft JhengHei";width:83%;color:#FFF;margin:3% 5% 0;
        font-size:1.7em;line-height:1.4em;padding:3px 3% 3px 4%
    }
    #event_media header strong{color:#FF0}
    #event_media header img{width:auto}
    #event_media img{width:auto;margin-right:1%}
    #event_media ul{width:90%;padding:0;margin:1% 5% 2%;list-style-type:none;float:left;font-family:"微軟正黑體"}
    #event_media ul li{font-size:15px;line-height:1.6em;margin:1% 0 2%}
    #event_media .rank{font-size:22px;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:18px;line-height:1.7em;color:#000;font-weight:700}

    /*微課*/
    #event_course{width:100%;float:left;padding:0;margin:0 0 3%}
    #event_course header{width:100%;padding:0;margin:0}
    #event_course .ps a{font-size:13px;color:#666;font-weight:700;display:inline-block}
    #event_course ul {
        width: 90%;
        padding: 0 1%;
        margin: 2% 5% 1%;
        list-style-type: none;
    }
    #event_course li {
        width: 24%;
        text-align: left;
        display: inline-block;
        font-size: 1.1em;
        line-height: 1.8em;
        font-weight: 700;
        color: #0194c2;;
    }
    #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}

    /*課程*/
    #event_class{font-family:"Microsoft JhengHei";width:100%;float:left;margin:0;padding:0}
    #event_class header{width:100%;padding:0;margin:0}
    #event_class header strong{color:#FF0}
    #event_class header img{width:auto}
    #event_class ul{width:90%;padding:0;margin:1% 5% 5%;list-style-type:none}
    #event_class ul li{font-size:1.3em;line-height:1.8em;color:#333;font-weight:700}

    /* 注意事項 */
    #event_note{width:100%;float:left;text-align:left;padding:3% 0 4%;background-color:#FFF;margin:0}
    #event_note p{font-size:13px;line-height:1.45em;color:#666;margin-left:20%}

    /* news */
    #event_news{width:100%;float:left;padding:2% 0 3%;background-color:#FFF;margin:0}
    #event_news .NewsStyle_title{font-size:15px;line-height:1.3em}
    #event_news .NewsStyle{font-size:13px;color:#585858;text-align:left;line-height:16px;font-family:Verdana,Arial,Helvetica,sans-serif}
    #event_news .NewsStyle a:link{font-size:13px;color:#585858;line-height:16px;font-family:Verdana,Arial,Helvetica,sans-serif}
    #event_news .NewsStyle a:visited{font-size:13px;color:#585858;line-height:16px;font-family:Verdana,Arial,Helvetica,sans-serif}
    #event_news .NewsStyle a:hover{font-size:13px;text-decoration:underline;color:#F60;line-height:16px;font-family:Verdana,Arial,Helvetica,sans-serif}
    #event_news .NewsStyle a:active{font-size:13px;color:#585858;line-height:16px;font-family:Verdana,Arial,Helvetica,sans-serif}
    /* news end*/

    /* Footer */
    #BodyFooter_rwd{float:left;width:850px;margin-left:auto;margin-right:auto;color:#000}
    #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:2% 5%}
    #BodyFooter_rwd #footer_inline a{color:#000}
    #BodyFooter_rwd #footer_inline ul{float:left;width:100%;margin-bottom:0;margin-top:3%}
    #BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;width:100%;margin-right:1%;margin-bottom:0}
    #BodyFooter_rwd #footer_inline ul li img{width:20%;height:auto;vertical-align:middle}
    #BodyFooter_rwd #footer_address{margin-top:0;float:left;width:100%;margin-right:auto;text-align:center;margin-left:auto}
    #BodyFooter_rwd #footer_address a{color:#000}
    #BodyFooter_rwd #footer_address ul{float:left;text-align:center;margin-bottom:1%;width:100%;clear:both}
    #BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
    /* Footer end */

    /* 舊版IE */
    #noie{background-color:#FFF;width:100%;text-align:center}
    /* 舊版IE end */

    /* top */
    #topbutton{display:none;}
}