.image-container
.image{
	position: absolute;
	top: 2px;
	left: -1px;
	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}.scroll-reveal{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.scroll-reveal.is-revealed{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.scroll-reveal .split-line{display:block;overflow:hidden;position:relative;top:2px;text-align:left !important}.scroll-reveal .split-word{display:inline !important;position:relative;top:-2px}



.layout-home .section-director{margin:200px 0 }.layout-home .section-director .section-body{position:absolute;top:95px;left:180px;max-width:330px;z-index:2}.layout-home .section-director .section-body .section-text{margin-bottom:1em}.layout-home .section-director .section-selection{position:relative;top:0;left:0;width:100%;z-index:1}.layout-home .section-director .section-selection
.element{float:left;width:510px;z-index:2}.layout-home .section-director .section-selection .element:before{display:block;content:''}.layout-home .section-director .section-selection .element:nth-child(6n+1){clear:both;float:right;margin-right:170px}.layout-home .section-director .section-selection .element:nth-child(6n+1):before{padding-top:133%}.layout-home .section-director .section-selection .element:nth-child(6n+2){clear:both;margin-top:30px}.layout-home .section-director .section-selection .element:nth-child(6n+2):before{padding-top:100%}.layout-home .section-director .section-selection .element:nth-child(6n+3){float:right;margin-top:260px}.layout-home .section-director .section-selection .element:nth-child(6n+3):before{padding-top:133%}.layout-home .section-director .section-selection .element:nth-child(6n+4){margin-top:260px;margin-left:165px}.layout-home .section-director .section-selection .element:nth-child(6n+4):before{padding-top:69%}.layout-home .section-director .section-selection .element:nth-child(6n+5){clear:both;margin-top:80px}.layout-home .section-director .section-selection .element:nth-child(6n+5):before{padding-top:69%}.layout-home .section-director .section-selection .element:nth-child(6n+6){margin-top:320px;margin-left:140px}.layout-home .section-director .section-selection .element:nth-child(6n+6):before{padding-top:133%}.layout-home .section-director .section-selection
.cta{position:absolute;top:1760px;left:650px}.layout-home .section-director .section-selection .lines
.mlines{position:absolute;z-index:4}.layout-home .section-director .section-selection .lines .mlines:nth-child(1){top:-40px;left:635px}.layout-home .section-director .section-selection .lines .mlines:nth-child(2){display:none;top:560px;right:210px}.layout-home .section-director .section-selection .lines .mlines:nth-child(3){top:1220px;left:325px}.layout-home .section-director .section-selection .lines .mlines:nth-child(4){top:1585px;left:800px}





/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
body{padding-left:0}
.horizontal-wrapper{padding-top:80px;max-width:100%;}
.dexmf{max-width:100%; margin:0; padding:0}
.rted{color:#555555; font-size:18px; line-height:28px}
.page-container{}
.layout-home .section-director{margin:80px auto 50px auto}
.layout-home .section-director .section-body{position:relative;top:0;left:0;width:auto}.layout-home .section-director .section-selection{margin-top:20px}.layout-home .section-director .section-selection .element:nth-child(1n){clear:none;float:none;margin:0;width:auto}.layout-home .section-director .section-selection .element:nth-child(3)~.element{display:none}.layout-home .section-director .section-selection .element+.element{margin-top:10px}.layout-home .section-director .section-selection .lines
.mlines{display:none}.layout-home .section-director .section-selection .lines .mlines:last-child{display:block;left:80px}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.dexmf{max-width:100%; margin:0; padding:0}
.rted{color:#555555; font-size:18px; line-height:28px}
body{padding-left:0px;font-size:16px}
.horizontal-wrapper{padding:0 30px;max-width:100%;}
.layout-home .section-director{margin:70px 0 80px}
.layout-home .section-director .section-body{top:0;left:3%;width:45%; padding:0 2% 0 0}
.layout-home .section-director .section-selection .element{width:50%;}
.layout-home .section-director .section-selection .element:nth-child(6n+1){margin-right:0}.layout-home .section-director .section-selection .element:nth-child(6n+2){margin-top:10px}.layout-home .section-director .section-selection .element:nth-child(6n+3){margin-right:0;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+4){margin-left:10px;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+5){clear:none;float:right;margin:100px
0 0;width:280px}.layout-home .section-director .section-selection .element:nth-child(6n+6){float:left;margin:70px
0 0}.layout-home .section-director .section-selection
.cta{top:1260px;left:377px}.layout-home .section-director .section-selection .lines .mlines:nth-child(1){left:370px}.layout-home .section-director .section-selection .lines .mlines:nth-child(2){top:360px;right:30px}
.layout-home .section-director .section-selection .lines .mlines:nth-child(3){top:750px;left:10px}
.layout-home .section-director .section-selection .lines .mlines:nth-child(4){top:980px;left:510px}
.layout-home .section-director .section-selection .lines .mlines:nth-child(5){left:290px}
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
body{padding-left:0px;font-size:16px}
.horizontal-wrapper{padding:0 30px;max-width:1084px;}
.dexmf{max-width:100%; margin:200px 0; padding:0}
.rted{color:#555555; font-size:18px; line-height:30px}
.layout-home .section-director{margin:100px 0 100px}
.layout-home .section-director .section-body{top:0;left:60px;width:300px}
.layout-home .section-director .section-selection .element{width:320px}
.layout-home .section-director .section-selection .element:nth-child(6n+1){margin-right:0}.layout-home .section-director .section-selection .element:nth-child(6n+2){margin-top:10px}.layout-home .section-director .section-selection .element:nth-child(6n+3){margin-right:0;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+4){margin-left:10px;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+5){clear:none;float:right;margin:100px
0 0;width:280px}.layout-home .section-director .section-selection .element:nth-child(6n+6){float:left;margin:70px
0 0}.layout-home .section-director .section-selection
.cta{top:1260px;left:377px}.layout-home .section-director .section-selection .lines .mlines:nth-child(1){left:370px}.layout-home .section-director .section-selection .lines .mlines:nth-child(2){top:360px;right:30px}.layout-home .section-director .section-selection .lines .mlines:nth-child(3){top:750px;left:110px}.layout-home .section-director .section-selection .lines .mlines:nth-child(4){top:980px;left:510px}.layout-home .section-director .section-selection .lines .mlines:nth-child(5){left:290px}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
body{padding-left:0px;font-size:16px}
.horizontal-wrapper{padding:0 30px;max-width:1084px;}
.dexmf{max-width:80%; margin:100px auto; padding:0 0 0 60px}
.rted{color:#555555; font-size:18px; line-height:32px}
.layout-home .section-director{margin:100px 0 100px}
.layout-home .section-director .section-body{top:0;left:60px;width:300px}
.layout-home .section-director .section-selection .element{width:320px}
.layout-home .section-director .section-selection .element:nth-child(6n+1){margin-right:0}.layout-home .section-director .section-selection .element:nth-child(6n+2){margin-top:10px}.layout-home .section-director .section-selection .element:nth-child(6n+3){margin-right:0;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+4){margin-left:10px;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+5){clear:none;float:right;margin:100px
0 0;width:280px}.layout-home .section-director .section-selection .element:nth-child(6n+6){float:left;margin:70px
0 0}.layout-home .section-director .section-selection
.cta{top:1260px;left:377px}.layout-home .section-director .section-selection .lines .mlines:nth-child(1){left:370px}.layout-home .section-director .section-selection .lines .mlines:nth-child(2){top:360px;right:30px}.layout-home .section-director .section-selection .lines .mlines:nth-child(3){top:750px;left:110px}.layout-home .section-director .section-selection .lines .mlines:nth-child(4){top:980px;left:510px}.layout-home .section-director .section-selection .lines .mlines:nth-child(5){left:290px}

}

/* 桌面版面: 1281px 到最大 1500px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
body{padding-left:0px;font-size:14px}
.horizontal-wrapper{padding:0 30px;max-width:900px;}
.dexmf{max-width:71%; margin:0 auto; padding:0 0 0 0px}
.rted{color:#555555; font-size:16px; line-height:32px}
.layout-home .section-director{margin:120px 0 120px}
.layout-home .section-director .section-body{top:40px;left:67px;width:350px}
.layout-home .section-director .section-selection .element{width:350px}
.layout-home .section-director .section-selection .element:nth-child(6n+1){margin-right:0}.layout-home .section-director .section-selection .element:nth-child(6n+2){margin-top:10px}.layout-home .section-director .section-selection .element:nth-child(6n+3){margin-right:0;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+4){margin-left:10px;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+5){clear:none;float:right;margin:100px
0 0;width:280px}.layout-home .section-director .section-selection .element:nth-child(6n+6){float:left;margin:70px
0 0}.layout-home .section-director .section-selection
.cta{top:1260px;left:277px}.layout-home .section-director .section-selection .lines .mlines:nth-child(1){left:370px}.layout-home .section-director .section-selection .lines .mlines:nth-child(2){top:360px;right:30px}.layout-home .section-director .section-selection .lines .mlines:nth-child(3){top:750px;left:110px}.layout-home .section-director .section-selection .lines .mlines:nth-child(4){top:980px;left:410px}.layout-home .section-director .section-selection .lines .mlines:nth-child(5){left:190px}

}

/* 桌面版面: 1501px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1501px) {
body{padding-left:0px;font-size:16px}
.horizontal-wrapper{padding:0 30px;max-width:1084px;}
.dexmf{max-width:1380px; margin:0 auto; padding:0 0 0 105px}
.rted{color:#555555; font-size:18px; line-height:32px}
.layout-home .section-director{margin:150px 0 150px}
.layout-home .section-director .section-body{top:40px;left:97px;width:400px}
.layout-home .section-director .section-selection .element{width:500px}
.layout-home .section-director .section-selection .element:nth-child(6n+1){margin-right:0}.layout-home .section-director .section-selection .element:nth-child(6n+2){margin-top:10px}.layout-home .section-director .section-selection .element:nth-child(6n+3){margin-right:0;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+4){margin-left:10px;width:300px}.layout-home .section-director .section-selection .element:nth-child(6n+5){clear:none;float:right;margin:100px
0 0;width:280px}.layout-home .section-director .section-selection .element:nth-child(6n+6){float:left;margin:70px
0 0}.layout-home .section-director .section-selection
.cta{top:1260px;left:377px}.layout-home .section-director .section-selection .lines .mlines:nth-child(1){left:370px}.layout-home .section-director .section-selection .lines .mlines:nth-child(2){top:360px;right:30px}.layout-home .section-director .section-selection .lines .mlines:nth-child(3){top:750px;left:110px}.layout-home .section-director .section-selection .lines .mlines:nth-child(4){top:980px;left:510px}.layout-home .section-director .section-selection .lines .mlines:nth-child(5){left:290px}

}