.fa{color: #000;font-size:0.8em!important;margin: 0 2% 0 0;}
.text_blue{color: #158AD2!important;}
.text_red{color: #ff0000!important;}
.text_s1{font-size: .8em;}
.text_B1{color: #E53C02;font-weight: bold;font-size: 1.1em;margin: 0 0 2% 0; text-shadow: 2.5px 0 2px #fff,0 2.5px 2px #fff,-2.5px 0 2px #fff,0 -2.5px 2px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;}



#event_coursera .price{
    color: red;
    float: left;
}
#event_coursera .price2{
    color:#f44336;
    float: left;
}
#event_coursera a {
    color:#000;   
}
#event_coursera .red {
    color:red;
    font-weight:bold; 
}
#event_coursera .buybtn{margin: 2% 0;}
.buybtn a{color: white!important;background-color: #F53C97;text-decoration: none;padding: .3% 3%;border-radius:8px;font-size: 1rem;}
#event_book h1, #event_point h1, #event_recommend h1 {
    float: left;
    text-align: center;
    display: contents;
    padding: 0;
    margin: 0 5% 0 0;
    /*color: #8f2686;*/
    color: #0077c0;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.2rem;
    /* text-shadow: 2.5px 0 2px #fff, 0 2.5px 2px #fff, -2.5px 0 2px #fff, 0 -2.5px 2px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff; */
	font-family: "Microsoft YaHei",Verdana;
}
#event_book h1 span{    font-size: .8em;
    padding-left: 2.7rem;}
#event_recommend table{
    width:100%;
    background-color: #ccc;
    margin: 2% 0 0;
}
#event_recommend table th{background-color: #ffb102;padding: 1.5% 0;}
#event_recommend table td{
    background-color: #fff;
    padding: 0.5%;
    text-align: center;
}
#event_recommend table td p{text-align: left;padding: 0;}
#event_recommend .buybtn{text-align: center;margin: 1% 0;}
#event_recommend .buybtn a{text-align:center;background-color:#E53C02;padding:.5% 3%;border-radius:16px;display:inline-block;color:#fff;text-decoration:none;margin:1% 1% 0 0}
#event_recommend h2{width:100%;float:left;padding:2% 0;margin:0;font-size:1.4em}

/*微課*/
#event_coursera{width:71%;float:left;line-height:1.5em;color:#000;font-family:"微軟正黑體";border-radius:12px;border:4px #ff8977 dotted;margin:2% 10%;padding:1.5% 3% 1.5% 4%}
#event_coursera h2{font-size:1.6em;line-height:1.6em;padding:0;margin:0;color:#FF3129;text-align: center;}
#event_coursera p{font-size:.8em;line-height:1.2em;margin:1% 0 0 5%}
#event_coursera ul{width:90%;padding:0;display:inline-block;margin:1% 0 0 5%}
#event_coursera ul li{color:#000;margin:0;padding:0;float:left;width:33%;text-align: left;}
#event_coursera a{color:#000}

@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;/*font-family:"Helvetica","sans-serif";font-family: Verdana,"Microsoft YaHei";*/font-family: 'Noto Sans TC', sans-serif;background-image:url(../images/0310075_bg.gif)}
#BodyContainer{width:850px;margin-right:auto;margin-left:auto}
#BodyContentEvent{width:850px;float:left;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}

    /* Event css */
#event{width:100%;float:left;margin-right:auto;margin-left:auto;padding:0;background-color:#FFF;/*font-family:"microsoft yahei";font-family: Verdana,"Microsoft YaHei";*/}
#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%}

    /*高點勝品*/
