@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,400,700&display=swap&subset=chinese-traditional');
/*

Theme Name:   Hello Elementor by CaGe

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

Template:     hello-elementor

Author:       CaGe Wei

Author URI:   https://elementor.com/

Description:  Hello Elementor by CaGe

Version:      21.02.23

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';}
.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;}
.cssTable {display:table;}
.cssTable > dl, .cssTable > ul {display: table-row;}
.cssTable > dl > dt, .cssTable > dl > dd, .cssTable > ul > li {display: table-cell;}
.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);}

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

.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;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{transition: background-color 5000s ease-in-out 0s;}

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

/* 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:#222; /* 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-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 */

/* 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:720px){
    .social_linePad {padding-left:0px;}
 }

/* ============= Inner ============= */
 /* Main Menu */
#LL_mainMenu nav > ul > li a:hover::after, #LL_mainMenu nav > ul > li a.elementor-item-active::after {content: ''; display: block; width: 100%; height: 16px; position: absolute; left: 0; bottom: -8px; background: #f9ffc9; background: -moz-radial-gradient(center, ellipse cover, #f9ffc9 0%, #c24700 25%, #000000 100%); background: -webkit-radial-gradient(center, ellipse cover, #f9ffc9 0%,#c24700 25%,#000000 100%); background: radial-gradient(ellipse at center, #f9ffc9 0%,#c24700 25%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ffc9', endColorstr='#000000',GradientType=1 );}
#LL_mainMenu li a {display:block; overflow: hidden; text-align: center;}
#LL_mainMenu li a span:not(.sub-arrow) {display:block; font-size:0.7em;}
#LL_mainMenu nav > ul > li a:hover span, #LL_mainMenu nav > ul > li a.elementor-item-active span {color:#485F9F;}

#LL_mainMenu nav.elementor-nav-menu--main .elementor-nav-menu ul {width:100% !important; max-width:inherit;}
#LL_mainMenu nav.elementor-nav-menu--main .elementor-nav-menu ul li a {border-left:none;}
#LL_mainMenu nav.elementor-nav-menu--main .elementor-nav-menu ul li a:hover {border-left:8px solid #888888;}

#LL_mainMenu .elementor-menu-toggle::before, #LL_mainMenu .elementor-menu-toggle::after, #LL_mainMenu .elementor-menu-toggle .eicon-menu-bar::after {background-color: #888888;}

/* Index */
/*Banner*/
.bdt-carousel .swiper-container, .bdt-custom-carousel .swiper-container, .bdt-wc-carousel .swiper-container, .bdt-testimonial-carousel .swiper-container, .bdt-event-carousel-skin-fable .swiper-container, .bdt-event-carousel .swiper-container, .bdt-portfolio-carousel .swiper-container, .bdt-panel-slider .swiper-container, .bdt-tutor-lms-course-carousel .swiper-container {
	margin:0; padding:0;
}


