/*

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:      26.01.29

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;}
.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:block;}
.cssTable > dl, .cssTable > ul {display: flex;  margin: 0;}
.cssTable > ol {margin: 0; padding: 0;}
.cssTable > ol > li {list-style: none; padding: 20px;}
.cssTable > dl > dt, .cssTable > dl > dd, .cssTable > 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);}

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

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

/* 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 */
#CG_powered a:hover {color:#999;}

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

/* ============== Scotaiwan Pligin ============== */
/* 最外層有加上  class name
報名
 - signup-game-list-page
 - signup-form-page
我的帳號
 - my-team-list-page
 - my-team-edit-page */
div[class^="jss"], div[class*="jss"] {max-width: none;}

#joinGameBanner {width: 100%; max-width: 1200px; margin: 0px auto 30px;}
#joinGameBanner > div {width: 100%; padding-top: 48%; background: no-repeat 50% 50%; background-size:cover;}
#joinGameTitle h1 {font-weight: 600; font-size: 1.6rem; color: #003a70; text-align: center;}
#joinGameTitle h2 {font-weight: 400; font-size: 1.2rem; color: #222; text-align: center;}
#joinGameTitle h2::before {content: '組別:'; display: inline-block; font-size: 1em; margin-right: 15px;}
#joinGame_basic_info {width: 98%; max-width: 980px; margin: 0px auto 30px;}
#joinGame_basic_info.cssTable > dl > dt {width: calc(6em + 20px); background-color: #efefef;}
#joinGame_basic_info.cssTable > dl > dt, #joinGame_basic_info.cssTable > dl > dd, #joinGame_basic_info.cssTable > ul > li {padding: 20px 10px; border-bottom: 1px solid #efefef;}
#joinGame_basic_info.cssTable > dl.cell_w2 > dd {width: calc(100% - 6em - 20px);}
#joinGame_basic_info.cssTable > dl.cell_w4 > dd {width: calc(50% - 6em - 20px);}

#joinGame_basic_info dt > i, #joinGame_basic_info dd > i {font-style: normal;}
#joinGame_basic_info input, #joinGame_basic_info select {width: 90%;}

