@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
#wrapper {    
    animation: fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
}  




/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.horizontal-wrapper{ width:94%;padding:0; margin:0 3% 0 3%;}
.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}
.slideshow.slideshow-strip.slide{display:block;float:left;padding:0
20px;position:relative;width:auto;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);opacity:0.25;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}
.slideshow.slideshow-strip .slide:first-child{padding-left:0}
.slideshow.slideshow-strip .slide:last-child{padding-right:0}
.slideshow.slideshow-strip .slide.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.slideshow.slideshow-strip .image-container,.slideshow.slideshow-strip .image-container:before,.slideshow.slideshow-strip .image-container .image,.slideshow.slideshow-strip .image-container .mask{display:none}
.layout-home .section-news .slideshow{margin:0 auto;width:100%;height:1120px}
.layout-home .section-news .slide-images{position:absolute;top:0;left:0;width:100%}
.layout-home .section-news .slide-images:before{display:block;padding-top:0;content:''}
.layout-home .section-news .slide-images .cell{}
.layout-home .section-news .slide-images .cell:nth-child(1){padding-right:0;width:100%;height:100%}
.layout-home .section-news .slide-images .cell:nth-child(2){padding-left:0;width:100%;height:100%}
.layout-home .section-news .slide-images .cell:nth-child(3){padding:0;width:100%;height:100%}
.layout-home .section-news .slide-images .image-container{width:100%;height:100%}

