/*

Theme Name:   Hello Elementor by CaGe
Theme URI:    https://github.com/elementor/hello-theme
Template:     hello-elementor
Author:       CaGe Wei / Lilith
Author URI:   https://elementor.com/
Description:  Hello Elementor by CaGe, Lilith
Version:      20.7.22-1
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 */
.CG_pos_fix {position:fixed;}
.CG_pos_abs {position:absolute;}
.CG_floatL {float:left;}
.CG_floatR {float:right;}
.CG_clear {clear:both;}
.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);}

/* Header - 國小盃/迷你足球 共用 */
#CG_header {
	position: fixed; top: 0; left: 0; z-index: 9999; width: 100%;
}
.elementor.elementor-location-header #CG_header .elementor-element div.elementor-menu-toggle:focus {outline:none;}
#CG_header {transition:background-color 1s ease !important;}
#CG_header.action {background-color:rgba(255, 255, 255, 1) !important }
#CG_header #CG_header_logo {transition:background-color 1s ease !important;}
#CG_header.action #CG_header_logo {}

/* Footer */
#CG_footer {}

/* basic */
.txt_red{color:#C82D00;}
.LL_btnSignup a {display: inline-block; width: 100%; height: 100%; position: absolute;}

/* index */
.LL_indBanner {height:100vh;}

/* News */
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 20px;}
.LL_carousel .swiper-pagination-bullet {background: #fff; opacity: 0.8;}
.elementor-216 .elementor-element.elementor-element-b041c44 .swiper-pagination-bullet-active {opacity: 1;}

/* about */
.LL_aboutBlock {overflow: hidden;}
.LL_aboutBlock .LL_aboutPad {max-width: 280px; position: absolute; min-height: 100%; height: 100%; right: 0; cursor: pointer;}
.LL_aboutBlock .LL_aboutPad .LL_titAbout {text-align: center;}
.LL_aboutBlock .LL_aboutPad .LL_aboutCon {display: none;}
.LL_aboutBlock .LL_aboutPad .LL_aboutCon .elementor-element-populated {height:100%;}
.elementor .LL_aboutBlock .LL_aboutPad .LL_aboutTitle {width: 100%;}
.LL_aboutBlock.action .LL_aboutPad {max-width: 990px;}
.LL_aboutBlock.action .LL_aboutPad .LL_btnAbout {display:none;}
.LL_aboutBlock.action .LL_aboutPad .LL_aboutTitle {width: 23%;}
.LL_aboutBlock.action .LL_aboutPad .LL_titAbout {text-align: left;}
.LL_aboutBlock.action .LL_aboutPad .LL_aboutCon {display: block; width: 80%;}
.elementor .LL_aboutBlock .elementor-element.LL_aboutPad { -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) ; -ms-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) ; }

/* Gallery */
.LL_glaNav ul {display: inline-block; margin: 0.5em 0; padding: 0 1em; border-right: 1px solid;}
.LL_glaNav #bdt-toc-4b1a56e > div > div {max-width: 1100px; margin: auto;}

/* Scores */
#LL_togNav .bdt-toggle-button-wrapper {top:160px;}
#LL_navHover .bdt-nav li a:hover {color: #004C8F;}

