/*
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: 3.9.4.1670827179
Updated: 2022-12-12 14:39:39

*/

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

/* float social */
.float_icon {
    z-index: 999;
    position: fixed;
    right: 24px;
    bottom: 100px;
    width: 50px;
    height: 50px;
}

.float_side:hover{
	background:#dbdbdb;
}
@media(min-width:526px){
	.float_mobile{
		display:none;
	}
.float_side {
    position: fixed;
    z-index: 99999;
    left: 50%;
	transform:translatex(-50%);
/*     top: 20%; */
	bottom: 20px;
    background: #fff;
    padding: 12px 40px;
/*     width: 50px; */
    text-align: center;
}
	.float_side a {
    margin: 6px 0px;
	}
	.float_side:hover{
/* 		cursor:pointer;
		transform:scale(1.1,1.1);
		transition:.5s; */
	}
.float_side img{
/* 	margin-bottom:10px; */
	margin-right:8px;
}
.float_side span{
	font-size:18px;
	color: #005bac;
    font-weight: 500;	
}
.float_side {
	border:2px solid #fff;
    border-radius: 6px;
    box-shadow: 0px 2px 5px rgb(150 150 150 / 50%);
}
}
@media(max-width:525px){
		.float_side{
		display:none;
	}
	.float_mob {
		position: relative;
	}
	.float_mobile{
		position:fixed;
		z-index: 999999;
		bottom: 0;
   		width: 100%;
		background-color: #dbdbdb;
		box-shadow: 0px -2px 6px rgb(150 150 150 / 30%);
		height:60px;
	}
	.float_mobile a {
		position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
		width:100%;
		text-align:center;
	}
	.float_mobile img{
		width:30px;
		margin:-8px 1em 0px 1em;
	}
	.float_mobile span{
		font-weight:700;
		font-size:20px;
		letter-spacing:1em;
		color:#005BAC;
		
	}
}

