/*
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.5.2.1703555307
Updated: 2023-12-26 09:48:27

*/


/*-- 去除超連結虛線 --*/
img,a{
    outline:none !important;
}
/* 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 錨點小工具 - 位移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;
    }
}

/* Logo */
.site-logo-img img{
	height:auto !important;
}
.ast-single-post-featured-section.post-thumb.ast-article-image-container--wide {
    display: none;
}

/* mobile menu */
ul#ast-hf-mobile-menu li.menu-item.current-menu-parent.ast-submenu-expanded{
	background:#C20000;
}
ul#ast-hf-mobile-menu li.current-menu-parent.ast-submenu-expanded > a >span.menu-text {
    color: #fff !important;
}

/* 透明頁首 導覽列樣式 */
@media(min-width:945px){
	.ast-theme-transparent-header .main-header-bar-navigation ul.main-header-menu > li a {
		color: #fff !important;
	}
	.ast-primary-sticky-header-active .main-header-bar-navigation  ul.main-header-menu > li a {
		color:#252525 !important;
	}
	.ast-theme-transparent-header .main-header-bar-navigation ul.sub-menu li a{
		color:#252525 !important;
	}
	.ast-theme-transparent-header .main-header-bar-navigation ul.sub-menu li a:hover{
		color:#C20000 !important;
	}
/* 	.main-header-bar-navigation ul.sub-menu{
		background:rgba(255,255,255,.9) !important;
	} */
}
button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal {
    padding: 0 !important;
}
.page-id-50 .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
    border-bottom: 0 !important;
}

.page-id-50 .ast-primary-header-bar .home_trans_red{
	display:none;
}
.page-id-50 .ast-primary-header-bar .home_trans{
	display:block !important;
}
.page-id-50 .ast-primary-header-bar.ast-sticky-active .home_trans_red{
	display:block !important;
}
.page-id-50 .ast-primary-header-bar.ast-sticky-active .home_trans{
	display:none !important;
}

/* 電腦版子選單 */
@media(min-width:945px){
	.main-navigation ul.sub-menu li {
		text-align: center;
		background:transparent !important;
	}
	.main-navigation ul.sub-menu li a.menu-link{
		background:transparent !important;
		padding:8px !important;
	}
	.main-navigation ul.sub-menu {
		background: rgba(255,255,255,.85);
		padding:12px !important;
		backdrop-filter:blur(3px) !important		
	}
	.ast-primary-header-bar li.menu-item-522 ul.sub-menu {
		width: 240px !important;
	}
}

/* 行動版menu */
ul#ast-hf-mobile-menu li.menu-item button.ast-menu-toggle {
    margin-top: -10px !important;
}
ul#ast-hf-mobile-menu li.menu-item a{
	color:#505050 !important;
}

/* back to top 按鈕 */ 
.btop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    cursor: pointer;
}

