.elementor-2271 .elementor-element.elementor-element-4428c67{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2271 .elementor-element.elementor-element-6bf2b50{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E6E6E6;--border-color:#E6E6E6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-2271 .elementor-element.elementor-element-6bf2b50:not(.elementor-motion-effects-element-type-background), .elementor-2271 .elementor-element.elementor-element-6bf2b50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2271 .elementor-element.elementor-element-645f3d7 .elementor-button{background-color:var( --e-global-color-3e579477 );font-weight:400;letter-spacing:2px;word-spacing:20px;fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2271 .elementor-element.elementor-element-645f3d7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2271 .elementor-element.elementor-element-645f3d7 .elementor-button:hover, .elementor-2271 .elementor-element.elementor-element-645f3d7 .elementor-button:focus{color:#616161;}.elementor-2271 .elementor-element.elementor-element-645f3d7 .elementor-button:hover svg, .elementor-2271 .elementor-element.elementor-element-645f3d7 .elementor-button:focus svg{fill:#616161;}.elementor-2271 .elementor-element.elementor-element-b572e22{--grid-template-columns:repeat(0, auto);--icon-size:15px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2271 .elementor-element.elementor-element-b572e22 .elementor-widget-container{text-align:center;}.elementor-2271 .elementor-element.elementor-element-b572e22 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2271 .elementor-element.elementor-element-b572e22 .elementor-social-icon{background-color:var( --e-global-color-7203ab06 );--icon-padding:0.4em;}.elementor-2271 .elementor-element.elementor-element-3ceacb9{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:0px;--grid-bottom-margin:0px;--e-share-buttons-primary-color:#333333;}.elementor-2271 .elementor-element.elementor-element-3ceacb9 .elementor-share-btn{font-size:calc(0.65px * 10);border-width:0px;}.elementor-2271 .elementor-element.elementor-element-3ceacb9 .elementor-share-btn__icon{--e-share-buttons-icon-size:20px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){ .elementor-2271 .elementor-element.elementor-element-3ceacb9{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:0px;--grid-bottom-margin:0px;}}@media(max-width:767px){ .elementor-2271 .elementor-element.elementor-element-3ceacb9{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:0px;--grid-bottom-margin:0px;}}/* Start custom CSS */.ast-flex {
    justify-content: space-between!important;
}

/*(特效) 選單翻轉 - 改*/
.menu-item{ perspective: 500px;}

.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu {
    padding: 15px;
    max-height: 0;
    max-width: 208px;
transform:rotatex(-90deg);
  transition: 0.5s;
	left:0;
	box-shadow:0 3px 11px 0 rgb(0 0 0 / 10%);	
	border:0;
}

.ast-desktop .astra-menu-animation-fade>.menu-item:hover>.sub-menu {
    max-height: 3000px;
    max-width: 3000px;	
  transform: rotatex( 0deg ) ;	
  transition: transform .5s ease,opacity .6s ease;
   
}

/*三級選單*/
ul.sub-menu .sub-menu {
    padding: 15px;
    margin-top: -15px;
}

/*選單高度*/
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 35px;
}
.main-header-menu > .menu-item {
    margin: 0px 20px;
}
.main-header-menu > .menu-item > .menu-link {
    letter-spacing: 0.5px;
}

#site-navigation {
    padding: 15px 0;
}

@media screen and (max-width: 1200px){
.main-header-menu > .menu-item{  margin: 0;}
}

/*選單寬度(螢幕)*/
.ast-builder-grid-row.ast-grid-center-col-layout {
    grid-template-columns: auto auto auto;
}
/*子選單-icon*/
.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after {
    margin: 4px 0 0 3px;
    opacity: 0.5;
    transform: scale(0.8);
}

/*子選單*/
.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu a {
	font-size:14px;
	font-family:Arial, 微軟正黑體, "microsoft jhenghei", 微软雅黑, メイリオ, "맑은 고딕", sans-serif;
	letter-spacing: 1px;
	padding:4px 8px;
}

.ast-desktop .astra-menu-animation-fade>.menu-item>.sub-menu a:hover,.info a:hover {
	color:var(--HoverColor);}

/*連絡電話*/