/* 首頁-輪播 */
.slider_1st{
	overflow:hidden;
}
.hscover{
	position:relative;
	width:1200px;
	height:500px;
	margin:0 auto;
}
.hsInner {
	width:100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.hsInner h2 {
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.5em;
/* 	width:40%; */
	display:inline-block;
	margin-bottom:24px;
}
.hsInner span{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.5em;
	display:block;
/* 	width:60%; */
}
.slick-dots{
    bottom:10%;
}
.slick-dots li.slick-active button:before {
    color: #005BAC;
}
.slick-dots li button:before{
    color:#fff;
}
.slick-dots{
    bottom:10% !important;
}
.slick-dots li.slick-active button:before {
    color: #005BAC !important;
}
.slick-dots li button:before{
    color:#fff !important;
	opacity:1 !important;
}
@media(max-width:944px){
	.hscover{
		width:auto;
		height:380px;
	}
	.hsInner h2,.hsInner span{
		width:100%;
	}
	.hsInner{
		padding:0px 20px;
	}
	.slider_3rd {
    height: 380px !important;
}
}
@media(max-width:525px){
		.hscover{
		height:400px;
	}
	.hsInner h2{
		font-size:46px;
	}
		.hsInner span{
		font-size:23px;
	}
	.hsInner{
		padding:0px 20px;
	}
	.slider_3rd {
    height: 150px !important;
}
}

/* 首頁-產品輪播1 */
.post_slider_2nd {
    background: #fff;
    margin: 0px 30px;
    padding: 10px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
	border-radius:5px;
}
.post_title {
    text-align: center;
	padding:20px 30px 10px 30px;
}
.post_title h4{
  font-size:16px;
  color:#000;
  font-weight:400;
  letter-spacing:1px;
  line-height:1.5em;
	min-height:48px;
	margin-bottom:20px;
}
.post_title span{
  font-size:14px;
  color:#8F8F8F;
  font-weight:500;
  letter-spacing:1px;
  line-height:1.5em;
}
.post_slider_2nd:hover .post_title span{
	color:#005BAC;
}
svg.arrow_prev {
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    z-index: 999;
	left:-30px;
}
svg.arrow_next{
	position: absolute;
    top: 50%;
    transform: translateX(-50%);
    z-index: 999;
	right:-70px;
}
svg.arrow_prev:hover,svg.arrow_next:hover{
	cursor:pointer;
}
.post_slider_1st .slick-track{
  margin-top:10px;
  margin-bottom:10px;
}
@media(max-width:944px){
	.post_slider_2nd {
    background: #fff;
    margin: 0px 15px;
	}
	.post_title {
	padding:15px 15px 10px 15px;
	}
	svg.arrow_prev {
	left:10px;
	}
	svg.arrow_next{
		right:-30px;
	}
}
@media(max-width:525px){
	svg.arrow_prev {
	left:10px;
	}
	svg.arrow_next{
		right:-30px;
	}
	.post_title h4{
		font-size:18px;
		margin-bottom:10px;
	}
	.post_title {
	padding:20px 30px 20px 30px;
	}
}

/* 首頁小標題 */
.home_title:before {
    content: "";
    background: #005bac;
    width: 43%;
    position: absolute;
    background-size: contain;
    height: 1px;
    left: 0;
    top: 50%;
}
.home_title:after {
    content: "";
    background: #005bac;
    width: 43%;
    position: absolute;
    background-size: contain;
    height: 1px;
    right: 0;
    top: 50%;
}
@media(max-width:944px){
	.home_title:before,.home_title:after {
    width: 40%;
}
}
@media(max-width:525px){
	.home_title:before,.home_title:after {
    width: 30%;
}
}

/* 首頁-最新消息 */
.post_grid_1st {
    display: flex;
    position: relative;
}
.post_grid_1st .post_grid_2nd:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
}
.post_grid_2nd {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 33%;
    box-shadow: 0px 2px 2px #d9d9d9;
}
@media(max-width:525px){
	.post_grid_1st{
		display:block;
	}
	.post_grid_2nd {
    width: 100%;
}
	.post_grid_1st .post_grid_2nd:nth-child(2) {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}
}
.post_grid_cat {
    display: flex;
    margin-bottom:20px;
}
.post_grid_cat svg{
    width:20px;
    height:20px;
    margin-right:10px;
}
span.post_grid_text {
    color: #005BAC;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.5em;
}
p.post_grid_date {
    color: #005BAC;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5em;
	margin:15px 0px;
}
h3.post_grid_title{
	color: #000;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5em;
	text-align: justify;
}
ul.post_grid_event {
    list-style-type: none;
    margin-left: 0;
}
ul.post_grid_event li {
    color: #8F8F8F;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5em;
	margin-bottom:6px;
}
span.event_li{
    color: #005BAC;
    letter-spacing: 2px;
	margin-right:10px;
}
p.post_btn{
	color: #005BAC;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5em;
	padding: 10px;
    border: 1px solid #005BAC;
    margin: 0 auto;
    text-align: center;
    width: 150px;
    border-radius: 20px;
}
.post_grid_2nd:hover p.post_btn{
	color:#fff;
	background:#005BAC;
	transition: .5s;
}
.post_grid_2nd:hover{
	box-shadow: 0px 10px 16px #d9d9d9;
	transition: .5s;
}

.ps_2sc h4 {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin-bottom: 0px;
}
.ps_2sc h4:hover{
  color: #005BAC;
}
.ps_2sc{
  padding: 15px;
  border-bottom: 1px solid #005BAC;
}


/* 關於中方-nav手機版 */
@media(max-width:525px){
	.about_nav .elementor-nav-menu {
		justify-content: flex-start;
	}
	.about_nav .elementor-nav-menu li {
		width: 50%;
	}
}
.about_nav .elementor-nav-menu li:hover a:before,.about_nav a.elementor-item.elementor-item-active.menu-link:before {
    content: "";
    background: #005bac !important;
    width: 8px;
    height: 8px;
    border-radius: 99px;
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    left: -15px !important;
}

/* timeline */
.tl_2scr p {
    color: #000;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 1px;
    font-weight: 500;
	margin-top:14px;
}
.tl_2scl {
    width: 20%;
    float: left;
	padding:24px 24px 24px 0px;
}
 .tl_2scr {
    width: 80%;
    float: left;
	padding:44px 35px 35px 35px;
}
.tl_2scr h3 {
    font-size: 20px;
    color: #005BAC;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.tl_2scr span {
    font-size: 18px;
	font-weight:700;
    color: #005BAC;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.tl_2scr p {
    font-size: 16px;
    color: #5c5c5c;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.tl_2scr>div {
    display: flex;
}
.tl_mon {
    text-align: justify;
}