#event_book{width:100%;float:left;margin:0;/*background-color:#fffbe2;*/background-color: #fff3ef;padding:2% 0 0;font-family:"Microsoft YaHei";font-family: Verdana,"Microsoft YaHei";}
#event_book .ya_img{width:13%;float:left;margin:0 0 0 4%;padding:0}
#event_book .ya_img img{width:auto;border-radius: 50px;}
#event_book h2{width:48%;float:left;font-weight:700;color:#FF3129;border-left-width:5px;border-left-style:solid;border-left-color:#FF3129;font-size:1.4em;line-height:1.2em;margin:0 0 1%;padding:0 0 0 1%}
#event_book h4{font-weight:700;font-size:1.4rem;line-height:1.2em;padding:2% 0 0 5%;display: block;    color: darkred;}
#event_book h4:nth-of-type(1){margin-top: 1rem;}
#event_book h4 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.2em;
    padding: 0.5% 1.5%;
    display: table;
    color: #000;
    /* background: #F44336; */
    margin-top: 14px;
    margin-left: 13px;
    letter-spacing: 2px;
    /* border-radius: 0 10px; */
    width: 90%;
    background-color: #ffde02;
    background-color: #f74f1526;
    color: #f74f15;
}
/*
#event_book .book_contents {
    font-size: 1em;
    line-height: 1.5em;
    color: #000;
    width: 80%;
    border-radius: 12px;
    padding: 1% 0 0 13%;
    vertical-align: top;
    margin: 0 auto;    
}
*/
#event_book .book_contents {
    font-size: 1em;
    line-height: 1.5em;
    color: #000;
    width: 89%;
    border-radius: 12px;
    padding: 1% 0 0 2%;
    vertical-align: top;
    margin: 0 auto;
    /* background-color: #fffadb; */
}
#event_book .book_contents ul{width:100%;;margin:0 0 1%;padding:0;display: inline-block;}
#event_book .book_contents ul {
    width: 100%;
    margin: 0 0 1%;
    padding: 0 0 4px;
    display: inline-block;
    /*border-bottom: 2px #fff dotted;*/
}
/*#event_book .book_contents ul:nth-of-type(1){margin:0;color:#000}*/
#event_book .book_contents ul li{float:left;font-size:1.07rem;margin:0 2% 0 5%;padding:1% 0 0;font-family: 'Noto Sans TC', sans-serif;}
/*#event_book:nth-of-type(3) .book_contents ul li{width:90%;}*/
#event_book .book_contents a{color:#000}
#event_book .book_contents p{/*font-size:.9rem;line-height:1.2rem;*/margin:1% 0 0 5%;    display: inline-block;}
#event_book .book_contents img{vertical-align: sub;}
ul.w2 li{
    width:calc(100%/2 - 8%);
}
ul.w4 li{
    width:calc(100%/4 - 8%);
}
ul.w3 li{
    width:calc(100%/3 - 8%); 
}
ul.w5 li{
    width:calc(100%/5 - 8%);
}
/*nav{text-align: center;font-size: 1.2rem;margin-top: 2%}  */  
nav {
    text-align: center;
    font-size: 0.95rem;
    margin: 0% auto 1%;
    border: 1px #FF5722 solid;
    border-radius: 50px;
    padding: 2px 7px;
    text-decoration: solid;
    width: 110px;
    background-color: #fff;
}

nav a{text-decoration: none}
nav a i{color: #e53c02;}
.booklist{margin: 2%;}
.books{width: 95%;background: #FFFFFF;margin-bottom: 1%;}
.books th{background: #ff9a02;background: #158ad2;color: #fff;}
  .books, .books th, .books td {/*border: 1px solid #ffde02;*/border-collapse: collapse;text-align: center;padding: 4px 0;border-bottom: 1px #ffde02 dotted;/*border-left: 1px #FFEB3B dotted;*/border-bottom: 1px #f443363d solid;/* border-left: 1px #f99d96 solid;*/}
.books td{font-size: .95rem;}
.books td:last-child{color: red;font-family: Verdana,"Microsoft YaHei";font-weight: bold;}
.books td:nth-child(1){text-align: left;padding-left: 1%;}
.books td:first-child center {
    color: #158ad2;
    font-size: 1.4rem;
    line-height: 2.2rem;
    display: block;
    padding: 0 0 0 7px;
    text-align: left;
}

 #event_coursera {
        width: 78%;
        float: left;
        font-size: 16px;
        line-height: 1.5em;
        color: #000;
        font-family: "微軟正黑體";
        border-radius:12px;
        border: 4px #ff8977 dotted;
        margin: 3% 10% 2% 10%;
        padding: 1.5% 0;
        text-align: center;
    }
#event_coursera header h2 {
        font-size: 1.7em;
        line-height: 1.6em;;
        color: #F53C97;
        font-weight: bold;
    }
    #event_coursera h3 {
        font-size: 1.3em;
        line-height: 1.4em;
        color: #F53C97;    
        font-weight: bold;
        margin-left: 5%;
        text-align: left;
    }    
    #event_coursera table{
        width: 98%;
        border: 1px #fdd79b solid;
        margin: 0 auto;
    }
    #event_coursera table th{
        background: #ffaea1;
    }
    #event_coursera table p{
        text-align:left;
    }
    #event_coursera .more2 {
        text-align:left;
        font-size: 0.8em;
        line-height: 1.2em;
        margin: 1% 0 0 5%;
    }
    #event_coursera .appimg img {
        float: left;
        border-radius: 0px;
        padding: 0% 3% 0% 0%;
    }
