/* 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: 'Noto Sans TC', sans-serif;}
#BodyContainer{margin:0 auto}
#BodyContentEvent,#event{width:100%;font-family: Arial, Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu,"新細明體", sans-serif; position: relative;background: linear-gradient(to left ,#e0cfa300 0% ,#fff 100%,#fff 0% ,#e0cfa200 100% ),url(../images/1107086_bg.jpg) no-repeat top center;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.bgcolor1{/*background-color: #EBEBEB;background: linear-gradient(to left ,#e0cfa300 0% ,#fff 100%,#fff 0% ,#e0cfa200 100% ),url(../images/1107086_bg.jpg) no-repeat top center;*/}
.bgcolor2{ background-color: #7f9378e8;padding: 1% 0;background: url(../images/1112097_9.png) no-repeat top center,linear-gradient(to left ,#c15629 0% ,#a62326 100% );padding: 2% 0;}
.bgcolor3 {/* background-color: #EBEBEB; *//* background: url() no-repeat 86% 100%,linear-gradient(to left ,#d31405 5% ,#f44336 94%,#c81002 100%); */border-top: 10px #e0c097 solid;border-bottom: 10px #f44336 dotted;padding: .5% 0;/* background: url() no-repeat 86% 100%,linear-gradient(to left ,#e0c097 5% ,#9b7d47 94%,#e0c097 100%); */background: linear-gradient(to left ,#e0cfa300 0% ,#fff 30%,#fff 70% ,#e0cfa200 100% ),url(../images/1107086_bg.jpg) repeat top center;}
/*.bgcolor4{background-color: #F6F6F6;background: linear-gradient(to left ,#e0cfa3 0% ,#fff 20%,#fff 80% ,#e0cfa2 100% )}*/
.bgcolor4{background: linear-gradient(to left ,#e0cfa300 0% ,#fff 30%,#fff 70% ,#e0cfa200 100% ),url(../images/1107086_bg.jpg) repeat top center}
.bgcolor5{background-color: #EBEBEB;}
.w-full {width: 100%;}
.flex {display: flex;flex-wrap: wrap;margin: 0 auto;}
.red{color: #d3012c;}
h1{font-size: 3rem;}
h2{font-size: 2rem;}
.br_pc{ display:block}
small{font-size: smaller}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
.fixed{position:fixed}

/*主圖*/
#event_master h1,#event_master h2{text-align: center}
#event_master h2 {font-style: italic;font-size: 2.3rem;padding: 1% 0; color:#1a0f0c;}
#event_master .banner{ padding:2% 2% 1%;}
#event_master .banner img{ width:auto;}
.t1,.t2 {font-family: MStiffHeiHK;display: inline-flex;flex-direction: column;vertical-align: top;font-size: 6.5rem;line-height: 7rem;margin-left: 1%;}
.t1_bg{/*background: linear-gradient(to bottom, #386359, #356156, #1c4037);*/background: linear-gradient(to bottom, #0075c1, #0c61aa, #0c528e);background: -webkit-linear-gradient(to bottom, #386359, #356156, #1c4037);background-clip: text;-webkit-background-clip: text;color: transparent;}
.t2_bg{background: linear-gradient(to bottom, #d50143, #c60341, #850125);background: -webkit-linear-gradient(to bottom, #d50143, #c60341, #850125);background-clip: text;-webkit-background-clip: text;color: transparent;}
.t3 {color: #d3012c/*#f44336*/;font-weight: bold;font-family: "Microsoft YaHei";font-size: 2.2rem;text-decoration: underline;vertical-align: top;}
.t4 {color: #d3012c/*#f44336*/;font-weight: bold;font-family: "Microsoft YaHei";font-size: 2.2rem;vertical-align: top;}

/*特點*/
.feature_group {width: 67%;margin: 0 auto;}
.feature{width: calc(100%/3);text-align: center;font-weight: bold;}
.feature div:nth-child(1) {border: 0 #ffffff7a solid;border-radius: 50%;padding: 5%;width: 8rem;height: 8rem;margin: 0 auto;background: url(../images/1107086_r_bg.png) no-repeat center;background-size: cover;font-size: 1.22rem;}
.feature div >span {display: block;font-size: 2.4rem;font-weight: bold;margin: 5% 2% 11%;}
.tt1 {color: #9b7d47;}
.tt2 {color: #67a2aa;}
.tt3 {color: #916292;}
.tt4 {color: #2c3032;font-size: 1.25rem !important;margin: 0 !important;display: initial !important;}
.tt5 {color: #fff;font-size: 1.4rem;line-height: 1.7rem;margin-top: 3%;font-weight: normal;}

/*新春書展*/
.info_center{display: flow;justify-content: center;align-items: center;}
#event_year {text-align: center;width: 1200px;margin: 2% auto 3%;display:block;}
h4 {font-size: 3.4rem;line-height: 4.5rem;text-align: center;font-family: Verdana,MStiffHeiHK;color: #1c72bb; /*color: #f44336;*/padding: 1rem 0 0;}
.y_group,.f_group{margin:4% 1% 2%;}
.y_group .info a{color: #fffbf7;}
.f_group .info dd a{color: #fffbf7;/*font-weight: normal;*/}
.f_group.info{color: #fff;}
/* .y_group .g_title{color: #e42c1e;} */
.g_title{line-height: 2.5rem;font-weight: 700;font-family: Verdana,MStiffHeiHK;color: #fff;}

.plan{width: 65%;font-size: 2.6rem;display: block;background: linear-gradient(90deg, #ffd5a3, #ffd2ce);padding: .5rem 3rem;margin: -4.5rem auto 1rem;color: #c49a65;background: #ffffff;border-radius: 3rem;border-top: 5px solid #e0c097;border-bottom: 5px solid #e0c097;}
.show{font-size: 2.35rem;color: /*#ffe8ca*/#ffef5f;}

.g_title a {color: #ffef5f;font-size: 3rem;}
.y_group {width: 43%;/*background:linear-gradient(180deg, #3580cb, #3580cb6e);*/background: linear-gradient(180deg, #d32c4eee 0%, #d32c4e6a 85%);border-radius: 4rem;padding: 3.5% 2% 2%;border: 5px #e4ceb2 solid;}
.y_group > .info dd {text-align: left;font-size: 1.5rem;line-height: 2.25rem;/* margin-bottom: 12px; */text-indent: -.4rem;padding: 0 0 0 .5rem;}
.y_group > .info dd a{ font-size: 2rem;}
.y_group .info dt b {color:#ffef5f;padding: 0 .25rem;filter: drop-shadow(0px 0px 2px #0000002f);}
.f_group {width: 43%;/*background:linear-gradient(180deg, #3580cb, #3580cb6e);*/background: linear-gradient(180deg, #d32c4eee 0%, #d32c4e6a 85%); border-radius: 4rem;padding: 3.5% 2% 2%;border: 5px solid #e4ceb2;}
.f_group > .info dd{text-align: left;line-height: 2.3rem;}
/*.f_group dd:last-child{font-size: 1.4rem;padding: 1rem 0 0 .5rem;}*/
.y_group img{width: 43%;}
/* .irt{padding: 0 0 0 2rem;} */
.y_group .info a i , .f_group .info a i{color:#fff3e3;padding: 0 .8rem;}
.y_group .info a i:hover{color:#fffbf7;}
.f_group .info a i:hover{color:#fffbf7;}
.buy , .gift {background: #fff3e3;color: #d3012c;padding: .05rem 1rem .1rem;border-radius: 2rem;}
.f_group .inquire{padding: .5rem 3rem  1.5rem 0;font-size: 1.7rem;font-weight: bold;text-align: right;}
.inquire a{color:#fff8b5;}
.inquire a:hover{color: #ffef5f;font-size: 1.8rem;}
dl{padding:.8rem 1rem 0 1.5rem;margin: 2.5% auto 1%;border-top: 1px dotted #ffefda;}
dt {font-size: 1.8rem;color: #1f1f1f;font-family: 'Verdana', 'MStiffHeiHK';text-indent: -.8rem;padding: 0 0 0 1.5rem;margin: 0px auto;line-height: 3rem;font-weight: bold;text-align: left;}
dt:before{/*content: "◆" ;*/}
dd {color: #1f1f1f;margin: 0 0 1rem 1.5rem;font-size: 1.5rem;letter-spacing: .02rem;font-weight: bold;font-family: Verdana,"Microsoft JhengHei",Arial;}
/* dd:before {content: "．";font-size: 2rem;line-height: 2rem;color: #ffeb3b;vertical-align: middle;margin-right: 3px;} */
/*.f_group dd:before {content: "．";font-size: 2rem;line-height: 2rem;color: #fff8b5;vertical-align: middle;}*/
.f_group dd:last-child:before{content: ' ';/*padding-left: 4.5rem;*/}
.dot{color: #fff8b5;}
.info mark {padding: 1px 3% .3% ;border-radius:0 1rem 1rem;border-right: 1px solid #ffef5f;margin: .4rem auto 0;vertical-align: text-top;font-size: .9em;line-height: 1.3em;display: inline-block;font-family: Verdana, MStiffHeiHK;font-weight: bold;letter-spacing: -1px;color:#1f1f1f;background-color: #ffef5f;}
nav a , .info a {color: #fff3e3;font-weight: bold;font-family: system-ui;filter: drop-shadow(0px 0px 2px #0000002f);}
nav a:hover , .info a:hover{color:#fffbf7;}

.link {display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: center;}
.link div{margin: 2%;font-size: 1.2rem;}
.hitlist li{display: inline;margin: 0 2%;}

/*Lightbox*/
.book_row > .column{padding:0 8px}
.book_row:after{content:"";display:table;clear:both}
.book_column{font-size: smaller;text-decoration: underline;color: #fff3e3;font-weight: bold;font-family: system-ui;filter: drop-shadow(0px 0px 2px #0000002f); /*padding: 1rem 0.75rem;box-shadow: 3px 3px 6px #000;*/}
.book_column:hover{text-decoration:none;left:1px;top:1px;position:relative;color: #fff;}
.modal{display:none;position:fixed;z-index:999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto}
/* Modal Content */
.modal-content{position:relative;background-color:#fefefe;border-radius: 2rem;margin:auto;padding:0;width:90%;max-width:1200px;filter: drop-shadow(0px 2px 100px #0000005a);}
/* The Close Button */
.close{color:#000;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700}
.close:hover,.close:focus{color:#999;text-decoration:none;cursor:pointer}
.cursor{cursor:pointer}
.caption-container{text-align:center;background-color:#000;padding:2px 16px;color:#fff}
.demo{opacity:.6}
.active,.demo:hover{opacity:1}
/* .hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} */

/*書單*/
.booklist{margin: 12rem auto 1.25rem;padding: 1.5rem 0;border: 3px solid #c49a65;border-radius: 2rem;}
.books {width: 90%;margin: auto;}
.books, .books th, .books td {font-size: 1.2rem;border-collapse: collapse;text-align: center;padding: .5rem 0;font-weight: 600;}
.booklist p{font-size: 2.25rem;padding: 0 1rem .6rem;color: #c49a65;line-height: 2.8rem;font-family: Verdana,MStiffHeiHK;}
.books tr td {width: 16%;}
.books tr td:first-child {width: 4%;}
.books tr td:nth-child(6) , .books tr td:nth-child(7) ,.books tr td:nth-child(8) {width:8%;}
.books>tbody>tr:nth-child(2) td, .books>tbody>tr:nth-child(3) td{color: /*#1e433a*/ #0c528e;border-bottom: 1px /*#1e433a*/#0c528e9f solid;background: #c49a650f;border-right: 1px dotted #0c528e5f/*#1e433a3f*/;}
.books>tbody>tr:nth-child(2) td:first-child{color: #ffffff;background: /*#1e433a*/ #0c528e;padding: 0 .25rem;border-radius: 1rem 0 0 1rem;border-bottom: 1px #ffffff dotted;}
.books>tbody>tr:nth-child(4) td{color: #8a0127;border-bottom: 1px #8a0127 solid;background: #c49a650f;border-right: 1px dotted #8a01273f;}
.books>tbody>tr:nth-child(4) td:first-child{background: #8a0127;color: #fff;padding: .25rem;border-radius: 1rem 0 0 1rem;border-bottom: 1px #ffffff dotted;}
.books_bg{background:#c49a65;color: #fff;border-right: 1px dotted #fff;border-radius: 1rem 1rem 0 0;}
.more{font-size: 1.6rem;line-height: 2.6rem;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: left;border: 1px solid #ab8454;width: 92%;margin: .5rem auto 0;padding: .5rem 1.5rem;border-radius: 3rem;}
.more a{color:#1f1f1f;font-weight: bold;}
.more i{color:#ab8454;}


/*優惠*/
.discount {margin: 0 auto;list-style: none;padding: 2%;color: #425d39;width: 55%;font-size: 1.25rem;line-height: 2rem;}
.discount li.lih{padding: 1% 0 .8%}
.discount li:nth-child(1){font-size: 1.9rem;font-weight: bold;}
.discount a {color: #cc0241;padding: 1% 2% .8%;border: 2px #cc0241 solid;border-radius: 50px;text-decoration: none;margin: 0 1%;background-color: #fff;}
.map_2023 {margin: -143px 0 0 300px;}
.map_2023 img{ width:170px}


#demos{position: relative;width: 100%;margin: 0 auto;}
.owl-carousel .series_group .book{width:99%}
.owl-theme .owl-nav [class*=owl-]{font-size:0px !important;}
.owl-prev,.owl-next{width:0;height:0;border-style:solid;position: absolute;top: 50%;}
.owl-prev{border-width:15px 15px 15px 0px;border-color:transparent #caad7c transparent transparent;filter: drop-shadow(1px 2px 3px #0000001f);left:-25px;}
.owl-next{border-width:15px 0px 15px 15px;border-color:transparent transparent transparent #caad7c;filter: drop-shadow(1px 2px 3px #0000001f);right:-25px;}

/*書單*/
.series_group{text-align:center;padding: 1.5% 0;}
.series_group:first-child{padding: 4.5% 0 1.5%;}
.series_group:last-child{padding: 1.5% 0 3%;}
.series >div{font-size: 2.4rem;font-weight: bold;}
.series >div>span{font-size: 1.7rem;font-weight: bold;}
.series >p{font-size: 1.35rem;padding-top: .9%;}
.book_group{padding: 1.1% 0 2%;border-radius: 20px;background-color: #fff;border-radius: 20px 20px 0 0;}
/*.book {border-left: 1px solid #a88e5f;}*/
.book img {width: 255px;margin-left: -2%;}
.book .memory img {width: 255px;/*margin-left: -14%;*/}
.book .one img{width: 255px;/*margin-left: -15%;*/}
.book .gold img {width: 200px;/*margin-left: -27%;*/}
.book:first-child{border-left: 0px solid #a88e5f;}
.book h3{font-size: 1.2rem;font-weight: bold;padding: 0 6%;}
.book h3 a{color: #5d7156;}
.book ul li{display: inline;margin: 0 5px;}
/*.series_group:nth-child(1) .book{width: calc(100%/4 - 2px);border-left: 1px solid #9b7d47;}
.series_group:nth-child(2) .book{width: calc(100%/4 - 2px);border-left: 1px solid #67a2aa;}
.series_group:nth-child(3) .book{width: calc(100%/4 - 2px);border-left: 1px solid #a88e5f}
.series_group:nth-child(4) .book{width: calc(100%/5 - 2px);border-left: 1px solid #916193;}*/

.series_group:nth-child(1) .book:first-child{border-left: 0px solid #a88e5f;}
.series_group:nth-child(2) .book:first-child{border-left: 0px solid #a88e5f;}
.series_group:nth-child(3) .book:first-child{border-left: 0px solid #a88e5f;}
.series_group:nth-child(4) .book:first-child{border-left: 0px solid #a88e5f;}

.c1,.c2,.c3,.c4{color: #fff;display: inline-block;width: 50%;border-radius: 50px;padding: .2%;}
.c1{background-color: #d36262;background: linear-gradient(to left, #d362623b -18%,#d36262 26%, #d36262 69%, #d362623b 118%);}
.c2{background-color: #9b7d47;background: linear-gradient(to left, #9b7d473b -18%,#9b7d47 26%, #9b7d47 69%, #9b7d473b 118%)}
.c3{background-color: #67a2aa;background: linear-gradient(to left, #67a2aa3b -18%,#67a2aa 26%, #67a2aa 69%, #67a2aa3b 118%)}
.c4{background-color: #916193;background: linear-gradient(to left, #9161933b -18%,#916193 26%, #916193 69%, #9161933b 118%)}

/*經驗談*/
/*.comment{padding: 2%;background: #ffd2d2;text-align: left;margin: 2% 5% 0;}*/
.comment {/* padding: 2%; */background: #b899984d;text-align: left;margin: 0 0 1.5%;padding: 1.1% 2% 2%;border-radius: 0 0 20px 20px;border-top: 7px #ffffffa3 solid;border-bottom: 4px #e32b1d solid;}
.title {font-size: 1.8rem;line-height: 2.2rem;color: #e42b1d;/* border-right: 1px #f7f4f4 dotted; *//* border-left: 1px #fff dotted; *//* display: inline-block; */padding: 7px 0 2px;margin-bottom: 5px;    font-weight: 700;}
.student {margin: 0 1rem;}
.name {font-weight: 700;font-size: 1.3rem;color: #2c2c2c;line-height: 2rem;}
.name span{font-size: 1rem;margin-left: 3%;}
.student a {color: #C33;font-weight: bold;color: #175879;}
.student p{margin: .5% 2%;line-height: 1.5rem}
.winner_t {background-color: #f37673;padding: 3px 7px;color: #fff;}


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