/* 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}
/* css reset 歸0 end */

body{margin:0 auto;padding:0;font-family: "Microsoft YaHei" ,'Noto Sans TC', sans-serif;background:#fff8cc/*#d3ebee*/;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
article{background: url('../images/1406048_bg.png') no-repeat top center / 100% #e8cca8;}
.flex{display: flex;flex-wrap: wrap;}
.banner img{width: 100%;}
.mag_group{justify-content: center;width: 100%;padding: 0 8%;margin: auto;align-items: flex-start;background: linear-gradient(0deg, #ffffff5a, transparent);}
.mag_group li{text-align: left;margin-left: 2rem;}
.mag_group figure img{max-width: 100%;border: 1px solid #fff;filter: drop-shadow(2px 3px 5px #0000004e);}
.mag_group a, .books a {font-size: 1rem;color: #333;/*color: #0457a7;*/line-height: 1.5rem;font-family: "Microsoft JhengHei";}
.mag_group figcaption{margin-top: .7rem;}
figure,ul{width: calc(100%/4 - 4.5%);height: 100%;text-align: center;/*margin: 1rem auto;*/margin: 1.35rem auto 1.125rem;}
figure{z-index: 2;}
.mag_group ul{background: #dcd7d7;margin: 3rem auto 1rem -3rem;z-index: 1;padding: 1.5rem 1rem;border-radius: 0 8px 8px 0;}
h1{font-size: 3rem;}
h2{font-size: 2rem;}
h3{font-size: 1.5rem;}
small{font-size: smaller;}

/* 知識素養 */
/* .bgcolor1{background: linear-gradient(to bottom, white 80%, #dbd6ea 100%);} */
#event_mag .mag_container:nth-of-type(1) {margin-top: 0;}
.mag_container {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
.mag_container h3{letter-spacing: .125rem;margin: 2.125rem 0;padding: 1rem .5rem;border-radius: 1rem 0 0 1rem;color: white;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;position: relative;right: -.7rem;}
.mag_container h3 img{width: 30px;}
.mag_container:nth-child(1) h3{background: #006d98;}
.mag_container:nth-child(2) h3{background: #2eafc8;}
.mag_container:nth-child(3) h3{background: #ec6b63;}
#event_third .mag_container {margin-block-start: 2.5rem;}

/*書單*/
.booklist{margin:1rem auto 2rem;width: 86%;}
.books, .books th, .books td {border-collapse: collapse;padding: .4rem 1rem;border: 2px solid white;color: #121212;}
.books tr th:nth-of-type(1) { background: linear-gradient(to bottom, #DDD8D1 0%, #A1969A 100%);border-radius: 20px 0px 0 0;}
.books tr th:nth-of-type(2) { background: linear-gradient(to bottom, #DDD8D1 0%, #A1969A 100%);border-radius: 0 20px 0 0; }
.books tr {background: linear-gradient(to right, #DADADB 0%, #FFF8A7 100%);}
.books td:nth-child(4){color: red}
.books .bottom_line{border-bottom: solid 1px #cacaca;margin-bottom: 1rem;}
.books p{text-align: left}
.books [class*="ball"]{display: flex;justify-content: center;align-items: center;padding: 1rem;font-size: 1.2rem;font-weight: bold;width: 3.2rem;height:3.2rem;border-radius: 50%;color: white;margin: .8rem .3rem;}
.books .ball1{background-color: #79BC35;}
.books .ball2{background-color: #2EABE3;}
.books .ball3{background-color: #CB9347;}
.books .ball4{background-color: #2984B1;width: 5rem;height: 5rem;padding: 0;}
nav{text-align: center;color: black;font-size: 1.2rem;text-align: center;padding: 1.6rem 0 2.3rem;}
nav a{color: #932226;}
#event_buy,#event_buy a{display: inline-block;background-color: #cf5429;color: ;text-decoration: none;padding: .05rem .8rem .125rem;border-radius: 1rem;margin: .25rem .5rem 0;}
#event_buy{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;position: relative;margin: auto;font-size: 1.2rem;font-weight: 400;padding: 0 0 0 2rem;font-weight: bold;background:#e8cba7;}
#event_buy::before{content: '';position: absolute;left: 0;top: -20px;width: 85px;height: 120px; background: url('../images/1406048_starfish.png');}
.buy{margin: auto;}
.buy ul{width: 76%;text-align: left;}
.buy :is(span, a){color:#ffffff;}
.buy ul li{margin-bottom: .6rem;}
.buy ul li b{color: #ea500f;font-family: Verdana,"Microsoft JhengHei";padding: 0 .125rem;font-size: larger;}
.cover img{max-width: 100%;width: 80%;}

/* notice */
#event_notice{
	text-align:left;float:left;width:100%;padding:3% 0;
	/*background:linear-gradient(to bottom,#00A93A 0%,#6BB72D 70%);*/
	background: linear-gradient(to right, #3aa2aa, #79b6ba) /*linear-gradient(to right, #88C5DF , #81AEDD)*/;
}

/*各大相容檢視*/
@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_mag,
#event_third {
	width: 100%;
	margin:0 auto;
	padding:0;
}

    
/* 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: linear-gradient(to right, #3aa2aa, #79b6ba);padding:0 0 3%;border-bottom:1px dashed #dbd6ea;}
#event_news .NewsStyle_title{font-size:1.1rem;color: #fdff7d}
#event_news .NewsStyle{font-size:.95rem;color:#fff;}
#event_news .NewsStyle a:link{color:#fff;}
#event_news .NewsStyle a:visited{color:#fff;}
#event_news .NewsStyle a:hover{color:#fdff7d;}
#event_news .NewsStyle a:active{color:#fff;}
/* news end*/

#event_notice p{font-size:.9rem;line-height:22px;margin-left:14%;color: #fff;}

/* Footer 
#BodyFooter_rwd,#footer_address,#footer_address ul,#footer_address ul li{width:100%;}
#BodyFooter_rwd{float: left;/*background-color:#FFF;*/}
#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:1rem 0;margin: auto;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:"Microsoft JhengHei"}
	  #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 (min-width:768px) and (max-width:1199px){
	.mag_group figure img{box-shadow: 0px 2px 6px gray;}
}

@media (max-width:767px){
	figure,figure:nth-of-type(n+4):nth-of-type(-n+6), .mag_group ul{margin: 0 auto 1rem;}
	figure, ul {width: calc(100% / 2 - 4%);}
	.mag_group ul{border-radius: 8px;}
	.buy{margin: .5rem 0;}
	.buy+div{margin: 1rem 0;}
	.mag_group {padding: 0 3%;}
	.mag_group, .booklist { width: 96%;/*flex-direction: column;align-items: center;*/ }
	#event_mag .mag_container{ flex-direction: row;margin-top: 0rem; }
	#event_mag .mag_container:nth-of-type(1) {margin-top: -.5rem;}
	.mag_container h3{font-size: 1.35rem;width: calc(90% - 4rem);text-align: center;border-radius: 20px;writing-mode: horizontal-tb;padding: .6rem;margin-block-end:0;right:0;border-radius: 1rem 1rem 0 0;margin: 1.5rem auto 0;}
	.mag_container h3 img{vertical-align: bottom;}
	.books td { padding: 1rem .5rem; }
	.books td:nth-last-of-type(1) { width: 25%; }
	.mag_group figcaption {margin: .7rem 0;}
	#event_notice { padding: 1rem 0; }
	#event_buy {font-size: 1.125rem;padding: 0 0 0 3rem;}
	.buy ul {width: 85%;}
	nav {margin: 0 1rem;}
	nav img{max-width: 90%;margin: auto;}
}

/*各大相容檢視*/
@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 {
}