@import url("../../../icon_new_6.6/css/all.min.css");
/*DIY*/
:root{
	--tiffany-green: #3FC6CE;
    --purple-blue: #7b4394;
    --deep-blue: #162548;
    --orange: #E46128;
    --yellow: #FFD240;
}
.bg0{background: #3fc6ce;}
.bg2{background: white;}
.bg3{background: linear-gradient(146deg, #6ef585 5%, #ffb730 25%, #fe94cc 81%, #5559e0 91%) fixed;}
body *{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight: ;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.list_container{position: relative;z-index: 0;}
.list_container::before{position: absolute;content: '';background: url("../images/boy.png") 100%/100% no-repeat;width: 365px;height: 330px;left: -4.1rem;top: -22rem;z-index: 1;}
.list_subject{
	width: calc(100%/3 - .3rem);text-align: left;background: #fffbea;padding: .6rem 1rem;border-radius: 20px;z-index: 0;position: relative;
	border: 3px var(--tiffany-green) solid;margin: -2rem auto 2rem;box-shadow: #46464666 0 20px 15px -15px;
}	
.sub_title dt{font-weight: 900;font-size: clamp(1.2rem, 5vw, 1.8rem);text-align: center;color: var(--purple-blue);border-bottom: solid 3px var(--purple-blue);margin-bottom: 0.5rem;}
.sub_title dd{font-size: clamp(1rem, 5vw, 1.2rem);text-align: center;color: var(--blood);}
.sub_title~div{background: white;padding: .5rem .7rem;margin: .5rem .2rem;border-radius: 8px;border: solid 1px var(--yellow);box-shadow: #46464640 0 13px 11px -6px;}
.sub_des{font-size: clamp(1rem, 5vw, 1.1rem);width: fit-content;color: var(--peach);margin: 0 .6rem;}

/*舊稿複製*/
.phase, .offer_title{padding: .5rem 0;text-align:center;font-weight:600;background: var(--purple-blue);color:#fff;width: 100%;display: inline-block;font-size:clamp(1.5rem, 5vw, 2.5rem);border-radius: 3rem;}
:is(.phase, .offer_title, .books_title) span{color: var(--tiffany-green)}
.exp-box{width:calc(100% / 3 - 1rem);margin:1rem auto;background-color: #f1f0f0;display:flex;flex-wrap:wrap;box-shadow:#46464666 0 20px 15px -15px;overflow:hidden}
.exp-box dl{width:100%;order:1;padding:1rem;position:relative;z-index:0}
.exp-box dl:before{position:absolute;content:"";background:var(--tiffany-green);width:100%;height:105%;top:0;left:0;margin:auto;z-index:-1;clip-path:polygon(100% 0,100% 88%,82% 100%,0 88%,0 0)}
.exp-box dl dt{font-size:clamp(1.2rem, 5vw, 1.75rem);color:white}
.exp-box dl dt span{font-size:.7em}
.exp-box dl dd{font-size:clamp(1rem, 5vw, 1.2rem);}
.exp-box dl dd span{color: var(--purple-blue); background: white;border-radius: 6px;padding: 0 .5rem;}
.exp-box dd strong{font-size:clamp(1.1rem, 5vw, 1.35rem);color:var(--purple-blue);margin-left:.25rem;display: inline-block;font-weight: normal;}
.pl-2em{padding-left:1.75em}
.exp-box p{padding:1rem;order:2;text-align: left;}
.exp-box p a:last-of-type{display:block;text-align:center;padding:0 .5rem;color:#fff;background:var(--purple-blue);text-decoration:none;margin-top:1.5rem;font-size:1rem;font-weight:400}
.exp-box p a{color:var(--blood);font-weight:700}
.exp-box p strong {color: var(--peach);}
.arrow{animation:arrow_linear .6s ease infinite alternate forwards;border-bottom-style:none;position:relative}
.price-box{width:calc(100% / 2 - 2rem);margin:1rem;background:linear-gradient(135deg,#fffaec 20%,#fff 60%,#f5ebcf 100%);border-radius:2rem;padding:1rem 1.35rem 2rem;display:flex;flex-wrap:wrap;box-shadow:#46464666 0 20px 15px -15px;transition:.5s}
.price-tag{font-size:2rem;width:100%;color:var(--peach);transition:.5s}
.price-box dl{width:calc(100% / 2 - 1rem);margin:.5rem;font-size:1.2rem;color:var(--blood)}
.price-box dl dt{border-bottom:1px solid #c3c3c3;font-size:1.25rem;margin-top:1rem;padding-left:.25rem}
.price-box dl dd:first-of-type{color:var(--peach);font-weight:700}
.price-box dl dd{display:inline-block;margin:.25rem .25rem 0}
.price-note{width:fit-content;margin:1rem auto;font-size:1.1rem}
.price-note li::before{content:'☻';vertical-align:text-bottom}
.books__container{border: 3px dashed var(--tiffany-green);padding: 1rem 2rem;width: 86%;margin: 2rem auto;text-align: center;}
.books_title{font-size: clamp(1.5rem, 5vw, 2.5rem);color: var(--tiffany-green);}
.offer_title{margin-top: 2rem;}
.extend-btn{text-align:center;padding:1rem 0}
.extend-btn li{font-size:1.5rem;display:inline-block;text-decoration:none;color:var(--purple-blue);margin:0 2rem;border-bottom:solid 2px var(--purple-blue)}
.extend-btn li::before{content:'\f105';font-weight:700;font-family:"Font Awesome 5 Free";margin-right:.25rem}
.seg-box{width:calc(100% / 3);text-align:center;position:relative;z-index:0;transition:.2s ease-in-out}
.segment{padding:1rem 0;}
.seg-box:nth-of-type(odd) i{background-color:var(--blood)}
.seg-box i{font-size:3rem;width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto auto 1rem;color:#ffffffbf}
.seg-box strong{display:block;font-size:clamp(1.2rem, 5vw, 1.8rem);color:var(--purple-blue);}
.seg-box a{font-size:1.25rem;text-decoration:none;border-bottom:1px solid}
.seg-box::after{position:absolute;content:'';z-index:-1;width:100%;height:110%;left:0;top:0;opacity:0;background:linear-gradient(to bottom,transparent 0%,#f5ebcf 100%);border-radius:40px;box-shadow:#5c5c5c4d 0 40px 40px -30px;margin:auto}
.seg-box:nth-of-type(even) i{background-color:#6168ff}
.seg-box:nth-of-type(3n) i{background-color:#0abf53}
/*DIV END*/

:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
	--peach: #ed6663;
    --papaya: #ffa372;
    --skyblue: #039be6;
    --blood: #990033;
}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

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

/*Back to top button */
#back-top{position:fixed;bottom:30px;margin-left:-150px;right:1%;z-index:99}#back-top a{width:50px;height:50px;border-radius:50%;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;transition:1s}#back-top a:hover{color:#000}#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:rgba(99,99,99,0.74) url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #eb543f;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #585858;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 88px;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media all and (min-width: 1px) and (max-width: 1200px){ 
	.sub_des{width: -webkit-fill-available;}   
	/*ask*/
	#askarea{width: 100%;padding: 0.8rem;}
	#askarea .asktitle{font-size: 1.1rem;}
	#askarea .asktitle > p{line-height: 2.2rem;}
	#formlist{margin: 0 auto;}
	#askarea input[type="text"],#askarea select{width:100%;}
	#askarea input[type="checkbox"]{width: initial;}
	#formlist label{font-size: 1.0rem;}
	#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
	#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}
}

@media (min-width: 1000px) and (max-width: 1400px) {
	.list_container::before{width:290px;height: 265px;left: 4.2rem;top: -17rem;}
}
@media (min-width: 931px) and (max-width: 1000px) {
	.list_container::before{width: 255px;height: 233px;left: 3.7rem;top: -15rem;}
}
@media (min-width: 768px) and (max-width: 930px) {
	.list_container::before{width: 228px;height: 208px;left:2rem;top: -14rem;}
}
@media (max-width: 767px) {
	.list_container::before{width: 225px;height: 205px;left: -5.2rem;top: -12.5rem;}
	@media screen and (max-width: 500px) {.list_container::before{width: 170px;height: 155px;top: -11rem;left: -4rem;}}
	@media screen and (max-width: 430px) {.list_container::before{width: 160px;height: 146px;top: -10rem;left: -4rem;}}
	@media screen and (max-width: 380px) {.list_container::before{width: 150px;height: 137px;top: -9rem;}}
	@media screen and (max-width: 320px) {.list_container::before{display: none;}}
	.list_subject,.exp-box,.price-box{width: calc(100%/1);}
	.seg-box {width: calc(100%);margin-bottom: 1rem;}
	.price-note{margin: 1rem;}
}