.image-container{overflow:hidden;position:relative}.image-container:before{display:block;padding-top:56.25%;content:""}.image-container
.image{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;z-index:1;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transform:translate3d(-20px, 0, 0);-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);-moz-transition:opacity 0s linear 0.6s, -moz-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;-o-transition:opacity 0s linear 0.6s, -o-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;-webkit-transition:opacity 0s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition-delay:0.6s, 0.6s;transition:opacity 0s linear 0.6s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s}.image-container
.mask{margin:0
-10px 0 0;position:absolute;top:0;right:100%;bottom:100%;left:0;background:#010101;z-index:3;-moz-transition:bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;-o-transition:bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;-webkit-transition:bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), right 0.4s cubic-bezier(0.77, 0, 0.175, 1), margin 0.4s cubic-bezier(0.77, 0, 0.175, 1), left 0.4s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-delay:0s, 0.3s, 0.3s, 0.6s;transition:bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s}.image-container.is-visible
.image{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.image-container.is-visible
.mask{margin-right:0;right:-1px;bottom:0;left:100%}.image-hover{overflow:hidden;position:relative}.image-hover .image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.image-hover .hover-content{overflow:hidden;margin:0
0 0 -135px;padding:28px;position:absolute;bottom:20px;left:50%;width:270px;background:#fff;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-moz-transition:opacity 0.2s ease, -moz-transform 0s linear 0.3s;-o-transition:opacity 0.2s ease, -o-transform 0s linear 0.3s;-webkit-transition:opacity 0.2s ease, -webkit-transform 0s linear;-webkit-transition-delay:0s, 0.3s;transition:opacity 0.2s ease, transform 0s linear 0.3s;color:#8b8b8b;font-size:14px;line-height:1.4}.image-hover .hover-title,
.image-hover .hover-text{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity 0s linear 0.2s, -moz-transform 0s linear 0.2s;-o-transition:opacity 0s linear 0.2s, -o-transform 0s linear 0.2s;-webkit-transition:opacity 0s linear, -webkit-transform 0s linear;-webkit-transition-delay:0.2s, 0.2s;transition:opacity 0s linear 0.2s, transform 0s linear 0.2s}.image-hover .hover-title{color:#010101;font:700 14px/1 "Montserrat", sans-serif;text-transform:uppercase;letter-spacing:0.15em;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s}.image-hover .hover-title+.hover-text{margin-top:10px}.image-hover .hover-title
a{display:block}.image-hover .hover-title a:before{display:block;position:absolute;top:-300em;left:-300em;width:999em;height:999em;background:transparent;content:''}.image-hover .hover-title a:after{display:none}.image-hover .hover-text{-moz-transition-delay:0.4s;-o-transition-delay:0.4s;-webkit-transition-delay:0.4s;transition-delay:0.4s}.image-hover:hover .hover-content{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);-moz-transition:-moz-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s linear 0s;-o-transition:-o-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s linear 0s;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s linear;-webkit-transition-delay:0s, 0s;transition:transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s linear 0s}.image-hover:hover .hover-title,
.image-hover:hover .hover-text{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s;-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.image-hover:hover .hover-title{-moz-transition-delay:0.2s;-o-transition-delay:0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s}.image-hover:hover .hover-text{-moz-transition-delay:0.25s;-o-transition-delay:0.25s;-webkit-transition-delay:0.25s;transition-delay:0.25s}

.page-intro-images .slideshow-active .image-container
.image{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:opacity 0s linear 1.5s;-o-transition:opacity 0s linear 1.5s;-webkit-transition:opacity 0s linear;-webkit-transition-delay:1.5s;transition:opacity 0s linear 1.5s}

.slideshow
.slides{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.slideshow.slide{display:none;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.slideshow .slide.is-active{display:block}
.page-container{padding:120px 0 0}.page-scroll{margin:-130px -768px 0 0;padding:65px
0 20px;position:absolute;right:50%;top:100vh;width:80px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:opacity 0.5s linear;-o-transition:opacity 0.5s linear;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;font:700 10px/1 "Montserrat", sans-serif;letter-spacing:0.25em;text-transform:uppercase;text-align:center}.page-scroll
.line{margin:0
0 0 -1px;position:absolute;top:0;left:50%;width:2px;height:50px;background:#010101;-moz-transition:-moz-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);-o-transition:-o-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);-moz-transform:scaleY(0) translateY(-20px);-ms-transform:scaleY(0) translateY(-20px);-webkit-transform:scaleY(0) translateY(-20px);transform:scaleY(0) translateY(-20px);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}.page-scroll
.text{-moz-transition:-moz-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);-o-transition:-o-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:transform 0.5s cubic-bezier(0.55,0.055,0.675,0.19)}.page-scroll.is-visible{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.page-scroll.is-visible
.line{-moz-transform:scaleY(1) translateY(0);-ms-transform:scaleY(1) translateY(0);-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%}.page-scroll.is-hidden{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.page-scroll.is-hidden.line{-moz-transform:scaleY(0) translateY(20px);-ms-transform:scaleY(0) translateY(20px);-webkit-transform:scaleY(0) translateY(20px);transform:scaleY(0) translateY(20px);-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%}
.page-scroll.hit{position:absolute;left:0;top:50vh;width:1px;height:1px;background:transparent}
.page-intro{margin:0 auto;position:relative;width:1280px}
.page-intro-images{margin:0 auto 0px;padding:140px 0 280px 720px;}
.page-intro-images .intro-body{position:relative;width:420px;height:590px;z-index:2}
.page-intro-images .intro-body .page-title{position:relative;font-size:40px}
.page-intro-images .intro-body .page-title2{position:relative;font-size:25px}
.page-intro-images .intro-images{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.page-intro-images .intro-images .image-container{position:absolute}
.page-intro-images .intro-images .image-container:nth-child(1){top:40px;left:125px;width:540px}
.page-intro-images .intro-images .image-container:nth-child(1):before{padding-top:133%}

.page-intro-images .slideshow-active .image-container.image{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition:opacity 0s linear 1.5s;-o-transition:opacity 0s linear 1.5s;-webkit-transition:opacity 0s linear;-webkit-transition-delay:1.5s;transition:opacity 0s linear 1.5s}
.page-intro-images .slideshow-active .image-container .image.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition:opacity 1.5s ease-in-out 0s;-o-transition:opacity 1.5s ease-in-out 0s;-webkit-transition:opacity 1.5s ease-in-out;-webkit-transition-delay:0s;transition:opacity 1.5s ease-in-out 0s;z-index:2}
.page-intro-images .mlines{display:none}


/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.page-container{padding:100px 0 0 2px;}
.page-scroll{display:none}
.page-intro{padding:30px 10px;width:auto;}
.page-intro-images{margin-bottom:0px}
.page-intro-images .intro-body{width:auto;height:auto;max-width:500px}
.page-intro-images .intro-body .page-title{position:58px;bottom:100%;left:0;font-size:22px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"}
.page-intro-images .intro-body .page-title2{position:258px;bottom:100%;left:0;font-size:18px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; line-height:26px}
.page-intro-images .intro-images{left:0;width:96%; margin:0 2%}
.page-intro-images .intro-images .image-container:nth-child(1){top:390px;left:0;width:100%}

.mntitle2{width:100%; margin:0; padding:0; text-align:center; font-size:28px; font-weight:bold}
.sayt{width:100%; margin:40px 0 30px 0; padding:0; text-align:center; font-size:18px;font-weight:400; line-height:32px}

}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.page-container{padding:100px 0 0 10px}
.page-intro{width:90%;}
.page-intro-images{margin-bottom:40px;padding:0 0 0 280px}
.page-intro-images .intro-body{height:500px}
.page-intro-images .intro-body .page-title{left:0px;font-size:26px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"}
.page-intro-images .intro-body .page-title2{left:0px;font-size:17px;width:270px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; line-height:30px}
.page-intro-images .intro-images .image-container:nth-child(1){top:70px;left:10px;width:240px}

.mntitle2{width:100%; margin:0; padding:0; text-align:center; font-size:28px; font-weight:bold}
.sayt{width:100%; margin:40px 0 40px 0; padding:0; text-align:center; font-size:18px;font-weight:400; line-height:32px}

}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.page-container{padding:100px 0 0 10px}
.page-intro{width:100%;}
.page-intro-images{margin-bottom:100px;padding:50px 0 0 380px}
.page-intro-images .intro-body{height:500px}
.page-intro-images .intro-body .page-title{left:0px;font-size:30px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"}
.page-intro-images .intro-body .page-title2{left:0px;font-size:20px;width:290px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; line-height:30px}
.page-intro-images .intro-images .image-container:nth-child(1){top:70px;left:10px;width:330px}

.mntitle2{width:100%; margin:0; padding:0; text-align:center; font-size:28px; font-weight:bold}
.sayt{width:90%; margin:40px auto 80px auto; padding:0; text-align:center; font-size:18px;font-weight:400; line-height:32px}

}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.page-container{padding:100px 0 0 10px;}
.page-intro{width:800px}
.page-intro-images{margin-bottom:140px;padding:50px 0 0 400px}
.page-intro-images .intro-body{height:500px}
.page-intro-images .intro-body .page-title{left:0px;font-size:30px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"}
.page-intro-images .intro-body .page-title2{left:0px;font-size:20px;width:372px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";line-height:32px}
.page-intro-images .intro-images .image-container:nth-child(1){top:70px;left:-10px;width:370px}

.mntitle2{width:100%; margin:0; padding:0; text-align:center; font-size:28px; font-weight:bold}
.sayt{width:80%; margin:40px auto 80px auto; padding:0; text-align:center; font-size:18px;font-weight:400; line-height:32px}

}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.page-container{padding:120px 0 0 51px}
.page-intro{width:1000px}
.page-intro-images{margin-bottom:160px;padding:100px 0 0 580px}
.page-intro-images .intro-body{width:90%;height:600px}
.page-intro-images .intro-body .page-title{left:0px;font-size:30px;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"}
.page-intro-images .intro-body .page-title2{left:0px;font-size:20px; font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"; line-height:32px}
.page-intro-images .intro-images .image-container:nth-child(1){left:40px;width:500px}


.mntitle2{width:100%; margin:0; padding:0; text-align:center; font-size:28px; font-weight:bold}
.sayt{width:80%; margin:40px auto 80px auto; padding:0; text-align:center; font-size:18px;font-weight:400; line-height:32px}
}

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.title-sv{font-size:30px;font-weight:bold; text-align:center;color:#ebad3d}
}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.title-sv{font-size:30px;font-weight:bold; text-align:center;color:#ebad3d}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.title-sv{font-size:30px;font-weight:bold; text-align:center;color:#ebad3d}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.title-sv{font-size:30px;font-weight:bold; text-align:center;color:#ebad3d}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.title-sv{ font-size:56px; text-align:center; color:#ebad3d}
}