/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.7.2.1720405535
Updated: 2024-07-08 10:25:35

*/


@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

/*-- 去除超連結虛線 --*/
img,a,a:focus,a:focus{
    outline:none !important;
}


/* Astra - Elementor Loop item 間距 */
/* Astra - Elementor Loop item 間距 */
.e-loop-item.ast-grid-common-col {
    padding: 0;
}
.ast-page-builder-template .e-loop-item.ast-article-post {
    margin-bottom: 0;
}
.elementor.e-loop-item.ast-width-md-3,.elementor.e-loop-item.ast-width-md-4 {
    width: 100%;
}

/* Astra mobile 下拉箭頭調整 */
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
    top: 0px !important;
    width: 100%;
    text-align: right;
}


/* elementor 錨點小工具 - 位移fix */
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display:block;
    height: 100px; 
    margin: -100px 0 0; 
    visibility: hidden;
    pointer-events: none;
}
@media(max-width:525px){
    body:not(.elementor-editor-active) .elementor-menu-anchor:before {
        content: "";
        display:block;
        height: 70px; 
        margin: -70px 0 0; 
        visibility: hidden;
        pointer-events: none;
    }
}
.elementor-widget-menu-anchor{
    visibility: hidden;
}

/* laptop nav logo */
.ast-primary-header-bar .ast-site-identity {
    padding: 0 !important;
}