.info{
    text-align: right;
    font-weight: 300;
    float: right;
    font-size: 20px;
    letter-spacing: 0;
}
.info a {
	font-family: 'Crimson Pro'; color:#1a1a1a;font-size:19px;letter-spacing: 1px;}

/*連絡電話-動畫

.info {
	margin:0 0 0 15px;
    width: 200px;
}
.info a span {
    display: none;
    opacity: 0;
}

.info a:hover span {
    display: contents;
    opacity: 1;
}*/
.phoneicon {
    position: absolute;
    margin:-32px 0px 0px -19px;
}

.info .phone2 {
    position: absolute;
    margin: -32px 0 0 -190px;
    opacity:0;
    display:none;
	background: #fff;
    padding: 0 10px;
}
.info:hover .phone2 {
    opacity:1;
    display:block;
}

/*文章列表 Elementor*/
h3.elementor-post__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.elementor-post__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*樣式統整*/
.listSquare:before {
    content: '';
    display: inline-block;
    background: #000;
    width: 15px;
    height: 15px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-right: 7px;
}
.titlesmall:after {
    position: absolute;
    content: "";
    left: 0;
    width: 50px;
    height: 1px;
    right: 0;
    background-color: #1a1a1a;
    margin: auto;
    top: 160%;
}
/*singe product*/
.product-description h3 {
font-size: 15px;
    font-weight: 400;
    margin-bottom: 0.2rem;}
.product-description .elementor-widget:not(:last-child) {
    margin-bottom: 0px;
}
.product-description p,
.product-description .elementor-widget-container{color:#666;}

/*麵包屑breadcrumb*/
.woocommerce-breadcrumb > a {
    padding: 0 5px;
}

/*singe product商品圖*/
.woocommerce div.product div.images .flex-control-thumbs li img{opacity:1;}

.woocommerce div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: calc(25% - 0.39em);
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}
/*singe product*/
.at {
    font-size: 15px!important;
    font-weight: 400;
    margin-bottom: 0.2rem!important;
}
/*singe product-箭頭*/
.btn.btn1:hover {
    color: var(--HoverColor)
}
.btn-box {
    clear: both;
    padding-top: 45px;
    position: relative;
}
.btn.btn1 {
    color: #1a1a1a;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 300;
    font-family: crimson pro,noto sans tc,serif
}

.btn.btn1 i:before {
    content: "";
    background-image: url(https://wordpress-779232-3019110.cloudwaysapps.com/wp-content/uploads/2022/11/arrow-img.svg);
    width: 32px;
    height: 15px;
    top: 2px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative
}
.btn.btn1:hover i:before {
    animation: toRightFromLeft .4s forwards;
    -webkit-animation: toRightFromLeft .4s forwards;
    -ms-animation: toRightFromLeft .4s forwards;
    -moz-animation: toRightFromLeft .4s forwards;
    background-image: url(https://wordpress-779232-3019110.cloudwaysapps.com/wp-content/uploads/2022/11/arrow-color.svg)
}
@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(50%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-50%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(50%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-50%)
    }

    51% {
        opacity: 1
    }
}

@-ms-keyframes toRightFromLeft {
    49% {
        -ms-transform: translate(50%)
    }

    50% {
        opacity: 0;
        -ms-transform: translate(-50%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(50%)
    }

    50% {
        opacity: 0;
        transform: translate(-50%)
    }

    51% {
        opacity: 1
    }
}

/*照片特效*/
.elementor-image img {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transition: -webkit-clip-path 500ms cubic-bezier(0.45, 0.47, 0.99, 1);
        transition: -webkit-clip-path 500ms cubic-bezier(0.45, 0.47, 0.99, 1);
        transition: clip-path 500ms cubic-bezier(0.45, 0.47, 0.99, 1);
}
.elementor-image:hover img {
    -webkit-clip-path: inset(15px 15px 15px 15px);
    clip-path: inset(15px 15px 15px 15px);
}


/*評論*/
.comments-area {
    border-top: 0px solid #eeeeee;
}
/*Tab*/

.elementor-tab-title.elementor-active,.elementor-tab-title:hover {
    color: var(--HoverColor)!important;
    transition: all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
}

/*woocommerce 購物車按鈕*/
button.button.wp-element-button {
    color: #515151;
    background-color: #ebe9eb;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a,.cart_item a {
    color: var(--MainColor);
}
.woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover,.cart_item a:hover {
    color: var(--HoverColor);
}

#ast-site-header-cart .widget_shopping_cart .mini_cart_item {
    margin: 5px 0;
}
/*商品列表｜隱藏加入購物車*/
.astra-shop-summary-wrap {
    overflow: hidden;
    position: relative;
}

.price {transition:0.5s ease-in-out; }

.woocommerce ul.products li.product .price ins {font-weight:400;}

.add_to_cart_button {    position:absolute!important;
    left: 0!important;
    right: 0;
    bottom: -60px;
}

.products li:hover .price { position: relative; bottom: -350px;}

.products li:hover .add_to_cart_button { bottom: 10px;}

.elementor-wc-products ul.products li.product .button {
    color: #565656;
    background-color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/*加入購物車*/
a.added_to_cart.wc-forward {
    position: absolute;
}
/*查看購物車*/
.ajax_add_to_cart.added {
    opacity: 0;
}
.products li .added_to_cart.wc-forward {
    left: 0;
    right: 0;
}
.products li:hover .added_to_cart.wc-forward {
    margin-top: -40px;
}


/*footer*/
footer#colophon {
    z-index: 2;
    position: relative;
}
footer .main-header-menu > .menu-item {
    margin: 0!important;
    font-size: 15px;
}

.ast-footer-copyright p {
    font-family: "crimson pro";
    letter-spacing:1px;
    font-size:15px;
    }
.ast-header-break-point .main-header-menu {border:0}
footer #site-navigation{ padding:0;}


/*footer social*/
footer .share {
    margin: 0;
}
footer .share li {
    margin: 0 15px;
}
.list-inline>li a, .list-inline .item a {
    display: inline-block;
    position: relative;
}
footer .share i { font-size: 0; color:#333;}

footer .share i:before {font-size: 15px;}
.list-inline>li, .list-inline .item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    list-style-type: none;
}/* End custom CSS */