.LL_ind_match .match__header--wrapper > div{background-color: transparent;}
.LL_ind_match .match__header--wrapper > div a {color:#ffffff;}
.LL_ind_match .match__header--wrapper > div a:hover {color:#C4D6FB;}
.LL_ind_match .match__header--wrapper .time span {color:#ffffff;}
.LL_ind_match .match__header .club-logo__cover {width: 100px; height: 100px;}
#LL_index_banner .LL_ind_match .match__header {flex-direction: column; display: flex;}
#LL_index_banner .LL_ind_match .match__header .match__club-wrapper--header {flex-direction: row; width: auto;}
#LL_index_banner .LL_ind_match .match__header .club-logo__cover {width: 200px; height: 200px;}

.LL_indBnrAllianz, .LL_indBannerBtn a {height:70vh;}

.LL_ind_matchCard {border: 1px solid #ffffff; -webkit-border-radius: 10px; border-radius: 10px;}
.LL_ind_matchCard .elementor-widget-container .match-card,
.LL_ind_matchCard .elementor-widget-container .match-card .anwp-match-preview-link,
.LL_ind_matchCard .elementor-widget-container .match-card .d-inline-block {background-color: transparent;}
.LL_ind_matchCard .elementor-widget-container .match-card .anwp-match-preview-link a{color:#ffffff;}
.LL_ind_matchCard .elementor-widget-container .match-card .anwp-match-preview-link a:hover {color:#C4D6FB;}
.LL_ind_matchCard .elementor-widget-container .match-card .match-card__stadium, .LL_ind_matchCard .elementor-widget-container .match-card .match-card__stadium svg,
.LL_ind_matchCard .elementor-widget-container .match-card .match-card__competition,
.LL_ind_matchCard .elementor-widget-container .match-card .match-card__clubs > *,
.LL_ind_matchCard .elementor-widget-container .match-card .match-card__timer > *{color: #ffffff !important; fill:#ffffff;}

.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__clubs{padding-bottom: 2.75em;}
.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__clubs .match-list__scores span.match-list__scores-number{border: 1px solid #ffffff; min-width: 1.5em; -webkit-border-radius: 5px; border-radius: 5px;}
.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__competition:nth-child(3){margin-bottom: -7.7em; margin-top: 6.7em; font-size: 18px;}

#LL_ind_cptList .LL_cpt_item {width:calc((100% / 3) - 40px); margin: 20px; text-align: center;}
#LL_ind_cptList .LL_cpt_item h5{margin-bottom: 0.8em; padding: 0 0.5em; font-size: 1.1rem;}
#LL_ind_cptList .LL_cpt_item p{min-height: 63px; overflow: hidden; margin-bottom: 1.5em; padding: 0 0.5em; font-size: 0.9em; color: #979797;}
#LL_ind_cptList .LL_cpt_item .LL_cpt_img {height: 190px; width: auto; margin: 2em 0 1em;}
#LL_ind_cptList .LL_cpt_item .LL_btn_cpt{width:100%; padding:0.9em; border:none; background:#F7F7F9; color:#979797; font-size:1rem; font-weight:600; line-height: 1; display: block;}
#LL_ind_cptList .LL_cpt_item .LL_btn_cpt, #LL_ind_cptList .LL_cpt_item .e-form__buttons button{border:solid #F7F7F9; border-width:4px 0;}
#LL_ind_cptList .LL_cpt_item .LL_btn_cpt:hover,
#LL_ind_cptList .LL_cpt_item .LL_btn_cpt:focus,
#LL_ind_cptList .LL_cpt_item .e-form__buttons button:hover,
#LL_ind_cptList .LL_cpt_item .e-form__buttons button:focus{color:#666471; outline: none; border-top-color:#EF5A24;}
#LL_ind_cptList .LL_cpt_item .elementor-form-spinner {display: none !important;}

#LL_ind_newsList article {padding:0;}
#LL_ind_newsList article .elementor-post__text{width:100%;}
#LL_ind_newsList article .elementor-post__text > * {height:60px; line-height: 60px;}
#LL_ind_newsList article .elementor-post__text > h3 {width:calc(100% - 200px); float:right;}
#LL_ind_newsList article .elementor-post__text > h3 a{display: block; width: 100%; padding: 0 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#LL_ind_newsList article .elementor-post__text > div {width:200px; float:left; text-align:center; background: #333847; background: -moz-linear-gradient(top, #333847 0%, #1e1e28 100%); background: -webkit-linear-gradient(top, #333847 0%,#1e1e28 100%); background: linear-gradient(to bottom, #333847 0%,#1e1e28 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333847', endColorstr='#1e1e28',GradientType=0);}
#LL_ind_newsList article:hover .elementor-post__text > div {background: #ef5a24; background: -moz-linear-gradient(top, #ef5a24 0%, #e03000 100%); background: -webkit-linear-gradient(top, #ef5a24 0%,#e03000 100%); background: linear-gradient(to bottom, #ef5a24 0%,#e03000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5a24', endColorstr='#e03000',GradientType=0 );}
#LL_ind_newsList article:hover .elementor-post__text > h3 a {color: #ffffff;}
#LL_ind_newsList article:nth-child(even) .elementor-post__text > h3 {background: #333847;}

#LL_videoCont a {border-left-width: 0;}
#LL_videoCont a.rvs-nav-item.rvs-active:first-child:hover{border-color:#ffffff;}
#LL_videoCont .rvs-nav-prev, #LL_videoCont .rvs-nav-next {background-color: rgba(255,255,255,0.3);}

/* Review */
#LL_reviewList .elementor-portfolio__filter{padding: 3px; border-bottom: 2px solid transparent; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
#LL_reviewList .elementor-portfolio__filter:hover, #LL_reviewList .elementor-portfolio__filter.elementor-active {border-bottom-color: #ffffff;}
#LL_reviewList article .elementor-portfolio-item__overlay {padding:0;}
#LL_reviewList article .elementor-portfolio-item__overlay h3 {background: #1e1e28; margin-top: 6em; padding: 0.5em 1em; width: 50%; min-width: 150px; text-align: right; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* News */
#LL_filter_handler ul {padding: 0;}
#LL_filter_handler li ul {padding: 0; margin-bottom: 30px;}
#LL_filter_handler ul li {color:#aeaeba; font-weight: 500; font-size: 0.9rem;}
#LL_filter_handler ul li input {opacity:0; position:absolute;}
#LL_filter_handler ul li label {width:100%; border: 1px solid #aeaeba; margin: 3px 0; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
#LL_filter_handler ul li.sf-option-active label {color:#1e1e28; background:#aeaeba;}
#LL_filter_handler ul h4 {margin-bottom:5px; color:#666471; border-bottom: 1px solid #6664714D;}
#LL_sf_content .bdt-secondary .bdt-post-grid-date {display: block; width:100%; padding-bottom: 5px;}
#LL_sf_content .bdt-secondary .bdt-post-grid-tag li {margin: 2px;}
#LL_filter_handler._news .sf-field-category .sf-item-0 {display: none;}

/* RWD Setting */
@media (max-width: 1280px){
	/* 	Header */
	#LL_header_register .elementor-button-text{display:block !important;}
	/* News */
	#LL_sf_content .bdt-secondary .bdt-post-grid-desc {padding: 0.8em 1em;}
}
@media (min-width: 1025px){
	 /* Main Menu */
	#LL_mainMenu nav > ul > li:not(:last-child)::before {content: ''; width: 1px; height: 30px; background: #888888; display: block; position: absolute; top: 50%; margin-top: -15px; right: 0; -webkit-transform: skewX(20deg); transform: skewX(20deg);}
}
@media (max-width: 1024px){
	/* Index */
	#LL_index_banner .LL_ind_match .match__header .club-logo__cover {width: 150px; height: 150px;}
	.LL_indBnrAllianz, .LL_indBannerBtn a {height:60vh;}
	
	#LL_ind_cptList .LL_cpt_item {width:calc((100% / 3) - 32px); margin: 16px;}
	#LL_ind_cptList .LL_cpt_item h5{font-size: 1rem;}
	#LL_ind_cptList .LL_cpt_item p{font-size: 0.85rem;}
}
@media (max-width: 767px){	
	/* Index */
	#LL_index_banner .LL_ind_match .match__header .club-logo__cover {width: 120px; height: 120px;}
	.LL_indBnrAllianz, .LL_indBannerBtn a {height:100vw;}
	
	#LL_ind_cptList .LL_cpt_item {width:calc((100% / 2) - 2em); margin: 1em;}
	
	#LL_ind_newsList article .elementor-post__text > h3{width:calc(100% - 150px);}
	#LL_ind_newsList article .elementor-post__text > div{width:150px;}
	#LL_ind_newsList article .elementor-post__text > h3 a{padding: 0 25px;}
	
	/* News */
	#LL_filter_handler li ul {margin-bottom: 0;}
	#LL_filter_handler li ul li {display: inline-block; margin: 0 5px;}
	#LL_filter_handler ul li label {padding: 6px 8px;}
	#LL_sf_content .bdt-primary .bdt-post-grid-title {margin-top: 0; font-size: 1.1rem;}
	#LL_sf_content .bdt-primary .bdt-post-grid-desc {padding: 0.8em 1em;}
	#LL_sf_content .bdt-secondary .bdt-post-grid-desc, #LL_sf_content .bdt-secondary .bdt-post-grid-meta {text-align: center;}
	#LL_sf_content .bdt-secondary .bdt-post-grid-date{display: inline-block; width: auto;}
}
@media (max-width: 600px){
	/* Index */
	#LL_index_banner .LL_ind_match .match__header .club-logo__cover {width: 100px; height: 100px;}
	
	.LL_ind_matchCard .elementor-widget-container .match-card .match-card__clubs .flex-column {justify-content: center; flex-direction: row !important; align-items: center;}
	.LL_ind_matchCard .elementor-widget-container .match-card .match-card__clubs .flex-column > *{margin: 0 5px !important; max-width: 115px; overflow: hidden; line-height: 200%; white-space:nowrap; text-overflow:ellipsis;}
	.LL_ind_matchCard .elementor-widget-container .match-card .match-card__clubs .text-muted {width: 100%; display: block; text-align: center;}
	.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__clubs {padding-bottom: 2.75em; flex-direction: column;}
	.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__clubs > * {width: 65%; min-width: 220px; justify-content: flex-end;}
	.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__clubs .match-list__scores {flex-direction: column; width: auto; min-width: initial; margin:-110px -50% 0 0; order: 3;}
	.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__clubs .match-list__scores span.match-list__scores-number {margin: 5px 0 !important;}
	.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__competition:nth-child(3) {margin-top: 9.2em; margin-bottom: -9.8em;}
	
	#LL_ind_cptList .LL_cpt_item {width:calc(100% - 2em); margin: 1em;}
}
@media (max-width: 460px){
	/* Index */
	.LL_ind_matchCard._last .elementor-widget-container .match-card .match-card__clubs .match-list__scores {margin-right: -70%;}
	
	#LL_ind_cptList .LL_cpt_item .LL_cpt_img {height: 150px;}
	
	#LL_ind_newsList article .elementor-post__text > h3 {width:calc(100% - 100px);}
	#LL_ind_newsList article .elementor-post__text > div {width:100px; font-size: 0.7rem;}
	#LL_ind_newsList article .elementor-post__text > h3 a{padding: 0 20px;}
}
 
/* ============= Woocommerce ============= */
/* ------- Single Product Page ------- */
/* Add Cart QTY */
.woocommerce .quantity .qty {width: 5em; padding-right: 0;}
/* .woocommerce .quantity .qty::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;} */
.woocommerce div.product form.cart div.quantity,
.woocommerce div.product form.cart button {display: inline;}
.woocommerce div.product form.cart div.quantity,
.woocommerce div.product form.cart .button {float: none;}
/*  Add Cart  */
.CG_addCart table tbody > tr:nth-child(odd)>td, 
.CG_addCart table tbody > tr:nth-child(odd)>th,
.CG_addCart table tbody tr:hover > td, 
.CG_addCart table tbody tr:hover > th {background:none;}

.CG_addCart > .elementor-widget-container > .elementor-add-to-cart form.cart {display: block !important;}

/* Car Notices */
.woocommerce-info {}
.woocommerce-notices-wrapper {}
.woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
   color:#003a70; border-top-color:#003a70; background-color:#fff; margin-bottom:0px;
}
.woocommerce-notices-wrapper .woocommerce-message::before {color:#003a70;}
.single-product .woocommerce-notices-wrapper {position:absolute; top:90px; left:0px; width:100%; z-index:9;}

/* --- Cart --- */
.woocommerce .cart td > .button, .woocommerce .cart td > input.button {
	opacity:1; -webkit-animation:wooChangeCart 3s ease 0s infinite; animation:wooChangeCart 3s ease 0s infinite;
}
.woocommerce .cart td > .button:disabled, .woocommerce .cart td > input.button:disabled[disabled] {
	opacity:0; -webkit-animation:none; animation:none;
}
@keyframes wooChangeCart {0%{width:120px;} 10%{width:150px;} 15% {width:140px;} 20%{width:155px;} 25%{width:150px;} 70%{width:150px;} 100%{width:120px;}}
@-webkit-keyframes wooChangeCart {0%{width:120px;} 10%{width:150px;} 15% {width:140px;} 20%{width:155px;} 25%{width:150px;} 70%{width:150px;} 100%{width:120px;}}