@charset "utf-8";
/*editor*/
div.editor {}

div.editor, div.editor p, div.editor dl, div.editor dd, div.editor ul, div.editor li {font-size: 1rem; font-weight: 400}
div.editor p {line-height: 1.5rem; letter-spacing: .05rem; margin-bottom: 1rem}
div.editor ul li, div.editor ol li {margin-bottom: 1.25rem}
div.editor ol li {list-style: decimal}
div.editor ol li p {margin-bottom: 0}
div.editor img {
	width: initial !important;
	border: #333 1px solid;
	padding: .5rem
}

div.imgRight {
	float: right;
	margin-left: 1.5rem;
	margin-bottom: .5rem;
}
div.imgLeft {
	float: left;
	margin-right: 1.5rem;
	margin-bottom: .5rem;
}
div.imgRight img, div.imgLeft img {margin-bottom: 0}

/*page setting*/
body {background: url(../images/bg-ind-02.png) left top repeat}
section.container {background: #000; box-shadow: rgba(0, 0, 0, 0.83) 0 0 .5rem}

/*page main title*/
h1.title {
	background: #fff;
	font-size: 1.876rem;
	font-weight: 400;
	color: #a00;
	margin-bottom: 1.5rem;
	padding: .5rem 0
}
h1.title>span {
	background: #a00;
	color: #fff;
	margin-right: .5rem;
	padding: .5rem
}

/*products*/

div.prodIntro>h1 {font-size: 1.75rem; padding-left: 5rem}

/*form*/
dl.contactForm {}
dl.contactForm>dd {margin-bottom: 1rem}
dl.contactForm>dd>label {text-align: right}
dl.contactForm>dd>label>span {font-size: 1.25rem; color: #f00}
dl.contactForm>dd:last-of-type {text-align: center}

div.title h3 {
	border-bottom: #a00 1px solid;
	font-size: 1.25rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: .5rem;
	padding-bottom: .5rem
}
div.contactInfo>p {margin-bottom: .25rem}

div.maps>iframe {width: 100% !important}

dl.navProd {background: rgba(153, 153, 153, 0.75)}
dl.navProd>dt {
	font-size: 1.5rem;
	font-weight: 300;
	color: #fff;
	margin-bottom: 1rem;
	padding-left: .5rem
}
dl.navProd>dd {
	width: 100%;
	border-bottom: #999 1px solid;
	font-size: 1.15rem;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0;
	padding: .5rem
}
dl.navProd>dd.hvr-underline-from-center:before {background: #f39801}
dl.navProd>dd:last-of-type {border-bottom: none}

/*nav product*/
nav.navProd {background: rgba(153, 153, 153, 0.75)}
nav.navProd button {width: 100%; height: 40px; }
nav.navProd .navbar-nav {
	width: 100%;
	flex-direction: column;
}
nav.navProd .navbar-nav a {
	width: 100%;
	border-bottom: #999 1px solid;
	font-size: 1.15rem;
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	padding: .5rem
}
nav.navProd .navbar-nav a.hvr-underline-from-center:before {background: #f39801}

.prones{ position: relative; }

.prones .parrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 11px 8px 0 8px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 1;
}


dl.products {margin-bottom: 0}
dl.products>dd {margin-bottom: 1rem}
dl.products>dd>figure, dl.project figure {border: #333 1px solid; overflow: hidden; margin-bottom: .5rem; padding: .25rem}
dl.products>dd>figure {height: 100%; max-height: 170px; background: #fff;}
dl.products>dd>figure img {width: initial; height: 100%; max-height: 170px;}
dl.products>dd>figure>img, dl.project figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
dl.products>dd>figure:hover>img , dl.project figure:hover img {-webkit-transform: scale(1.3);	transform: scale(1.3)}
dl.products>dd>p {
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin-bottom: 0
}
dl.project figure {cursor: pointer}

#lg-share, #lg-download, .lg-autoplay-button {display: none}

a.MagicZoom {margin-bottom: 1px}

/*contact*/
dl.contactInfo {border-bottom: #fff 1px solid; margin-bottom: 1rem}
dl.contactForm {}
dl.contactForm>dd {}
dl.contactForm>dd>label {margin-bottom: 0; padding-right: .5rem}
div.map>iframe {width: 100% !important}

dl.support {}
dl.support>dt {margin-bottom: .5rem}
dl.support>dd {}
dl.support>dd>select {padding: .5rem .75rem 1rem}
dl.support>dd>select>option {background: #000}
/*篩選結果*/
dl.support dl.result {border: 1px solid #999}
dl.support dl.result>dd, dl.support dl.result>dd>p {margin-bottom: 0}
dl.support dl.result>dd {border-right: 1px dashed #999; padding: 1rem}
dl.support dl.result>dd:last-of-type {border: none; text-align: center}