#event_coursera td:nth-child(1){text-align: left;padding-left: 1%}    
#event_coursera td:nth-child(4){color: red}

.buycar a {font-size: 1.1rem;color: #fff !important;background: #00BCD4;padding: 5px 18px;border-radius: 50px;text-decoration: none;font-family: Verdana,"Microsoft YaHei";}
.buycar a:hover {background:#e27173;}
    
    /*命中*/
#event_point{width:76%;float:left;margin:0;background-color:#ffb102;padding-right:6%;padding-bottom:2%;padding-left:18%}
#event_point h1 img{width:auto}
#event_point ul{width:88%;float:left;background-color:#FFF;border-radius:12px;text-align:left;margin:2% 0 0;padding:3% 4% 2% 8%}
#event_point ul li{font-size:15px;line-height:1.6em;color:#000;padding:0;margin:0 0 2%}
#event_point ul li .Test{font-size:17px;color:#B533C4;font-weight:700}
#event_point .more{text-align:right;padding:0;width:100%;font-size:.9em;float:right;color:#000;margin:2% 0 0}
#event_point .more a{color:#F53C97;font-weight:700}

    /*加購*/
#event_recommend{width:75%;float:left;margin:0;background-color:#ffde02;padding:3% 5% 2% 20%;line-height:1.6em}
#event_recommend h1 img{width:auto}
#event_recommend a{color:#000}
#event_recommend .more{padding:0;width:100%;font-size:.9em;float:right;color:#000;margin:0}
#event_recommend .more a{color:#F53C97;font-weight:700}
#event_bottomimg{width:100%;float:left;margin:0;padding:0}
#event_bottomimg img{width:100%}

    /*課程連結*/
#event_class{width:76%;float:left;font-size:16px;line-height:1.5em;color:#000;font-family:"微軟正黑體";border-radius:12px;margin:2% 10% 4% 6%;padding:1.5% 4% 1.5% 5%}
#event_class header h2{width:100%;font-size:1.6em;line-height:1.6em;color:#e53c02;margin:0;padding:0}
#event_class p{font-size:1.1em;line-height:1.8em;color:#333}
#event_class a{color:#000;margin-left:1%}

    /* 注意事項 */
#event_note{width:100%;float:left;text-align:left;padding:3% 0 4%;background-color:#fff3ef;margin:0}
#event_note p {font-size: 14px;line-height: 1.7em;color: #333;margin-left: 17.2%;}
    /* news */
#event_news{width:100%;float:left;padding:2% 0 3%;background-color:#FFF;margin:0}
#event_news .NewsStyle_title{font-size:18px;line-height:1.3em}
#event_news .NewsStyle{font-size:15px;color:#000;text-align:left;line-height:22px;font-family:Verdana,Arial,Helvetica,sans-serif}
#event_news .NewsStyle a:link{font-size:15px;color:#000;line-height:22px;font-family:Verdana,Arial,Helvetica,sans-serif}
#event_news .NewsStyle a:visited{font-size:15px;color:#000;line-height:22px;font-family:Verdana,Arial,Helvetica,sans-serif}
#event_news .NewsStyle a:hover{font-size:15px;text-decoration:underline;color:#666;line-height:22px;font-family:Verdana,Arial,Helvetica,sans-serif}
#event_news .NewsStyle a:active{font-size:15px;color:#000;line-height:22px;font-family:Verdana,Arial,Helvetica,sans-serif}
    /* Footer */
#BodyFooter_rwd{float:left;width:850px;margin-left:auto;margin-right:auto;color:#000}
#BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#000}
#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:#333}
#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;}


}