@charset "utf-8";
div.title {
    color:#212121;
    text-align:left;
}
div.title>h2>span {
    color: #D93932;
    padding-left: 0.5rem;
    font-size: 1.2rem;
}
div.title>h2>img{width:35px !important;padding-right: 5px;padding-bottom: 5px}
div.Wtitle{ color:#fff;}



div.More {text-align: center; margin-top: 1rem;}
div.More>a {
    background: #2b9340;
    color: #fff;
    font-size: 1rem;
    border-radius: 1rem;
    padding: .25rem 1rem;
}
div.More>a:hover {background: #1b6828; color: #fff}

div.WMore {text-align: center; margin-top: 1rem;}
div.WMore>a {
    background: #fff;
    color: #2b9340;
    font-size: 1rem;
    border-radius: 1rem;
    padding: .25rem 1rem;
}
div.WMore>a:hover {background: #1b6828; color: #fff}


/*slide*/
    .jssora055 {display:block;position:absolute;cursor:pointer;}
    .jssora055 .a {fill:none;stroke:#fff;stroke-width:960;stroke-miterlimit:10;}
    .jssora055:hover {opacity:.8;}
    .jssora055.jssora055dn {opacity:.5;}
    .jssora055.jssora055ds {opacity:.3;pointer-events:none;}

    div#jssor {
        width:1920px;
        height:500px;
        margin:0 auto;
        overflow:hidden;
        visibility:hidden;
        position:relative;
        top:0px;
        left:0px;
    }
    div[data-u="loading"] {
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.7);
        text-align:center;
        position:absolute;
        top:0px;
        left:0px;
    }
    div[data-u="loading"] img {
        width:38px;
        height:38px;
        margin-top:-19px;
        position:relative;
        top:50%;
    }
    div[data-u="slides"] {
        width:1920px;
        height:500px;
        cursor: hand;
        overflow:hidden;
        position:relative;
        top:0px;
        left:0px;
    }
    div[data-u="arrowleft"],
    div[data-u="arrowright"] {
        width:55px;
        height:55px;
        top:0px;
    }
    div[data-u="arrowleft"] {left:25px;}
    div[data-u="arrowright"] {right:25px;}
    div[data-u="arrowleft"] svg,
    div[data-u="arrowright"] svg {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
    }



/*news*/
    dl.List, dl.listImg, dl.listCube, div.listPic {margin-bottom: 0;}
/*	dl.News>dd {margin-bottom: 2rem;}*/
	dl.News>dd>figure {
		background: #fff;
		border: 1px solid #ccc;
	}
	dl.News>dd>figure>p {overflow: hidden;}
	dl.News>dd>figure>p>img {
		transition: all 1s ease-out;
	}
    dl.News span{color:#ff7364}
	dl.News>dd>figure:hover>p>img {
		transform: scale(1.2,1.2);
	}
	dl.News>dd>figure>figcaption {padding: .75rem 1rem;}
	dl.News>dd>figure>figcaption>h4 {
		font-size: 1.5rem;
		font-weight: 400;
	}
	dl.News>dd>figure>figcaption>p {
		/*單行文字限制*/
		overflow:hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
		margin-bottom: 0;
	}
	dl.News>dd>figure:hover>figcaption>h4 {color: #ff321d;}
    

/*Video*/
main.Video{background: #e8e8e8;}


/*popular*/
section.popular {background: #ebebeb}
div.owl-theme {background: #fff}
div.item, div.prods {
    border: 1px solid #ccc;
    border-radius: .25rem;
    text-align: center;
    padding: .75rem
}
div.item:hover {
    border: 1px solid #ff321d;
    border-radius: .25rem;
    text-align: center;
    padding: .75rem
}
.owl-carousel .owl-nav {
    position: absolute;
    top: -1.85rem;
    right: 1.5rem
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    background: #fff !important;
    border: 1px solid #949494 !important;
    border-radius: .15rem;
    color: #949494 !important;
    border: none;
    margin: .15rem !important;
    padding: 0 .5rem !important;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #ffb64f !important;
    border-color: #ffb64f !important
}
.owl-item{padding-right: 10px !important;}
span[aria-label] {font-size: 1rem; padding: 0 .5rem !important;}
span[aria-label] i::before, span[aria-label] i::after {margin: 0}
div.item>figure, div.prods>figure {height: 250px}
div.item>figure>img, div.prods>figure>img {width: initial !important; max-height: 250px; display: initial !important}
div.prodInfo {text-align: left}
div.prodInfo>h4 {font-size: 1.2rem; font-weight: 500; margin-bottom: 0}
div.prodInfo>h5 {font-size: 1rem; font-weight: 500; margin-bottom: 0}
div.prodInfo>p {margin-bottom: 0}
div.prodInfo>p:nth-of-type(1) {color: #f00}