/* 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;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* css reset 歸0 end */

body{background:/*#f1ddb5*/ url('../images/1401035_bg_gold.jpg') no-repeat 100% / cover fixed /* url('../images/1401035_bg.jpg') no-repeat 100% / cover fixed*/; }
article{background: #fffefaee;border-radius: 0 0 1rem 1rem; /*background:linear-gradient(to bottom,#ffffff 40%, #ffefbf 76%);*/}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display:inline-block;max-width: 100%;height: auto;}
/*主圖*/
:root{
    --red1:#CD1A21;
    --red2:#5b063f;
    --linear1:linear-gradient(to right,#FFC499 57%,#FC852D 100%);
    --linear2:linear-gradient(to right, var(--red1) 57%, var(--red2) 100%);
    --golden_yeelow:#fff94e;
    --pink1:#ec57a5;
    --blue1:#344C98;
    --purple1:#6943b1;
}
small{font-size: .7em;/*font-weight: normal;*/}
mark{color: var(--red1);padding: 0 .3rem;background-color: transparent;}
.red{color: #ac161a;}
.margin_bottom{margin: 0 auto .8rem;display: inline-block;}
.jump_btn{margin:2% 0 0;}
.jump_btn a{font-size: 1.7rem;background: linear-gradient(to top, #060adf, #36bdff);text-decoration: blink;color: white;margin: 0 5px;padding: 6px 3%;border-radius: 14px;border: solid 1px#2fa4fa;box-shadow: inset 0px 2px 1px #d1eaff,0px 5px 3px 1px #1a9085;}
.jump_btn a:hover{ box-shadow: inset 0px 2px 1px #86c8ff;transform: translateY(1px);background: linear-gradient(to top, #0c20e3, #32b1fe); }

.sale_t{color:#ffeb3b;font-size: 1.5rem}
.mainlist {/* background: #e5d7a4; */margin: 0 27px 0;font-size: 1.8rem;line-height: 2.2rem;color: #072446;padding: 10px 0;text-align: center;position: relative;;border-radius: 50px;font-family: Verdana, "Microsoft JhengHei", Arial;font-weight: bold;}
.mainlist .maintitle { color: #e91e63;font-weight: bold;font-size: 1.7rem;line-height: 2rem; }
.mainlist .maininfo {color: #e08527;font-weight: bold;font-size: 1.65rem;line-height: 2.1rem;border-top: 2px #e99135 dotted;border-bottom: 2px #607d8b dotted;display: inline-block;margin: 0.7% 0;}
.bookmaps{text-align: center;}
.buy a {/* box-shadow: inset 0px 1px 0px 0px #7fb6ff; *//* background: linear-gradient(to bottom, #376dac 5%, #0b2156 100%); */background-color: #ac161a;border-radius: 50px;/* border: 1px solid #3264a1; */display: inline-block;cursor: pointer;margin: 3px 5px; padding: 6px 15px;text-decoration: none;color: white !important;font-size: 1.1rem;}
.buy a:hover {/*background: linear-gradient(to bottom, #ff4e4e 5%, #ea0303 100%);*/background-color: #bc954f;/*box-shadow: inset 0px 1px 0px 0px #ff8a8a;border: solid 1px #f22802;*/}
.buy a:active {	position:relative;top:1px; }
.justify-center {  justify-content: center;}
.text-center{text-align: center}

/*系列書籍*/
figure{margin: 0 20px;text-align: center;}
[class*="flex"]{display: flex;justify-content: center;flex-wrap: wrap;}

/*活動內容*/
h1{font-size: 3rem;}
h2{font-size: clamp(1.6rem, 5vw, 2.7rem);}
h3{font-size: 2rem;}
h4{font-size: 2.2rem;}

.banner{position: relative;border-bottom: 11px #f1ddb5 double;}
.gift{padding:0rem 2.5rem 1rem;border-radius: 0 0 20px 20px;position: absolute;bottom: 0;color: #fff5ed;}
.discount dl{width: 35%;margin: 0 1%;}
.discount dl:nth-child(2){width: 56%}
.r_mark{background: #FF0004;color: #FFFFFF}
.discount dd span.g_mark{color:#207000;}
.discount{text-align: center;margin:1.3rem auto .5rem;font-size: 1.25rem;padding: .5rem 0;line-height: 1.4;justify-content: space-around;width: 90%;}
.discount a{color: #07688b;margin: .1rem auto .3rem;display: inline-block;}
.discount mark{color: #fff67e;}
.discount dt{line-height: 1.3;font-size: 1.5rem;font-weight: bold;padding: .25rem 1rem;text-align: center;overflow: hidden;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffffcc;background: #edd29d;color: #07688b;margin:0 auto .4rem;clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0 0);position: relative;z-index: 0;}
.discount dt::before{position: absolute;content: '';width: 100%;height: 200%;background: #f9dfad ;z-index: -1;margin: auto;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);opacity: 0.8;transform: translate(-40%,-10%);}
.discount dt::after{position: absolute;content: '';width: 90%;height: 200%;background: #ffedba ;clip-path: polygon(50% 100%, 0 0, 100% 0);transform: translate(-80%,-20%);z-index: -2;margin: auto;}
.discount dd{font-weight: bold;padding: 0 0 0 .8rem;margin: 1rem auto 0;text-align: left;text-indent: -.8rem;}
.discount dd::before{content: "◆";flex: 0 0 0.2em;line-height: 1.4;transform: translateY(.05em);}
.discount dd > span{ flex: 1;}
.discount dd a{font-size: 1rem;font-weight: normal;}
.discount dd.no_dot{text-align: center;padding: .8rem 2rem 0;display: inline-block;border-top: 1px dashed #bf845a;font-size: 1.45rem;transition: all .3s ease-in;}
.discount dd.no_dot:hover{background: yellow;margin-left: 1rem;}
.discount dd.no_dot:hover a{text-decoration: none;}
.discount dd.no_dot:before{content: "";}
.discount dd.no_dot strong{color:#fff67e;}
.discount dd span{background-color: #fff67e;color: #ac161a;border-radius: .2rem;text-align: center;padding: .1rem .45rem;line-height: 1.2;margin: 0 .35rem;white-space: nowrap;}
.discount ul{text-align: center;list-style: none;justify-content: space-between;font-size: 1.2rem;}
.discount ul li{display: inline-block;margin:.4rem auto 0;}
.discount ul li::before{content: "▶";color: var(--red1);}

/*書籍明細*/
#event_Book h3 {text-align: center;font-size: 2.55rem;color: #ac161a;font-family: "Microsoft YaHei";margin:5rem 0 .5rem;}
#event_Book p{font-size: 1.4rem;text-align: center;}
#event_Book table{width: 100%;text-align: center;margin:.5rem auto .5rem;background: #fff;}
#event_Book .price{color: #ac161a;font-weight: bold;}
.book_discount a{color: #1c1c1c;padding: 1rem 0 0;font-size: 1.6rem;text-align: center;}
.booklist table{border-bottom:2px #bc954f6f solid;padding:0 0 .2rem 0;}
.booklist td {border-bottom: 2px #bc954f5f dotted;background-color: #fff;}
.booklist:nth-of-type(2) td:nth-child(2) {width: 25%}
.booklist td:nth-child(n+3) {width: 10%}
.booklist tr:nth-last-child(1) td {border-bottom: 0;}
.booklist tr.bgcolor1 {background-color: #2486a8;color: #fff;}
.booklist .bgcolor2{background-color: #bc954f;color: #fff;}
.booklist .bgcolor3{background-color:#bc343c;color: #fff;}
.booklist .bgcolor4{background-color:#39b139;color: #fff;}
.booklist td, .booklist th{padding: 5px 18px;}
.booklist td strong{color: #bc343c;font-size: 1.25rem;}
.booklist a{color: #2e3238;display: inline-block;}
.booklist a:hover{color: #bc343c;}
.booklist td p{text-align: left;}
.booklist td:nth-last-child(1) {color: #ac161a;font-weight: bold;}
.booklist{width: 90%;margin: auto;font-size: 1.05rem;}
.booklist h2{   color:#ac161a;margin-top:1.5rem;letter-spacing:.25rem;position: relative;display: flex;align-items: center;justify-content: center;gap: .3rem;padding: .4rem 0;}

/* 左右線（雙線：上、下各一條） */
.booklist h2::before,.booklist h2::after{
    content:"";flex: 1;height: 14px;opacity: .95;
    background:linear-gradient(#b71214, #b71214) top / 100% 1px no-repeat,linear-gradient(#b71214, #b71214) bottom / 100% 1px no-repeat;    
}
.booklist h2::before{ margin-right: 1.2rem; }
.booklist h2::after { margin-left:  1.2rem; }
.booklist h2 span{clip-path: polygon(50% 10%, 95% 50%, 50% 90%, 5% 50%);background: #ac161a;color: #fff;padding: 1rem;font-size: 85%;}
.booklist3 td {border-bottom: 2px #bc343c3f dotted;}
caption .small_title{font-size: 2rem;color: #a6813e;line-height: 2.25rem;}

.booklist table caption{text-align: center;margin: .5rem auto;line-height: 2.5rem;font-weight: bolder;}
.booklist table caption b{color: #ffffff;background: #2486a8;padding: 0.2rem 2rem 0.1rem;font-size:clamp(1.3rem, 3vw, 1.9rem);clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);}
.booklist table caption b.red{background: #ac161a;}
.booklist table caption b.green{background: #39b139;}
.booklist table caption span{font-size:1.2rem;font-weight: bolder;}
.booklist table caption span img{width: calc(97%/5)}
.booklist table caption span mark{color: #ac161a;}
#event_Book div td:nth-child(1) {text-align: left;}
.books_title:before {position: relative;content: "▶";}

/*書籍明細*/


/*ask&贈書明細*/
details {display: inline;}
details > summary { list-style: none;color: var(--red1);margin: .1rem auto .3rem;display: inline-block;font-size: 1rem;font-weight: normal;text-decoration: underline}
#event_Book .maglist{font-size: .9rem;font-weight: 400;margin-left: 4%;}
#event_Book .mag, .mag th, .mag td {border: 1px solid #FC852D;border-collapse: collapse;padding: .3rem 0.1rem;}
#event_Book .mag td {width: 50%;text-align: left}
#event_Book .mag tr:nth-child(even) {background: #f8f8f8;}
#event_Book .mag caption {text-align: left;font-size: 1.1rem;font-weight: 700;color: var(--red1);}
#event_Book .mag caption::before {content: '▪ ';}
#event_ask { width: 100%;margin:0 auto;padding:0;background-color:#e25467;display: inline-block;color: white; }
#askform{ width: 80%;padding: 4% 10% 5%;}
#askform p { line-height: 1.5em;padding-left: .8rem;text-indent: -.8rem;}
#askform SELECT{border-radius: 7px;width: 10%;padding: 0.5%;margin-right: 1%;margin-bottom: 1%;width: 15%;}
#askform input{font-size:1rem;border-radius: 5px;padding: 0.5%;margin-bottom: 1%;margin-left: 0;border: none;}
#askform input[type="submit"]{ color: #FFF;background-color: #9A1B1B;padding:0.5em; }
#askform input[name="sContent"]{ margin-left: 0%; }
#askform input[type="reset"]{ color: #FFF;background-color: var(--blue1);padding:0.5em; }
#askform input[type="text"]{ width:50%; }
#askform input.w60{ width:60%; }
#askform textarea{margin-bottom: 1%;width:100%;border: none;font-size:1rem;}
#askform h2{background: #ffefbf;font-size: 2em;color: #e25467;margin: 0 0 20px;text-align: center;clip-path: polygon(0 0, 100% 0, 98% 50%, 100% 100%, 0 100%, 2% 50%);}
#askform img{display: inline;width: auto}
.discount_2{background: linear-gradient(to bottom,#FFCACB,transparent);margin:0 auto;font-size: 1.3rem;width: 86%;padding:0.5rem 2rem 1.2rem;line-height: 1.5;}
.discount_2 a{color: var(--red1);margin: .1rem auto;display: inline-block;font-weight: bold;font-family: microsoft yahei;}
.discount_2 nav a{color: white;font-size: 1.3rem;padding: 0.5rem 0;}
.discount_2 dt{
    font-family: "MStiffHeiHK UltraBold";line-height: 1.3;font-size: 1.8rem;font-weight: bold;padding: 0rem 1rem;text-align: center;overflow: hidden;
    background: var(--red1);color: white;margin:0 auto .5rem;clip-path: polygon(100% 0, 98% 50%, 100% 100%, 0% 100%, 2% 50%, 0 0);position: relative;z-index: 0;
}
.discount_2 dt::before{
    position: absolute;content: '';width: 100%;height: 200%;background: #e2212b;z-index: -1;margin: auto;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);opacity: 0.8;transform: translate(-40%,-10%);
}
.discount_2 dt::after{
    position: absolute;content: '';width: 90%;height: 200%;background: #c11720;
    clip-path: polygon(50% 100%, 0 0, 100% 0);transform: translate(-80%,-20%);z-index: -2;margin: auto;
}
/* .discount dt:before{content: "★ ";} */
.discount_2 dd{font-weight: bold;display: inline-block;margin-right: 1rem;}
.discount_2 dd a{font-size: 1rem;font-weight: normal;}
.discount_2 dd:before{content: "● ";font-size: 1.1rem;}
.discount_2 dd.no_dot{text-align: center;padding: 0.2rem 2rem 0;display: inline-block;border:thin solid gray;font-size: 1.2rem;margin-top: 0.5rem;transition: all .3s ease-in;}
.discount_2 dd.no_dot:hover{background: yellow;margin-left: 1rem;}
.discount_2 dd.no_dot:hover a{text-decoration: none;}
.discount_2 dd.no_dot:before{content: "";}
.discount_2 dd.no_dot strong{color: var(--red1);}
.discount_2 dd span{background-color: var(--red1);color: white;border-radius: 50%;display: inline-block;text-align: center;width: 1.5rem;height: 1.5rem;line-height: 1.2;}
.discount_2 span{display: block;margin-left: 1rem;}
.discount_2 span{margin-left: 1.2rem;}
.discount_2 ul{text-align: center;list-style: none;justify-content: space-between;font-size: 1.2rem;}
.discount_2 ul li{display: inline-block;margin:.4rem auto 0;}
.discount_2 ul li:before{content: "▶";color: var(--red1);}
.discount_2 strong{color: var(--red1);font-family: microsoft yahei;}
.discount_box {margin: .1rem 1.2rem 1rem;justify-content: flex-start;}
.discount_izzue{background: #ffffff90;}

@keyframes aa{
	0%{background: #f63b00;}
	50%{background: #ffde00;}
	100%{background: #f63b00;}
}

#event_Book .price{color: var(--red1);font-weight: bold;}
.booklist a{color: #2e3238;display: inline-block;}
.booklist a:hover{color: #e91e63;}
.booklist td:nth-child(1){text-align: left;}
.booklist{padding: .5% 0 2%;width: 92%;text-align: center;margin: auto;}
.books_title{font-weight: 700;color: #e63a94;font-size: 1.15rem;}
.books_title:before {position: relative;content: "▶";}
.red_list .books_title{color: #ac161a;background: #ffe8ea}
.booklist .green_list .books_title{color: #03a506;background: #f3f9ea}
#event,#event_master,#event_Book {width: 100%;margin:0 auto;padding:0;font-family: Verdana, "Microsoft JhengHei", Arial}

/*購買*/
.buy{width: 100%;text-align: center; margin: 1% 0 4%;}

/*贈書明細*/
details {display: inline;}
details > summary { list-style: none;color: var(--red1);margin: .1rem auto .3rem;display: inline-block;font-size: 1rem;font-weight: normal;text-decoration: underline;    cursor: pointer;}

/*media區域*/
@media(max-width:767px){
    .banner{display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: flex-end;background: #ad1720;}
    .banner picture{display: block;height: 46vw;}
    caption span { display: flex;justify-content: center;flex-wrap: wrap; }
    .discount dl,.discount dl:nth-child(2){width: 92%;margin: 0 1% .5rem;}
    .gift{display: flex; flex-direction: column;position: relative;z-index: 2;}
    .discount{display: block;width: 100%;}
    @media screen and (max-width: 500px) { .booklist table caption img { max-width: 100%; width: calc(90%/2);} }    
	.booklist a {color: #2e3238;display: inline-block;}
	.booklist td, .booklist th {padding: 5px 4px 5px 0px;}
	.booklist th {white-space: nowrap;}
    .book_group dl{justify-content: center;}
    .book_group dd{padding: 0;}
	#event_notice p {font-size: 0.9em !important;line-height: 1.7em !important;text-indent: -0.8125rem;margin: 0 5% 0 10% !important;}
	.buy a {padding: 6px 12px;}
    .title{font-size: 1.9rem;}
    .series{font-size: 1.6rem;}
}