/*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;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}

body{margin:0 auto;font-family:"Microsoft JhengHei",Verdana,Arial;    background-color: #eee8ef;}
#BodyContainer,#BodyContentEvent{margin:0 auto}
a:hover{text-decoration:none;left:1px;top:1px;position:relative}
ul,li{list-style:none}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display: inline-block;max-width: 100%;height: auto;}
article{    background-color: #ffedbd;}
#event{width:100%;margin:0 auto;}

#event_master {
    width: 100%;
    margin: 0 auto;
    display: block;
    z-index: 0;
}
#event_master .logo {color: #f00}
#event_master h1{font-size: 2em;}

.banner img{width:100%;}
/*書封*/
.bookbox{display: flex;background: linear-gradient(to top,#ffeebe 0%,#f08a83 69%,#ed6d86 100%);flex-wrap: wrap;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6e85', endColorstr='#ffedbd',GradientType=0 ); /* IE6-9 */}
.bookcover:nth-child(1){width:55%;}
.bookcover:nth-child(2){width:42%;padding: 8% 3% 0 0;}
.bookcover figure{margin: 10px 20px 0px 0;}
.bookcover > h2{font-size: 2.2em;margin: 9px 0 12px;font-family: Georgia, "Microsoft YaHei", Times, serif;background: linear-gradient(to right,#fff4c9 0%,#ffffff 43%);box-decoration-break: clone;text-shadow: none;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-box-decoration-break: clone;}
.bookcover > h2+p{margin: 0;line-height: 29px;font-size: 1.15em;text-align: justify;}
.bookcover > h2+ p + ul{background-color: #ffe560;padding: 8px 8px 12px 40px;margin: 5px 0 0 0px;}
.bookcover > h2+ p + ul li{font-size: 1.3em;text-align: justify;line-height: 33px;list-style-type: disc;}
.bookcover > h2+ p + ul li:nth-child(1){list-style: none;position: relative;left: -24px;    font-weight: bold;}

.bookcover h3{font-size: 1.1em;background: #c00;color: #fff; display:none}
.bookcover small{display: block;margin: 10px 0 20px;font-size: 1.2em;}
.bookcover small a{display: inline-block;font-size:1.4em;color: #ce0010;}
.bok_img img{ padding:2%;} 
/*加值學習*/
.plus{background-color: #09a399;color: white;line-height: 30px;padding: 10px 20px 12px;margin: 0 2%;border-radius: 8px;text-align: center;position: relative;clear:both;}
.plus:before,.plus:after{content:"";position: absolute;}
.plus:before{right:0;background:url(../images/0806043_arrowright.png)no-repeat;width: 65px;height: 29px;    top: -10px;}
.plus:after{left:0;background:url(../images/0806043_arrowleft.png)no-repeat;width: 57px;height: 24px;}
.plus > h3{color: #ffe145;font-size: 1.7em;border-bottom: solid 1px;}
.plus > h3 +ul{margin: 6px 0 0;display: inline-block;}
.plus > h3 +ul li{display: inline-block;font-size: 1.4em;margin: 0 11px 0;}
.plus > h3 +ul li .fas{    color: #f7de50;}
/*書籍簡介*/
.bookinfo {
    width: 70%;
    padding: 2% 0% 2% 30%;
    background-color: #FFEB3B;
}
.bookinfo h2{font-size: 1.3em;}
.bookinfo .author{font-size: 1.1em;}
.bookinfo span{padding-left: 1em;}
.bookinfo .plus{width: 100%;display: inline-block;line-height: 1.5em;}



/*範例*/
#event_words{margin:0;padding: 2%;display: inline-block;}
.samplebox h2{text-align: center;font-size: 2.2em;background: linear-gradient(41deg, #ffe560, transparent);margin: 0 3%;color: #524400;border: solid 2px #eac931;}
.samplebox h2+p{text-align: justify;font-size: 1.08em;line-height: 29px;margin: 4px 3%;}
.sample{padding: 7px 3%;display: flex;}
.samplelist>h3{font-size: 1.5em;line-height:80px;background-color: #ed6e86;color: white;width:80px;height:80px;border-radius: 50%;margin: auto;    font-weight: 500;}
.sample:last-child .samplelist{border:none;}
.samplelist{border-bottom: solid 1px #d8be79;}
.samplelist:nth-child(1){width:15%;text-align: center;}
.samplelist:nth-child(2){width:85%;    padding: 0 0 5px;}
.samplelist>ul li,.samplelist p{text-align: justify;font-size: 1.1em;line-height: 30px;}
.sample p{text-align: justify;}
.sample_txt{font-weight: bold;}
.sample_info{font-size: 1em;}

/*書單*/
#event_book {
    width: 90%;
    margin: 0% auto 0%;
    padding: 2% 5% 1%;
    display: inline-block;
}
#event_book h2 {
    font-size: 2em;
    text-align: center;
    padding: 1% 2%;
    background-color: #fff;
    margin: 0 auto 15px;
    border-radius: 20pc;
    color: #e45158;
	font-family: Verdana,"Microsoft JhengHei",Arial;
}
#event_book table,#event_book td,#event_book th{/*border: 1px solid #c9c9c9; */border-collapse:collapse}
#event_book td, #event_book th {
    padding: 0.7% 2%;
    text-align: center;
    border-bottom: 1px dotted #cc0;
}
#event_book th{background-color:#ffeb3b;}
#event_book tr:nth-child(even){background-color:#f6f5f0;}
#event_book table{width:100%;margin:0 auto;font-size:1.1em;line-height:1.6em;background-color: white;}
#event_book table p{text-align:left}
#event_book table a{color:#171717;}
.buy{width:100%;margin: 2% auto 0%;text-align:center;font-size:1.5em}
/*
.buy a{color:#FFF;background:#782C6B;padding:.5% 2%;text-decoration:none;border-radius:20px; }
.buy{width:100%;margin:3% auto 1%}
*/
.buy ul li{display:inline;margin:0 1%;font-size:1.5em;transition:all .2s linear}
.buy a {
    background: #ec6c85;
    color: #FFF;
    text-decoration: none;
    padding: 1.1% 4%;
    border-radius: 25px;
    transition: all .2s linear;
    display: inline-block;
    margin: 0 2%;
}
.buy a:hover{transform:scale(1.1);background:#09a399}

.classLink {
    width: 100%;
    margin: 0;
    padding: 1% 0 3%;
    text-align: center;
}
.classLink a{color:#ec6c85;font-size:1.7em;padding:.5% 5%;border-radius:25px}
.classLink a:hover{color:#09a399}

/*注意事項*/
#event_note {
    width: 92%;
    margin: 0 auto;
    padding: 4% 0 4% 8%;
    text-align: left;
    background-color: #f6f5f0;
    opacity: 0.8;
    border-radius: 0 0 20px 20px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#event_note p{font-size:.9em;line-height:1.55em;color:#000}
#event_note ul{}
#event_note li:before {
	content:"◎";
    list-style-position: outside;
}

/*--------------------------------------------------------*/
@media all and (min-width: 1201px){
    #BodyContainer,#BodyContentEvent{width: 850px;}
     /* bodyHeader */
    #BodyHeader #header-share { /*PC*/
        line-height:2;
        font-size:18px;
        color: #000;
    }   
    #BodyHeader #header-share a {
        font-size: 15px;
        color: #000;
        text-decoration: underline;
    }
    #BodyHeader_m {display:none;} /*?‹æ?*/
    /*news*/
    #event_news{width:100%;margin:0 auto;padding:3% 0;font-family:"Microsoft JhengHei",Arial;/*background-color: #ffddda;*/}
    #event_news .NewsStyle{font-size:13px;color:#000;line-height:16px}
	#event_news .NewsStyle_title {color: #fb656d;line-height: 1.4em;font-size: 1.25em;}
    #event_news .NewsStyle a{color:#000000}
    #event_news .NewsStyle a:hover{color:#000000}
    /*Footer*/
    #BodyFooter_rwd{width:850px;margin:0 auto;display:inline-block}
    #BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;float:left;text-align:center;border-top:thin solid #666}
    #BodyFooter_rwd a{color:#333}
    #BodyFooter_rwd #footer_inline ul{float:left;width:100%;margin:3% auto 0}
    #BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;width:100%;margin-right:1%}
    #BodyFooter_rwd #footer_inline ul li img{width:20%;height:auto;vertical-align:middle}
    #BodyFooter_rwd #footer_address{float:left;width:100%;margin:0;text-align:center}
    #BodyFooter_rwd #footer_address ul{float:left;text-align:center;width:100%}
    #BodyFooter_rwd #footer_address ul li{display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
    /*舊版IE*/
    #noie{background:#FFF;width:100%;text-align:center}
    #topbutton{display:none}
}

@media(max-width:767px){
.bookcover:nth-child(1),.bookcover:nth-child(2){width:100%;}
.bookcover figure {margin: 10px 28% 0;}
.bookcover:nth-child(2) {padding: 0 5% 0;}
.bookcover > h2 {font-size: 1.9em;}
.samplelist>h3 {font-size: 1.2em;line-height: 70px;width: 60px;height: 60px;}
.samplelist:nth-child(1) {width: 20%;}
.samplelist:nth-child(2) {width: 80%;}
}

@media screen and (min-width:0\0) {
   .bookcover > h2{background:none;color:white;} 
   .sample{display: table;width:94%;float:left;} 
    .samplelist{display: table-cell;vertical-align: top;} 
    .bookcover{float:left;}
}