/*
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.3.1.1696241594
Updated: 2023-10-02 18:13:14

*/


/*-- 去除超連結虛線 --*/
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;
    }
}

/* CF7表單 */
.contact_1st,.contact_2sc1,.contact_2sc2{
    position: relative;
}
.contact_3rd {
    width: 49%;
}
.contact_2sc2 {
    display: flex;
    justify-content: space-between;
}
.contact_1st label {
    font-size: 16px !important;
    color: #292929 !important;
    letter-spacing: 1px;
    line-height: 1.5em;
    font-weight: 400 !important;
	margin-bottom:8px;
}
.contact_3rd, .contact_3rd2 {
    margin: 10px 0px;
}
span.required_mark {
    color: #E60012 !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    margin-left: 4px;
}
.contact_1st input,.contact_1st textarea {
    border-color: #DBDBDB !important;
	padding:8px 24px !important;
	color: #292929 !important;
	font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5em;
    font-weight: 400 !important;
	background:#fff !important;
	border-radius:10px;
	margin-top:8px;
}
.contact_1st input::placeholder,.contact_1st textarea::placeholder {
    color: #8F8F8F;
    font-size: 16px;
    font-weight: 400 !important;
}
.submit_btn .wpcf7-submit {
    color: #fff;
    background: #E60012;
    padding: 12px 52px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6em;
    font-weight: 500 !important;
    margin-top: 36px;
	border-radius:5px;
}
.submit_btn{
	text-align:right;
}
.submit_btn .wpcf7-submit:hover{
	background:#C50D1B;
	color:#fff;
}
span.wpcf7-spinner {
    display: none;
}
@media(max-width:525px){
	.contact_2sc2{
		display:block;
	}
	.contact_3rd {
    width: 100%;
}
}

/* table press */
 .tablepress tr.row-1,#tablepress-1 tr.row-2,#tablepress-2  tr.row-2,#tablepress-4 tr.row-2,#tablepress-5 tr.row-2 ,#tablepress-6 tr.row-2 {
    background: #F5F5F5;
}
.tablepress td {
    text-align: center !important;
    color: #292929;
    padding: 12px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #F5F5F5 !important;
    border-left: 1px solid #fff !important;
	vertical-align:middle !important;
	font-weight:500 !important;
	min-width:130px;
}

/* 高強度鋁合金 */
/* #tablepress-1 .row-1 td.column-2,#tablepress-2 .row-1 td.column-2,#tablepress-4 .row-1 td.column-2,#tablepress-5 .row-1 td.column-2,#tablepress-6 .row-1 td.column-2 {
    border-bottom: 2px solid #fff !important;
} */
.no_table .row-1 td.column-2 {
    border-bottom: 2px solid #fff !important;
}
/* #tablepress-1 .row-1 td.column-1,#tablepress-2 .row-1 td.column-1,#tablepress-4 .row-1 td.column-1,#tablepress-5 .row-1 td.column-1,#tablepress-6 .row-1 td.column-1 {
    border-right: 2px solid #fff !important;
} */
.no_table .row-1 td.column-1 {
    border-right: 2px solid #fff !important;
}

/* 頁面 擠型機*/
#tablepress-3 td.column-2,#tablepress-3 td.column-3,#tablepress-3 td.column-4
,#tablepress-21 td.column-2,#tablepress-21 td.column-3,#tablepress-21 td.column-4{
	text-align:left !important;
}
/* 產品 鋁合金種類 */
.single-products .tablepress thead th,.page-id-760 .tablepress thead th,.page-id-2161 .tablepress thead th,.page_pro_block .tablepress thead th {
    background: rgba(230, 0, 18, 0.25);
    color: #292929;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.5em;
    padding: 12px;
}
.single-products .tablepress tbody td,.page-id-760 .tablepress tbody td,.page-id-2161 .tablepress tbody td,.page_pro_block .tablepress tbody td{
    font-size: 16px !important;
    background: #fef2f3;
    padding: 12px !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #d8cece !important;
}
.single-products .tablepress>.row-hover>tr:hover>*,.pt_2 .tablepress>.row-hover>tr:hover>*
,.page_pro_block .tablepress>.row-hover>tr:hover>*{
	background: #fef2f3 !important;
}
.pt_1 .tablepress>.row-hover>tr:hover>*{
	background: rgba(230, 0, 18, 0.25); !important;
}
a.table_link {
    text-decoration: underline !important;
}
a.table_link:hover{
	color:#E60012;
}
.page-id-1238 .tablepress td{
	background: #fff !important;
    font-size: 16px !important;
    padding: 24px !important;
    font-weight: 400 !important;
    border: 1px solid #dbdbdb !important;
}