/* Quizzes / Surveys */
#LL_quizhome-team .bdt-custom-overlay.bdt-position-cover {opacity: 0.6;}
.LL_quizCont .qsm-progress-bar .progressbar-text {color:#fff; font-size:30px;}
.LL_quizCont .mlw_qmn_quiz_link {color:#fff;}
/* 測驗題目頁(共用) - 流程按鈕及說明 */
.LL_quiztest-list {}
.LL_quiztest-list img {-webkit-filter: saturate(0) contrast(0.8) brightness(1.1); filter: saturate(0) contrast(0.8) brightness(1.1);}
.LL_quiztest-list.action img {-webkit-filter: saturate(1) contrast(1) brightness(1); filter: saturate(1) contrast(1) brightness(1);}
/* 測驗題目頁(共用) - 題目 */
.LL_quizCont .mlw_qmn_question h5 {display: inline-block; width: 80%; max-width: 320px; padding: 0.5em 0; margin-top: 4rem; margin-bottom: 0.5rem; background-image: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quizttbg-b.png); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.LL_quizCont .mlw_qmn_question h5.LL_girl {background-image: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quizttbg-g.png);}
/* 測驗題目頁(共用) - 選項 */
.LL_quizCont .mlw_horizontal_choice {position: relative; display: inline-block;}
.LL_quizCont label {margin: 0 15px; position:relative;}
.LL_quizCont label::after {content: ''; position: absolute; width: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; left: 0; top: 0; display:none;}
.LL_quizCont .mlw_horizontal_choice.action label::after {display:block;}
.LL_quizCont input[type='radio']{opacity:0; position:absolute;}
.LL_quizCont p.LL_teamName {height: 40px; line-height: 40px; padding: 0; margin: 25px 0 15px; position: relative;}
.LL_quizCont p.LL_teamName._rd{background: #ef4354;}
.LL_quizCont p.LL_teamName._gr{background: #00c6b3;}
.LL_quizCont p.LL_teamName._bl{background: #20a5ef;}
.LL_quizCont p.LL_teamName._ye{background: #fcc015;}
.LL_quizCont p.LL_teamName::before, .LL_quizCont p.LL_teamName::after {content: ''; width: 100%; height: 3px; display: block; background: #004c9e; position: absolute;}
.LL_quizCont p.LL_teamName::before {top: -6px;}
.LL_quizCont p.LL_teamName::after {bottom: -7px;}

.LL_quizCont p.LL_teamName i {width: 80px; height: 80px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; position: absolute; bottom: -1rem; z-index: 1; border: 4px solid #004c9e; -webkit-border-radius: 60%; -moz-border-radius: 60%; -ms-border-radius: 60%; -o-border-radius: 60%; border-radius: 60%;}
.LL_quizCont p.LL_teamName._rd i{background-image: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quiz-i_rd.png);}
.LL_quizCont p.LL_teamName._gr i{background-image: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quiz-i_gr.png);}
.LL_quizCont p.LL_teamName._bl i{background-image: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quiz-i_bl.png);}
.LL_quizCont p.LL_teamName._ye i{background-image: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quiz-i_ye.png);}

/* 測驗題目頁(個別) - 選項 */
.LL_quizCont .qsm-page {}
.LL_quizCont .qsm-page label::after {padding-bottom: 100%; background-image:url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quizmask01-1.png);}
.LL_quizCont .qsm-page:nth-of-type(1) .qmn_radio_answers {position: relative;}
.LL_quizCont .qsm-page:nth-of-type(1) .qmn_radio_answers::after {content: ''; display: block; width: 100%; height: 70px; margin: 0px 0; position: absolute; bottom: 0; left: 0; background: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quiz-vs.png) no-repeat center center; background-size: contain; -webkit-filter: drop-shadow(2px 4px 10px rgba(0,0,0,0.1)); filter: drop-shadow(2px 4px 10px rgba(0,0,0,0.1)); pointer-events: none;}
.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:first-child p.LL_teamName {margin-left: 50px;}
.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:nth-child(2) p.LL_teamName {margin-right: 50px;}
.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:first-child p.LL_teamName i {left: -45px;}
.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:nth-child(2) p.LL_teamName i {right: -45px;}

.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section {width:49%; max-width: 330px; display: inline-block; position:relative;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:first-child, .LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+2) {width: 100%; max-width: none;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section .mlw_qmn_question {padding: 0 15px; position: relative;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) .mlw_qmn_question::after {content: ''; width: 80px; height: 70px; position: absolute; bottom: -15px; right: -42px; background: url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quiz-vs.png) no-repeat center center; background-size: contain; z-index: 1;}
.LL_quizCont .qsm-page:nth-of-type(2) input[type=number] {width: calc(100% - 15px); margin-top: 15px; text-align: center; font-size: 1.8rem; font-weight: 600; line-height: 130%; color: #333; border: none;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3)::after {content: ':'; display: block; z-index: 2; position: absolute; bottom: 1.1rem; left: calc(100% - 0.1em); color: #004c9e; font-size: 3rem; font-weight: 900;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) p.LL_teamName {margin-left: 50px;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) p.LL_teamName i {left: -45px;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) input[type=number] {margin-left: 25px; -webkit-border-radius: 60px 0 0 60px; -moz-border-radius: 60px 0 0 60px; -ms-border-radius: 60px 0 0 60px; -o-border-radius: 60px 0 0 60px; border-radius: 60px 0 0 60px;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+4) p.LL_teamName {margin-right: 50px;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+4) p.LL_teamName i {right: -45px;}
.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+4) input[type=number] {margin-left: -25px; width: calc(100% - 15px); -webkit-border-radius: 0 60px 60px 0; -moz-border-radius: 0 60px 60px 0; -ms-border-radius: 0 60px 60px 0; -o-border-radius: 0 60px 60px 0; border-radius: 0 60px 60px 0;}

.LL_quizCont .qsm-page:nth-of-type(3) label::after {background-image:url(https://events.ttwfa.com/primary-fwc/wp-content/uploads/sites/2/2020/06/img_quizmask03.png);}
.LL_quizCont .qsm-page:nth-of-type(3) .mlw_horizontal_choice{width: 25%; margin-bottom: 30px;}
.LL_quizCont .qsm-page:nth-of-type(3) .LL_teamName {width: calc(100% - 50px); margin-left: 50px;}
.LL_quizCont .qsm-page:nth-of-type(3) .LL_teamName i {margin-left: -50px;}

.LL_quizCont .qsm-page:nth-of-type(4) {max-width: 700px; margin: auto;}
.LL_quizCont .qsm-page:nth-of-type(4) .qsm_contact_div {margin-bottom: 30px;}
.LL_quizCont .qsm-page:nth-of-type(4) .mlw_qmn_question {line-height: 220%; text-align: left;}
.LL_quizCont .qsm-page:nth-of-type(4) input {line-height: 180%; border-radius: 5px; font-size: 1.2rem;}

.LL_quizCont .qsm-pagination {position:absolute; width:100%; bottom:0; left:0; padding:2rem 0.5rem; background:#f2f2f2; border-radius:20px 20px 0 0;}
.LL_quizCont .qsm-pagination .mlw_qmn_quiz_link {color:#808080; font-size: 1.4rem; font-weight: 600; padding: 0 0rem; margin: 0 1rem;}
.LL_quizCont .qsm-pagination .mlw_qmn_quiz_link:hover {color: #961474;}
.LL_quizCont .qsm-pagination .qsm-submit-btn {font-weight: 600; color: #808080; border: none; font-size: 1.4rem; padding: 0 2rem; line-height: inherit;}
.LL_quizCont .qsm-pagination .qsm-submit-btn:hover, .LL_quizCont .qsm-pagination .qsm-submit-btn:focus {background: none; outline: none; color: #961474;}
.LL_quizCont .qsm-pagination span, .LL_quizCont .qsm-pagination div, .LL_quizCont .qsm-pagination svg {display: none !important;}
#mlw_error_message{display:none;}
#mlw_error_message_bottom{padding: 3rem 0 0 0;}

/* Quiz captcha */
.LL_quizCont .qsm-page:nth-of-type(3) .question-section-id-97 {border: 7px solid #22223a; border-radius: 20px; margin-top: 50px; padding: 3rem 1rem; background: #00001a;}
.LL_quizCont .qsm-page:nth-of-type(3) .question-section-id-97 .mlw_qmn_question {margin: 0 1rem; font-size: 1.3rem;}
.LL_quizCont .qsm-page:nth-of-type(3) .mlw_captchaWrap {width: 30%; min-width: 180px; background: #fff; padding: 15px; margin: 0 auto 40px;}
.LL_quizCont .qsm-page:nth-of-type(3) .mlw_captchaWrap canvas#mlw_captcha {display: inline-block; vertical-align: middle;}
.LL_quizCont .qsm-page:nth-of-type(3) input#mlw_captcha_text {margin-top: 10px; width: 30%; min-width: 180px; background: #000012; color: #fff; border: 1px solid #fff; line-height: 160%; font-size: 1.6rem; font-weight: 600; text-align: center; border-radius: 10px;}

/* Quiz pop */
#bdt-modal-0847b14 {z-index: 9999;}
.bdt-modal-0847b14.bdt-modal .bdt-modal-dialog button.bdt-close {border: none; margin-top: 30px; margin-right: 20px;}
.bdt-modal-0847b14.bdt-modal .bdt-modal-dialog button.bdt-close svg {width: 26px; height: 26px;}
.bdt-modal-0847b14.bdt-modal .bdt-modal-dialog button.bdt-close:hover {background: none; transform: scale(1.2);}
/* Quiz RWD設定 */
@media (max-width: 1000px){
	.LL_quizCont .qsm-page:nth-of-type(3) .mlw_horizontal_choice{width: 50%; max-width: 330px;}
}
@media (max-width: 768px){
	.LL_quizCont .mlw_qmn_question h5{font-size:1.1rem;}
	.LL_quizCont .mlw_horizontal_choice {width: 50%; max-width: 330px;}
	.LL_quizCont p.LL_teamName {height: 35px; line-height:35px;}
	.LL_quizCont p.LL_teamName i {width: 64px; height: 64px;}
	.LL_quizCont .qsm-page:nth-of-type(1) .qmn_radio_answers::after, .LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) .mlw_qmn_question::after {height: 65px;}
	.LL_quizCont .qsm-page:nth-of-type(2) input[type=number] {font-size: 1.4rem;}
	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3)::after {bottom: 0.7rem; font-size: 2rem;}
	.LL_quizCont .qsm-page:nth-of-type(3) .question-section-id-97 .mlw_qmn_question {font-size: 1.1rem;}
}

@media (max-width: 600px){
	.quiz_section .LL_missionInfo {padding-bottom: 2rem;}
	.LL_quizCont .mlw_qmn_question h5 {font-size: 1.1rem;}
	.LL_quizCont .qsm-page:nth-of-type(1) .qmn_radio_answers::after {height: 58px; bottom: 2px;}
	.LL_quizCont label, .LL_quizCont .qsm-page:nth-of-type(2) .quiz_section .mlw_qmn_question {margin: 0 7px;}
	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section .mlw_qmn_question{padding:0;}
	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) .mlw_qmn_question::after {height: 58px; bottom: -12px; right: -49px;}
	.LL_quizCont .qsm-pagination .mlw_qmn_quiz_link, .LL_quizCont .qsm-pagination .qsm-submit-btn {font-size: 1.2rem;}
}
@media (max-width: 414px){
	.LL_quizCont p.LL_teamName i {width: 50px; height: 50px; bottom: -0.5rem;}
	.LL_quizCont .qsm-page:nth-of-type(1) .qmn_radio_answers::after {height: 53px; bottom: 6px;}
	.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:first-child p.LL_teamName {margin-left: 10px;}
	.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:nth-child(2) p.LL_teamName {margin-right: 10px;}
	.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:first-child p.LL_teamName i {left: -30px;}
	.LL_quizCont .qsm-page:nth-of-type(1) .mlw_horizontal_choice:nth-child(2) p.LL_teamName i {right: -30px;}

	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) .mlw_qmn_question::after {height: 56px; bottom: -11px;}
	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) p.LL_teamName {margin-left: 10px;}
	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+3) p.LL_teamName i {left: -32px;}
	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+4) p.LL_teamName {margin-right: 10px;}
	.LL_quizCont .qsm-page:nth-of-type(2) .quiz_section:nth-child(3n+4) p.LL_teamName i {right: -32px;}

	.LL_quizCont .qsm-page:nth-of-type(3) .LL_teamName {width: calc(100% - 25px); margin-left: 25px; text-indent: 0.8em;}
	.LL_quizCont .qsm-page:nth-of-type(3) .LL_teamName i {margin-left: -33px;}
}

/* ------- RWD Setting --------------------------------- */
@media (max-width: 1024px) {
	/* About */
	.LL_aboutBlock.action .LL_aboutPad .LL_aboutTitle {width: 100%;}
	.LL_aboutBlock.action .LL_aboutPad .LL_aboutCon {width: 100%;}
}
@media (max-width: 767px){
	/* News */
	#LL_newsCon .elementor-post {display: block;}
	#LL_newsCon .elementor-post__thumbnail__link{margin-right: 0; margin-bottom: 20px;}

}
@media (max-width: 600px) {
	/* About */
	.LL_aboutBlock .LL_aboutPad {max-width: 210px;}
}
@media (max-width: 375px) {
	/* About */
	.LL_aboutBlock .LL_aboutPad, .LL_aboutBlock.action .LL_aboutPad {padding: 50px 20px 30px 20px;}
	.LL_aboutBlock .LL_aboutPad .LL_aboutCon .elementor-heading-title {font-size: 0.8rem;}
}

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