/*

Theme Name:   Minisoccer 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-2
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%;
}
#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 {}
.LL_ftnav li {list-style-type:none; font-family:"Roboto", "Impact","LiHei Pro","Apple LiGothic","Noto Sans TC","Microsoft JhengHei";}
.LL_ftnav a {color:#EDAA1C; font-size:0.95rem; line-height:1.7em;}
.LL_ftnav a:hover {color:#F0F0F0;}
.LL_ftnav .menu-footer_minisoccer-container > ul {padding:0;}
.LL_ftnav .menu-footer_minisoccer-container > ul > li {width: 25%; float:left;}
.LL_ftnav li ul {padding: 0;}
.LL_ftnav li ul a {color:#B4B2B3; font-size:0.9rem;}
.LL_ftnav li ul a:hover{color:#ffffff;}

/* basic */
.txt_red{color:#C82D00;}

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

/* Index */
.elementor-9 .LL_miniMain{position: absolute; width:100%; top:0; left:0; margin-top:-100%;}
.elementor-9 .LL_miniMainCon.elementor-element > .elementor-container {height: 46vw;}

/* News */
#LL_news_filter .sf-field-category {text-align:center;}
#LL_news_filter .sf-field-category > ul, #LL_news_filter .searchandfilter > ul {padding:0;}
#LL_news_filter .sf-level-0.sf-item-0 {width: calc(80% + 10px);}
#LL_news_filter .sf-level-0{width: 40%; display: inline-block; margin: 0 5px 10px; background: #aaa; border-radius: 5px; padding: 0;}
#LL_news_filter .sf-level-0:hover{background:#EDAA1C;}
#LL_news_filter .sf-level-0 label {width: 100%;}
#LL_news_filter .sf-level-0 > * {padding: 0 15px; vertical-align: middle; font-size: 1.2rem; color: #fff; line-height: 200%; cursor:pointer; font-family: "LiHei Pro", "Impact","LiHei Pro","Apple LiGothic","Noto Sans TC","Microsoft JhengHei";}
#LL_news_filter .sf-level-0 > input[type='radio'] {opacity: 0; position: absolute;}

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

/* Download */
.LL_dloadList .elementor-widget-container .bdt-hover-box {height: auto; padding: 5rem 0;}


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

	/* Index */
	.elementor-9 .LL_miniMainCon.elementor-element > .elementor-container {height: 77vw;}
}
@media (max-width: 768px){
	/* Footer */
	.LL_ftnav a {font-size: 0.85rem;}
	.LL_ftnav li ul a {font-size: 0.8rem;}
}
@media (max-width: 767px){
	/* Index */
	.elementor-9 .LL_miniMainCon.elementor-element > .elementor-container {height: 100vw;}
	/* News */
	#LL_news_filter .sf-level-0.sf-item-0 {width: calc(100% - 10px);}
	#LL_news_filter .sf-level-0 {width: calc(50% - 10px);}
	#LL_news_filter .sf-level-0 > * {font-size: 1rem; line-height: 160%; padding: 5px;}
}
@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;}
 }