/* 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: url(../images/1304035_topbg.png) no-repeat center 0px, linear-gradient(to bottom, #dcd2b500 5%, #f6f6f6 26%)}
.bgcolor2 {
background-color: #008d90;
background: url(../images/0.png) no-repeat top center, linear-gradient(to left, #117a74 0%, #ba9d45 100%);
padding: 18px 0;
border-bottom: 10px #f0efeeed dotted;
margin-bottom: -3px;
margin-top: 0px;
}
.bgcolor3 {border-top: 10px #e0c097 solid;border-bottom: 10px #f44336 dotted;padding: 0.5% 0;background: linear-gradient(to left ,#e0cfa300 0% ,#fff 30%,#fff 70% ,#e0cfa200 100% ),url(../images/1107086_bg.jpg) repeat top center;}
.bgcolor4 {
background: linear-gradient(to left, #e0cfa300 0%, #fff 30%, #fff 70%, #e0cfa200 100%), url(../images/1107086_bg.jpg) repeat top center;
background: url(../images/1304035_bgg.png) no-repeat center 0px, linear-gradient(to bottom, #dcd2b500 5%, #f6f6f6 26%);
}
.bgcolor5{background-color: #EBEBEB;}
.bgcolor6 {background: linear-gradient(to left, #e0cfa300 0%, #fff 30%, #fff 70%, #e0cfa200 100%), url(../images/1304035_bg2.jpg) repeat top center;}
.w-full {width: 100%;}
.flex {display: flex;flex-wrap: wrap;margin: 1.2rem auto 0;align-items: flex-end;}
.red{color:#E91E63;font-family: Verdana,"Microsoft YaHei"}
h1{font-size: 3rem;}
h2{font-size: 2rem;}
.br_pc{ display:block}
small{font-size: smaller}
.num_font{font-family: Verdana,"Microsoft JhengHei";}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
.text-center{text-align: center;margin-top: 10px;}
/*主圖*/
#event_master .top-t1 {display: flex;align-items: flex-start;justify-content: center;}
#event_master .top-t2 {}
#event_master .top-t2 img{}
#event_master h1,#event_master h2,#event_master h3{text-align: center}
#event_master h2 {font-size: 2rem;padding: 0.5% 4.3%;font-family: "Microsoft YaHei";border-radius: 50px;/* display: flex; */margin: 3% auto 0;/* justify-content: center; */width: max-content;/* align-items: center; */background: linear-gradient(to left, #9b7d478f -18%, #9b7d47 26%, #9b7d47 69%, #9b7d478f 118%);color: #fff;letter-spacing: 2px;}
#event_master h2 i {font-size: 2.35rem;margin-left: 7px;display: none}
#event_master h3 {font-size: 2.1rem;padding: 0.7% 0 1%;color: #000;/* font-family: "Microsoft YaHei"; */}
#event_master h3 i {color: #F44336;margin-right: 3px;}
#event_master .banner{ padding:2% 2% 1%;}
#event_master .banner img {width: auto;/* float: left; */}
/*.t1,.t2 {font-family: MStiffHeiHK;display: inline-flex;flex-direction: column;vertical-align: top;font-size: 6.5rem;line-height: 7rem;margin-left: 1%;}*/
/*活動*/
#event_discount {}
#event_discount h4{font-size: 2rem;text-align: center; padding: 2% 0 0;color: #e91e63}
#event_discount dl {}
.discount{padding: 2% 9%;margin: 0 auto;align-items: center;text-align: center;}
.discount dt {border: 4px solid #baa786;margin: 0 1%;padding: 1%;/*clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);*/clip-path: polygon(99% 0, 95% 50%, 99% 100%, 1% 100%, 5% 50%, 1% 0%);color: #fff;background: #d30447;padding: 0.2rem 3rem 0.1rem;font-size: 3rem;margin: 0.5% auto;}
/*.discount dd {font-size: 1.3rem;line-height: 1.9rem;}*/
.discount dd {font-size: 2.5rem;line-height: 3rem;width: 100%;}
.discount dd a{color: #d30447;font-weight: bold;}
/*.discount dd a.buy {color: #d30447;font-weight: bold;border: 2px #00BCD4 solid;border-radius: 50px;padding: 5px 10px 3px;text-decoration: none;background-color: #ffffff70;}*/
.discount dd a.buy {
color: #d30447;
font-weight: bold;
border: 2px #00BCD4 solid;
border-radius: 50px;
padding: 2px 14px 0px;
text-decoration: none;
background-color: #ffffff70;
font-size: 1.9rem;
line-height: 2.5rem;
margin-top: 3px;
display: inline-block;
}
.discount b{color: #F44336;font-family: Verdana, "Microsoft JhengHei";font-size: 3rem;}
.discount strong{color: #117a74;font-family: Verdana, "Microsoft JhengHei";font-size: 2.5rem;}
.discount dd i {font-size: 1.9rem;color: #00BCD4;padding-right: 3px;}
/*.allow {
position: absolute;
text-decoration: none;
width: 94px;
height: 87px;
border-radius: 50%;
right: -3%;
top: -20%;
padding: 7px 0 0;
color: white;
background: #ea5e00;
line-height: 26px;
text-align: center;
font-size: 1rem;
z-index: 99;
right: -8%;
top: 0;
}*/
.allow {
/*position: relative;*/
position: absolute;
text-decoration: none;
width: 94px;
height: 87px;
border-radius: 50%;
padding: 7px 0 0;
color: white;
background: #ea5e00;
line-height: 26px;
text-align: center;
font-size: 1rem;
z-index: 99;
right: 22px;
/*right: -341px;*/
/*top: 117px;*/
}
@keyframes move {
0% { top: -20%; }
50% { top: -19.3%; }
100% { top: -20%; }
}
.allow span {
display: block;
font-size: 1.5rem;
font-weight: bold;
color: #fffec8;
}
.allow a {
color: #fffFFF;
text-decoration: none;
}
.t1{
font-family: MStiffHeiHK;
display: inline-flex;
/* flex-direction: column; */
vertical-align: top;
font-size: 6.5rem;
line-height: 7rem;
margin-left: 1%;
align-items: flex-start;
letter-spacing: -3px;
}
.t2 {
}
.t1_bg {
background: linear-gradient(to bottom, #386359, #356156, #1c4037);
/* background: linear-gradient(to bottom, #386359, #738732, #15891a); */
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: #f44336;font-weight: bold;font-family: "Microsoft YaHei";font-size: 2.2rem;text-decoration: underline;vertical-align: top;}
.t4 {color: #f44336;font-weight: bold;font-family: "Microsoft YaHei";font-size: 2.2rem;vertical-align: top;}
.salegroup{text-align: center;font-size: 2rem;padding-top: 3%;}
.salegroup a{color: #8a0127;font-weight: bold;}
/*特點*/
.feature_group {width: 80%;margin: 0 auto;}
.feature {
width: calc(84% / 3);
text-align: center;
font-weight: bold;
background-color: #f2eee5;
margin: 1% 2%;
padding: 2% 0;
border-radius: 50px;
border: 2px #c5b393 solid;
border-left: 6px #c5b393 solid;
border-right: 6px #c5b393 solid;
}
.feature div:nth-child(1) {
font-size: 2rem;
line-height: 2.2rem;
font-family: "Microsoft YaHei";
color: #9b7d47;
letter-spacing: 3px;
}
/*.tt1 {color: #9b7d47;}
.tt2 {color: #67a2aa;}
.tt3 {color: #df69e1;}*/
.tt4 {color: #2c3032;font-size: 1.25rem !important;margin: 0 !important;display: initial !important;}
.tt5 {font-size: 1.47rem;line-height: 2rem;margin-top: 5%;margin-left: 4%;font-weight: normal;}
#demos{position: relative;width: 100%;margin: 0 auto;}
.owl-carousel .owl-stage-outer {/*width: 100%; background-color: #ccc; */}
.owl-carousel .series_group .book{width:99%}
.owl-carousel .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none;margin: 0 4% 2%;}
.owl-carousel .owl-item img {/*display: block;width: 100%;*/}
.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 #ea5e00 transparent transparent;filter: drop-shadow(1px 2px 3px #0000001f);left:-25px;}
.owl-next{border-width:15px 0px 15px 15px;border-color:transparent transparent transparent #ea5e00;filter: drop-shadow(1px 2px 3px #0000001f);right:-25px;}
.owl-stage {/*width: 100%;*/display: flex;justify-content: center;}
.owl-carousel.owl-drag .owl-item{ margin: 0 1.5%;}
/*書單*/
.series_group{text-align:center;padding: 5% 2% 2%;position: relative;}
.series >div {font-size: 3.5rem;font-weight: bold;padding: 0.2% 4.5%;}
.series >div>span{font-size: 1.7rem;font-weight: bold;}
.series >p{font-size: 1.35rem;padding-top: 0.9%;}
.series >p {font-size: 2.3rem;padding-top: 0.9%;color: #9b7d47;margin-bottom: -12px;}
/*.book_group{padding: 1.1% 0 2%;border-radius: 20px;background-color: #fff;border-radius: 20px 20px 0 0;}*/
.book_group {padding: 1% 0 4%;border-radius: 20px;background-color: #ffffff;border: 1px #c5b393 solid;border-top: 0px #c3b190 solid;border-bottom: 0;width: 80%;}
.book{position:relative;width: calc(100%/2 - 4px);/*margin-top: -6%*/ margin: 0 0 3.5%;}
.book img {width: 255px;margin-left: -2%;}
.book .memory {margin: 0 3% 2.5%;}
.book .memory img {width: 255px;/*margin-left: -14%;*/}
.book .one img{width: 270px;/*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}
/*.book h3 a {color: #5d7156;font-size: 1.55rem;line-height: 2.9rem;}*/
.book h3 a {color: #5d7156;font-size: 1.55rem;line-height: 2.1rem;margin-top: 7px;display: inline-block;}
.book ul li{display: inline;margin: 0 5px;}
.book3_top{}
.book5_top{margin: 0 auto}
.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: 88%;border-radius: 50px;padding: 0.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 {background: #f2eee5;text-align: left;margin: 0 0 1.5%;padding: 3.1% 2% 2%;border-radius: 0 0 20px 20px;border-top: 7px #ddd5c4 solid;border-bottom: 8px #bb9d45 solid;}
.title {font-size: 1.8rem;line-height: 2.2rem;color: #d50101;padding: 7px 0 2px;margin-bottom: 5px;font-weight: 700;text-align: center}
.student {margin: 0 1rem;}
.name {font-weight: 700;font-size: 1.45rem;color: #4d7385;line-height: 2rem;}
.name span{font-size: 1.12rem;margin-left: 1%;}
.student a {color: #C33;font-weight: bold;color: #9b7d47;font-size: 1.12rem;}
.student p {margin: 0.5% 2%;line-height: 1.5rem;font-size: 1.07rem;line-height: 1.7rem;}
.winner_t {background-color: #f37673;padding: 6px 12px;color: #fff;border-radius: 4px;}
/*表單*/
#event_ask {
width: 100%;
margin:0 auto;
padding:0;
background-color: #d3c5a1;
border-top: 7px #f0dfb4 solid;
display: inline-block;
}
#askform {
width: 70%;
padding: 3% 4% 2.5%;
margin: 0 auto;
}
#askform p {
line-height: 1.5em;
}
#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: #d30447;
padding:0.5em;
width: 100px;
}
#askform input[name="sContent"]{
margin-left: 0%;
}
#askform input[type="reset"]{
color: #FFF;
background-color: #607D8B;
padding:0.5em;
width: 100px;
}
#askform input[type="text"]{
/*width:50%;*/
}
#askform textarea {font-size:1rem;margin-bottom: 1%;width: 100%;border: none;padding: 7px;border-radius: 10px;}
#askform h2 {
color: white;
margin: 0 0 20px;
position: relative;
text-align: center;
background: #d30447;
padding: 0.2rem 3rem 0.1rem;
font-size: 2rem;
border: 3px solid #baa786;
clip-path: polygon(100% 0, 98% 50%, 100% 100%, 0% 100%, 2% 50%, 0% 0%);}
/* #askform h2:before,#askform h2:after{content:"";position: absolute;border-style:solid;width: 0;height: 0;}
#askform h2:before{border-color: transparent #fff94e transparent transparent;border-width: 23px 16px 23px 0px;right: 0;}
#askform h2:after{border-color:transparent transparent transparent #fff94e;border-width:23px 0px 23px 16px;left:0;}*/
#askform img{display: inline;width: 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 {
}