.page-id-1236 .tablepress td {
    padding: 24px !important;
    background: #fff !important;
    border: 1px solid #dbdbdb !important;
}

.page-id-1236 .tablepress .row-1 td.column-2 {
    font-size: 16px !important;
    text-align: left !important;
    font-weight: 400 !important;
    color: #5c5c5c;
}
.page-id-1236 .tablepress .row-2 td {
    font-size: 18px !important;
}
.page-id-1236 .tablepress .row-3 td {
    text-align: left !important;
}
.page-id-1236 .tablepress .row-3 td ul {
    margin: 0;
}

/* 應用輪播 */
.app_1st, .app_2sc {
    position: relative;
}
.app_2sc {
    display: flex !important;
    flex-wrap: wrap;
	align-items:center;
}
.app_3rd1, .app_3rd2 {
    width: 50%;
}
.app_3rd2 {
    padding: 60px;
}
.app_3rd2 p{
	font-size:18x;
	color:#8F8F8F;
}
.app_1st .swiper-pagination {
    position: absolute;
    width: 100px !important;
    right: 240px;
    bottom: 20px !important;
    left: unset !important;
}
.app_1st span.swiper-pagination-bullet {
    color: #DBDBDB !important;
    width: 8px;
    height: 8px;
}
.app_1st .swiper-pagination-bullet-active{
	color:#E60012 !important;
}
svg.arrow_prev{
	cursor:pointer;
	position:absolute;
	bottom: 10px;
	right:340px;
	z-index:999;
}
svg.arrow_next{
	cursor:pointer;
	position:absolute;
	bottom: 10px;
	right:200px;
	z-index:999;
}
@media(max-width:525px){
	.app_1st {
		padding-top:20px !important;
		padding-bottom: 70px !important;
	}
	.app_3rd1, .app_3rd2 {
		width: 60%;
	}
	.app_3rd2 {
		width: 40%;
	}
	.app_3rd2 {
		padding: 16px;
	}
	.app_1st .swiper-pagination{
		right:70px;
	}
	svg.arrow_prev{
		right:170px;
	}
	svg.arrow_next{
		right:30px;
	}
}

/* 公司沿革 */
.company_tab{
	position:relative;
}
.company_tab .tab_titles {
    display: flex;
    justify-content: center;
}
.company_tab .tab_title {
    font-size: 18px;
    color: #8F8F8F;
    padding: 0px 24px;
    border-right: 1px solid #dbdbdb;
    line-height: 1;
    cursor:pointer;
    margin:30px 0px;
}
.company_tab .tab_title.active{
	color:#292929;
}

