/* 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 JhengHei",Verdana,Arial,'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
#event{background-color: #FEF3ED;background-image: linear-gradient(#d1b78530 1px, transparent 1px), linear-gradient(to right, #D1B78530 1px, #FEF3ED 1px);background-size: 20px 20px;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bg{background-color: #FEF3ED;background-image: linear-gradient(#FEF3EDcc 1px, transparent 1px), linear-gradient(to right, #FEF3EDcc 1px, #ffffff 1px);background-size: 18px 18px;}
h1{font-size: 3rem;}
h2{font-size: 2rem;padding-left: 1rem;}
.red{color: #ba1d24}
.red_bg{background: #ba1d24;color: #FFFFFF}
.box_line{border: 1px solid #000000}
small{font-size: smaller;}

.banner , .banner img{width: 100%;}
.banner_m{display: none;}
.m_cover{display: flex;flex-wrap: wrap;padding: 1% 6%;}
.m_cover figure{margin:0 auto 1.25rem;width: calc(100%/4 - 1%);text-align: center;}
.m_cover figure img{width: 90%;filter: drop-shadow(0px 0px 3px #0000006f);}
.m_cover1 figure img{width: 92%;}
figcaption {margin: 5% 0 8%;font-size: 1rem;line-height: 1.5rem;}
.m_cover figure a{color: #0f337a;word-break: keep-all;}
.m_cover1 figure{margin:0 auto .5rem;width:calc(100%/3);text-align: center;}
.m_cover1 {position: relative;padding:1% 6% 1% 25%;}
.m_cover2{padding: 0 6%;}
.m_cover2 figure{margin: 0 auto .5rem;}
.book_recommend{position: absolute;top: 25px;left: 82px;font-size: 1.7rem;text-align: center;padding: 1.25rem .6rem 0;line-height: 2rem;font-weight: bold;background:#639B29;color: #fff;width: 80px;height: 80px;clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);}
nav{font-size: 1rem;color: #000;text-align: right;background: linear-gradient(90deg, transparent, white 80%, white 95%, transparent);padding: .5rem 3rem;margin: .5rem 1.5rem 0;border-bottom: 3px dotted #e9ecd8;}
nav a{color: #0f337a;}
nav img{width: 12%;vertical-align: bottom;padding: 0 .35rem 0 .25rem;}
.buy_box{margin: auto;padding: 2% 6% 2% 8%;background: #fffa;color: #2F3B46;font-size: 1.25rem;font-weight: bold;word-break: keep-all;}
.buy_box .red{font-family: Verdana,"Microsoft JhengHei";padding: 0 .25rem .05rem;font-size: larger;font-weight: bold;}
.buy_box b{font-size: larger;font-weight: bolder;color:#d68e3b;}
.buy_box .ericdata{color: #000;padding: 0 0 .5rem;display: inline-block;}
.buy_box .ericdata img {vertical-align: bottom;}
.buy_box .btn {background: linear-gradient(180deg, #872c5f, #9d3b8a);display: inline-block;text-decoration: none;border-radius: 2rem;color: #FFFFFF;padding: .1rem .8rem .25rem;margin: .35rem;font-weight: normal;}
.buy_box span i{font-size: 1.05rem;background: linear-gradient(90deg, #ea6d8d, #c9496a);background-clip: text;-webkit-background-clip: text;color: transparent;padding: .5rem 0;}


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

/*共版END*/
@media all and (min-width: 1201px){
#BodyContainer,#BodyContentEvent{width:850px}

/* Event css */
#event, #event_master, #event_sec {width: 100%;margin: 0 auto;padding: 0;}
#event_sec{margin: -7rem auto 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;padding: 3% 0 5%;border-radius: 0 0 2rem 2rem;}
#event_news .NewsStyle_title{font-size:1.1rem;color: #ba1d24;}
#event_news .NewsStyle{font-size:0.9rem;color:#000;}
#event_news .NewsStyle a:link{color:#000;}
#event_news .NewsStyle a:visited{color:#000;}
#event_news .NewsStyle a:hover{color:#333;}
#event_news .NewsStyle a:active{color:#000;}

/* notice */
#event_notice{text-align:left;float:left;width: 100%;padding: 3% 0;background:#B15396;}
#event_notice p{font-size:.95rem;line-height:25px;color:#ffffff;margin-left:19%}

/* Footer */
#BodyFooter_rwd,#footer_address,#footer_address ul,#footer_address ul li{width:100%;}
#BodyFooter_rwd{float: left;}
#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 */

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

}