/**
Theme Name: Astra Child
Author: Design Hu
Author URI: https://www.design-hu.com/
Description:  
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ====== font ====== 
h1, h2, h3, h4, h5, h6, span, p, ul, li, div, label, input, textarea{
	font-family: Microsoft JhengHei!important;
}*/
i, .fa{
	font-family: FontAwesome!Important;
}
.fab {
    font-family: "Font Awesome 5 Brands"!Important;
}
.far,
.fas,
.fa{
    font-family: "Font Awesome 5 Free"!Important;
}
 
[class*=" eicon-"], [class^=eicon] { 
    font-family: eicons!important;
}
 


/* ====== public */
html:lang(en-US) span.tw,
html:lang(en-US) #zh-hant-top-bar{
    display: none;
}
html:lang(zh-hant) span.en,
html:lang(zh-hant) #en-top-bar{
    display: none;
}
.withLine h3:before {
    content: "";
    width: 40px;
    border-top: 1px solid #0b6fb7;
    display: block;
    position: absolute;
    left: 16%;
}
.withLine h3:after {
    content: "";
    width: 40px;
    border-bottom: 1px solid #e70113;
    display: block;
    position: absolute;
    right: 17%;
}

/* ====== above header */
.ast-above-header-wrap {
    background-color: #0b6fb7;
}
.ast-above-header {
    border-bottom: none;
}
.ast-custom-html,
.ast-custom-html > a{
    color: #fff!Important;
}
.ast-header-break-point .ast-above-header {
	line-height: 1.5 !important;
}

/* ====== header */
.site-branding {
    padding-bottom: 0px!Important;
}
.ast-sticky-active .site-branding{
	display:none;
}

/* ====== about */
.about .elementor-widget-container {
    box-shadow: 2px 4px 10px 0px rgba(0,0,0,.5)!important;
    border-radius: 20px;
}
.about.a1 .elementor-cta__content{
	background-image:url(https://www.tien-li.com.tw/wp-content/uploads/aboutbg01.png);
	background-repeat:no-repeat;
	background-size:cotain;
	background-position: bottom center;
}
.about.a2 .elementor-cta__content{
	background-image:url(https://www.tien-li.com.tw/wp-content/uploads/aboutbg02.png);
	background-repeat:no-repeat;
	background-size:cotain;
	background-position: bottom center;
}
.about.a3 .elementor-cta__content{
	background-image:url(https://www.tien-li.com.tw/wp-content/uploads/aboutbg03.png);
	background-repeat:no-repeat;
	background-size:cotain;
	background-position: bottom center;
}


/* ====== oem */
.swiper-wrapper {
    padding-bottom: 90px;
}
.swiper-pagination-bullet {
    margin-right: 5px;
}
.swiper-slide {
    margin-top: 20px!Important;
}
/* .swiper-pagination {
    bottom: 0px;
    left: 23%;
} */
.pg-image {
    padding-bottom: 270px;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius: 10px;
	background-size: contain;
}


/* ======= contact */

.form .elementor-field-type-text > label,
.form .elementor-field-type-email > label,
.form .elementor-field-type-tel > label,
.form .elementor-field-type-textarea > label {
    display: none;
}

.form .elementor-field-group-field_8{
	-webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: inherit;
    align-items: baseline;
	display: block;
}

/* ====== gotop */
a#ast-scroll-top:before {
    background-image: url(https://www.tien-li.com.tw/wp-content/uploads/2020/03/top.png);
    background-color: transparent;
    content: ""!important;
    background-size: contain;
    height: 40px;
    width: 40px;
    display: block;
    transform: rotate(180deg);
}
.footerMenu ul li:last-child {
		display: none;
	}

@media (max-width:767px){
	.mobile-swiper {
		overflow: hidden;
	}
	.ast-header-break-point .main-navigation ul.sub-menu li a:before,
	.ast-above-header-section.ast-above-header-section-2 {
		display: none;
	}
	.ast-above-header-section.ast-above-header-section-1 {
		padding-top: 0px!Important;
	}
	.ast-above-header {
		padding-top: 0px;
	}
	.footerMenu ul li a:before {
		content: "- ";
		color: #fff;
		display: contents;
	}
	/* hide  lang switch */
	.footerMenu ul li:last-child {
		display: none;
	}
}

.swiper-container2 {
    overflow: hidden !important;
}

/* sidebar樣式 */
.float_side{
  max-width:60px;
  padding:10px 0px;
  border-radius:50px;
  position: fixed;
	bottom: 80px;
    right: 24px;
    z-index: 999;
}
.float_side .float_in{
  position: relative;
  text-align:center;
  margin:10px 0px;
}
.float_in:hover {
    cursor: pointer;
}