/* 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;/*background:linear-gradient(0deg, #ffffffaa 5%, #ffffff4b 50%, #ded9e95b 85%), url(../images/1311074_bg.png) fixed;*/background: radial-gradient(#f0e2ba 52%, #b4a56d 100%) fixed;}
#BodyContainer{margin:0 auto}
#BodyContentEvent{width:100%}
/* #event{background:#fff} */
a:hover{text-decoration:none;left:1px;top:1px;/*position:relative*/}

.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
small{font-size: smaller;}
.num_font{font-family: Verdana, "Microsoft JhengHei";}
.orange{color:#eb6630;}
.pink{color: #ed615e;}
.red{color: #d2241b;}
.gold{color: #bd7f2a;}

/* 主頁 -------------------------------- */
.banner{position: relative;align-items: center;padding: .5rem 0 0;margin:auto;background: url('../images/1311074_line_bg.png') no-repeat bottom center / 100% auto , linear-gradient(0deg , #fff 85%,#ffffff83 100%);background: #f0f1e9;}
.logo{width: 14%;margin: 1rem .5rem 0;}
.logo img{width: 100%;margin-left: 5%;}
.banner_title{padding: 1rem 1rem 1.1rem .8rem;font-family: "Noto Serif TC", serif;font-weight: bold;}
.banner_title h1 {font-size: 7.2rem;text-align: center;line-height: 9.25rem;padding: 0 0 .5rem;background: linear-gradient(0deg, #413975, #72499a, #8562a7);background-clip: text;-webkit-background-clip: text;color: transparent;color: #004c66;}
/*.banner_title h2 {font-size: 3.5rem;text-align: center;line-height: 4.5rem;padding: 0 0 .25rem;background: linear-gradient(to top, #c9811e, #e39d3e);background-clip: text;-webkit-background-clip: text;color: transparent;border-top: 1px dotted #595757;border-bottom: 1px dotted #595757;}*/

.banner_title h2 {
    font-size: 4rem;
    text-align: center;
    line-height: 4rem;
    padding: 0 6px 0.25rem 6px;
    margin-top: -1%;
    background: linear-gradient(to top, #86692c, #a78c38 70%, #85630c 93%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    border-right: 1px solid #cd8523;
    display: inline-block;
}
/*.banner h3{font-size: 2rem;color: #ffe47f;font-family: "Noto Serif TC", serif;font-weight: bold;margin: auto;text-align: center;background: linear-gradient(0deg, #352d6c, #24b290);padding:.2rem 1.5rem .25rem;border-radius: .8rem;position: relative;}*/
.banner h3 {
    font-size: 2.2rem;
    line-height: 2.5rem;
    color: #004c66;
    font-family: "Noto Serif TC", serif;
    font-weight: bold;
    margin: auto;
    text-align: center;
    /* background: linear-gradient(0deg, #352d6c, #24b290); */
    padding: .2rem 1.5rem 11rem;
    /* border-radius: .8rem; */
    /* position: relative; */
    /*background: url(../images/1311074_line_bg.png) no-repeat 100%, linear-gradient(0deg, #fff 85%, #ffffff83 100%);*/
}
.banner h3 span{padding: 0 2.5%;}
.icon2026{padding-top: 0;margin-left: -3%;margin-top: -1%;}

.allow {position: absolute;text-decoration: none;width: 105px;height: 105px;font-size: 1.15rem;border-radius: 50%;right: 8%;top: 10%;text-align: center;padding: .7rem 0 0;margin: auto; color: white;background: #f15250;line-height:25px;transition: all 1s linear;animation: aa 3s linear infinite;}
.allow span {display: block;font-size: larger;font-weight: bold;color: #fffec8;}
.allow a:hover{text-decoration: underline;position:unset;}
@keyframes aa{ 0% {transform: scale(1.1);background: #f15250;} 50% {transform: scale(1);background: #e9716e;} 100% {transform: scale(1.1);background: #f15250;}}
.books_read , .point{background: #378e9f8f;}
.books_read h3{font-size: 2rem;color: #ffe47f;font-family: "Noto Serif TC", serif;font-weight: bold;margin: auto;text-align: center;background: linear-gradient(0deg, #352d6c, #24b290);padding:.2rem 1.5rem .25rem;border-radius: .8rem;position: relative;}
.books_read h3 span{padding: 0 2%;}
.books{width: 89%;margin: -20% auto 0;position: relative;}
/* .books a{position: relative;} */
.books p{position: absolute;bottom: 21%;right: -4%;font-size: 1.1rem;line-height: 1.35rem;color: #006cb6;text-align: center;font-weight: bold;width: 70px;height: 70px;display: flex;flex-direction: column;justify-content: center;border: 1px solid #fff;border-radius: 50rem;background: linear-gradient(135deg, #e8f0cc 50%, #bfddad 50%);filter: drop-shadow(0px 2px 5px #0000005a);}
.books p span{display: block;font-size: larger;}
.books figure{width: 100%;font-weight: bold;padding:0 0 .25rem;font-family: Verdana, "Microsoft JhengHei";}
.books figure a{color: #e9c661;font-size: 1.2rem;}
.books figure a img{margin: 0 auto;filter: drop-shadow(6px 8px 4px #0000002a);}
.books figcaption{font-size: 1.2rem;line-height: 1.65rem;text-align: center;background: linear-gradient(0deg, #513e81, #72499a);background-clip: text;-webkit-background-clip: text;color: transparent;padding: .25rem 0 0;color: #f8e5a8;}
.sale{width: 85%;font-size: 1.5rem;line-height: 2.6rem;padding: .5rem 0 .8rem;margin:auto;font-weight: bold;}
.sale .circle{background:#cc8e3a;color: #fff;padding: .25rem .5rem .25rem .5rem;border-radius: 50rem;margin: 0 .25rem 0 0;}
.sale mark{background:#cc8e3a;color: #fff;padding: .25rem .65rem .25rem .65rem;margin: 0 .25rem;border-radius: 50rem;}
.sale a{color: #b3261e;border: 1px solid;padding: .25rem .8rem;margin: .25rem;border-radius: 1rem;background: #ffffffcc;}
.sale a{color: #ffffff;border: 2px solid #ffffff69;padding: .25rem .8rem;margin: .25rem;border-radius: 3rem;background: #af8e43;filter: drop-shadow(0px 2px 4px #0000002a);font-size: 1.7rem;}
.sale a:hover{color: #fff;background: #e74154;}
.sale .gold{font-size: larger;}
.sale b{color:#b3261e;font-size: larger;}
.author{width: 100%;color: #fff;background: #5475b0;padding: .8rem 0;}
.author .name{color: #ffe47f;font-size: 2rem;padding: .8rem 2rem .8rem 0;font-weight: bold;font-family: "Noto Serif TC", serif;}
.author .skill{font-size: 1.125rem;border-left: 1px dotted;padding:0 0 0 1.5rem;}
.point{width: 100%;padding: 0 0 3.5%;}
.point p{font-size:2.4rem;padding: .5rem 0;text-align: center;font-weight: bold;color: #fff7b1;font-family: "Noto Serif TC", serif;}
.point p span{color:#72499a;display: inline-block;}
.point p b{font-size: larger;padding: 0 .35rem 0 0;}
.point dl{width: fit-content;padding: .8rem 1.5rem;margin: auto;background: #fff;border-radius: 1rem;letter-spacing: 1px;}
.point dl dd{font-weight: bold;font-size: 1.3rem;border-bottom: 1px dotted #9e9e9f;line-height: 1.9rem;}
.point dl dd img{width: 6.5%;display: inline;padding: 0 .35rem .3rem .25rem;}
.point dl dd:nth-child(odd){color: #c78943;}
.point dl dd:nth-child(even){color: #8a6f2d;}
.point dl dd small{font-size: .65rem;padding: 0 .35rem 0 .1rem;vertical-align: middle;}
.point dl dd:nth-child(odd) small{background:linear-gradient(90deg,#ec723b, #e7aa56);background-clip: text;-webkit-background-clip: text;color: transparent;}
.point dl dd:nth-child(even) small{background:linear-gradient(90deg,#e73e0c, #e48c28);background-clip: text;-webkit-background-clip: text;color: transparent;}

/* 子頁 -------------------------------- */
.hitmaster{background: url(../images/1311074_line_bg.png) no-repeat bottom center / 100% auto, linear-gradient(0deg, #fff 85%, #ffffff83 100%);}
.hitmaster .banner , .hitmaster .books_read {width:calc(100% / 2);padding:.5rem 0 2rem;margin: auto;background: unset;flex-direction: column;}
.hitmaster .banner_title {padding: 0 .8rem .8rem .2rem;}
.hitmaster .books {top: .8rem;/*left: -.5rem;*/width: 98%;}
.hitmaster .books img{filter: drop-shadow(0px 1px 3px #0000003a);}
.hitmaster .books p {font-size: 1.05rem;line-height: 1.3rem;width: 60px;height: 60px;bottom: 23%;right: -8%;}
.hitmaster .banner_title .logo {width: 20%;display: inline-block;margin: 1rem 1rem .25rem 0;vertical-align: bottom;}
.hitmaster .banner_title h1 {font-size: 5.5rem;line-height: 6.5rem;}
.hitmaster .banner_title h2 {font-size: 3.35rem;line-height: 4.35rem;}
.hitmaster .allow {position: unset;border-radius: 2rem;padding: 0 1rem .6rem;width: auto;height: auto;background: #e9716e;animation: unset;}
.hitmaster .allow h3{font-size: 1.8rem;line-height: 1.6rem;text-align: center;color: #fff;border-radius: 50rem;padding: .5rem 0 0 .5rem;}
.title{font-size: 2.5rem;padding: 0 0 .125rem;font-family: "Noto Serif TC", serif;font-weight: bold;background: linear-gradient(0deg, #413975, #72499a, #8562a7);background-clip: text;-webkit-background-clip: text;color: transparent;}
.book{font-size: 1.5rem;text-align: left;font-weight: bold;font-family: Verdana, "Microsoft JhengHei";background: linear-gradient(to top, #c9811e, #e39d3e);background-clip: text;-webkit-background-clip: text;color: transparent;border-left: 10px solid #d58e2d;line-height: 1.8rem;}
.book a{text-decoration: underline;}
.book a:hover{color: #d58e2d;}
.book_info{font-size: 1.125rem;padding:.25rem .25rem .5rem;margin: 0 auto 1rem;border-bottom: 5px solid #72499a;}
.hitmaster .books figcaption{font-size: 1.05rem;line-height: 1.5rem;padding: .25rem 0 0;}
.quiz{font-size: 1.05rem;line-height: 1.6rem;}
.quiz dl{background: #FFFFFF;padding: .5rem 0;margin: .5rem auto;border-bottom: 4px dotted #ded9e9;}
.quiz dl:last-child{border-bottom: unset;}
.quiz dt{font-weight: 700;}
.quiz figure{font-weight: bold;padding:0 0 .25rem;font-family: Verdana, "Microsoft JhengHei";}
.quiz figcaption{font-weight: bold;padding: .5rem 0 0;color: #eb6865;}
.quiz_info{border: 1px solid #9579aaaa;margin-bottom: .5rem;padding: 1%}
.quiz dd mark{background: #fef87e;}
.hit {/*display: inline-block;width: 700px;*/display: block;width: 700px;margin: auto;}
.hit img , .book_info span img{width: 100%;}
.book_info figure span {display: inline-block;width: 800px;}
.ind125{text-indent: -1.25rem;margin-left: 1.25rem;;}
.ind17{text-indent: -1.7rem;margin-left: 1.7rem;;}
.ind09{text-indent: -0.9rem;margin-left: 0.9rem;;}
.tb_in_dd{text-align: center;}
.tb_in_dd tr:nth-child(1) span{border-bottom: 1px solid #000000;padding: 0 1.5rem;}

/*表格*/
.quiz{text-align: justify;}
.quiz_tb{margin: 1%}
.quiz_tb, .quiz_tb th, .quiz_tb td {border: 1px solid black;border-collapse: collapse;text-align: center}

/*Vuetab*/
.Vuecontainer {}
.Vuetabs {margin-bottom: -2px;}
.Vuetabs ul {/* list-style-type: none; margin-left:; */}
.Vuetabs a{font-size: 1.125rem;color: #333;cursor: pointer;border: 1px #fff dotted;padding: 1rem ;transition:.2s;/*border: 1px solid #ccc;border-right: none;*/background-color: #ded9e9 /*#d8dbeb #f1f1f1*/;width: calc(100%/3);text-align: center;}
/* .Vuetabs a:last-child {border-right: 1px solid #ccc;} */
.Vuetabs a:hover {background-color:#9579aa;color: #fff;}
.Vuetabs a.active {background-color: #fff;color:#72499a;/*font-weight: bold;*/font-size: 1.25rem;border-bottom: 2px solid #fff;cursor: default;}
.tabVuecontent {text-align: justify ;padding: 1.5rem 2rem .5rem;box-shadow: 0px 0px 10px #cccc;background: #fff;/* border: 1px solid #ccc;border-radius: 10px; */ }
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}

.hitlink{right: 5%;top: 2%;position: fixed;text-align: left;font-weight: bold;z-index: 99;border-radius: 8px;background-color: #ffffff;padding: .5% 1%;}
.hitlink dt{font-size:1.05rem;line-height:1.8em;text-align:left;color:#72499a;}
.hitlink dd{font-size:1.05rem;line-height:1.8em;text-align:left;color:#e9716e;display: flex}
.hitlink a{color:#e9716e;text-decoration: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 {
}