@media(max-width:525px){
	.tl_2scl{
		width:20% ;
		padding:0px;
	}
	.tl_2scr{
		width:80%;
		padding: 10px 0px 10px 15px;
	}
	.tl_2scl h3:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #005BAC;
    right: -7px !important;
    top: 33% !important;
    border-radius: 30px;
}
	.tl_2scr p{
		font-size:20px;
		font-weight:700;
	}
}

.tl_2scl h3{
	text-align: left;
    font-size: 64px;
    font-weight: 400;
    color: #005BAC;
    letter-spacing: 2px;
    line-height: 1.5em;
}
.tl_2scr span{
    margin-bottom:10px;
}
.tl_2scr>div {
    margin-bottom: 30px;
}
.tl_2scr {
    border-left: 3px solid #005BAC;	
}
.tl_1st,.tl_2scl{
	position:relative;
}
.tl_2scl h3:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #005BAC;
    right: -3%;
	top:38%;
	border-radius:30px;
}
.tl_2scr > div:last-child {
    padding-bottom: 50px;
    border-bottom: 2px solid #005bac;
}
@media(max-width:944px){
	.tl_2scl h3{
		font-size:40px;
	}
	.tl_2scr h3{
		font-size:18px;
	}
	.tl_2scr p{
		font-size:15px;
	}
	.tl_2scl h3:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #005BAC;
    right: -7px;
    top: 38%;
    border-radius: 30px;
}
}
@media(max-width:525px){
	.tl_2scl h3 {
	margin-top: 10px;
    font-size: 23px;
    font-weight: 700;
}
	.tl_2scr > div {
    display: block;
}
}

/* 組織頁面部門標題 */
.o_block0 .elementor-widget-container .elementor-image-box-wrapper  a:after { 
	content: ""; 
	display: block !IMPORTANT;
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 1; 
}
.o_block:hover {
    cursor: pointer;
}

.o_block:hover .elementor-widget-container,.tab_active .elementor-widget-container{
    background-color: #005BAC !important;
}

.o_block:hover .elementor-image-box-content h3, .o_block:hover .elementor-image-box-content p
,.tab_active .elementor-image-box-content h3,.tab_active .elementor-image-box-content p {
    color: #fff !important;
    transition: .5s;
}
.o_block_text{
	display:none;
}
.text_active{
	display:block;
}

/* QA樣式 */
.qa_2sc{
	margin-bottom:30px;
}
.qa_3rd_1 {
	position:relative;
	display:inline-flex;
	width:100%;
	background-color:#fff;
	padding:20px;
	border:1px solid rgba(0,0,0,.08);
}
.qa_3rd_1:hover{
	box-shadow:0px 0px 8px rgba(0,0,0,.1);
}
.qa_3rd_1 h4{
	color:#040707;
	font-size:16px;
	font-weight:500;
	letter-spacing:2px;
	line-height:1.5em;
	margin-bottom:0;
}
.qa_3rd_1 .qa_more{
	position:absolute;
	right:30px;
	cursor:pointer;
}
.qa_3rd_1 .qa_more:before{
	content: "+";
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    right: 0px;
    top: -2px;
}
.qa_3rd_1.active1  .qa_more:before{
	content: "-";
	color:#fff;
}
.qa_3rd_2{
	padding:20px;
	box-shadow:0px 0px 4px rgba(0,0,0,.1);
	background:#fff;
	min-width:100%;
}
.qa_3rd_2 span{
	color:#040707;
	font-size:16px;
	font-weight:400;
	letter-spacing:1px;
	line-height:2em;
	text-align: justify;
}
.active{
	display:block !important;
	transition:.5s;
}
.active1{
	background:#005BAC;
	border-top:1px solid #040707;
	transition:.5s;
}
.active2{
	color:#fff !important;
	transition:.5s;
}

.qa_3rd_2,.chthird{
	display:none;
}
.qa_2sc{
	cursor:pointer;
}
@media(max-width:525px){
	.qa_3rd_1 h4 {
    width: 90%;
}
}