.company_tab .content_year {
    font-size: 32px;
    font-family: 'Philosopher' !important;
    color: #292929;
    font-weight: 700;
    padding: 16px 78px 16px 16px;
	width: 25%;
	position:relative;
}
.company_tab .tab_content {
	padding:60px 0px;
}
.company_tab .content_1 {
    display: flex;
	padding: 30px 0;
	align-items:center;
}
.company_tab .content_thing {
    width: 75%;
	padding:16px 16px 16px 78px;
	text-align:justify;
}
.content_year:after {
    content: "";
    background: #dbdbdb;
    position: absolute;
    width: 1px;
    height: 200px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.content_year:before {
    content: "";
    background: #8F8F8F;
    position: absolute;
    width: 12px;
    height: 12px;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 99%;
    z-index: 1;
}

@media(max-width:525px){
	.company_tab .content_year{
		width:40%;
		padding:12px 12px 12px 24px;
	}
	.company_tab .content_thing {
		width:60%;
		padding:12px;
	}
	.content_year:after {
		left:0;
		height:240px;
	}
	.content_year:before {
		left:-6px;
	}
	.company_tab .content_1{
		padding:10px 0;
	}
	.page-id-2191 .company_tab .content_thing {
		text-align: left;
	}
}
.content_year:hover {
    font-size: 42px;
    color: #e60012;
    transition: .5s;
    cursor: pointer;
}
.content_year:hover:before{
	 background: #e60012;
}


/* 關於我們-公司沿革 */
.comp_1st{
	position:relative;
}
.comp_2sc {
    display: flex;
}
.comp_3rd_1 {
    font-size: 32px;
    font-family: 'Philosopher' !important;
    color: #E60012;
    font-weight: 700;
    padding: 16px 40px 16px 16px;
	width: 25%;
	position:relative;
}
.comp_2sc {
	padding:30px 0px;
	align-items:center;
}
.comp_3rd_2{
    display: flex;
	padding: 30px 0;
	align-items:center;
}
.comp_3rd_2{
    width: 75%;
	padding:16px 16px 16px 40px;

}
.comp_3rd_1:after {
    content: "";
    background: #dbdbdb;
    position: absolute;
    width: 1px;
    height: 200px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.comp_3rd_1:before {
    content: "";
    background: #8F8F8F;
    position: absolute;
    width: 12px;
    height: 12px;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 99%;
    z-index: 1;
}

@media(max-width:525px){
	.comp_3rd_1{
		width:40%;
		padding:12px 12px 12px 24px;
	}
	.comp_3rd_2 {
		width:60%;
		padding:12px;
	}
	.comp_3rd_1:after {
		left:0;
		height:240px;
	}
	.comp_3rd_1:before {
		left:-6px;
	}
	.comp_2sc{
		padding:10px 0;
	}
}

/*** WPML ***/
/* 語言切換樣式 */
.lanswitch {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 40px;
	max-width:130px;
}
.lanswitch img{
	margin-right:-10px;
}
.wpml-ls-item-toggle {
    max-width: 120px;
    background: transparent;
    border: none !important;
    margin-left: 10px;
    margin-top: -4px;
}
.wpml-ls-legacy-dropdown-click a:hover {
    background: #fff !important;
    color: #E60012 !important;
}
/* 頁首上方切換器 */
.lanswitch li a {
    color: #333;
    font-size: 14px;
    font-weight: 300;
}

/* 首頁-產品應用 */
.product_app_1st,.product_app_2sc,.product_app_3rd{
    position: relative;
}
.product_app_1st {
    display: flex;
    width: 100%;
}
.product_app_2sc {
    width: 25%;
    transition: .75s;
}
.product_app_4th{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
}
.product_app_2sc:hover {
    width: 50%;
}
.product_app_2sc:mouseout {
    width: 25%;
}
.product_app_3rd h4 {
    color: #fff!important;
    font-size: 24px !important;
    position: absolute;
    bottom: 30px !important;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.product_app_3rd span {
    color: #F75C00;
    font-size: 16px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.product_app_2sc:hover .product_app_4th{
    background:rgba(0,0,0,.2);
    transition: .75s;
}
.product_app_2sc:mouseout .product_app_4th{
    background:rgba(0,0,0,.6);
    transition: .75s;
}
.product_app_2sc:mouseout h4,.product_appe_2sc:mouseout span{
    bottom:30px;
    transition: .75s;
}
.product_app_2sc:hover .product_app_3rd:after {
    content: "";
    background: url(/wp-content/uploads/service-icon.svg);
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    transition: .75s;
}
.product_app_2sc:hover .product_app_3rd h4 {
	bottom:80px !important;
	transition: .75s;
}
.product_app_2sc:hover .papp_more {
	opacity:1;
}
.papp_more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-weight: 700;
    bottom: 4px;
    font-size: 14px;
	opacity:0;
	transition: .75s;
}
.papp_more:after {
    content: "";
    background: url(/wp-content/uploads/view_more_bk.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    bottom: -4px;
}
@media(max-width:525px){
    .product_app_1st {
        display: block;
    }
    .product_app_2sc {
        width: 100%;
    }
    .product_app_3rd {
    height: 280px !important;
    }
    .product_app_3rd h4 {
        font-size: 24px !important;
		text-align:center;
    }
}

/* 首頁輪播 */
.home_1st, .home_2sc {
    position: relative;
}
.home_2sc {
    display: flex !important;
}
.home_3rd1{
    width: 50%;
	display: grid;
    align-items: end;
	justify-content:end;
}
.home_3rd2 {
    width: 50%;
}
.home_4th {
    width: 550px !important;
    position: relative;
    padding-bottom:100px;
	margin-right:88px;
}
.home_4th h2 {
    font-size: 46px !important;
    font-weight: 700 !important;
    line-height: 1.2em !important;
    margin: 12px 0 !important;
}
.page-id-2197 .home_1st .home_text {
    font-size: 52px;
    font-weight: 700;
    margin: 24px 0;
}
.page-id-2197 .home_4th h2 {
    font-size: 24px !important;
}
.home_1st .home_text {
    font-size: 24px;
    font-weight: 500;
    margin: 24px 0;
}
.home_1st svg.swiper-button-next {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100px !important;
    top: unset;
}
.home_pag {
    position: absolute;
    max-width: 1280px !important;
    left: 50% !important;
    z-index: 999;
    transform: translateX(-50%);
}
.home_1st span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #E60012;
}
.home_1st span.swiper-pagination-bullet {
    width: 100px;
    border-radius: 100px;
    background: #8F8F8F;
}
.home_3rd1:after {
    content: "";
    background: url(/wp-content/uploads/Logo_blur.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 420px;
    height: 100%;
    position: absolute;
    top: 30%;
    left: 10%;
}
@media(max-width:525px){
	.page-id-2197 .home_1st,.page-id-63 .home_1st {
    padding-bottom: 120px;
}
	.page-id-2197 .home_1st .home_text {
    font-size: 24px;
}
.page-id-2197 .home_4th h2 {
    font-size: 16px !important;
}
	.home_2sc {
		display: block !important;
	}
	.home_3rd2 {
		width: 100%;
		order:1;
		height:300px !important;
	}	
	.home_3rd1 {
		order:2;
		width: 100%;
		align-items: unset;
    justify-content: unset;
	}
	.home_4th {
    width: 100% !important;
    position: relative;
    padding-bottom: 20px;
    margin-right: 0;
}
.home_4th {
    padding-left: 20px;
    padding-right: 20px;
}
.home_1st .home_text {
    font-size: 16px;
    margin: 16px 0;
	padding:0 !important;
	text-align:center;
}
.home_4th h2 {
    font-size: 22px !important;
	text-align: center;
}
	.home_3rd1:after {
    content: "";
    background: url(/wp-content/uploads/Logo_blur.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 240px;
    height: 100%;
    position: absolute;
    top: 20px;
    left: unset;
    right: 0px;
    z-index: -1;
}
	.home_2sc {
    display: flex !important;
    flex-direction: column;
}
	.home_1st svg.swiper-button-next {
    width: 50px;
    height: 50px;
    left: unset;
    top: 58%;
    right: 10px;
}
	.home_1st span.swiper-pagination-bullet{
		width:50px;
	}
	    .home_pag {
    display: flex;
    justify-content: center;
}
}


/* 服務輪播 */
.service_1st {
    position: relative;
    min-height: 600px;
}
.service_2sc {
    position: relative;
	transform: translateY(-50%) !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-top: 26% !important;
	overflow:visible !important;
}
.service_3rd1 {
    display: flex;
	align-items:center;
	max-width: 720px;
    margin: 0 auto;
}
.service_4th1 {
    width: 50%;
}
.service_4th2 {
    width: 50%;
}
.service_1st .home_text {
    color: #5C5C5C;
    font-size: 16px;
    padding: 24px 48px 24px 24px;
}
.service_1st:after {
    content: "";
    background: url(/wp-content/uploads/machine.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1080px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index:-1;
}
.service_title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    min-height: 1.5em;
    position: absolute;
    left: 50%;
    bottom: -80px;
    transform: translateX(-50%);
}
.service_title:after {
    z-index: -1;
    content: "";
    background: url(/wp-content/uploads/title.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 500px;
    height: 76px;
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
    bottom: -8px;
}
.service2 svg.swiper-button-next {
    width: 90px;
    height: 280px;
    position: absolute;
    right: -28px;
    bottom: 0;
    top: unset;
}
.service_pag span.swiper-pagination-bullet {
    width: 24px;
    height: 24px;
    border: 3px solid #E60012;
    background: #fff !important;
    opacity: 1;
	margin-right:20px !important;
}
.service_pag span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #E60012 !important;
}
.service_pag {
	padding:0 80px;
	position: absolute;
    z-index: 3;
    top: 14px !important;
	display: flex !important;
    justify-content: space-around;
	height:50px;
/*     position: absolute;
    left: 50% !important;
    top: 14px !important;
    bottom: unset !important;
    transform: translateX(-28%) !important;
    right: unset !important; */
}
@media(max-width:525px){
	.service_1st {
    align-items: center;
    display: flex !important;
    margin: -50px 0px -100px 0;
}
	.swiper-wrapper {
    max-height: 350px;
}
	.service_1st:after{
		content:none;
	}
	.service_pag{
		padding:0px ;
		display:none !important;
	}
	.service_3rd1 {
		display: block;
	}
	.service_4th1 {
		width: 100%;
	}
	.service_4th2 {
		width: 100%;
	}
	.service_title {
    font-size: 24px;
		width:100%;
}
.service_title:after {
    width: 340px;
    height: 54px;
    bottom: -4px;
}
	svg.swiper-button-next {
    display: none;
}
}


.service_4th2 a {
    font-size: 16px;
    font-weight: 700;
    padding: 24px;
}

.service_4th2 a{
    position: relative;
}
.service_4th2 a:before{
    content:"";
    background: url(/wp-content/uploads/more_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width:62px;
    height:10px;
    position: absolute;
    left: 72px;
    top:52%;
    transform: translateY(-50%);
}
.service_4th2 a:after{
    content:"";
    position: absolute;
    width: 36px;
    height:36px;
    border: 1px solid #dbdbdb;
    border-radius: 99%;
    left: 114px;
    top:52%;
    transform: translateY(-50%);
    transition: .5s;
}
selector a:after { 
    content: ""; 
    display: block !IMPORTANT;
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    z-index: 1; 
}
.service_4th2:hover a:after{
    border-color: #E60012;
}

/* 手機版子選單箭頭 */
@media(max-width:525px){
	button.ast-menu-toggle {
    margin-top: -10px;
}
}
/* 隱藏scrollbar */
ul::-webkit-scrollbar {
    display: none;
}

/* 英文表格手機版置左 */
@media(max-width:525px){
	td:lang(en) {
		text-align: left !important;
	}
}

/* 產品應用內頁手機版 */
@media(max-width:525px){
	.app_1st {
		margin-bottom: -130px;
	}
}

/*** 231102 ***/
/*** 暫無資料先隱藏 ***/

/* 導覽列 Material Technology */
.sub-menu li#menu-item-3523,.sub-menu li#menu-item-482{
    display: none;
}

@media(min-width:945px){
  li#menu-item-wpml-ls-45-en,li#menu-item-wpml-ls-45-zh-hant {
    display: none !important;
}
}