/* 首頁輪播 */
.home_1st {
    position: relative;
}
.home_2sc {
    position: relative;
}
.home_1st a.home_link {
    position: absolute;
    width: 100%;
    height: 100%;
	display: flex;
    align-items: center;
}
.home_3rd1 {
    position: relative;
    width: 1320px ;
    margin: 0 auto;
	padding:0 20px;
	z-index:5;
}
.home_3rd2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 3;
}
.home_3rd1 h2 {
	font-size: 48px !important;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.home_text {
    color: #fff;
    background: linear-gradient(90deg, #FE0000 0%, #A40100 100%);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5em;
    padding: 8px;
    max-width: 200px;
    text-align: center;
}

@media(max-width:525px){
	.home_3rd1 h2{
		font-size:32px !important;
	}
	.home_2sc {
		height: 400px !important;
	}
	.swiper-pagination {
		top: 150px !important;
		right: 20px !important;
}
.swiper-pagination-bullet-active {
    position: relative;
}
 .pag {
    position: absolute;
    width: 1280px;
    height: 100%;
	bottom: 0;
	left: 50%;
    transform: translateX(-50%); 
}
.swiper-pagination {
    position: absolute;
    width: 30px !important;
    right: 82px;
    left: unset !important;
    height: 100%;
    top: 200px !important;
}
.swiper-pagination span.swiper-pagination-bullet {
    background: #fff;
    width: 8px;
    height: 8px;
	margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 99%;
}

/* 首頁 產品服務輪播 */
.service_1st{
	position:relative;
}
.service_2sc{
	position:relative;
}
.service_3rd1{
	color:#fff;
	font-size:20px;
	font-weight:500;
	position:absolute;
	top:20px;
	left:20px;
	writing-mode: vertical-lr;
	letter-spacing: 10px;
    text-shadow: 0px 0px 20px rgba(0,0,0,1);
}


a.service_link {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
}
svg.swiper-button-prev:hover path,svg.swiper-button-next:hover path {
    opacity: 1;
}
 .swiper-button-prev {
    width: 40px !important;
    height: 80px !important;
    position: absolute;
	left:10% !important;
	top:45% !important;
	transform:translateY(-50%) !important;
}
 .swiper-button-next {
    width: 40px !important;
    height: 80px !important;
    position: absolute;
	right:10% !important;
	top:45% !important;
	transform:translateY(-50%) !important;
}
.service_over {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
}
.service_2sc.swiper-slide.swiper-slide-active .service_over, .service_2sc.swiper-slide:hover .service_over {
    background: rgba(0,0,0,0);
	transition:.75s;
}
.ss_swiper-pagination {
    text-align: center !important;
    margin-top: 40px !important;
}
.ss_swiper-pagination span.swiper-pagination-bullet {
    background: #fff;
    width: 8px;
    height: 8px;
    margin: 20px !important;
}
.ss_swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 99%;
}
.service_2sc:nth-child(2), .service_2sc:nth-child(6) {
    opacity: 0.5 !important;
}
@media(max-width:944px){
	.swiper-button-prev {
		 left:20px !important;
	}
	 .swiper-button-next {
	 	right:20px !important;
	}
}
@media(max-width:525px){
	.service_2sc {
		opacity: 0.5 !important;
	}
	.service_2sc.swiper-slide.swiper-slide-active{
		opacity:1 !important;
	}
	.ss_swiper-pagination {
		margin-top: 20px !important;
	}
		.swiper-button-prev {
		 left:20px !important;
	}
	 .swiper-button-next {
	 	right:20px !important;
	}
}


/* 表單 */
.form_1st .form_2sc label {
    color: #505050;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.form_1st span.required_dot {
    font-size: 16px;
    color: #8F0000;
}
.form_1st input::placeholder {
    color: rgba(0,0,0,.25);
    font-size: 16px;
}
.form_1st input, .form_1st textarea {
    margin-top: 8px;
}
.wpcf7 input, .wpcf7 textarea {
    border-radius: 0 !important;
}
.form_1st .wpcf7-submit {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    width: 100%;
    background: #8F0000 !important;
    border-radius: 0px !important;
    padding: 16px 24px !important;
	max-width: 155px !important;
    float: right;
}
.form_1st .wpcf7-submit:hover {
    background: linear-gradient(90deg, #FE0000 , #A40100 60%) !important;
	transition:.35s;
}
.form_1st{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.form_2sc{
	width:46%;
	margin:0 12px;
}
@media(max-width:944px){
	.form_2sc{
		width:43%;
	}
}
@media(max-width:525px){
	.form_2sc{
		width:100%;
	}
}

.form_2sc2{
	width:100%;
	margin:0 12px;
}
.form_2sc.soc_select span.wpcf7-form-control-wrap {
    margin-top: 12px;
}
.form_2sc.enter_acc {
    margin-top: -32px;
}
.form_1st input[type=radio] {
    accent-color: #8F0000;
}
.form_1st span.wpcf7-list-item.first {
    margin: 0;
}

/* 產品內頁 - 產品資訊 */
.info_list_1st {
    position: relative;
}
p.info_title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom:10px;
}
p.info_text {
    font-size: 16px;
    font-family: 'Lato';
    color: #505050;
    margin-bottom:0;
}
.info_list_2sc {
    border-bottom: 1px solid #D8D8D8;
    padding:20px 0;
}

/* 產品 Filter */
.product_filter ul.woocommerce-widget-layered-nav-list {
/* 	display: flex; */
    justify-content: center;
	align-items:center;
}
.product_filter ul.woocommerce-widget-layered-nav-list li{
	width:25%;
}
@media(max-width:525px){
	.product_filter ul.woocommerce-widget-layered-nav-list li{
		width:100%;
	}
}
.product_filter li.woocommerce-widget-layered-nav-list__item a {
	position: relative;
    border: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #505050 !important;
	margin:0 10px;
}
.product_filter li.woocommerce-widget-layered-nav-list__item.chosen a,.product_filter li.woocommerce-widget-layered-nav-list__item a:hover{
    color: #C20000 !important;
}
.product_filter li.woocommerce-widget-layered-nav-list__item a:before {
    content: "";
    background: url(/wp-content/uploads/check_before.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -8px;
    top: 8px;
}
.product_filter li.woocommerce-widget-layered-nav-list__item.chosen a:before {
    content: "";
    background: url(/wp-content/uploads/check.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -8px;
    top: 8px;
}
@media(max-width:525px){
	.product_filter li.woocommerce-widget-layered-nav-list__item a {
		font-size: 14px !important;
	}
	.product_filter li.woocommerce-widget-layered-nav-list__item a:before
	,.product_filter li.woocommerce-widget-layered-nav-list__item.chosen a:before {
		top: 6px;
	}
}

/* 商品內頁 - 檔案下載 */
.pdf_1st,.pdf_2sc{
	position:relative;
}
.pdf_2sc{
	margin:16px 0px;
}
.pdf_2sc .qa_inner{
	color:#c20000;
	font-weight:500;
}
.pdf_url:hover{
	cursor:pointer;
	text-shadow:0px 2px 8px rgba(0,0,0,.7);
}
.pdf_url svg {
    margin-bottom: -4px;
}