.joinGames.cssTable {display:block; width: 98%; max-width: 980px; margin: 0px auto 30px; border: 1px solid #aaa;}
.joinGames.cssTable > dl > dt:nth-child(1), .cssTable > dl > dd:nth-child(1) {width: 20%; text-align: center;}
.joinGames.cssTable > dl > dt:nth-child(2), .cssTable > dl > dd:nth-child(2) {width: 60%;}
.joinGames.cssTable > dl > dt:nth-child(3), .cssTable > dl > dd:nth-child(3) {width: 20%; text-align: center;}
.joinGames.cssTable > dl > dt {background-color: #222; color: #fff;}
.joinGames.cssTable > dl:nth-child(odd) > dd {background-color: #efefef;}
.joinGames.cssTable > dl:nth-child(even) > dd {background-color: #fafafa;}
.tableFooter button {width: 30%; display: block; margin: 0px auto;}

.joinGames.cssTable dd {font-size: 1rem;}
.joinGames.cssTable dd > label {display: block; margin: 0 auto 15px;}
.joinGames.cssTable dd > label b {min-width: 6em; display:inline-block; font-weight: normal; margin-bottom: 5px;}
.joinGames.cssTable dd > label input {display: inline-block; width: calc(100% - 6em - 8px);}
.joinGames.cssTable dd > label b + div {display: inline-block;}
.joinGames.cssTable dd > label.btn_upload b {display: inline-block;}
.joinGames.cssTable .btn_uploadPad > b {display: block; font-weight: normal; margin-bottom: 5px;}
.joinGames.cssTable label + .btn_uploadPad > b {min-width: calc(6em + 4px); display: inline-block;}
.joinGames.cssTable .btn_uploadPad > input {display: none;}
.joinGames.cssTable label + .btn_uploadPad > .upload__image-wrapper {display: inline-block; width: calc(100% - 6em - 10px);}
.joinGames.cssTable button {cursor: pointer; font-weight: 300; letter-spacing: 1px;}

.signup-form-page {}
.my-team-edit-page .btn_add_player,
.signup-form-page .btn_add_player {width: 10em; margin: 0px auto 15px 0px;}
.signup-form-page .btn_add_player + p {border-top: 1px solid #acacac; padding: 5px;}
.signup-form-page .joingame_notice {text-align: center; color: brown; font-size: 1rem; padding: 5px; height: auto !important;}
.tableFooter button.btn_submit {width: calc(40% - 4px); display: inline-block; margin:0px 10% 20px;}
.btn_submit:not(:hover) {background-color: #fdee96; color: #222;}
.tableFooter button.btn_finish {width: 30%; display: inline-block; background-color: #c36; color: #fff; margin:0px 0% 20px;}
.tableFooter button.btn_finish:hover {background-color: #cf8c07;}
/* .btn_finish b + b,
.btn_finish:disabled b:first-child {display: none;}
.btn_finish:disabled b + b {display: block;} */
.my-team-edit-page .tableFooter .btn_add_player + p {border-top: 1px solid #aaa;}
.my-team-edit-page .tableFooter .btn_add_player + p::after {
	content: '如已送出報名後 "需要修改資料"，請先按 [暫時儲存]，即可重新編輯。\A 提醒您修改完成後要按下[送出報名]喔!';
	display: block; font-size: 1rem; font-weight: 300;  color: #343434; text-align: center; padding: 5px 0px; white-space: pre;
}
.joingame_notice::after {content: ''; display: block; font-size: 1.1rem; color: chocolate; text-align: center; padding: 5px 0px; white-space: pre;}
.my-team-edit-page .joingame_notice::after {content: '';}
.signup-form-page .joingame_notice::after {content: '請先按 [儲存] 資料，再到右上角[我的帳號] 管理您的參賽資料，\A 確認資料無誤後再按下[送出報名]唷!'; }

@media only screen and (max-width:980px){
	#joinGame_basic_info.cssTable > dl,
	.joinGames.cssTable > dl {flex-direction: row; flex-wrap: wrap;}
	
	#joinGame_basic_info.cssTable > dl.cell_w2 > dd,
	#joinGame_basic_info.cssTable > dl.cell_w4 > dd {width: calc(100% - 6em - 20px);}

	.joinGames.cssTable > dl > dt {display: none;}
	.joinGames.cssTable > dl > dd:nth-child(1) {width: 100%; text-align: left; border-bottom: 1px dashed #ccc; padding: 15px 20px 0px; position: relative;}
	.joinGames.cssTable > dl > dd:nth-child(1)::before {
		content: '';width: 5px; height: 100%; display: block; background-color:sienna; position: absolute; left: 0; top: 0;
	}
	.joinGames.cssTable > dl > dd:nth-child(2) {width: calc(100% - 8em);}
	.joinGames.cssTable > dl > dd:nth-child(3) {width: 8em;}
	.joinGames.cssTable dd > label input {width: 100%;}
}


/* ============== Elementor ============== */
/* Index */
#atcBanner_index.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper) {height: 48vw;}
.atc_swiper_zoom .swiper-slide {transform: scale(0.6);}
.atc_swiper_zoom .swiper-slide.swiper-slide-prev {}
.atc_swiper_zoom .swiper-slide.swiper-slide-active,
.atc_swiper_zoom .swiper-slide.swiper-slide-next + div + div + div {transform: scale(0.7);}
.atc_swiper_zoom .swiper-slide.swiper-slide-next,
.atc_swiper_zoom .swiper-slide.swiper-slide-next + div + div  {transform: scale(0.85);}
.atc_swiper_zoom .swiper-slide.swiper-slide-next + .swiper-slide {transform: scale(1); border-color:#D3C266 !important;}
.atc_swiper_zoom .elementor-swiper-button {background-color: #D3C26699; border-radius: 20px; padding: 5px;}
.atc_swiper_zoom .elementor-swiper-button:hover {background-color: #D3C266ff;}


/* ============= Woocommerce ============= */
/* ------- my account 一般使用者管理介面 ------- */
body.woocommerce-account  {margin:0;}
.loginTop, .regisTop {text-align: center; font-size: 1rem; font-weight: 300; color: #999;}
#atc_myaccount .woocommerce-MyAccount-navigation {width: 20%;}
.woocommerce-MyAccount-navigation li {list-style: none; border-bottom: 1px solid #ececec;}
.woocommerce-MyAccount-navigation li a {display: block; padding:8px 0px; margin-bottom: 5px;}

#atc_myaccount .woocommerce-MyAccount-content {width: 78%;}
#atc_myaccount .my-team-edit-page h3 {
	text-align: left; border-bottom: 2px solid #AD8A46; font-size: 1.2rem; font-weight: 400; letter-spacing: 1px;
	margin-bottom: 0;
}
#atc_myaccount #joinGameTitle {
	display: flex; justify-content: space-between; align-items: center;
	padding: 10px 15px 12px; background-color: #d3c266; margin-bottom: 15px;
}
#atc_myaccount #joinGameTitle h1 {font-weight: 500;}
#atc_myaccount #joinGameTitle h1,
#atc_myaccount #joinGameTitle h2 {margin: 0; color: #fff;}

/* ------- Catelog Product Page ------- */
#atcCate-list .type-product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
	min-height: 3.2em;
}

/* ------- Single Product Page ------- */
/* Add Cart QTY */
#CG_addCarFilter {}
#CG_addCarFilter .variations td {padding:0px 0px 10px ;}
#CG_addCarFilter .variations .label {min-width: 30% !important;}
#CG_addCarFilter .variations .label,
#CG_addCarFilter .variations .value {background-color:transparent; padding: 0px 0px 10px; vertical-align: baseline;}
#CG_addCarFilter .variations .value {margin-left: 10px;}
.woo-selected-variation-item-name {color: #fff;}
.woo-variation-swatches #CG_addCarFilter .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, 
.woo-variation-swatches #CG_addCarFilter .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
	box-shadow: 0 0 0 2px rgb(255 255 255 / 90%);
}
.woo-variation-swatches #CG_addCarFilter .variable-items-wrapper .variable-item:not(.radio-variable-item) {
	background-color:#aaa;
}

.woocommerce div.product #CG_addCarFilter form.cart .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
	/* display: block; */
}
.woocommerce .quantity .qty {width: 5em; padding-right: 0;}
.woocommerce .quantity .qty::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;}
.woocommerce div.product #CG_addCarFilter form.cart div.quantity,
.woocommerce div.product #CG_addCarFilter form.cart button {display:inline-block; float: none; vertical-align: top;}
.woocommerce div.product #CG_addCarFilter form.cart .CG_PD_minus,
.woocommerce div.product #CG_addCarFilter form.cart .CG_PD_plus {
	width:40px; height:40px; border: none; display:inline-block; float: none;
	position: relative; user-select: none;
}
.CG_PD_minus::before,
.CG_PD_plus::before,
.CG_PD_plus::after {
	content:''; width:80%; height:1px; display: block; background:#fff;
	transform-origin: 50% 50%; position: absolute; top: 50%; left:10%;
}
.CG_PD_plus::after {-webkit-transform:rotate(90deg); transform:rotate(90deg);}

/*  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; background-color:rgba(255,255,255,0.8); margin-bottom:0px; padding-bottom: 50px;
   border: 1px solid #be9c59; border-radius: 12px;
}
.woocommerce-notices-wrapper .woocommerce-message::before {color:#003a70;}
.woocommerce-notices-wrapper .woocommerce-message a {
	display: block; float: none; position: absolute; right:30px; bottom:10px; width: 230px; text-align: center;
}
.single-product .woocommerce-notices-wrapper {position:absolute; top:120px; left:auto; right:0px; width:320px; z-index:9;}

/* mini Cart */
#LL_headerCart a:hover .bdt-cart-icon i {color:#AD8A46;}
#LL_headerCart .bdt-widget-title {padding-bottom: 3px;}
#LL_headerCart .bdt-widget-title::before {content:"\e8e8"; display: inline-block; vertical-align: middle; margin-right: 10px; color: #6C6C61; font-size: 1.3em; font-family: eicons !important; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

#LL_headerCart .bdt-mini-cart-product-thumbnail {width:105px;}
#LL_headerCart .bdt-mini-cart-product-thumbnail a, #LL_headerCart .bdt-mini-cart-product-thumbnail a img {width: 100%;}
#LL_headerCart .bdt-mini-cart-footer-buttons::after {content:''; display:block; clear:both;}
#LL_headerCart .bdt-mini-cart-footer-buttons a {width:calc(50% - 4px); float: left; margin-bottom: 0;}
#LL_headerCart .bdt-mini-cart-footer-buttons a:first-child {margin-right:8px;}


/* Pd Add ons */
.yith_wapo_groups_container {margin-top: 0;}
.ywapo_group_container.form-row.form-row-wide h3 {font-size: 1.2rem;}
.ywapo_input_container_text label:first-child {width: 20%; text-align: left; font-size: .9rem; font-weight: 700;}
.ywapo_input_container_text .ywapo_input_text {width: calc(80% - 4px);}
.ywapo_input_container_text .wapo_option_description {font-size: .9rem; padding-left: 20%; color: #c36;}

@media only screen and (max-width:768px){
	.ywapo_input_container_text label:first-child {width: 40%;}
	.ywapo_input_container_text .ywapo_input_text {width: calc(60% - 4px);}
	.ywapo_input_container_text .wapo_option_description {padding-left: 10px;}
}


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

/* Checkout */
.woocommerce-billing-fields .hidden {display:none;}

.woocommerce-checkout #customer_details .hidden,
.woocommerce-address-fields .hidden {

	display: none !important;
}


/* order tracking  */
#CG_ordertracking {}

/* 訂單、發貨單 地址樣式 */
.invoice .billing-address {
    font-size: 2em;
}
.delivery-note .shipping-address {
    font-size: 2em;
} 

/* 管理者登入: 前台上方控制 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;
}
/* IE */
#ieAlert {
	position: fixed; width: 100%; height: 100%; display: table;
	background: rgba(0,0,0,0.8); z-index: 99999999;
}
#ieAlert ul {display: table-row;}
#ieAlert li {
	display: table-cell; vertical-align: middle; text-align: center; color: #fff;
	padding:50px 30%;
}
#ieAlert li a {color: #fff; text-decoration: underline; font-weight: 700; cursor: pointer;}
#ieAlert li a:hover {color: rgb(158, 233, 252);}