@charset "utf-8";

/*title*/
	div.title {}
	div.title>h1,
	div.title>h2 {color: #353535;}
	div.title>h1>span:first-of-type,
	div.title>h2>span:first-of-type {margin-right: .5rem;}
	div.title>h1>span:last-of-type,
	div.title>h2>span:last-of-type {font-size: 1.5rem; font-weight: 400; color: #000379;}
	div.title>h1>span::before,
	div.title>h2>span::before {content: "/"; margin-left: .5rem;}
	div.title>h3 {color: #000379;}

/*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;
	}
/*download*/
	section.download button {}
	section.download button::after {
		content: "\f019":;
	}

/*faq*/
	div.faq {
		border: 1px solid #221e1f !important;
		border-radius: .5rem;
		margin-bottom: 1.5rem
	}
	div.faqHeader {border-bottom: none !important}
	button.faq {text-align: left}
	button.faq::before {content: "\f059";}
	button.faq>p {margin-bottom: 0}
	button.faq>p>span {
		background: #9b9b9b;
		border-radius: .25rem;
		color: #fff;
		margin-right: .5rem;
		padding: .25rem .5rem
	}
	div.faqContent {border-top: 1px solid #ddd}

/*contact*/
	div.introText {text-align: center;}
	dl.contactInfo>dd>span {color: #0e8dd9;}
	dl.contactInfo>dd>span::before {
		font-weight: 900;
		margin-right: .5rem;
	}
	dl.contactInfo>dd:nth-of-type(1)>span::before {
		content: "\f095";
	}
	dl.contactInfo>dd:nth-of-type(2)>span::before {
		content: "\f3cd";
		padding: 0 3px;
	}
	dl.contactInfo>dd:nth-of-type(3)>span::before {
		content: "\f1ac";
	}
	dl.contactInfo>dd:nth-of-type(4)>span::before {
		content: "\f0e0";
	}
	dl.contactInfo>dd:nth-of-type(5)>span::before {
		content: "\f3c5";
		padding: 0 2px;
	}
	div.map>iframe {width: 100% !important; height: 50vh;}

/*products*/
	dl.products {margin-bottom: 0;}
	dl.products>dd {text-align: center;}
	dl.products>dd>p>a {
		background: #000379;
		border-radius: .25rem;
		color: #fff;
		padding: .15rem .35rem;
	}
	dl.products>dd>p>a:hover {
		background: #065982;
	}
	dl.products>dd>figure {
		background: #fff;
		border-radius: .75rem;
		position: relative;
	}
	dl.products>dd>figure>p {
		max-width: 248px;
		height: 100vh;
		max-height: 180px;
		border: 1px solid #ededed;
		border-radius: .25rem;
		margin-bottom: 0;
		overflow:hidden;
	}
	dl.products>dd>figure>p>img {
		width: auto;
		height: 100%;
		transform:scale(1,1);
		transition: all 1s ease-out;
	}
	dl.products>dd>figure:hover>p>img {
		transform:scale(1.2,1.2);
	}
	/*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;}*/