




/* 首頁特色輪播 */
.home_feature_2sc {
    position: relative;
    display: flex !important;
	padding:10px;
}
.home_feature_3rd1, .home_feature_3rd2 {
    width: 50%;
		height:400px;
}
.home_feature_3rd1 img {
    width: 500px;
    margin: 0 auto;
}
.home_feature_3rd2 {
    padding: 60px;
    display: grid;
    align-content: center;
}
.home_feature_3rd2 h3 {
    font-size: 28px;
    color:#101010;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.2em;
}
.home_feature_3rd2 span{
    font-size: 16px;
    color: #DE2700;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2em;
}
.home_feature_3rd2 p{
    font-size: 16px;
    color: #818181;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.home_feature_3rd2 a {
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #DE2700;
    max-width: 90px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 10px;
}
.home_feature_3rd2 a:hover{
	 background: #de2700cf;
}
svg.arrow_prev {
    position: absolute;
    z-index: 9;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
}
svg.arrow_next {
    position: absolute;
    z-index: 9;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
}
.home_feature_1st {
    overflow: hidden;
}
@media(max-width:525px){
	svg.arrow_prev {
    left: 0px;
		 width: 50px;
}
svg.arrow_next {
    right: 0px;
    width: 50px;
}
}
.arrow_next, .arrow_prev {
    cursor: pointer;
}
@media(max-width:525px){
	.home_feature_2sc{
		display:block !important;
	}
	.home_feature_3rd1, .home_feature_3rd2{
		width:100%;
	}
	.home_feature_3rd1 img{
		width:300px;
	}
	.home_feature_3rd2{
		padding:30px;
	}
	.home_feature_3rd2 h3{
		font-size:25px;
	}
}


.home_img1{
	position:relative;
	overflow:hidden;
}
.home_img1 img{
	    position: sticky;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20%;
    width: 600px;
    height: auto;
}

/* Product Page */
.product_cat p.elementor-image-box-description:after {
    content: "";
    background: url(https://www.slokyusa.com/wp-content/uploads/arrow-right.png);
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0px;
    bottom: 0;
}
.product_cat a:after { 
	content: ""; 
	display: block !IMPORTANT;
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 1; 
}
.product_cat .elementor-image-box-wrapper:hover .elementor-image-box-content h3
,.product_cat .elementor-image-box-wrapper:hover .elementor-image-box-content p {
    color: #DE2700;
	transition:.5s !important;
}
.product_cat .elementor-image-box-wrapper:hover  {
  transform: scale(0.9);
	transition:.75s !important;
}


/* Download Page - Style */
.dl_1st {
    position: relative;
}
.dl_2sc {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    background: #F8F8F8;
    border-radius: 10px;
    margin-bottom: 20px;
    align-items: center;
    cursor:pointer;
}
.dl_2sc p, .dl_2sc a {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2em;
}
.dl_2sc a{
	color:#C0C0C0;
}
.dl_2sc:hover p{
	color:#DE2700;
}
.dl_2sc:hover a{
	color:#DE2700;
	background:#FFF5F5;
	border-radius:20px;
	padding:2px 12px;
}
.dl_2sc:hover {
	background: #fff;
	box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.05);
}
@media(max-width:525px){
	.dl_2sc{
		padding:16px;
	}
	.dl_2sc p {
    margin-left: 10px;
}
}

/* mini-cart */
.ast-site-header-cart .widget_shopping_cart, .woocommerce .ast-site-header-cart .widget_shopping_cart {
    width: 320px;
}
.widget_shopping_cart_content {
    padding: 20px;
}
.widget_shopping_cart_content img {
    max-width: 65px;
}
.widget_shopping_cart_content .elementor-menu-cart__footer-buttons a {
    padding: 10px 16px !important;
    font-size: 16px !important;
    background:#DE2700 !important;
}
.widget_shopping_cart_content .cart_item {
    margin-bottom: 10px;
}

/* Home-pop video*/
.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video_cls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
img#woo3dv-controls-wireframe {
    display: none;
}


/* gsap banner */
*gsap_banner */
                           .gsap_banner_bg {
	max-width: 100%;
	height: 300vh;
}
                           .banner-tool-1,.banner-tool-2,.banner-tool-3 {
														 position: absolute;
object-fit: contain;
z-index: 2;
}

                            .banner-tool-1 {
                                top: 50%;
                                left: 0%;
                                width: 65% !important;
                                transform: translatex(-25%);
}
.banner-tool-1{
	                                transform: translatex(-16%) !important;
}
                            .banner-tool-2 {
                                top: 15%;
                                left: 50%;
                                width: 90% !important;
                                transform: translate(-50%,-50%);
}
.banner-tool-2{
	   left: 53% !important;
}
                            .banner-tool-3 {
                                top: 60%;
                                left: 0%;
                                width: 80% !important;
                                margin-left: 40%;
}

.z-index-1 {
                                z-index: 1;
}

.z-index-2 {
                                z-index: 2;
}

.z-index-3 {
                                z-index: 3;
}

                            .opacity-0 {
                                opacity: 0;
}

                            .sticky-top {
                                position: sticky;
                                top: 0;
}

                            .word-list {
                                display: flex;
                                justify-content: center;
                                align-items: center;
}

                            .word-list-1 {
                                top: 40%;
}

                            .word-list-1-v2 {
                                top: 40%;
                                margin-top: -43%;
}

                            @media (min-width: 500px) {
                                .word-list-1-v2 {
                                    margin-top:-42%;
                                    }
}

                            @media (min-width: 900px) {
																	.word-list-1-v2 {
																			margin-top:-37%;
	}
}

                            @media (min-width: 992px) {
																	.word-list-1-v2 {
																			margin-top:-34%;
	}
}

                            .image-container {
                                position: relative;
}

.d-flex {
                                display: flex;
}

                            .flex-column {
                                flex-direction: column;
}

                           .position-relative {
                                position: relative;
}


.banner-img-margin{
	margin: 0 -40px;
}
.banner-img-margin-2{
	margin: 0 -20px;
}


@media (max-width: 525px)
{.home_feature_3rd1, .home_feature_3rd2 {
    height: 280px;
}}
