/* 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}
/*所有元素漸變0.5秒*/
*{transition: all .5s}
/* css reset 歸0 end */
body{margin:0 auto;padding:0;font-family: 'Noto Sans TC', sans-serif;background-color: #44c7dd;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
.br_pc{display: block;}
h1{font-size: 2rem;}
.flex{display: flex;}
#event{background: url(../images/1507039_bg.jpg) no-repeat,top/102%,#44c7dd;font-family: "Microsoft JhengHei", Verdana, Arial, 'Noto Sans TC', sans-serif;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
#event_master h1 {font-size: 4.7rem;font-family: "Microsoft YaHei";}
#event_master h2 {font-size: 3.3rem;font-family: "Microsoft YaHei";font-weight: normal;color: #e9720b;}
#event_master h1 .color_1{ color:#eb6d00;}
#event_master h1 .color_2{ color: #7c2a7e;}
#event_master h2 .t_and {color: #fff;padding: 0.0% 2.1% 0.4%;margin: 0 .3%;border-radius: 100px;background: linear-gradient(to bottom, #ff7904ad 30%, #ff7600 100%);}
.color_3 {color: #ece987;font-size: 1.07rem;font-weight:bold;}
.book {padding-left: 1%;margin-right: 4%;}
.book figure {position: relative;width: 35%;margin-top: -3%;text-align: right;}
.book figcaption {
    /* position: absolute;
    left: 0%;
    margin-bottom: 2%;
    display: inline-flex;
    background-color: #324f6f;
    color: #fff;
    border-radius: 20px;
    width: 280px;
    justify-content: center;
    height: 107px;
    align-items: center; */
}
.book ul{/*list-style: none*/}
.book dt {
    color: #913baf;
    font-size: 1.6rem;
    line-height: 1.7rem;
    font-weight: bold;
    border: 1px #8a5299 solid;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 6px;
    border-radius: 3px;
    float: left;
    margin-bottom: 15px;
    margin-right: 10px;
}
.book dd {margin:1.7% 4% 1.7% 0;border-radius: 2px;font-size: 1.25rem;line-height: 1.6rem;text-align: justify;padding: 1.5% 5% 0% 0;}
.book .icon1234 {text-indent: -21px;border-top: 2px #d5d0bf dotted;font-size: 1.05rem;}
.book .icon1234 img{margin-right: 3px}
.book dd .teather_name{font-style: italic;color: #eb6d00;}
/* .book dd:nth-child(2n-1){background:#e3f2f9}
.book dd:nth-child(2n){background:#fde3ca} */

.recommend{padding: 0 5%;margin: 5%;width: 80%;}
.recommend ul {margin-left: 6%;}
.recommend ul li {margin: 2% 0;text-align: justify;list-style-type: disclosure-closed;font-size: 1.05rem;}
.recommend ul li span{display: block;text-align: right;}
.recommend ul li span.name {color: #e26700;font-size: 0.95rem;}
.recommend h4 {font-size: 1.45rem;color: #ed6d00;text-align: center;}
.periodical {background: #e3f2f9;padding: 3% 0;}
.periodical div {
    width: 59%;
    margin-top: 1.5%;
    padding: 3% 0% 3% 6%;
    border-top: 6px #fdfeff dotted;
    border-bottom: 6px #1a7cae7d dotted;
    height: max-content;
    text-align: justify;
    line-height: 1.9rem;
    font-size: 1.1rem;
}
.periodical figure {
    position: initial;
    width: 27%;
    margin: 0px 0% 0 5.5%;
}
.periodical figcaption {
    width: 100%;
}
.periodical figcaption a {
    color: #fff;
    padding: 2% 6.7%;
    background-color: #ed6d00;
    /* position: absolute; */
    /* width: 100%; */
    margin: 0 0 1%;
    display: inline-block;
    border-radius: 22px;
}
.periodical figcaption a:hover {}

.buy {
    padding: 0;
    margin: 0 0 0;
	font-size: 1.17rem;
}
.buy span {
    color: #FFEB3B;
    font-weight: bold;
    font-size: 1.5rem;
    font-family: "Microsoft YaHei";
}
.buy a:nth-last-child(1) {
    margin-left: 1%;
    background-color: #00bcd4a3;
    padding: 3px 11px 3px;
    text-decoration: none;
    border-radius: 30px;
}
.buy li {
    background-color: #cc0;
    /*width: 86%;*/
    list-style: none;
    padding: 1% 2% 1% 16%;
	font-weight: bold;
}
.buy li:nth-child(1),.buy li:nth-child(2),.buy li:nth-child(3),.buy li:nth-child(4){ color:#fff}
.buy li a:nth-child(1),.buy li a:nth-child(2),.buy li a:nth-child(3),.buy li a:nth-child(4){ color:#fff}
.buy li:nth-child(1){background-color: #8a54a1;}
.buy li:nth-child(2){background-color: #6b86c3;}
.buy li:nth-child(3){background-color: #f48b2e;}
.buy li:nth-child(4){background-color: #f6a35d;}







/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}


@media all and (min-width: 1201px){
#BodyContainer,#BodyContentEvent{width:850px}

/* Event css */
#event,
#event_master,
#event_sec,
#event_third {
	width: 100%;
	margin:0 auto;
	padding:0;
}
#event_master {
    text-align: center;
    padding: 4.5% 0 4% 17%;
    width: max-content;
}
    
/* bodyHeader */
#BodyHeader #header-share{line-height:1.2em;font-size:13px;color:#000;text-align:center;border-collapse:separate}
#BodyHeader #header-share img{height:auto;vertical-align:middle;display:inline}
#BodyHeader #header-share a{font-size:13px;color:#000;text-decoration:underline}
#BodyHeader_m{display:none}

/* news */
#event_news{width:100%;clear:both;height:auto;margin:0;float:left;background-color:#e3f2f9;padding:3% 0 4%;border-radius: 0 0 25px 25px;}
#event_news .NewsStyle_title{font-size:1.2rem;color:#ed6d00;}
#event_news .NewsStyle{font-size: .95rem;line-height: 1.5rem;}
#event_news .NewsStyle a:link{color:#294462;}
#event_news .NewsStyle a:visited{color:#294462;}
#event_news .NewsStyle a:hover{color:#333;}
#event_news .NewsStyle a:active{color:#294462;}
/* news end*/
/* notice */
#event_notice{text-align: left;float: left;width: -webkit-fill-available;padding-top: 4%;padding-bottom: 2%;padding-left: 3.5%;background-color: #e3f2f9;}
#event_notice p{font-size:.85rem;line-height:22px;color:#294462;margin-left:14.5%}

/* Footer 
#BodyFooter_rwd,#footer_address,#footer_address ul,#footer_address ul li{width:100%;}
#BodyFooter_rwd{float: left;background-color: #44c7dd;}
#BodyFooter_rwd a:hover{text-decoration: none;}
#BodyFooter_rwd #footer_address{margin: 0% auto auto auto;text-align: center;}
#BodyFooter_rwd #footer_address a{color:#000;}
#BodyFooter_rwd #footer_address ul{padding:0;margin: 1% 0;text-align: center;}
#BodyFooter_rwd #footer_address ul li{margin-right:0;text-align: center;font-size: .9rem;list-style-type: none;	display:inline-block;    margin-top: 0.3rem;}
#BodyFooter_rwd #footer_address ul li img{max-width:100%;height:auto;vertical-align: middle;display: inline;}
#BodyFooter_rwd #footer_address ul br{display: none}
 Footer end */

  /* Footer */
		#BodyFooter_rwd{float:left;width:850px;margin-left:auto;margin-right:auto;color:#333;font-family:"微軟正黑體"}
		#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:#333;margin:2% 5%}
		#BodyFooter_rwd #footer_inline a{color:#333}
		#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 */
#topbutton{display:none;}

}




/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}