/* 底線 btn 樣式 */
.line_btn{
    position: relative;
}
.line_btn:after{
    content:"";
    background: url(/wp-content/uploads/btn_arrow_r-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.line_btn:hover:after{
    content:"";
    background: url(/wp-content/uploads/btn_arrow_r_hover.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* 框線 btn 樣式 */
.box_btn a{
    position: relative;
}
.box_btn a:after{
    content:"";
    background: url(/wp-content/uploads/btn_arrow_r-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.box_btn a:hover:after{
    content:"";
    background: url(/wp-content/uploads/btn_arrow_r_hover.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

/* menu list */
.menu_list_1st {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 28px;
}
.menu_list_2sc {
    width: 30%;
    margin: 28px 12px;
    text-align:center;
	opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.menu_list_2sc.show {
    opacity: 1;
    transform: translateY(0);
}
.menu_list_2sc img {
    width: 100%;
    object-fit: cover;
}
.menu_list_2sc h2 {
    color: #3F2313 !important;
    font-size: 24px !important;
	margin-bottom:0 !important;
}
.menu_list_2sc p {
    font-size: 16px;
}
.menu_list_2sc.show {
    opacity: 1;
    transform: translateY(0);
}
@media(max-width:525px){
	.menu_list_1st{
		gap:0;
	}
    .menu_list_2sc {
        width: 42%;
        margin: 16px 8px;
        text-align: center;
    }
    .menu_list_2sc h2{
        font-size:18px !important;
    }
}

/* 會員頁 樣式 */
.box_star1 .elementor-image-box-title{
    position: relative;
    margin-left: 1em;
}
.box_star1 .elementor-image-box-title:before{
    content:"";
    background: url(/wp-content/uploads/star1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -1em;
    top: 4px;
}
.box_star2 .elementor-image-box-title{
    position: relative;
    margin-left: 1em;
}
.box_star2 .elementor-image-box-title:before{
    content:"";
    background: url(/wp-content/uploads/star2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -1em;
    top: 4px;
}
.box_star3 .elementor-image-box-title{
    position: relative;
    margin-left: 1em;
}
.box_star3 .elementor-image-box-title:before{
    content:"";
    background: url(/wp-content/uploads/star3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -1em;
    top: 4px;
}
.box_star4 .elementor-image-box-title:before{
    content:"";
    background: url(/wp-content/uploads/star4.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    left: -1em;
    top: 4px;
}
.title_dd,.title_dd2{
    margin-top: -4px;
}
.title_dd{
    margin-right: 12px;
}
.title_dd2{
    margin-left: 12px;
}
@media(max-width:525px){
    .title_dd,.title_dd2{
        width:28px;
    }
}

/* 企業申請表單 */
.company_form1_1st {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.company_form1_2sc1 {
    margin: 12px;
}
.company_form1_2sc1 label {
    color: #3F2313;
    font-size: 14px !important;
}
.company_form1_2sc1 span.form_re {
    color: #FF571F;
}
.company_form1_2sc1 label input {
    border-color: #E1E1E1;
    margin-top: 8px;
    border-radius: 0 !important;
}
.company_form1_btn {
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 32px;
}
.company_form1_btn input {
    background: transparent;
    border: 1px solid #3F2313;
    border-radius: 2px;
    padding: 12px 24px;
	font-size:16px !important;
}
.company_form1_btn input:hover {
    background: #3f2313;
    color: #fff;
}

/* 留言表單 */
.contact_form_1st {
    position: relative;
    display: block;
    flex-wrap: wrap;
}
.contact_form_2sc {
    margin: 12px;
}
.contact_form_2sc label {
    color: #3F2313;
    font-size: 14px !important;
}
.contact_form_2sc span.form_re {
    color: #FF571F;
}
.contact_form_2sc label input,.contact_form_2sc label textarea {
    border-color: #E1E1E1;
    margin-top: 8px;
    border-radius: 0 !important;
}

/* 應徵表單 */
.job_form_1st {
    position: relative;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.job_form_2sc1 {
    margin: 12px 4px;
	width:47%;
}
.job_form_2sc2{
	margin: 12px 4px;
	width:100%;
}
.job_form_2sc1 label,.job_form_2sc2 label {
    color: #3F2313;
    font-size: 14px !important;
}
.job_form_2sc1 span.form_re,.job_form_2sc2 span.form_re {
    color: #FF571F;
}
.job_form_2sc1 label input,.job_form_2sc2 label input,.job_form_2sc2 label textarea,.job_form_2sc1 label select {
    border-color: #E1E1E1;
    margin-top: 8px;
    border-radius: 0 !important;
}
@media(max-width:525px){
	.job_form_1st {
		display: block;
	}
	.job_form_2sc1,.job_form_2sc2{
		margin:0;
		padding:12px;
		width:100%;
	}
}

/* float social */
	.float_side{
        position: fixed;
        z-index: 999999;
        right: 8px;
        bottom: 100px;   
    }
    .float_side a {

	}
    .float_side a:hover{
        cursor:pointer;
    }
.float_side img {
    width: 60px;
    border-radius: 99%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .15);
}
@media(max-width:525px){
        .float_side a {
			
		}
}


/* home slider */
.home_1st {
    position: relative;
}
img.swiper-button-prev,img.swiper-button-next {
    backdrop-filter: blur(4px);
    background: rgba(0, 0, 0, .2);
    padding: 8px 15px;
    border-radius: 99% !important;
    width: 48px;
}


@media(max-width:525px){
	img.swiper-button-prev,img.swiper-button-next {
		width:36px;
		padding:8px 12px;
	}
}

/* 派對頁面 */
.icon_list .elementor-image-box-img {
    width: 48px;
    height: 48px;
}
.icon_list  .elementor-image-box-description{
    min-height: 100px;
}

span.wpcf7-spinner {
    display: none;
}
p.btn_text {
    margin: 0 auto;
}

/* Lightbox */
.lb-outerContainer {
    max-width: 1000px;
    height: auto;
}
div#lightbox {
    top: 50% !important;
    transform: translateY(-50%);
}


@media(max-width:525px){
	.icon_list  figure.elementor-image-box-img{
		max-width:48px !important;
	}
}


/* 包場價目表 */
.price_list td {
    border: 1px solid #dbdbdb !important;
    text-align: center !important;
    align-content: center !important;
}
.price_list tr.row-1 {
    background: #EF7A33 !important;
}
.price_list tr.row-1 td {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
	min-width: 100px !important;
}



/* 菜單 */
.menu_list td {
    padding: 16px !important;
}
.menu_list td.column-2, .menu_list td.column-3 {
    width: 50%;
}