/* FAQ-nav */
.faq_nav .elementor-nav-menu li a:before {
    content: "";
    background: url(/wp-content/uploads/noarr.svg);
	background-color: #ffffff00 !important;
    width: 20px;
    height: 20px;
    border-radius: 99px;
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    left: -1.8em;
	opacity:1 !important;
}
.faq_nav .elementor-nav-menu li:hover a:before,.faq_nav a.elementor-item.elementor-item-active.menu-link:before {
    content: "";
    background: url(/wp-content/uploads/bbarrow.svg);
	background-color: #ffffff00 !important;
    width: 24px;
    height: 24px;
    border-radius: 99px;
    position: absolute;
    top: 54%;
    transform: translateY(-50%);
    left: -1.8em;
}
@media(max-width:525px){
	.faq_nav .elementor-nav-menu {
		justify-content: flex-start;
	}
	.faq_nav .elementor-nav-menu li {
		width: 50%;
	}
}

/* 最新消息-nav */
.news_nav li.menu-item {
    border: 1px solid #005BAC;
}
.news_nav li.menu-item {
    padding: 6px 30px;
    margin-right: 20px;
    border-radius: 30px;
}
.news_nav .current-menu-item,.news_nav li.menu-item:hover {
    background: #005BAC;
}
@media(max-width:525px){
	.news_nav li.menu-item {
    padding: 2px 30px;
    margin-right: 16px;
    margin-bottom: 16px;
	}
}

/* 固定頁首LOGO */
.sticky_logo {
    opacity: 0;
}
.ast-sticky-active .sticky_logo {
    opacity: 1;
}

/* 產品介紹頁面-列表樣式 */
.product_list article:hover .elementor-post__title a {
    color: #005BAC ;
    transition: .5s;
}
.product_list article:hover .elementor-post__thumbnail img{
	margin-top: -10px;
    transition: .5s;
	box-shadow: 0px 2px 6px rgba(0,0,0,.5);
	z-index:9;
}

/* 合作客戶 */
.cus_slider_1st,.cus_slider_2sc {
    position: relative;
}
.cus_slider_3rd1, .cus_slider_3rd2 {
    width: 50%;
}
.cus_slider_2sc {
    display: flex !important;
}
.cus_slider_3rd1 h3 {
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.cus_slider_3rd1 p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5em;
	text-align:justify;
}
.cus_slider_3rd1 a {
    color: #005BAC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.cus_slider_3rd1 {
    margin-right: 30px;
}
.cus_slider_3rd2 {
    margin-left: 30px;
}
.cus_slider_3rd2 img {
	max-width: 420px;
    margin: 0 auto;
}


/* 文章內頁圖片最大 */
.single .elementor-widget-container img {
    width: 100%;
}

/* 2023/3/8 kevinhes 添加 */



.product-category__list {
	margin: 0;
	list-style:none;
}

.product-category__list .menu-item a{
	padding: 16px 10px;
	background-color:rgb(0,91,172);
	font-size:17px;
	line-height:20px;
	letter-spacing:1px;
	display:block;
	color:white;
}

.product-category__list .sub-menu{
	margin: 0;
	list-style:none;
}

.product-category__list .sub-menu .menu-item a{
	background-color:white;
	color:rgb(0,91,172);
}

.asideMenu--hiden {
	transform: translatey(-300%)
}

.cus_slider_3rd2__img-container {
	width:100%
}

.cus_slider_3rd2__img-container .cus_slider_3rd2__img {
	height:200px;
}

@media(min-width:768px) {
	.cus_slider_3rd2__img-container .cus_slider_3rd2__img {
	height:300px;
	}
}

@media (min-width:992px) {
		.single-product-page .post-content .nav-fixed.w-20 {
/* 		position:fixed;
		width:310px;
		top:589px; */
	/* 	transition:all .5s ease-in-out */
	}
}

@media(max-width:767px) {
	.hsInner h2 {
		font-size:24px;
		margin-bottom:8px;
	}
	.hsInner span {
		font-size:12px;
	}
	.hsInner {
		top:15%;
	}
}
/* 專案頁面 more_block */
.active_block{
	display:block !important;
}
#more_block2,#more_block3,#more_block4,#more_block5{
	display:none;
}
#more_ex1,#more_ex2,#more_ex3,#more_ex4,#more_ex5{
	cursor:pointer;
}

.product-category__list .sub-menu .menu-item a {
    font-size: 15px;
    padding: 8px 10px;
}