/*

Theme Name:   Hello Elementor by Art Tangency Creation Code Team CG, LLTChen

Theme URI:    https://github.com/elementor/hello-theme

Template:     hello-elementor

Author:       Art Tangency Creation Code Team CG, LLTChen

Author URI:   https://elementor.com/

Description:  Hello Elementor by Art Tangency Creation Code Team CG, LLTChen

Version:      24.11.08

Text Domain:  hello-elementor

Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready

*/
/* ==================== Default ==================== */
html,body {font-family:"LiHei Pro Medium","Apple LiGothic Medium","Taipei Sans TC Beta",'Noto Sans TC',"Microsoft JhengHei",'Quicksand';}
p {line-height: 140%;}
.CG_pos_fix {position:fixed !important;}
.CG_pos_abs {position:absolute !important;}
.CG_floatL {float:left;}
.CG_floatR {float:right;}
.CG_clear::after {content:""; display:table; clear:both; height:0px;}
.CG_clear {zoom:1;/*IE6+7*/}
.CG_bottomZero {padding-bottom:0 !important; margin-bottom:0 !important;}
.CG_bottomZero p {margin-block-end:0 !important;}
.CG_pointeventFalse {pointer-events: none;}
.ATC_hide {visibility: hidden;}
.ATC_none {display: none;}
.ATC_overHide {overflow: hidden;}
.ta-R{text-align:right;} .ta-L{text-align:left;} .ta-C{text-align:center;}
.cssTable {display:table;}
.cssTable > dl, .cssTable > ul {display: table-row;}
.cssTable > dl > dt, .cssTable > dl > dd, .cssTable > ul > li {display: table-cell;}
.cssFlex {display:block;}
.cssFlex > dl, .cssFlex > ul {display: flex;  margin: 0;}
.cssFlex > ol {margin: 0; padding: 0;}
.cssFlex > ol > li {list-style: none; padding: 20px;}
.cssFlex > dl > dt, .cssFlex > dl > dd, .cssFlex > ul > li {
	display: block; margin: 0 auto; box-sizing: border-box; padding: 20px; border-bottom: 1px solid #aaa;
}
.CGc {-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); -o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1); transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);}
.fullMask {
	width:100%; height:100vh; position:fixed; top:0; left:0; pointer-events: none; display:none; z-index:99;
	background: linear-gradient(135deg,  #87cde7 16%,#87cde7 16%,#1e5799 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.fullMask::after {
	content: ''; width: 100px; height: 160px; display: block; margin: calc(50vh - 80px) auto 0px;
	background: no-repeat 50% 50%; background-image: url(images/mark_IONTU.png); background-size: contain;
	-webkit-animation: op 1s linear infinite alternate; -moz-animation: op 1s linear infinite alternate; -ms-animation: op 1s linear infinite alternate; -o-animation: op 1s linear infinite alternate; animation: op 1s linear infinite alternate;
}

/* over line */
.ovLine {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ovLineM, .ovLineM h2, .ovLineM p, .ovLineM h3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}/*IE 無理*/

.ATC_editList li {margin-bottom: 1.4em;}

.CG_filter-multiply,
.CG_filter-multiply > div {mix-blend-mode: multiply;}

.CG_scorll, .smooth_scorll {-webkit-overflow-scrolling:touch; -webkit-border-radius:3px; border-radius: 3px;}
.CG_scorll::-webkit-scrollbar {width:5px; -webkit-border-radius:3px; border-radius: 3px;}
.CG_scorll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.CG_scorll::-webkit-scrollbar-thumb {background-color:#999; outline: 1px solid #999;}

.post-password-form {/* 文章加密 */
	max-width:800px;
	margin:10vh auto;
	text-align:center;
}
.post-password-form label input {width:calc(100% - 4em); display:inline-block; margin-left:10px;}

.br_false_mb br {}
.br_false_pc br {display: none;}
@media only screen and (max-width: 768px) {.br_false_pc br {display: block;} .br_false_mb br {display: none;}}
.switchImage img {width: 100%; height: auto;} .switchImage img:first-child{display:block;} .switchImage img:last-child{display:none;}/*RWD Image*/
@media only screen and (max-width: 768px) {.switchImage img:first-child{display:none;} .switchImage img:last-child{display:block;}}

i.at::before {content: '@'; font-size: inherit;}

.ATC_textPoint1 b {font-size: 2em; margin-left: 5px; margin-right: 5px;}
.elementor-location-archive {overflow: hidden;}
/* ============== Project / Elementor ============== */
/* index */
.ATC_indexList .elementor-post__text {position: relative; padding-bottom: 20px;}
.ATC_indexList .elementor-post__title {
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; 
	-webkit-line-clamp:2; -webkit-box-orient: vertical;
	min-height: 2.5em;
}
.ATC_indexList .elementor-post__read-more {
	position: absolute; right: 0px; bottom: 0px; padding: 2px 10px;
	background-color: #21A7DB; -webkit-border-radius: 18px; border-radius: 18px;
}
.ATC_indexList .elementor-post__read-more:hover {background-color: #2E3176;}

.ATC_indexNews .bdt-post-block-modern-item.left-part {
	padding-top: 50%;
}
.ATC_indexNews .bdt-post-block-modern-item.left-part .bdt-post-block-modern-desc {
	padding-bottom: 30px;
}
.ATC_indexNews .bdt-post-block-modern-item.left-part .bdt-post-block-modern-title {
	text-shadow: 1px 1px 4px #333;
}
.ATC_indexNews .bdt-post-block-modern-item.left-part .bdt-flex-center {
	justify-content: left; padding: 0px 5%; margin-left: 0;
}
.ATC_indexNews .bdt-post-block-modern-item.left-part .bdt-flex-center span:first-child {
	padding-left: 0;
}
.ATC_indexNews .bdt-post-block-modern-item.left-part h4 {
	text-align: left; padding: 0px 5%;
}

/* about */
#ATC_infoHistory .elementor-image-box-wrapper {display: block;}
#ATC_infoHistory .elementor-image-box-img {
	float: right; shape-outside: circle(50%); padding: 15px;
}

/* Stuff */
.ATC_stuff1 {}
.ATC_stuff_pfs {}
.atc-post-gallery .bdt-ep-grid-filters-wrapper {
	position: sticky; top: 76px; z-index: 9; padding: 34px 5px 15px; background-color: rgba(255,255,255,0.8);
}
.atc-post-gallery p {margin-bottom: 0; color: #fff;}
.atc-post-gallery .bdt-gallery-item.bdt-width-1-5\@m {}
.atc-post-gallery .bdt-ep-grid-filters-wrapper .bdt-button {display: none;}
.atc-post-gallery .bdt-gallery-thumbnail + div:not(.bdt-post-gallery-desc) {width: 100%; height: 100%; padding: 0; margin: 0 !important;}
.atc-post-gallery .bdt-gallery-thumbnail + div:not(.bdt-post-gallery-desc) * {height: inherit;}
.atc-post-gallery .bdt-gallery-thumbnail + div:not(.bdt-post-gallery-desc) .bdt-gallery-item-link-wrapper {width: 100%;}

.ATC_stuffList .bdt-width-1-1:first-child {width: 30%;}
.ATC_stuffList .bdt-width-1-1:last-child {width: 70%;}
.ATC_stuffList .bdt-width-1-1:last-child .bdt-interactive-card-text ul {padding-left: 1.5em;}


#ATC_sideStuff li {display: block; width: 100%; margin-bottom: 15px;}
#ATC_sideStuff li a {justify-content: flex-start; text-wrap: pretty;}

/* .ATC_stuffInfo .elementor-widget-bdt-fancy-list .bdt-fancy-list-wrap:hover .bdt-fancy-list-text + ul li {color: #fff;} */
.ATC_stuffInfo .elementor-widget-bdt-fancy-list .bdt-fancy-list-wrap:hover p,
.ATC_stuffInfo .elementor-widget-bdt-fancy-list .bdt-fancy-list-wrap:hover ul li {color: #fff;}
.ATC_stuffdata_inner .ATC_steffCont h2 {font-size: 1.4rem; margin-block-end: 10px;}
.ATC_stuffdata_inner .ATC_steffCont h3 {font-size: 1.2rem; margin-block-end: 10px;}
.ATC_stuffdata_inner .ATC_steffCont li {margin-bottom: 15px;}

/* Class, lesson */
.ATC_classSideMenu ul ul {padding-left: 1em; display: block !important;}

.dataTables_length label {font-size:0.8rem;}
.dataTables_wrapper label input, 
.dataTables_wrapper label select {padding:5px 8px;}
.ATC_classTable + .dataTables_info {font-size: 0.8rem; color: #676767;}

.ATC_classTable + .dataTables_info + .dataTables_paginate a {font-size: 0.8rem; padding: 2px 5px;}

#ATC_summerclass_first h2.elementor-post__title {display: none;}
.ATC_studentlist_summer {}

#ATC_progcomp_list {}

/* Recruitment */
.atc-bdt-post-gallert button {display: none;}

/* Post Default */
.ATC_postDefault_1 .elementor-cta__bg-wrapper {
	border: 1px solid #cecece;
	border-top-left-radius: 20px; border-top-right-radius: 20px;
}
.ATC_postDefault_1 h2 {
	min-height: 2.4em;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;
}

.ATC_recruitmentList .bdt-post-gallery.bdt-post-gallery-skin-trosia .bdt-post-gallery-desc {padding-top: 5px; padding-bottom: 10px;}
.ATC_recruitmentList .bdt-gallery-item-title {padding-bottom: 10px;}
.ATC_postshow_categorytag {color: #aaa; font-size: 0.8rem;}
.ATC_postshow_categorytag a {color: #aaa;}
.ATC_postshow_categorytag a:hover {color: #eee;}

/* == Global Model == */
#ATC_breadcrumbs a {color: #fff;}
.ATC_breadcrumbs #breadcrumbs span {padding:0px 15px;}
.ATC_breadcrumbs #breadcrumbs span:first-child {padding:0px 15px 0px 0px;}
.ATC_breadcrumbs #breadcrumbs::before  {content: "\f015"; font-family:"Font Awesome 5 Free"; -webkit-font-smoothing:antialiased; line-height:1; margin-right: 10px;}

#ATC_wpmlSwitchHeader {}
.ATC_wpmlSwitch {}

/* ==================== Header ==================== */
.elementor-location-header {} /*Header Elementor Container*/
#CG_header {}
#CG_header.action {background-color: rgba(255,255,255,0.9) !important }
#CG_header { transition:background-color 1s ease !important; }
/* #CG_header.elementor-sticky--effects >.elementor-container { min-height: 80px; }
#CG_header > .elementor-container {transition: min-height 1s ease !important; } */

header .elementor-sticky {
	top: 0 !important;
    --transition: .3s ease-in-out;
    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}

#ATC_header, #ATC_header > .elementor-container {
	-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;
}

#ATC_header:hover > .elementor-container,
#ATC_header:not(.action) > .elementor-container {top: 0;}

#ATC_header ul.elementor-nav-menu--dropdown,
#ATC_header nav.elementor-nav-menu--dropdown .elementor-nav-menu {
	backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
#ATC_mainMenu ul.sub-menu.elementor-nav-menu--dropdown {min-width: 100% !important;}

/* Menu Toggle */
.elementor-menu-toggle {width:40px; height:40px; position:relative; outline: none;}
.elementor-menu-toggle::before,
.elementor-menu-toggle::after,
.elementor-menu-toggle .eicon-menu-bar::after {
	background-color:#fff; /* Nav color */
	content:''; display:block; width:80%; height:2px;
	position:absolute; left:10%; top:50%;
	-webkit-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	-moz-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	-o-transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	transition: all 0.3s cubic-bezier(0.21, 1, 0.9, 1);
	}
.elementor-menu-toggle::before {margin-top:-20%;}
.elementor-menu-toggle::after {margin-top:20%;}
.elementor-menu-toggle .eicon-menu-bar::after {}
.elementor-menu-toggle .eicon-close:before,
.elementor-menu-toggle .eicon-menu-bar:before{display:none;} /* Default Nav icon */
.elementor-menu-toggle.elementor-active {} /* Nav active */
.elementor-menu-toggle.elementor-active::before {
	margin-top:0%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	}
.elementor-menu-toggle.elementor-active::after {
	margin-top:0%; -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -o-transform:rotate(315deg); transform:rotate(315deg);
	}
.elementor-menu-toggle.elementor-active .eicon-menu-bar::after  {opacity:0;}
/* Menu Toggle End */

/* ==================== Footer ==================== */
#CG_footer {}
.backTop { /* js handler */
	width: 43px; height: 43px; position: fixed; bottom: 2vh; left: 15px; cursor: pointer;
	-webkit-border-radius: 22px; border-radius: 22px;
	background-color: rgba(0,0,0,0.6);
}
.backTop::after,
.backTop::before {
	content: ''; display: block; width: 1px; height: 40%; background-color: #fff;
	position: absolute; top: 30%; transform-origin: 50% 50%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.backTop::after {transform: rotate(40deg); left: 34%;}
.backTop::before {transform: rotate(-40deg); left: 62%;}
.backTop:hover::after {transform: rotate(25deg); left: 38%;}
.backTop:hover::before {transform: rotate(-25deg); left: 58%;}
#CG_powered a:hover {color:#999;}


#footerWV3 .elementor-widget-container {
	width: calc(100% - 0px); height: 100px;
	margin: 10px auto 0;  overflow: hidden;
	display: flex; align-items: flex-end;
}
#footerWV3 .waves {
	position:relative;
	width: 100%;
	height:inherit;
	margin-bottom:0px; /*Fix for safari gap*/
	min-height:90px;
	max-height:120px;
}
#footerWV3 .parallax > use {
	animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
#footerWV3 .parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}
#footerWV3 .parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}
#footerWV3 .parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}
#footerWV3 .parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}
@keyframes move-forever {
	0% {
		transform: translate3d(-90px,0,0);
	}
	100% { 
		transform: translate3d(85px,0,0);
	}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
	
	.ATC_stuffList .bdt-width-1-1:first-child {width: 100%;}
	.ATC_stuffList .bdt-width-1-1:last-child {width: 100%;}
	.ATC_stuffList .bdt-width-1-1:first-child .bdt-interactive-card-image {max-height: 100vw;}

	#footerWV3 .waves {
		height:40px; min-height:40px;
	}
}

/* Loading */
body.elementor-editor-active .LL_loadPad {display:none !important;} /* Elementor 模式隱藏 */
.LL_loadPad {width:100vw; height:100vh; top:0; left:0; position:fixed !important;}
.LL_loadPic {-webkit-animation: op 1s linear infinite alternate; -moz-animation: op 1s linear infinite alternate; -ms-animation: op 1s linear infinite alternate; -o-animation: op 1s linear infinite alternate; animation: op 1s linear infinite alternate;}
@-webkit-keyframes op{
	from{opacity:0.2;} to{opacity:1;}
}
@keyframes op{
	from{opacity:0.2;} to{opacity:1;}
}

/* -- Line -- */
.social_linePad {padding:5px 0px 0px 34px; clear:both;}
.social_linePad iframe:nth-child(1) {margin-right:5px;}
.social_linePad iframe:nth-child(2) {float:right;}
 
@media only screen and (max-width:1440px){
	.atc-post-gallery .bdt-gallery-item.bdt-width-1-5\@m {width: 25%;}
 }
 
@media only screen and (max-width:1280px){
	.atc-post-gallery .bdt-gallery-item.bdt-width-1-5\@m {width: 33.33%;}
 }
@media only screen and (max-width:959px){
	
	.atc-post-gallery .bdt-gallery-item.bdt-width-1-5\@m {width: 50%;}
	.atc-post-gallery .bdt-ep-grid-filters-wrapper .bdt-ep-grid-filters {display: block !important;}
	/* Recruitment */
	.atc-bdt-post-gallert button {display: block;}
 }
@media only screen and (min-width:769px){
	
	/* Header */
	#ATC_header,
	#ATC_header.action:hover {height: 110px; background-position: 0% 50%;}
	#ATC_header.action {height: 76px; background-position: 0% 100%;}
	#ATC_header.action > .elementor-container {top: -33px;}
	#ATC_header.action:hover > .elementor-container {top: 0px;}
}
@media only screen and (max-width:768px){
	
	/* Stuff */
	.atc-post-gallery .bdt-ep-grid-filters-wrapper {
		position: sticky; top: 78px;
	}
	.atc-post-gallery .bdt-gallery-item.bdt-width-1-5\@m {width: 90%; margin-left: 5%;}

	.ATC_indexList article {
		flex-wrap:wrap;
	}
	.ATC_indexList .elementor-post__text {
		padding-top: 20px;
	}
    .social_linePad {padding-left:0px;}
 }

/* 管理者登入: 前台上方控制 bar 移到下方。 需搭配 add_theme_support( 'admin-bar', array( 'callback' => '__return_false' ) ); */
#wpadminbar {
	top: auto; bottom:0px;	background:rgba(0,0,0,0.6); position: fixed;
}
.ab-sub-wrapper {
	top:auto; bottom:32px;
}