/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family:'微軟正黑體', sans-serif; overflow-x: hidden;letter-spacing: 0.1rem;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.content-Box { max-width:1200px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 16px; line-height: 24px; color: #333; padding-top: 165px; }
#content p{ padding-bottom: 25px;}
.imgCenter, .imgCenter a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 10;}
.imgCenter img {width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%!important;}

.loop .owl-dots { }
.loop .owl-nav { position: absolute; top:calc(50% - 50px); width: 100%; z-index: 11;}
.loop .owl-prev, .loop .owl-next { position:absolute; z-index:100; top:calc(50% - 40px); background:none !important;}
.loop .owl-prev { left:0px; }
.loop .owl-next { right:0px;}
.loop .owl-prev:before, .loop .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 0.3;transition: all 0.4s ease-out 0s;width: 107px; height: 107px; background-size: contain; display: block;}
.loop .owl-prev:before { background-image:url(../images/left-arrow.png); content: ""; }
.loop .owl-next:before { background-image:url(../images/right-arrow.png); content: ""; }
.loop .owl-prev:hover:before, .loop .owl-next:hover:before { opacity: 1;}
.loop .owl-stage-outer {z-index: 2;}
.loop .owl-dots { position: absolute; z-index: 100; bottom: 20px; width: 100%; text-align: center !important; padding: 0 50px; display: none;}
.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { background: #d5d5d5 !important; width: 12px !important; height: 12px !important; border: 0px solid #4c4c4c;}
.loop .owl-dots .owl-dot.active span, .loop  .owl-dots .owl-dot:hover span { background: #f65f60 !important; }

.idx-pro-box { background: #f7f7f7; padding: 75px 0 195px 0; position: relative;}
.idx-pro-content { background: #fff; border-radius: 10px; padding: 20px; display: flex; flex-direction: row; flex-wrap: wrap;}
.idx-pro-content > div:nth-of-type(1) { position: relative; height: 0; padding-bottom: 69%; width: 46%; line-height: 0; transition: all 0.4s ease-out 0s; text-align: center;}
.idx-pro-content > div:nth-of-type(1) img { width: inherit; display: inline-block;}
.idx-pro-content > div:nth-of-type(1):hover { opacity: 0.6;}
.idx-pro-content > div:nth-of-type(2) { width: 54%; padding: 15px 0 0 18px;}
.idx-pro-content > div:nth-of-type(3) { width: 100%; padding: 8px 0 0 0; height: 54px; overflow: hidden;}
.idx-pro-title, .idx-pro-cash { font-size: 20px; font-weight: bold; padding-bottom: 10px;}
.cash-o, .cash-s { display: inline-block; vertical-align: top;}
.cash-o { color: #bebebe; text-decoration: line-through; margin-right: 8px;}
.cash-s { color: #2e8ab8; margin-right: 8px;}
.idx-pro-btn { line-height: 110%; border-radius: 15px; padding: 8px 15px; color: #333333; display: inline-block; font-size: 15px; border: 1px solid #dedede;}
.idx-pro-btn:hover { color: #fff; background: #6eb588;}

.loop2 .owl-dots { }
.loop2 .owl-nav { position: absolute; top:calc(50% - 50px); width: 100%; z-index: 11;}
.loop2 .owl-prev, .loop2 .owl-next { position:absolute; z-index:100; top:calc(50% - 40px); background:none !important;}
.loop2 .owl-prev { left:0px; }
.loop2 .owl-next { right:0px;}
.loop2 .owl-prev:before, .loop2 .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 0.3;transition: all 0.4s ease-out 0s;width: 107px; height: 107px; background-size: contain; display: block;}
.loop2 .owl-prev:before { background-image:url(../images/left-arrow.png); content: ""; }
.loop2 .owl-next:before { background-image:url(../images/right-arrow.png); content: ""; }
.loop2 .owl-prev:hover:before, .loop2 .owl-next:hover:before { opacity: 1;}
.loop2 .owl-stage-outer {z-index: 2;}
.loop2 .owl-dots { position: absolute; z-index: 100; bottom: -90px; width: 100%; text-align: center !important; padding: 0 50px; }
.loop2 .owl-dots .owl-dot span, .loop2  .owl-dots .owl-dot span { background: #bbbbbb !important; width: 40px !important; height: 6px !important; border: 0px solid #4c4c4c; border-radius: 3px;}
.loop2 .owl-dots .owl-dot.active span, .loop2  .owl-dots .owl-dot:hover span { background: #6eb588 !important; }

.idx-pro-btn2 { position: absolute; width: 146px; height: 146px; line-height: 146px; left: calc(50% - 73px); border-radius: 100%;background: #fff; border: 1px solid #616161; color: #333; font-size: 17px; bottom: -73px; text-align: center;}
.idx-pro-btn2:hover { color: #fff;background: #6eb588;}

.idx-about-section { padding: 220px 0 110px 0;}
.idx-about-title { line-height: 0; padding-bottom: 44px; text-align: center;}
.idx-about-content { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.idx-about-content > div:nth-of-type(1) { width: calc(50% + 103px); line-height: 0;}
.idx-about-content > div:nth-of-type(2) { width: calc(50% - 103px);}
.idx-about { max-width:528px; padding: 0px 30px 0 145px;}
.idx-about h1 { color: #5a9f73; font-size: 22px; line-height: 34px; padding-bottom: 16px;}
.idx-about p { padding-bottom: 40px;}
.idx-about-btn { width: 90px; height: 90px; line-height: 90px; border-radius: 100%;background: #fff; border: 1px solid #616161; color: #333; font-size: 15px; text-align: center; display: block;}
.idx-about-btn:hover { color: #fff;background: #6eb588;}

.idx-news-section { background: #f7f7f7; padding: 85px 0 135px 0;}
.idx-news-title { color: #5a9f73; font-size: 22px;font-weight: bold;padding-bottom: 50px; text-align: center; font-weight: bold;}
.idx-news-pto { line-height: 0; overflow: hidden;}
.idx-news-pto:hover img { transform: scale(1.05);}
.idx-news-pto img { transition: all 0.4s ease-out 0s; width: 100%;}
.idx-news-name { padding: 8px 12px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.idx-news-name > div:nth-of-type(1) {width: calc(100% - 30px); padding-right: 10px; font-size: 16px;}
.idx-news-name > div:nth-of-type(2) {width: 30px; text-align: center;}
.idx-news-name > div:nth-of-type(2) img {width: 16px;}

.loop3 .owl-dots { }
.loop3 .owl-nav { position: absolute; top:calc(50% - 50px); width: 100%; z-index: 11;}
.loop3loop3 .owl-prev, .loop3 .owl-next { position:absolute; z-index:100; top:calc(50% - 40px); background:none !important;}
.loop3 .owl-prev { left:0px; }
.loop3 .owl-next { right:0px;}
.loop3 .owl-prev:before, .loop3 .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 0.3;transition: all 0.4s ease-out 0s;width: 107px; height: 107px; background-size: contain; display: block;}
.loop3 .owl-prev:before { background-image:url(../images/left-arrow.png); content: ""; }
.loop3 .owl-next:before { background-image:url(../images/right-arrow.png); content: ""; }
.loop3 .owl-prev:hover:before, .loop3 .owl-next:hover:before { opacity: 1;}
.loop3 .owl-stage-outer {z-index: 2;}
.loop3 .owl-dots { position: absolute; z-index: 100; bottom: -70px; width: 100%; text-align: center !important; padding: 0 50px; }
.loop3 .owl-dots .owl-dot span, .loop3  .owl-dots .owl-dot span { background: #bbbbbb !important; width: 40px !important; height: 6px !important; border: 0px solid #4c4c4c; border-radius: 3px;}
.loop3 .owl-dots .owl-dot.active span, .loop3  .owl-dots .owl-dot:hover span { background: #6eb588 !important; }


@media only screen and (max-width: 1199px) {
	#content { padding-top: 110px;}
	
	.idx-pro-content > div:nth-of-type(1) { width: 100%; padding-bottom: 133.2758%;}
	.idx-pro-content > div:nth-of-type(2) { width: 100%; padding: 15px 0 0 0px;}
	
	.idx-about-section { padding: 110px 0 50px 0;}
	.idx-about { padding: 0px 30px 0 30px;}
}

@media only screen and (max-width: 980px) {
	.idx-pro-box  {padding-top: 30px;}

	.idx-about-content { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
	.idx-about-content > div:nth-of-type(1) { width: 100%;}
	.idx-about-content > div:nth-of-type(2) { width: 100%; padding: 30px 0 0 0;}
	.idx-about { max-width: 100%;}
	.idx-about-btn { margin: 0 auto;}
	
	.idx-news-section { padding: 70px 0 135px 0;}
}
@media only screen and (max-width: 768px) {
	.loop .owl-prev, .loop .owl-next { top:calc(50% + 10px);}
	.loop .owl-prev:before, .loop .owl-next:before {width: 45px; height: 45px; }
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	
	

}

@media only screen and (max-width: 320px) {

}