@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;700;900&family=Hahmlet:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');

:lang(ko), .ko {font-family:'Hahmlet';}


body{
	font-family:"genyogothictw",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	line-height:1.5em;
}

.header-sidemenu ul{
	padding-inline-start: 0px;
}
#post-text a.normal-hover{cursor: pointer;color: #337ee4;border: 1px solid transparent;border-bottom: 1px dashed #337ee4;}
#post-text a.normal-hover:hover {border-bottom: 1px solid transparent;}
#post-text a.normal-hover:active, a.normal-hover:focus {text-decoration: none;outline: none;border: 1px solid;background-color: rgba(51,126,228,.16);}

/*20220512 文章區塊使用CSS*/
.youtube-rwd {
position: relative;
padding-bottom: 56.25%;
}
 
.youtube-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*Title*/
.title-style1 {color: #567cd2;font-weight:900;text-align: center;padding: 0.25em;border-top: solid 2px #567cd2;border-bottom: solid 2px #567cd2;background: -webkit-repeating-linear-gradient(-45deg, #f0f4ff, #f0f4ff 3px,#e5edff 3px,#e5edff 7px);background:repeating-linear-gradient(-45deg, #f0f4ff, #f0f4ff 3px,#e5edff 3px, #e5edff 7px)}
/*ul list*/
ul.ul-style-1, ul.style1 {position: relative;margin: 0;padding:0}
ul.ul-style-1 li, ul.style1 li {padding: 1em 0 1em 2em;border-bottom: dashed 1px silver;list-style-type: none!important;}
ul.ul-style-1 li:last-of-type, ul.style1 li:last-of-type {border-bottom: none;}
ul.ul-style-1 li:before, ul.style1 li:before {font-family: "Font Awesome 5 Free";content: "\f138";position: absolute;left:.5em;font-weight:900;color: #567cd2;}

/*Slider*/
.nav-button__next, .nav-button__prev{
background-color: #567cd2;
height: 30px;
padding: 4px;
width: 30px;
z-index: 1;
}
.nav-button__next .icon, .nav-button__prev .icon {height: 20px;width: 20px;}


/*文章目錄*/
.lwptoc {margin: 30px auto 60px!important;max-width: 768px;}
.lwptoc_toggle {float: right}
.jet-carousel__item {padding-top: 0}
.lwptoc .lwptoc_i{padding:20px}
.lwptoc_item {line-height: 1.8em;margin: 5px 0}
.lwptoc_header {margin-bottom:20px!important}
.lwptoc .lwptoc_i A:hover{color:#567cd2!important}
.lwptoc_itemWrap .lwptoc_itemWrap {margin-left:25px}

.teacher-photo .swiper-slide-contents {
    background: rgba(255,255,255,.6);
    padding: 15px;
    width:100%;
}



#formsignup {text-align: initial}
#formsignup .form_groups {position: relative;margin-bottom: 25px}
#formsignup .form_groups input[type=tel],#formsignup .form_groups input[type=text] {
font-size: 14px;padding: 5px 5px 10px 5px;display: block;width: 100%;border: none;border-bottom: 1px solid #757575;border-radius: 0}
#formsignup .form_groups input[type=tel]:focus,#formsignup .form_groups input[type=text]:focus {outline: 0}
#formsignup .form_groups input[type=tel]~label,#formsignup .form_groups input[type=text]~label {color: #999;font-size: 14px;font-weight: 400;position: absolute;pointer-events: none;left: 5px;top: 10px;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s}
#formsignup .form_groups input[type=tel]:focus~label,#formsignup .form_groups input[type=tel]:valid~label,#formsignup .form_groups input[type=text]:focus~label,#formsignup .form_groups input[type=text]:valid~label {top: -16px;font-size: 12px;color: #ff7a96}
#formsignup .bar {position: relative;display: block;width: 100%}
#formsignup .bar:after,#formsignup .bar:before {content: '';height: 2px;width: 0;bottom: 1px;position: absolute;background: #ff7a96;transition: .2s;-moz-transition: .2s;-webkit-transition: .2s}
#formsignup .bar:before {left: 50%}
#formsignup .bar:after {right: 50%}
#formsignup .form_groups input[type=tel]:focus~.bar:after,#formsignup .form_groups input[type=tel]:focus~.bar:before,#formsignup .form_groups input[type=text]:focus~.bar:after,#formsignup .form_groups input[type=text]:focus~.bar:before {width: 50%}
#formsignup .highlight {position: absolute;height: 60%;width: 100px;top: 25%;left: 0;pointer-events: none;opacity: .5}
#formsignup .checkboxes-form-group {margin-bottom: 5px;text-align: left;font-size: 14px;letter-spacing: 1px}
#formsignup .checkboxes-form-group h4 {margin: 5px 0;font-size: 12px;font-weight: bolder}
#formsignup .form-control {border-radius: 0;padding: 0 10px;height: 36px;margin: 10px 0;-webkit-box-shadow: none;box-shadow: none}
#formsignup .send_button {background: #ff7a96;border: none;width: 120px;margin: 20px auto;letter-spacing: 1px;transition: .5s}
#formsignup .send_button:active,#formsignup .send_button:focus,#formsignup .send_button:hover {background: #00b9bc}
#formsignup .checkboxes-form-group input {-webkit-appearance: none;-moz-appearance: none;appearance: none}
#formsignup .checkboxes-form-group input[type=checkbox],.checkboxes-form-group input[type=radio] {z-index: 0;position: absolute;opacity: 0}
#formsignup .checkboxes-form-group label {position: relative;display: inline-block;line-height: 22px;cursor: pointer;margin-bottom: 3px;padding: 4px 10px 4px 24px;font-weight: 400;color: #333}
#formsignup .checkboxes-form-group label:first-child {padding-left: 0;color: #aaa;font-weight: 500}
#formsignup .checkboxes-form-group label::before {content: " ";position: absolute;display: block;border-radius: 2px;left: 0;top: 5px;border: 1px solid #cfcfcf;height: 18px;width: 18px}
#formsignup .checkboxes-form-group label:first-child::before {display: none;padding-left: 0}
#formsignup .checkboxes-form-group input[type=radio]+label::before {border-radius: 18px}
#formsignup .checkboxes-form-group input[type=checkbox]:checked+label,.checkboxes-form-group input[type=radio]:checked+label {z-index: 1;color: #fff;font-weight: 300;padding: 5px 10px}
#formsignup .checkboxes-form-group input[type=checkbox]:checked+label::before,.checkboxes-form-group input[type=radio]:checked+label::before {top: 0;width: 100%;height: 100%;background: #ff7a96;border-color: #ff7a96;z-index: -1}
#formsignup .checkboxes-form-group label,#formsignup .checkboxes-form-group label::before {-webkit-transition: .25s;-o-transition: .25s}
@media screen and (min-width:992px) {#formsignup .input_boxes_group {margin-bottom: 30px}}

/** Start Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/

.envato-block__preview{overflow: visible;}

/** End Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/



/** Start Block Kit CSS: 69-3-4f8cfb8a1a68ec007f2be7a02bdeadd9 **/

.envato-kit-66-menu .e--pointer-framed .elementor-item:before{
	border-radius:1px;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper{
	position:relative;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper .elementor-field-type-submit{
	position:static;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper .elementor-field-type-submit button{
	position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webmit-transform: translate(0, -50%);
}

.envato-kit-66-testi-slider .elementor-testimonial__footer{
	margin-top: -60px !important;
	z-index: 99;
  position: relative;
}

.envato-kit-66-featured-slider .elementor-slides .slick-prev{
	width:50px;
	height:50px;
	background-color:#ffffff !important;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	left:-25px !important;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
}

.envato-kit-66-featured-slider .elementor-slides .slick-prev:before{
	display:block;
	margin-top:0px;
	margin-left:0px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

.envato-kit-66-featured-slider .elementor-slides .slick-next{
	width:50px;
	height:50px;
	background-color:#ffffff !important;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	right:-25px !important;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
}

.envato-kit-66-featured-slider .elementor-slides .slick-next:before{
	display:block;
	margin-top:-5px;
	margin-right:-5px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

.envato-kit-66-orangetext{
	color:#f4511e;
}

.envato-kit-66-countdown .elementor-countdown-label{
	display:inline-block !important;
	border:2px solid rgba(255,255,255,0.2);
	padding:9px 20px;
}

/** End Block Kit CSS: 69-3-4f8cfb8a1a68ec007f2be7a02bdeadd9 **/



/** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/

.envato-block__preview{overflow: visible;}

/* Envato Kit 141 Custom Styles - Applied to the element under Advanced */

.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
	text-align: center;
}
.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p {
	margin-top: 0;
}

.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.envato-kit-141-bottom-0 p {
	margin-bottom: 0;
}

.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
	margin-bottom: .5rem;
}

.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
	padding-bottom: 52px;
}

.envato-kit-141-display-inline {
	display: inline-block;
}

.envato-kit-141 .elementor-slick-slider ul.slick-dots {
	bottom: -40px;
}

/** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/



/** Start Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/

.envato-block__preview{overflow: visible;}
/* Material Button Click Effect */
.envato-kit-140-material-hit .menu-item a,
.envato-kit-140-material-button .elementor-button{
  background-position: center;
  transition: background 0.8s;
}
.envato-kit-140-material-hit .menu-item a:hover,
.envato-kit-140-material-button .elementor-button:hover{
  background: radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
}
.envato-kit-140-material-hit .menu-item a:active,
.envato-kit-140-material-button .elementor-button:active{
  background-color: #FFF;
  background-size: 100%;
  transition: background 0s;
}

/* Field Shadow */
.envato-kit-140-big-shadow-form .elementor-field-textual{
	box-shadow: 0 20px 30px rgba(0,0,0, .05);
}

/* FAQ */
.envato-kit-140-faq .elementor-accordion .elementor-accordion-item{
	border-width: 0 0 1px !important;
}

/* Scrollable Columns */
.envato-kit-140-scrollable{
	 height: 100%;
   overflow: auto;
   overflow-x: hidden;
}

/* ImageBox: No Space */
.envato-kit-140-imagebox-nospace:hover{
	transform: scale(1.1);
	transition: all 0.3s;
}
.envato-kit-140-imagebox-nospace figure{
	line-height: 0;
}

.envato-kit-140-slide .elementor-slide-content{
	background: #FFF;
	margin-left: -60px;
	padding: 1em;
}
.envato-kit-140-carousel .slick-active:not(.slick-current)  img{
	padding: 20px !important;
	transition: all .9s;
}

/** End Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/



/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.envato-block__preview{overflow: visible !important;}

/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

