@charset "UTF-8";
@import url(font-awesome.min.css);
@import url(font-line.css);

/*------------------------style css -------------------------------------------------- */

.hidden{display:none !important;visibility:hidden}
.sr-only{overflow:hidden;margin:-1px;padding:0;position:absolute;width:1px;height:1px;border:0;clip:rect(0,0,0,0)}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.horizontal-wrapper{margin:0 auto;padding:0 40px;position:relative;max-width:1360px}
.va-outer{display:table;width:100%;height:100%}
.va-inner{display:table-cell;vertical-align:middle}

html{position:relative;width:100%;height:100%;overflow-x:hidden; }
body{color:#010101;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";font-weight:normal;font-size: 16px;color: #333333; line-height: 26px;}*{outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
a{color:inherit;text-decoration:none;display:inline-block;position:relative}
a:after{display:block;position:absolute;bottom:0;right:0;left:0;height:1px;background:#010101;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)}
a:hover:after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}h1,h2,h3,h4,h5,h6{margin:0;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";font-weight:400;line-height:1.1}



img{max-width:100%;height:auto}.svg{display:block}
.svg svg{display:block;overflow:visible;width:100%;height:100%}
.title-xl, .rte h2{margin-bottom:0.4em;position:relative;left:-3px;font-size:54px}
.title-xl small, .rte h2 small{display:block;margin-top:6px;font-size:14px;text-indent:3px}
.title-lg, .rte h3{margin-bottom:0.4em;font-size:30px}
.rte{color:#8b8b8b;}
.rte h2, .rte h3, .rte h4, .rte h5, .rte h6{color:#010101}
.rte p:first-child{margin-top:0}
.rte p:last-child{margin-bottom:0}
.rte blockquote{margin:2em 0;padding:0;color:#010101;font-size:1.3em;font-style:italic}
.rte ul, .rte ol{padding-left:2em}
.rte ul li, .rte ol li{list-style-position:inside}
.rte ul li{list-style:none}.rte ul li:before{display:inline-block;margin:11px
8px 0 0;width:5px;height:5px;background:#010101;content:'';vertical-align:top;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}

.btn-text{display:inline-block;padding:0
0 0 14px;position:relative;background:no-repeat;border:none;-webkit-appearance:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;color:#010101;font-family:"微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";font-size:14px;font-weight:700;letter-spacing:0.2em;line-height:1;text-transform:none}
.btn-text:before,.btn-text:after{display:block;position:absolute;right:auto;left:0;width:4px;height:50%;background:#010101;content:'';-moz-transition:width 0.3s cubic-bezier(0.77, 0, 0.175, 1), -moz-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:width 0.3s cubic-bezier(0.77, 0, 0.175, 1), -o-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:width 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);transition:width 0.3s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.77,0,0.175,1);-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}.btn-text:before{top:0;bottom:auto;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.btn-text:after{top:auto;bottom:0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0}.btn-text:hover:before{width:3px;-moz-transform:scaleX(1.3) translateX(5px) rotateZ(-36deg);-ms-transform:scaleX(1.3) translateX(5px) rotateZ(-36deg);-webkit-transform:scaleX(1.3) translateX(5px) rotateZ(-36deg);transform:scaleX(1.3) translateX(5px) rotateZ(-36deg)}.btn-text:hover:after{width:3px;-moz-transform:scaleX(1.3) translateX(5px) rotateZ(36deg);-ms-transform:scaleX(1.3) translateX(5px) rotateZ(36deg);-webkit-transform:scaleX(1.3) translateX(5px) rotateZ(36deg);transform:scaleX(1.3) translateX(5px) rotateZ(36deg)}.btn-text-sm{padding-left:12px;font-size:12px}.btn-text-sm:before,.btn-text-sm:after{width:3px}.btn-text-sm:hover:before{width:2px;-moz-transform:scaleX(1.3) translateX(4px) rotateZ(-36deg);-ms-transform:scaleX(1.3) translateX(4px) rotateZ(-36deg);-webkit-transform:scaleX(1.3) translateX(4px) rotateZ(-36deg);transform:scaleX(1.3) translateX(4px) rotateZ(-36deg)}.btn-text-sm:hover:after{width:2px;-moz-transform:scaleX(1.3) translateX(4px) rotateZ(36deg);-ms-transform:scaleX(1.3) translateX(4px) rotateZ(36deg);-webkit-transform:scaleX(1.3) translateX(4px) rotateZ(36deg);transform:scaleX(1.3) translateX(4px) rotateZ(36deg)}.mlines{display:block;position:absolute;width:52px;height:70px}.mlines .lines-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.mlines
.line{position:absolute;top:0;width:5px;height:0;background:#010101;-moz-transition:height 0.4s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:height 0.4s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition:height 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:height 0.4s cubic-bezier(0.77, 0, 0.175, 1)}.mlines .line:nth-child(1){left:0}.mlines .line:nth-child(2){left:38px;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-delay:0.3s}.mlines .line:nth-child(3){right:0;-moz-transition-delay:0.15s;-o-transition-delay:0.15s;-webkit-transition-delay:0.15s;transition-delay:0.15s}.mlines.is-visible
.line{height:100%}.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}.global-container{overflow:hidden}

@-moz-keyframes loading-scale{0%{top:-74px}39%{top:0}41%{top:0}80%{top:74px}80.0001%{top:-74px}100%{top:-74px}}
@-webkit-keyframes loading-scale{0%{top:-74px}39%{top:0}41%{top:0}80%{top:74px}80.0001%{top:-74px}100%{top:-74px}}
@keyframes loading-scale{0%{top:-74px}39%{top:0}41%{top:0}80%{top:74px}80.0001%{top:-74px}100%{top:-74px}}
.global-loader,.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:990}.global-loader .lines-container,
.page-loader .lines-container{margin:-35px 0 0 -26px;position:absolute;top:50%;left:50%;width:52px;height:70px}.global-loader .lines,
.page-loader
.lines{position:relative;width:52px;height:70px}.global-loader .lines .line,
.page-loader .lines
.line{overflow:hidden;position:absolute;top:0;width:5px;height:100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%}.global-loader .lines .line:before,
.page-loader .lines .line:before{display:block;position:absolute;top:-70px;left:0;width:100%;height:100%;background:#010101;content:''}.global-loader .lines .line:nth-child(1),
.page-loader .lines .line:nth-child(1){left:0}.global-loader .lines .line:nth-child(2),
.page-loader .lines .line:nth-child(2){left:38px}.global-loader .lines .line:nth-child(3),
.page-loader .lines .line:nth-child(3){right:0}.global-loader.is-visible .lines .line:before,
.page-loader.is-visible .lines .line:before{-moz-animation:loading-scale 2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite normal none;-webkit-animation:loading-scale 2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite normal none;animation:loading-scale 2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite normal none;}.global-loader.is-visible .lines .line:nth-child(1):before,
.page-loader.is-visible .lines .line:nth-child(1):before{-moz-animation-delay:0.3s;-webkit-animation-delay:0.3s;animation-delay:0.3s}.global-loader.is-visible .lines .line:nth-child(3):before,
.page-loader.is-visible .lines .line:nth-child(3):before{-moz-animation-delay:0.15s;-webkit-animation-delay:0.15s;animation-delay:0.15s}.page-loader{display:none;background:none;z-index:19}.page-loader.is-visible{display:block}
.site-head{position:absolute;top:0;left:0;width:100%;z-index:20}
.site-head .site-title{position:absolute;top:43px;left:137px; 
    -webkit-animation-name: fadeIn; 
    -webkit-animation-duration: 3s; /
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-delay: 0s;
	-webkit-transition: opacity 2s linear;
    -moz-transition: opacity 2s linear;
    -o-transition: opacity 2s linear;
    transition: opacity 2s linear;
	opacity:1;
    filter:alpha(opacity=1);z-index:1;}


@-webkit-keyframes fadeIn { 0% {opacity: 0;}  40% {opacity: 0.7;} 100% {opacity: 1;}}  
.site-head .site-title a:after{display:none}
.site-head .site-title .animation-container{display:block;position:relative;width:129px;height:70px;top:0;left:0}
.site-head .site-title .animation-container svg{display:block}
.site-head .svg-logo{width:129px;height:54px}
.nav-main{position:fixed;top:0;left:0;height:100%;z-index:20}
.nav-main .nav-toggle{position:absolute;top:0;left:0;width:87px;height:100%;background:#fff;border-right:1px solid #cfcfcf;cursor:pointer;z-index:3}
.nav-main .nav-toggle .open,
.nav-main .nav-toggle
.close{-moz-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}
@-moz-keyframes open-in{0%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:0 0;transform-origin:0 0}100%{-moz-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0;transform-origin:0 0}}
@-webkit-keyframes open-in{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}}
@keyframes open-in{0%{-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}100%{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}}
.nav-main .nav-toggle
.open{margin:-43px 0 0;padding:33px
30px;position:absolute;top:5%;left:0;width:86px;height:86px}.nav-main .nav-toggle .open
.lines{position:relative;width:26px;height:20px}.nav-main .nav-toggle .open
.line{display:block;position:absolute;left:0;width:100%;height:2px;background:#010101;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);-moz-animation:open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards;-webkit-animation:open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards;animation:open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards}.nav-main .nav-toggle .open .line:nth-child(1){top:0}.nav-main .nav-toggle .open .line:nth-child(2){margin-top:-1px;top:50%;-moz-animation-delay:0.36s;-webkit-animation-delay:0.36s;animation-delay:0.36s}.nav-main .nav-toggle .open .line:nth-child(3){bottom:0;-moz-animation-delay:0.42s;-webkit-animation-delay:0.42s;animation-delay:0.42s;-moz-animation-timing-function:cubic-bezier(0.18, 0.89, 0.63, 1.26);-webkit-animation-timing-function:cubic-bezier(0.18, 0.89, 0.63, 1.26);animation-timing-function:cubic-bezier(0.18, 0.89, 0.63, 1.26)}@-moz-keyframes close-out-1{0%{-moz-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-moz-transform-origin:100% 100%;transform-origin:100% 100%}100%{-moz-transform:scaleY(0) translateY(10px);transform:scaleY(0) translateY(10px);-moz-transform-origin:100% 100%;transform-origin:100% 100%}}
@-webkit-keyframes close-out-1{0%{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-webkit-transform:scaleY(0) translateY(10px);transform:scaleY(0) translateY(10px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}
@keyframes close-out-1{0%{-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:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-moz-transform:scaleY(0) translateY(10px);-ms-transform:scaleY(0) translateY(10px);-webkit-transform:scaleY(0) translateY(10px);transform:scaleY(0) translateY(10px);-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}
@-moz-keyframes close-out-2{0%{-moz-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:100% 100%;transform-origin:100% 100%}100%{-moz-transform:scaleX(0) translateX(10px);transform:scaleX(0) translateX(10px);-moz-transform-origin:100% 100%;transform-origin:100% 100%}}
@-webkit-keyframes close-out-2{0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-webkit-transform:scaleX(0) translateX(10px);transform:scaleX(0) translateX(10px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}
@keyframes close-out-2{0%{-moz-transform:scaleX(1) translateX(0);-ms-transform:scaleX(1) translateX(0);-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-moz-transform:scaleX(0) translateX(10px);-ms-transform:scaleX(0) translateX(10px);-webkit-transform:scaleX(0) translateX(10px);transform:scaleX(0) translateX(10px);-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}
.nav-main .nav-toggle
.close{margin:-43px 0 0;padding:30px;position:absolute;top:5%;left:0;width:86px;height:86px}.nav-main .nav-toggle .close
.lines{position:relative;width:26px;height:26px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-main .nav-toggle .close
.line{display:block;position:absolute;background:#010101}.nav-main .nav-toggle .close .line:nth-child(1){margin-left:-1px;top:0;left:50%;width:2px;height:100%;-moz-animation:close-out-1 0.3s linear 0.1s 1 normal forwards;-webkit-animation:close-out-1 0.3s linear 0.1s 1 normal forwards;animation:close-out-1 0.3s linear 0.1s 1 normal forwards}.nav-main .nav-toggle .close .line:nth-child(2){margin-top:-1px;top:50%;left:0;width:100%;height:2px;-moz-animation:close-out-2 0.3s linear 0s 1 normal forwards;-webkit-animation:close-out-2 0.3s linear 0s 1 normal forwards;animation:close-out-2 0.3s linear 0s 1 normal forwards}.nav-main .nav-toggle:hover .open,
.nav-main .nav-toggle:hover
.close{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}
.nav-main .nav-container{display:none;position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2}
.nav-main .site-title{z-index:3}
.nav-main .nav-inner{padding:0
0 0 87px;position:absolute;top:0;left:0;width:690px;height:100%;background:#fff;z-index:2}
.nav-main
.background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,90, 0.4);z-index:1}
.nav-main .menu{margin:0;padding:50px;position:relative;list-style:none;font:600 24px/1 "微軟正黑體","Microsoft JhengHei", sans-serif; color:#333}
.nav-main .menu li{list-style-image:none;list-style-type:none;margin-left:0}
.nav-main .menu .menu-item{float:left;margin:0;padding:12px 0;width:50%}
.nav-main .menu .menu-item:nth-child(2n+1){clear:both;padding-right:20px}
.nav-main .menu .menu-item-eshop{position:absolute;bottom:-80px;left:50px}
.nav-main .menu .menu-info{margin-top:3px;color:#a5a5a5;font:300 14px/1.2 "proxima-nova", sans-serif}
.nav-main .menu a{display:inline-block;padding:5px 0;position:relative}
.nav-main .menu a:after{height:2px}
.nav-main .menu .current-menu-item a:after{-moz-transform:scaleX(1);-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
.nav-main .social-links{position:absolute;bottom:30px;left:137px;font:700 14px/1 "Montserrat", sans-serif;letter-spacing:0.25em;text-transform:none}
.nav-main .social-links .links{margin:5px 0 0;padding:0;list-style:none; font-size:20px; color:#000}
.nav-main .social-links .links li{list-style-image:none;list-style-type:none;margin-left:0}
.nav-main .social-links .links .link{display:inline-block;margin:0;padding:0;vertical-align:middle}
.nav-main .social-links .links .link:first-child{margin-left:-5px}
.nav-main .social-links .links a{display:block;padding:5px}
.nav-main .social-links .links a:after{display:none}
.nav-main .social-links .links a:hover .svg{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.nav-main .social-links .links
.svg{width:20px;height:20px;-moz-transition:-moz-transform 0.2s ease;-o-transition:-o-transform 0.2s ease;-webkit-transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease}


@-moz-keyframes open-out-1{0%{-moz-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:100% 0;transform-origin:100% 0}35%{-moz-transform:scaleX(0.9) translateX(-5px);transform:scaleX(0.9) translateX(-5px);-moz-transform-origin:100% 0;transform-origin:100% 0}100%{-moz-transform:scaleX(0) translateX(5px);transform:scaleX(0) translateX(5px);-moz-transform-origin:100% 0;transform-origin:100% 0}}
@-webkit-keyframes open-out-1{0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}35%{-webkit-transform:scaleX(0.9) translateX(-5px);transform:scaleX(0.9) translateX(-5px);-webkit-transform-origin:100% 0;transform-origin:100% 0}100%{-webkit-transform:scaleX(0) translateX(5px);transform:scaleX(0) translateX(5px);-webkit-transform-origin:100% 0;transform-origin:100% 0}}
@keyframes open-out-1{0%{-moz-transform:scaleX(1) translateX(0);-ms-transform:scaleX(1) translateX(0);-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0}35%{-moz-transform:scaleX(0.9) translateX(-5px);-ms-transform:scaleX(0.9) translateX(-5px);-webkit-transform:scaleX(0.9) translateX(-5px);transform:scaleX(0.9) translateX(-5px);-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0}100%{-moz-transform:scaleX(0) translateX(5px);-ms-transform:scaleX(0) translateX(5px);-webkit-transform:scaleX(0) translateX(5px);transform:scaleX(0) translateX(5px);-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-webkit-transform-origin:100% 0;transform-origin:100% 0}}
@-moz-keyframes open-out-2{0%{-moz-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:0 0;transform-origin:0 0}35%{-moz-transform:scaleX(0.9) translateX(5px);transform:scaleX(0.9) translateX(5px);-moz-transform-origin:0 0;transform-origin:0 0}100%{-moz-transform:scaleX(0) translateX(-5px);transform:scaleX(0) translateX(-5px);-moz-transform-origin:0 0;transform-origin:0 0}}
@-webkit-keyframes open-out-2{0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:0 0;transform-origin:0 0}35%{-webkit-transform:scaleX(0.9) translateX(5px);transform:scaleX(0.9) translateX(5px);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleX(0) translateX(-5px);transform:scaleX(0) translateX(-5px);-webkit-transform-origin:0 0;transform-origin:0 0}}
@keyframes open-out-2{0%{-moz-transform:scaleX(1) translateX(0);-ms-transform:scaleX(1) translateX(0);-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}35%{-moz-transform:scaleX(0.9) translateX(5px);-ms-transform:scaleX(0.9) translateX(5px);-webkit-transform:scaleX(0.9) translateX(5px);transform:scaleX(0.9) translateX(5px);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{-moz-transform:scaleX(0) translateX(-5px);-ms-transform:scaleX(0) translateX(-5px);-webkit-transform:scaleX(0) translateX(-5px);transform:scaleX(0) translateX(-5px);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}}
.nav-main.is-opened .nav-toggle .open
.line{-moz-animation:open-out-1 0.4s linear 0s 1 normal forwards;-webkit-animation:open-out-1 0.4s linear 0s 1 normal forwards;animation:open-out-1 0.4s linear 0s 1 normal forwards;-moz-transform:scaleX(1) translateX(0);-ms-transform:scaleX(1) translateX(0);-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0)}.nav-main.is-opened .nav-toggle .open .line:nth-child(1){-moz-animation-delay:0.16s;-webkit-animation-delay:0.16s;animation-delay:0.16s}.nav-main.is-opened .nav-toggle .open .line:nth-child(2){-moz-animation-delay:0.08s;-webkit-animation-delay:0.08s;animation-delay:0.08s;-moz-animation-name:open-out-2;-webkit-animation-name:open-out-2;animation-name:open-out-2}.nav-main.is-opened .nav-toggle .open .line:nth-child(3){-moz-animation-delay:0s;-webkit-animation-delay:0s;animation-delay:0s;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-moz-keyframes close-in-1{0%{-moz-transform:scaleY(0) translateY(-10px);transform:scaleY(0) translateY(-10px);-moz-transform-origin:0 0;transform-origin:0 0}100%{-moz-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-moz-transform-origin:0 0;transform-origin:0 0}}
@-webkit-keyframes close-in-1{0%{-webkit-transform:scaleY(0) translateY(-10px);transform:scaleY(0) translateY(-10px);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-webkit-transform-origin:0 0;transform-origin:0 0}}
@keyframes close-in-1{0%{-moz-transform:scaleY(0) translateY(-10px);-ms-transform:scaleY(0) translateY(-10px);-webkit-transform:scaleY(0) translateY(-10px);transform:scaleY(0) translateY(-10px);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{-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 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}}
@-moz-keyframes close-in-2{0%{-moz-transform:scaleX(0) translateX(-10px);transform:scaleX(0) translateX(-10px);-moz-transform-origin:0 0;transform-origin:0 0}100%{-moz-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:0 0;transform-origin:0 0}}
@-webkit-keyframes close-in-2{0%{-webkit-transform:scaleX(0) translateX(-10px);transform:scaleX(0) translateX(-10px);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:0 0;transform-origin:0 0}}
@keyframes close-in-2{0%{-moz-transform:scaleX(0) translateX(-10px);-ms-transform:scaleX(0) translateX(-10px);-webkit-transform:scaleX(0) translateX(-10px);transform:scaleX(0) translateX(-10px);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}100%{-moz-transform:scaleX(1) translateX(0);-ms-transform:scaleX(1) translateX(0);-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}}
.nav-main.is-opened .nav-toggle .close .line:nth-child(1){-moz-animation:close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;-webkit-animation:close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;animation:close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;-moz-transform:scaleY(0);-ms-transform:scaleY(0);-webkit-transform:scaleY(0);transform:scaleY(0)}.nav-main.is-opened .nav-toggle .close .line:nth-child(2){-moz-animation:close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;-webkit-animation:close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;animation:close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;-moz-transform:scaleX(0);-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0)}.nav-main.is-opened .nav-container{display:block}.nav-head{position:fixed;top:40px;right:20px;font:700 20px/1 "Montserrat", sans-serif;-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
.nav-head .menu{margin:0;padding:0;list-style:none}
.nav-head .menu li{list-style-image:none;list-style-type:none;margin-left:0}
.nav-head .menu .menu-item{display:inline-block;margin:0;padding:0;vertical-align:middle}
.nav-head .menu .menu-item+.menu-item{margin-left:180px}
.nav-head a{display:block;padding:0
0 0 18px;position:relative;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;-webkit-transition:color 0.2s linear;transition:color 0.2s linear}
.nav-head a:before{display:block;position:absolute;top:10px;right:auto;bottom:auto;left:0;width:13px;height:2px;background:#010101;content:'';-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;-webkit-transition:background 0.2s linear;transition:background 0.2s linear}
.nav-head a:after{display:none}
.nav-head a:hover{color:#a5a5a5}
.nav-head a:hover:before{background:#a5a5a5}
.page-container{padding:0px 0 0 ;}


@media only screen and (max-width: 1660px){
body{padding-left:67px;font-size:16px}.horizontal-wrapper{padding:0
30px;max-width:1084px}.title-xl, .rte
h2{font-size:56px}.btn-text{padding-left:12px;font-size:12px}.btn-text:before,.btn-text:after{width:3px}.mlines{width:45px;height:60px}.mlines
.line{width:4px}.mlines .line:nth-child(2){left:33px}.global-loader .lines-container,
.page-loader .lines-container{margin:-30px 0 0 -22px;width:45px;height:60px}.global-loader .lines,
.page-loader
.lines{width:45px;height:60px}.global-loader .lines .line,
.page-loader .lines
.line{width:4px}.global-loader .lines .line:before,
.page-loader .lines .line:before{top:-60px}.global-loader .lines .line:nth-child(2),
.page-loader .lines .line:nth-child(2){left:32px}.site-head .site-title{top:30px;left:120px}.site-head .site-title .animation-container{width:110px;height:46px}
.site-head .svg-logo{width:110px;height:46px}
.nav-main .nav-toggle{width:67px}.nav-main .nav-toggle
.open{padding:35px
22px;width:66px}.nav-main .nav-toggle .open
.lines{width:22px;height:16px}.nav-main .nav-toggle
.close{padding:32px
22px;width:66px}.nav-main .nav-toggle .close
.lines{width:22px;height:22px}.nav-main .nav-inner{padding-left:67px;width:600px}.nav-main
.menu{padding-right:20px;font-size:22px}.nav-main .menu a:after{height:2px}.nav-main .social-links{left:117px;font-size:12px}.nav-head{top:15px;font-size:16px}.nav-head .menu .menu-item+.menu-item{margin-left:100px}
.nav-head a{padding-left:15px}.nav-head a:before{top:8px;width:10px}
}
@media only screen and (max-height: 700px){
.nav-main .menu-container{padding-bottom:70px}
}
@media only screen and (max-width: 1260px){
.horizontal-wrapper{max-width:940px}
.title-xl, .rte h2{font-size:46px}
.mlines{width:39px;height:52px}
.mlines .line{width:4px}
.mlines .line:nth-child(2){left:28px}
.global-loader .lines-container,.page-loader .lines-container{margin:-26px 0 0 -20px;width:39px;height:52px}
.global-loader .lines, .page-loader .lines{width:39px;height:52px}
.global-loader .lines .line,.page-loader .lines .line{width:4px}
.global-loader .lines .line:before, .page-loader .lines .line:before{top:-52px}
.global-loader .lines .line:nth-child(2), .page-loader .lines .line:nth-child(2){left:28px}
.site-head .site-title{left:110px}
.site-head .site-title .animation-container{width:95px;height:40px}
.site-head .svg-logo{width:95px;height:40px}
.nav-main .nav-inner{width:520px}
.nav-main .menu{padding-right:10px;padding-left:42px;font-size:20px}
.nav-main .menu .menu-item{padding:10px 0}
.nav-main .menu .menu-item-eshop{bottom:-70px;left:42px}
.nav-main .social-links{bottom:20px;left:110px}
.nav-head{right:8px}.nav-head .menu .menu-item+.menu-item{margin-left:80px}
.page-container{padding-top:0px}
}
@media only screen and (max-width: 992px){
body{padding-left:51px}.title-xl, .rte
h2{font-size:36px}.title-lg, .rte
h3{font-size:28px}.site-head .site-title{left:90px}
.nav-main .nav-toggle{width:51px}.nav-main .nav-toggle
.open{padding:17px 14px;width:50px;height:50px}
.nav-main .nav-toggle.close{padding:14px;width:50px;height:50px}
.nav-main .nav-inner{padding-left:51px;width:549px}
.nav-main .social-links{left:90px}
.nav-main .menu-container{padding-bottom:0}
.nav-head{font-size:14px}.nav-head a{padding-left:12px}
.nav-head a:before{top:6px;width:8px}
.page-container{padding-top:0px}
}
@media only screen and (max-width: 767px){
body{padding-left:0}
.horizontal-wrapper{padding:0 20px}
.mlines{width:33px;height:44px}
.mlines .line{width:3px}
.mlines .line:nth-child(2){left:24px}
.title-xl, .rte h2{font-size:30px}
.title-lg, .rte h3{font-size:26px}
.rte blockquote{font-size:1.1em}
.global-loader .lines-container,.page-loader .lines-container{margin:-22px 0 0 -16px;width:33px;height:44px}
.global-loader .lines, .page-loader .lines{width:33px;height:44px}
.global-loader .lines .line,
.page-loader .lines
.line{width:3px}.global-loader .lines .line:before,
.page-loader .lines .line:before{top:-44px}.global-loader .lines .line:nth-child(2),
.page-loader .lines .line:nth-child(2){left:24px}.site-head .site-title{margin:0
0 0 -127px;top:15px;left:35%}.site-head .site-title .animation-container{width:70px;height:29px}.site-head .svg-logo{width:80px;height:29px}
.nav-main .nav-toggle{top:13px;width:50px;height:50px;border:0;-moz-transition:top 0.1s ease;-o-transition:top 0.1s ease;-webkit-transition:top 0.1s ease;transition:top 0.1s ease}
.nav-main .nav-toggle .open, .nav-main .nav-toggle .close{margin:0;top:0}
.nav-main .nav-inner{padding-left:0;width:100%}
.nav-main .menu{padding-right:10px;padding-left:15px;font-size:16px}
.nav-main .menu .menu-item:nth-child(1n){padding:5px}
.nav-main .menu .menu-item-eshop{bottom:-70px;left:15px}
.nav-main .menu .menu-info{margin-top:0;font-size:12px}
.nav-main .social-links{bottom:15px;left:20px;}
.nav-main .social-links .title, .nav-main .social-links.links{margin:0 auto;padding:0 0px;max-width:360px}
.nav-main .social-links .links{margin-top:5px}
.nav-head{top:10px;right:3px}
.nav-head .menu .menu-item+.menu-item{display:none}
.page-container{padding-top:0px}
}

@media only screen and (max-width: 481px){
body{padding-left:0}
.horizontal-wrapper{padding:0 20px}
.mlines{width:33px;height:44px}
.mlines .line{width:3px}
.mlines .line:nth-child(2){left:24px}
.title-xl, .rte h2{font-size:30px}
.title-lg, .rte h3{font-size:26px}
.rte blockquote{font-size:1.1em}
.global-loader .lines-container,.page-loader .lines-container{margin:-22px 0 0 -16px;width:33px;height:44px}
.global-loader .lines, .page-loader .lines{width:33px;height:44px}
.global-loader .lines .line,
.page-loader .lines
.line{width:3px}.global-loader .lines .line:before,
.page-loader .lines .line:before{top:-44px}.global-loader .lines .line:nth-child(2),
.page-loader .lines .line:nth-child(2){left:24px}.site-head .site-title{margin:0
0 0 -127px;top:15px;left:55%}.site-head .site-title .animation-container{width:70px;height:29px}.site-head .svg-logo{width:80px;height:29px}
.nav-main .nav-toggle{top:13px;width:50px;height:50px;border:0;-moz-transition:top 0.1s ease;-o-transition:top 0.1s ease;-webkit-transition:top 0.1s ease;transition:top 0.1s ease}
.nav-main .nav-toggle .open, .nav-main .nav-toggle .close{margin:0;top:0}
.nav-main .nav-inner{padding-left:0;width:100%}
.nav-main .menu{padding-right:10px;padding-left:15px;font-size:16px}
.nav-main .menu .menu-item:nth-child(1n){padding:5px}
.nav-main .menu .menu-item-eshop{bottom:-70px;left:15px}
.nav-main .menu .menu-info{margin-top:0;font-size:12px}
.nav-main .social-links{bottom:15px;left:20px;}
.nav-main .social-links .title, .nav-main .social-links.links{margin:0 auto;padding:0 0px;max-width:360px}
.nav-main .social-links .links{margin-top:5px}
.nav-head{top:10px;right:3px}
.nav-head .menu .menu-item+.menu-item{display:none}
.page-container{padding-top:0px}
}


/*footer*/

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.dnwf{float:left;width:400px; margin:10px 0 0 0; padding:0; letter-spacing:0; font-size:12px;}
.dnLf{float:left;max-width:70%; margin:0; padding:0;}

/*-- GILEs --*/
.miDownR{float:left; width:25%; margin:0 0 0 5%; padding:0;text-align:right;}
.GileLink a {font-size: 12px; text-decoration: none;}
.GileLink a:hover {font-size: 12px; text-decoration: none;}

.title-x2{margin-bottom:0.6em;position:relative;left:-3px;font-size:26px; line-height:38px}
.rte{color:#555555; font-size:18px; line-height:32px}
.site-slo{width:100%; margin:0 0 20px 0; padding:0}
.site-slo img{max-width:80%;_width:expression(this.width > 80% ? "100%" : this.width);} 

.site-title img{width:103px; height:54px;_width:expression(this.width > 100% ? "100%" : this.width);}

}

/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.dnwf{float:left;width:350px; margin:10px 0 0 0; padding:0; letter-spacing:0; font-size:12px;}
.dnLf{float:left;max-width:70%; margin:0; padding:0;}

/*-- GILEs --*/
.miDownR{float:left; width:25%; margin:0 0 0 5%; padding:0;text-align:right;}
.GileLink a {font-size: 12px; text-decoration: none;}
.GileLink a:hover {font-size: 12px; text-decoration: none;}

.title-x2{margin-bottom:0.6em;position:relative;left:-3px;font-size:26px; line-height:38px}
.rte{color:#555555; font-size:18px; line-height:32px}

.site-slo{width:100%; margin:0 0 20px 0; padding:0;}
.site-slo img{max-width:90%;_width:expression(this.width > 90% ? "90%" : this.width);} 
.site-title img{width:135px; height:71px;_width:expression(this.width > 100% ? "100%" : this.width);}

}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.dnwf{float:left;width:400px; margin:10px 0 0 0; padding:0; letter-spacing:0; font-size:12px}
.dnLf{float:left;max-width:70%; margin:0; padding:0;}

/*-- GILEs --*/
.miDownR{float:left; width:25%; margin:0 0 0 5%; padding:0;text-align:right;}
.GileLink a {font-size: 12px; text-decoration: none;}
.GileLink a:hover {font-size: 12px; text-decoration: none;}

.title-x2{margin-bottom:0.6em;position:relative;left:-3px;font-size:36px; line-height:56px}
.rte{color:#555555; font-size:18px; line-height:32px}

.site-slo{width:100%; margin:0 0 20px 0; padding:0;}
.site-slo img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

.site-title img{width:135px; height:71px;_width:expression(this.width > 100% ? "100%" : this.width);}
}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.dnwf{float:left;width:400px; margin:10px 0 0 0; padding:0; letter-spacing:0; font-size:12px}
.dnLf{float:left;max-width:70%; margin:0; padding:0;}

/*-- GILEs --*/
.miDownR{float:left; width:25%; margin:0 0 0 5%; padding:0;text-align:right;}
.GileLink a {font-size: 12px; text-decoration: none;}
.GileLink a:hover {font-size: 12px; text-decoration: none;}

.title-x2{margin-bottom:0.6em;position:relative;left:-3px;font-size:36px; line-height:56px}
.rte{color:#555555; font-size:18px; line-height:32px}

.site-slo{width:100%; margin:0 0 20px 0; padding:0;}
.site-slo img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 

.site-title img{width:135px; height:71px;_width:expression(this.width > 100% ? "100%" : this.width);}

}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.dnwf{float:left;width:400px; margin:10px 0 0 0; padding:0; letter-spacing:0; font-size:12px}
.dnLf{float:left;max-width:70%; margin:0; padding:0;}

/*-- GILEs --*/
.miDownR{float:left; width:25%; margin:0 0 0 5%; padding:0;text-align:right;}
.GileLink a {font-size: 12px; text-decoration: none;}
.GileLink a:hover {font-size: 12px; text-decoration: none;}

.title-x2{margin-bottom:0.6em;position:relative;left:-3px;font-size:40px; line-height:56px}
.rte{color:#555555; font-size:18px; line-height:32px;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";}

.site-slo{width:100%; margin:0 0 20px 0; padding:0;}
.site-slo img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width)} 
.site-title img{width:135px; height:71px;_width:expression(this.width > 100% ? "100%" : this.width);}

}


.mf{ float:left;width:100%; height:400px;margin:0; padding:30% 65px 55px 65px; background-color:#cc9}
.clear{clear:both;}
img {border: 0px}
/*backtotop*/
/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.gile.backtotop{display:none;position:fixed;bottom:25px;right:25px;height:auto;width:50px;z-index:5;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:32px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:2px}


}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.gile.backtotop{display:none;position:fixed;bottom:25px;right:50px;height:auto;width:50px;z-index:5;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:32px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:2px}.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}.gile.backtotop a:hover{background-color:#4d5059;cursor:pointer}

}

/* 表格版面: 769px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 769px) {
.gile.backtotop{display:none;position:fixed;bottom:25px;right:50px;height:auto;width:50px;z-index:5;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:32px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:2px}.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}.gile.backtotop a:hover{background-color:#4d5059;cursor:pointer}

}  

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.gile.backtotop{display:none;position:fixed;bottom:25px;right:50px;height:auto;width:50px;z-index:5;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:32px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:2px}.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}.gile.backtotop a:hover{background-color:#4d5059;cursor:pointer}

.scroll__img:active,.scroll__img:focus{outline:0}
.scroll{position:absolute;bottom:0;z-index:999;left:50%;margin-left:-20px}.scroll--showroom{position:fixed}.scroll__img{position:relative;bottom:0;padding:0;display:block;width:30px;height:30px;-webkit-animation:scrollanimation 2s infinite;animation:scrollanimation 2s infinite;cursor:pointer}.scroll__img:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
}

/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.gile.backtotop{display:none;position:fixed;bottom:25px;right:50px;height:auto;width:50px;z-index:5;line-height:1;text-align:right;margin-top:-80px;margin-bottom:46px}.gile.backtotop.at-bottom{position:relative}.gile.backtotop a{display:inline-block;width:40px;height:32px;margin:0 20px;background-image: url(../images/gototoparrow.png);background-position:0;background-repeat:no-repeat;background-attachment:scroll;background-color:transparent;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out;background-color:rgba(33,37,48,0.4);border-radius:2px}.gile.backtotop a{background-attachment:scroll;background-color:transparent;background-color:rgba(33,37,48,0.4)}.gile.backtotop a:hover{background-color:#4d5059;cursor:pointer}

.scroll__img:active,.scroll__img:focus{outline:0}
.scroll{position:absolute;bottom:0;z-index:999;left:50%;margin-left:-20px}.scroll--showroom{position:fixed}.scroll__img{position:relative;bottom:0;padding:0;display:block;width:30px;height:30px;-webkit-animation:scrollanimation 2s infinite;animation:scrollanimation 2s infinite;cursor:pointer}.scroll__img:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
}

@-webkit-keyframes scrollanimation{0%,100%{bottom:50px}50%{bottom:40px}}