.premf{max-width:100%; margin:0; padding:0}
/* T */
.mnpdT{float:left;width:98%; height:180px;padding:0; margin:25px 1% 0 1%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";text-align:justify;
    animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 10s}
  .mnpdT h2{ margin:0 0 15px 0; padding:0; }
  .mnpdT h2 a{font-size:20px; color: #222;}
  .mnpdT h2 a:hover{ color:#888}
  .mnpdT h3{ margin:10px 0 0 0; padding:0;}
  .mnpdT h3 a{font-size:12px; color: #666;}
  .mnpdT h3 a:hover{ color:#888}
  .mnpdT p{ margin:0; padding:0;font-size:16px; color: #111; }
  .mnpdT i{ margin:0 10px 0 0; padding:0;}

.newstitle{width:100%; height:30px;margin:0;padding:0; text-align:center;}
.newstitle h1{font-size:26px; font-weight:400}
	
/*合作夥伴*/
.partnerwf{width:100%; margin:0 0 60px 0;padding-left:0; text-align:center}
.partnertitle{width:100%; height:60px;margin:0;padding:0; text-align:center;font-size:18px}

/*btn*/
.mdbtn{float:left;width:100%; margin:0px; padding:0px;}
.mdinfbtn{max-width:100%; margin:0 auto 0 auto;}
.mdinfbtn a {}
.mdinfbtn a:hover {text-decoration:none !important}
.mdinfbtn a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:3px;background:#fff;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.3s cubic-bezier(1, 0, 0, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);transition:transform 0.3s cubic-bezier(1,0,0,1)}
.mdinfbtn img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mdinfbtn a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
.mdinfbtn a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
.btndf{float:left;width:23.3333333333%; margin:15px 5% 15px 5%; padding:0;}
}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.horizontal-wrapper{ width:94%;padding:0; margin:0 3% 0 3%}
.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}
.slideshow.slideshow-strip.slide{display:block;float:left;padding:0
20px;position:relative;width:auto;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);opacity:0.25;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}
.slideshow.slideshow-strip .slide:first-child{padding-left:0}
.slideshow.slideshow-strip .slide:last-child{padding-right:0}
.slideshow.slideshow-strip .slide.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.slideshow.slideshow-strip .image-container,.slideshow.slideshow-strip .image-container:before,.slideshow.slideshow-strip .image-container .image,.slideshow.slideshow-strip .image-container .mask{display:none}
.layout-home .section-news .slideshow{margin:0 auto;width:100%;height:320px;}
.layout-home .section-news .slide-images{position:absolute;top:0;left:0;width:100%}
.layout-home .section-news .slide-images:before{display:block;padding-top:45%;content:''}
.layout-home .section-news .slide-images .cell{position:absolute}
.layout-home .section-news .slide-images .cell:nth-child(1){padding-right:10px;top:0;left:0;width:33%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(2){padding-left:10px;top:0;left:33.3%;width:33%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(3){padding:0 0 10px 20px;top:0;right:0;width:33%;height:53%}
.layout-home .section-news .slide-images .image-container{width:100%;height:100%}

.premf{max-width:100%; margin:0; padding:0}
/* T */
.mnpdT{float:left;width:96%; height:200px;padding:0; margin:25px 2% 0 2%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";text-align:justify;
    animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 10s; }
  .mnpdT h2{ margin:0 0 20px 0; padding:0; }
  .mnpdT h2 a{font-size:20px; color: #222;}
  .mnpdT h2 a:hover{ color:#888}
  .mnpdT h3{ margin:10px 0 0 0; padding:0;}
  .mnpdT h3 a{font-size:12px; color: #666;}
  .mnpdT h3 a:hover{ color:#888}
  .mnpdT p{ margin:0; padding:0;font-size:16px; color: #111; }
  .mnpdT i{ margin:0 10px 0 0; padding:0;}
.newstitle{width:100%; height:65px;margin:0 0 30px 0;padding-left:33px; text-align:center}
.newstitle h1{font-size:32px;}

/*合作夥伴*/
.partnerwf{width:100%; margin:0 0 60px 0;padding-left:30px; text-align:center}
.partnertitle{width:100%; height:90px;margin:0;padding:0; text-align:center;font-size:20px}

/*btn*/
.mdbtn{float:left;width:100%; margin:0px; padding:0px;}
.mdinfbtn{max-width:100%; margin:0 auto 0 auto;}
.mdinfbtn a {}
.mdinfbtn a:hover {text-decoration:none !important}
.mdinfbtn a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:3px;background:#fff;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.3s cubic-bezier(1, 0, 0, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);transition:transform 0.3s cubic-bezier(1,0,0,1)}
.mdinfbtn img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mdinfbtn a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
.mdinfbtn a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
.btndf{float:left;width:15%; margin:20px 5% 20px 5%; padding:0;}

}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.horizontal-wrapper{padding:0px 0 0}
.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}
.slideshow.slideshow-strip.slide{display:block;float:left;padding:0
20px;position:relative;width:auto;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);opacity:0.25;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}
.slideshow.slideshow-strip .slide:first-child{padding-left:0}
.slideshow.slideshow-strip .slide:last-child{padding-right:0}
.slideshow.slideshow-strip .slide.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.slideshow.slideshow-strip .image-container,.slideshow.slideshow-strip .image-container:before,.slideshow.slideshow-strip .image-container .image,.slideshow.slideshow-strip .image-container .mask{display:none}
.layout-home .section-news .slideshow{margin:0 auto;width:100%;height:380px}
.layout-home .section-news .slide-images{position:absolute;top:0;left:0;width:100%}
.layout-home .section-news .slide-images:before{display:block;padding-top:45%;content:''}
.layout-home .section-news .slide-images .cell{position:absolute}
.layout-home .section-news .slide-images .cell:nth-child(1){padding-right:10px;top:0;left:0;width:33%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(2){padding-left:10px;top:0;left:33%;width:33%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(3){padding:0;top:0;right:0;width:31.777777%;height:50%}
.layout-home .section-news .slide-images .image-container{width:100%;height:100%}

.premf{max-width:100%; margin:0; padding:0 0 0 50px}
/* T */
.mnpdT{float:left;width:96%; height:200px;padding:0; margin:25px 2% 0 2%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";text-align:justify;
    animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 10s; }
  .mnpdT h2{ margin:0 0 20px 0; padding:0; }
  .mnpdT h2 a{font-size:20px; color: #222;}
  .mnpdT h2 a:hover{ color:#888}
  .mnpdT h3{ margin:10px 0 0 0; padding:0;}
  .mnpdT h3 a{font-size:12px; color: #666;}
  .mnpdT h3 a:hover{ color:#888}
  .mnpdT p{ margin:0; padding:0;font-size:16px; color: #111; }
  .mnpdT i{ margin:0 10px 0 0; padding:0;}
.newstitle{width:100%; height:65px;margin:0 0 30px 0;padding-left:51px; text-align:center}
.newstitle h1{font-size:32px;}

/*合作夥伴*/
.partnerwf{width:100%; margin:0;padding-left:43px; text-align:center}
.partnertitle{width:100%; height:90px;margin:0;padding:0; text-align:center;font-size:20px}

/*btn*/
.mdbtn{float:left;width:100%; margin:0px; padding:0px;}
.mdinfbtn{max-width:100%; margin:0 auto 0 auto;}
.mdinfbtn a {}
.mdinfbtn a:hover {text-decoration:none !important}
.mdinfbtn a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:3px;background:#fff;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.3s cubic-bezier(1, 0, 0, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);transition:transform 0.3s cubic-bezier(1,0,0,1)}
.mdinfbtn img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mdinfbtn a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
.mdinfbtn a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
.btndf{float:left;width:15%; margin:20px 5% 50px 5%; padding:0;}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.horizontal-wrapper{padding:0px 0 0}
.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}
.slideshow.slideshow-strip.slide{display:block;float:left;padding:0
20px;position:relative;width:auto;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);opacity:0.25;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}
.slideshow.slideshow-strip .slide:first-child{padding-left:0}
.slideshow.slideshow-strip .slide:last-child{padding-right:0}
.slideshow.slideshow-strip .slide.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.slideshow.slideshow-strip .image-container,.slideshow.slideshow-strip .image-container:before,.slideshow.slideshow-strip .image-container .image,.slideshow.slideshow-strip .image-container .mask{display:none}
.layout-home .section-news .slideshow{margin:0 auto;width:900px;height:380px}
.layout-home .section-news .slide-images{position:absolute;top:0;left:0;width:100%}
.layout-home .section-news .slide-images:before{display:block;padding-top:45%;content:''}
.layout-home .section-news .slide-images .cell{position:absolute}
.layout-home .section-news .slide-images .cell:nth-child(1){padding-right:10px;top:0;left:0;width:33%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(2){padding-left:10px;top:0;left:33%;width:33%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(3){padding:0;top:0;right:0;width:31.777777%;height:50%}
.layout-home .section-news .slide-images .image-container{width:100%;height:100%}


.premf{max-width:100%; margin:0 auto; padding:0 0 0 67px}
/* T */
.mnpdT{float:left;width:96%; height:200px;padding:0; margin:25px 2% 0 2%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";text-align:justify;
    animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 10s; }
  .mnpdT h2{ margin:0 0 20px 0; padding:0; }
  .mnpdT h2 a{font-size:20px; color: #222;}
  .mnpdT h2 a:hover{ color:#888}
  .mnpdT h3{ margin:10px 0 0 0; padding:0;}
  .mnpdT h3 a{font-size:12px; color: #666;}
  .mnpdT h3 a:hover{ color:#888}
  .mnpdT p{ margin:0; padding:0;font-size:16px; color: #111; }
  .mnpdT i{ margin:0 10px 0 0; padding:0;}
.newstitle{width:100%; height:65px;margin:0 0 30px 0;padding-left:58px; text-align:center}
.newstitle h1{font-size:32px;}

/*合作夥伴*/
.partnerwf{width:100%; margin:50px 0 0 0;padding-left:83px; text-align:center}
.partnertitle{width:100%; height:90px;margin:0;padding:0; text-align:center;font-size:22px}

/*btn*/
.mdbtn{float:left;width:100%; margin:0px; padding:0px;}
.mdinfbtn{max-width:90%; margin:0 auto 0 auto;}
.mdinfbtn a {}
.mdinfbtn a:hover {text-decoration:none !important}
.mdinfbtn a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:3px;background:#fff;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.3s cubic-bezier(1, 0, 0, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);transition:transform 0.3s cubic-bezier(1,0,0,1)}
.mdinfbtn img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mdinfbtn a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
.mdinfbtn a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
.btndf{float:left;width:10.869565217%; margin:20px 4.5652173915% 50px 4.5652173915%; padding:0;}
}

/* 桌面版面: 1281px 到最大 1500px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.horizontal-wrapper{padding-left:10px}
.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}
.slideshow.slideshow-strip.slide{display:block;float:left;padding:0
20px;position:relative;width:auto;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);opacity:0.25;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}
.slideshow.slideshow-strip .slide:first-child{padding-left:0}
.slideshow.slideshow-strip .slide:last-child{padding-right:0}
.slideshow.slideshow-strip .slide.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.slideshow.slideshow-strip .image-container,.slideshow.slideshow-strip .image-container:before,.slideshow.slideshow-strip .image-container .image,.slideshow.slideshow-strip .image-container .mask{display:none}
.layout-home .section-news .slideshow{margin:0 auto;width:1080px;height:520px}
.layout-home .section-news .slide-images{position:absolute;top:0;left:0;width:100%}
.layout-home .section-news .slide-images:before{display:block;padding-top:45%;content:''}
.layout-home .section-news .slide-images .cell{position:absolute}
.layout-home .section-news .slide-images .cell:nth-child(1){padding-right:15px;top:0;left:0;width:35%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(2){padding-left:15px;top:0;left:35%;width:34.888888%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(3){padding:0;top:0;right:-5.5%;width:32.888888%;height:50%}
.layout-home .section-news .slide-images .image-container{width:100%;height:100%}

.premf{max-width:1180px; margin:0 auto; padding:0 0 0 18px}
/* T */
.mnpdT{float:left;width:96%; height:200px;padding:0; margin:25px 2% 0 2%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";text-align:justify;
    animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 10s; }
  .mnpdT h2{ margin:0 0 20px 0; padding:0; }
  .mnpdT h2 a{font-size:20px; color: #222;}
  .mnpdT h2 a:hover{ color:#888}
  .mnpdT h3{ margin:10px 0 0 0; padding:0;}
  .mnpdT h3 a{font-size:12px; color: #666;}
  .mnpdT h3 a:hover{ color:#888}
  .mnpdT p{ margin:0; padding:0;font-size:16px; color: #111; }
  .mnpdT i{ margin:0 10px 0 0; padding:0;}

.newstitle{width:100%; height:65px;margin:0 0 30px 0;padding-left:73px; text-align:center}
.newstitle h1{font-size:32px;}

/*合作夥伴*/
.partnerwf{width:100%; margin:0;padding-left:83px; text-align:center}
.partnertitle{width:100%; height:90px;margin:0;padding:0; text-align:center;font-size:22px}

/*btn*/
.mdbtn{float:left;width:100%; margin:0px; padding:0px;}
.mdinfbtn{max-width:90%; margin:0 auto 0 auto;}
.mdinfbtn a {}
.mdinfbtn a:hover {text-decoration:none !important}
.mdinfbtn a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:3px;background:#fff;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.3s cubic-bezier(1, 0, 0, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);transition:transform 0.3s cubic-bezier(1,0,0,1)}
.mdinfbtn img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mdinfbtn a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
.mdinfbtn a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
.btndf{float:left;width:10.869565217%; margin:20px 4.5652173915% 50px 4.5652173915%; padding:0;}

}

/* 桌面版面: 1281px 到最大 1366px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1366px) {
.horizontal-wrapper{padding-left:10px}
.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}
.slideshow.slideshow-strip.slide{display:block;float:left;padding:0
20px;position:relative;width:auto;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);opacity:0.25;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}
.slideshow.slideshow-strip .slide:first-child{padding-left:0}
.slideshow.slideshow-strip .slide:last-child{padding-right:0}
.slideshow.slideshow-strip .slide.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.slideshow.slideshow-strip .image-container,.slideshow.slideshow-strip .image-container:before,.slideshow.slideshow-strip .image-container .image,.slideshow.slideshow-strip .image-container .mask{display:none}
.layout-home .section-news .slideshow{margin:0 auto;width:1080px;height:520px}
.layout-home .section-news .slide-images{position:absolute;top:0;left:0;width:100%}
.layout-home .section-news .slide-images:before{display:block;padding-top:45%;content:''}
.layout-home .section-news .slide-images .cell{position:absolute}
.layout-home .section-news .slide-images .cell:nth-child(1){padding-right:15px;top:0;left:0;width:35%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(2){padding-left:15px;top:0;left:35%;width:34.888888%;height:50%}
.layout-home .section-news .slide-images .cell:nth-child(3){padding:0;top:0;right:-5.5%;width:32.888888%;height:50%}
.layout-home .section-news .slide-images .image-container{width:100%;height:100%}

.premf{max-width:980px; margin:0 auto; padding:0 0 0 18px}
/* T */
.mnpdT{float:left;width:96%; height:200px;padding:0; margin:25px 2% 0 2%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";text-align:justify;
    animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 10s; }
  .mnpdT h2{ margin:0 0 20px 0; padding:0; }
  .mnpdT h2 a{font-size:20px; color: #222;}
  .mnpdT h2 a:hover{ color:#888}
  .mnpdT h3{ margin:10px 0 0 0; padding:0;}
  .mnpdT h3 a{font-size:12px; color: #666;}
  .mnpdT h3 a:hover{ color:#888}
  .mnpdT p{ margin:0; padding:0;font-size:16px; color: #111; }
  .mnpdT i{ margin:0 10px 0 0; padding:0;}

.newstitle{width:100%; height:65px;margin:0 0 30px 0;padding-left:73px; text-align:center}
.newstitle h1{font-size:32px;}

/*合作夥伴*/
.partnerwf{width:100%; margin:0;padding-left:83px; text-align:center}
.partnertitle{width:100%; height:90px;margin:0;padding:0; text-align:center;font-size:22px}

/*btn*/
.mdbtn{float:left;width:100%; margin:0px; padding:0px;}
.mdinfbtn{max-width:90%; margin:0 auto 0 auto;}
.mdinfbtn a {}
.mdinfbtn a:hover {text-decoration:none !important}
.mdinfbtn a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:3px;background:#fff;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.3s cubic-bezier(1, 0, 0, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);transition:transform 0.3s cubic-bezier(1,0,0,1)}
.mdinfbtn img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mdinfbtn a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
.mdinfbtn a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
.btndf{float:left;width:10.869565217%; margin:20px 4.5652173915% 50px 4.5652173915%; padding:0;}

}
/* 桌面版面: 1501px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1501px) {
.horizontal-wrapper{padding-left:23px}
.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}
.slideshow.slideshow-strip.slide{display:block;float:left;padding:0
20px;position:relative;width:auto;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);opacity:0.25;-moz-transition:opacity 0.8s ease;-o-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}
.slideshow.slideshow-strip .slide:first-child{padding-left:0}
.slideshow.slideshow-strip .slide:last-child{padding-right:0}
.slideshow.slideshow-strip .slide.is-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.slideshow.slideshow-strip .image-container,.slideshow.slideshow-strip .image-container:before,.slideshow.slideshow-strip .image-container .image,.slideshow.slideshow-strip .image-container .mask{display:none}
.layout-home .section-news .slideshow{margin:0 auto;width:1280px;height:520px}
.layout-home .section-news .slide-images{position:absolute;top:0;left:0;width:100%}
.layout-home .section-news .slide-images:before{display:block;padding-top:45%;content:''}
.layout-home .section-news .slide-images .cell{position:absolute}
.layout-home .section-news .slide-images .cell:nth-child(1){padding-right:20px;top:0;left:0;width:40%;height:56%}
.layout-home .section-news .slide-images .cell:nth-child(2){padding-left:20px;top:0;left:40%;width:39.888888%;height:56%}
.layout-home .section-news .slide-images .cell:nth-child(3){padding:0;top:0;right:-21.5%;width:37.888888%;height:56%}
.layout-home .section-news .slide-images .image-container{width:100%;height:100%}

.premf{max-width:1380px; margin:0 auto; padding:0 0 0 34px}
/* T */
.mnpdT{float:left;width:96%; height:200px;padding:0; margin:25px 2% 0 2%;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";text-align:justify;
    animation: fade-in;  
    animation-duration: 5s;  
    -webkit-animation:fade-in 10s; }
  .mnpdT h2{ margin:0 0 20px 0; padding:0; }
  .mnpdT h2 a{font-size:20px; color: #222;}
  .mnpdT h2 a:hover{ color:#888}
  .mnpdT h3{ margin:10px 0 0 0; padding:0;}
  .mnpdT h3 a{font-size:12px; color: #666;}
  .mnpdT h3 a:hover{ color:#888}
  .mnpdT p{ margin:0; padding:0;font-size:16px; color: #111; }
  .mnpdT i{ margin:0 10px 0 0; padding:0;}

.newstitle{width:100%; height:65px;margin:0 0 30px 0;padding-left:83px; text-align:center}
.newstitle h1{font-size:32px;}


/*合作夥伴*/
.partnerwf{width:100%; margin:0;padding-left:83px; text-align:center}
.partnertitle{width:100%; height:90px;margin:0;padding:0; text-align:center;font-size:22px}

/*btn*/
.mdbtn{float:left;width:100%; margin:0px; padding:0px;}
.mdinfbtn{max-width:1380px; margin:0 auto 0 auto;}
.mdinfbtn a {}
.mdinfbtn a:hover {text-decoration:none !important}
.mdinfbtn a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:3px;background:#fff;content:'';-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transition:-moz-transform 0.3s cubic-bezier(1, 0, 0, 1);-o-transition:-o-transform 0.3s cubic-bezier(1, 0, 0, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);transition:transform 0.3s cubic-bezier(1,0,0,1)}
.mdinfbtn img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.mdinfbtn a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
.mdinfbtn a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}
.btndf{float:left;width:10.869565217%; margin:20px 4.5652173915% 50px 4.5652173915%; padding:0;}

}


.image{width:100%; margin:0; padding:0; text-align:center}
  .image a img{height: auto;max-width: 100%; -mox-opacity:1.0; filter:alpha(opacity=100); opacity:100;}
  .image a:hover img{-mox-opacity:0.6;  /*-mox是for firefox*/filter:alpha(opacity=60); opacity:0.6;}