@charset "utf-8";
/*jssor*/
	div#jssor {
		width:1141px;
		height:501px;
		margin:0 auto;
		position:relative;
		top:0px;
		left:0px;
		overflow:hidden;
		visibility:hidden;
	}

	/*Loading Screen*/
	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%;
	}

	/*content*/
	div[data-u="slides"] {
		width:1141px;
		height:501px;
		cursor:default;
		position:relative;
		top:0px;
		left:0px;
		overflow:hidden;
	}

	/*Arrow Navigator*/
	div[data-u="arrowleft"],
	div[data-u="arrowright"] {
		width:55px;
		height:55px;
		top:0px;
	}
	div[data-u="arrowleft"] svg,
	div[data-u="arrowright"] svg {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
	div[data-u="arrowleft"] {left: 25px;}
	div[data-u="arrowright"] {right: 25px;}

	/*jssor slider loading skin double-tail-spin css*/
	.jssorl-004-double-tail-spin img {
	    animation-name: jssorl-004-double-tail-spin;
	    animation-duration: 1.6s;
	    animation-iteration-count: infinite;
	    animation-timing-function: linear;
	}

	@keyframes jssorl-004-double-tail-spin {
	    from {transform: rotate(0deg);}
	    to {transform: rotate(360deg);}
	}

	/*jssor slider arrow skin 055 css*/
	.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;}

/*title*/
	div.title {}
	div.title>h2 {color: #353535;}
	div.title>h2>span {
		font-size: 1.5rem;
		font-weight: 400;
		color: #000379;
	}
	div.title>h2>span::before {
		content: "/";
		margin-left: .5rem;
	}

/*news*/
	section.news {margin-bottom: 8rem;}
	dl.News {margin-bottom: 2rem;}
	dl.News>dd {
		border-bottom: 1px dashed #ddd;
		padding: .75rem;
	}
	dl.News>dd>span {color: #0e8dd9;}
	dl.News>dd>p {
		line-height: 1.75rem;
		margin-bottom: 0;
		/*單行文字限制*/
		overflow:hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
	}
	section.news div.more {text-align: right;}

/*products*/
	section.products {background: #e2e2e2}
	dl.products {margin-bottom: 0;}
	dl.products>dd {text-align: center;}
	dl.products>dd>figure {
		background: #fff;
		border-radius: .75rem;
		position: relative;
		overflow: hidden;
	}
	dl.products>dd>figure>p {
		margin-bottom: 0;
		max-width: 248px;
		height: 100vh;
		max-height: 248px;
	}
	dl.products>dd>figure>p>img {
		width: auto;
		height: 100%;
	}
	dl.products>dd>figure>figcaption {
		display: none !important;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.75);
		color: #fff;
		text-align: center;
		position: absolute;
	}
	dl.products>dd>figure>figcaption>p {height: 100%;}
	dl.products>dd>figure>figcaption>p>span::after {
		content: "\f067";
		font-size: .9rem;
		font-weight: 900;
		margin-left: .25rem;
	}
	dl.products>dd>figure:hover>figcaption {display: block !important;}