@charset "utf-8";

/* CSS Document */
body{position:relative;font-family: 'Open Sans','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{/* color:#777; */}
.indicator{display: none;position:absolute;top:0;right:0;left:0;bottom:0;background: linear-gradient(to right top,#333 50%,transparent 50%) no-repeat;background-size: 100% calc(100% - 99vh);z-index:9999;pointer-events:none;mix-blend-mode:darken;}
.indicator::after{content:'';position:fixed;top: 3px;bottom:0;right:0;left:0;background: #fff;z-index:1;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
.white{color: #fff}
.green{color: #94d500}
.red{color: #d50000}
.blue{color: #0056b3}
.btn-success{background:#94d500}
.btn-secondary{background: #333;border-color:#222;}
.btn-secondary:hover{background: #222}
.bg-gray{background: #cbd2d5;}
.bg-light-gray{background: #e5edef;}
/*按鈕*/
button:focus{outline:none}
.btn-style{cursor:pointer;position:relative;display:inline-block;z-index:1;min-width: 100px;margin-left: 15px;padding:.7rem 1rem .7rem 1.5rem;background:#93d500;border: none;}
.btn-style:before,.btn-style:after{content:'';position:absolute;z-index:-1;display:block;}
.btn-style:before{opacity: 0;left:0;top:0;width:2rem;height:100%;background:#000;}

.btn-style:after{left:100%;top:50%;width:1rem;height:1px;background:#93d500;-webkit-transition:all .8s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .8s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .8s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .8s cubic-bezier(0.165,0.84,0.44,1);transition:all .8s cubic-bezier(0.165,0.84,0.44,1)}
.btn-style .icon{position:absolute;z-index:-1;left:0;top:50%;margin-top:-15px;margin-left:-15px;width:30px;fill:#fff;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.btn-style .icon:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%}
.btn-style .icon img{max-width:30px}
.btn-style .icon .logo{display:none;position:absolute;z-index:1;left:0;top:0;max-width:30px;height:30px;animation-name:text2}
.btn-style:hover{margin-left: 2rem;padding-left:1rem;padding-right:1.5rem;}
.btn-style:hover:before{left:-2rem}
.btn-style:hover:after{left:-2rem;width:calc(100% + 3rem)}
.btn-style:hover .icon{left:100%}
.btn-style:hover .icon img{opacity:0}
.btn-style:hover .icon .logo{display:block}
.white.btn-style:before{background:#fff}
.btn-style.style2{background:transparent;color:#fff;border:none}
.btn-style.style2:hover:before{width:2rem}
.btn-style.black,.btn-style.style2.black{color:#333}
/* 回頂端 */
#goTop{display: block;background: #333}
#goTop:hover{}
/*麵包屑*/
.breadcrumb{background:transparent;margin-bottom:0;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:end;justify-content:flex-end}
.breadcrumb *{display: inline-block;margin-bottom: 0;font-size:.9rem;line-height: inherit;}
/*頁碼*/
.pagination{-ms-flex-pack: center;justify-content: center}
.pagination li{}
.page-link{border:none;color: #333;}
.page-link.on{color:#93d500}
/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
@media screen and (max-width: 640px) {
    #goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}

/*RWD編輯器表格(X捲軸)*/
table tr>*{width: auto!important;height: auto!important;min-width:100px;padding: 5px!important;border: 1px solid #ccc!important;white-space:inherit;}
table{width: 100%!important;margin-left: 0!important;margin-right: 0!important;}
table th{background: #e2e2e2!important;}
table tr td{background: #f7f7f7;}
table tr:nth-child(even) td{background: #d9d9d9;}
table tr p{margin-bottom:0}
table tr p+p{margin-top:0.5rem}
@media screen and (max-width: 768px) {
    .table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}
/*標題*/
.inset-title{margin-bottom: 1rem;font-weight: 700;font-family: 'Montserrat', sans-serif;}
.inset-title i{margin-right: 1rem;color: #ffffff;font-size: 2.4rem;}
.mj-title{position: relative;z-index: 1;margin-bottom: 3rem;font-family: 'Montserrat', sans-serif;}
.mj-title .backdrop{line-height:1;top:-20%;position:absolute;width: 100%;text-transform:uppercase;z-index:-1;font-weight: 700;font-size:5rem;color:#efefef;}
.mj-title .mj{font-size:2rem;font-weight: 700;}
.mj-title .sub{color:#94d500;text-transform:uppercase;font-size:14px;font-weight:700;width: 50px;}
.mj-title .sub svg{width:30px;height:auto;animation-name: text3;}
.mj-title.text-center .backdrop{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.mj-title2{margin-top: 1rem;margin-bottom: 1rem;font-size: 2rem;font-weight: 700;font-family: 'Montserrat', sans-serif;}
.mj-title2:after{content:'';display:block;width:40px;height: 3px;margin-top:1rem;background:#333;}
.sub-title{}
.copywriting a{text-decoration: underline;}
/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper {padding: 0 0 2rem;}
.container{max-width:1440px}
/*選單*/
.logo{animation-play-state:play;animation-fill-mode:forwards;-webkit-fill:transparent;fill: transparent;text-anchor:middle;stroke-dasharray:800px;stroke-dashoffset:0;animation-name:text;animation-duration:5s;animation-iteration-count:1;stroke: #ffffff;stroke-width:.5;}
.fixed-top.fixed .logo{animation-name:text3;stroke: #333;}
@keyframes text{
    from{stroke-dashoffset:800;  }
    to{stroke-dashoffset:0;-webkit-fill:#fff;fill:#fff;stroke-width: 0;}
}
@keyframes text2{
    from{stroke-dashoffset:800;  }
    to{stroke-dashoffset:0;-webkit-fill:#ddff90;fill:#ddff90;stroke-width: 0;}
}
@keyframes text3{
    from{stroke-dashoffset:8-webkit-fill:transparent;00;  }
    to{stroke-dashoffset:0;-webkit-fill:#000;fill:#000;stroke-width: 0;}
}
.navbar .container{position:relative}
.navbar-brand .big{display:block}
.navbar-brand .small{display:none}
.fixed .navbar-brand .big{display:none}
.fixed .navbar-brand .small{display:block}
.fixed .header-top{display:none}
.header-top{position:relative;z-index:99;padding: .3rem 0;background: rgba(0, 0, 0, .5);font-size: .8rem;font-family: 'Montserrat', sans-serif;}
.headerTop-bar{list-style:none;margin:0;padding:0;text-align:right}
.headerTop-bar li{display:inline-block;/* padding: 0; */}
.headerTop-bar a{display: block;padding: 0 1rem;color: #fff;}
.dropdown-menu{pointer-events:none;z-index:-1;display:block;opacity:0;left:50%;min-width:200px;-ms-transform: translate(-50%,-30px);-webkit-transform: translate(-50%,-30px);transform: translate(-50%,-30px);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border:none;border-radius:0;background: rgba(255, 255, 255, 0.95);}
.dropdown-menu.show{pointer-events:auto;opacity:1;margin-top: 7px;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);box-shadow: 0 2px 5px rgba(0, 0, 0, .3);}
.dropdown.fill{position:static}
.sub-menu{list-style:none;margin:0;padding: 0;}
.sub-menu li{display:inline-block;vertical-align:top;padding: 0 1rem;}
.sub-menu a{display:inline-block;padding: .5rem 1rem;}
.sub-menu p{margin-bottom:0;margin-left:1rem;padding-left:1rem;border-left:solid 1px #000}
.sub-menu .sub-tt{padding: .5rem 0;font-weight: 700;}
.fill .dropdown-menu{width:100%;max-height: 500px;overflow: hidden;overflow-y: scroll;padding-left: 1rem;padding-right: 1rem;}
.fixed-top.fixed{box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.fixed-top:not(.fixed) .navbar-nav .nav-link{color:#fff}
.fixed-top.fixed .navbar{background:#fff}
.navbar-nav .nav-link{font-family: 'Montserrat', sans-serif}
.navbar-nav .nav-link.active{position: relative;z-index: 1;/* color:#94d500; */}
.navbar-nav .nav-link.active:before{content:'';position:absolute;z-index: -1;left: .5rem;right:.5rem;bottom: 5px;height: 2px;background:#94d500;}
.navbar-nav .dropdown-toggle.nav-link.active:before{right: 1.5rem;}
.searchBox{position: relative}
.searchBox button{cursor: pointer;padding: .5rem 1rem;background: transparent;border:none;color: #fff;}
.searchBox .inputBox{position: absolute;right: 0;top: 100%;width: 260px;display: none;padding: .2rem 0 .2rem .5rem;background: rgba(51, 51, 51, 0.8);-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.searchBox .inputBox:hover{background: #333;}
.searchBox .inputBox button:hover{font-weight:700}
/*網站地圖*/
.menu-btn{display:inline-block;width:50px;height:60px;margin-left:1rem;padding:0;background:transparent;border:inherit;cursor:pointer}
.menu-btn span{position:relative;display:block;width:100%;height:50%}
.menu-btn span:before,.menu-btn span:after{content:'';opacity:1;position:absolute;width:4px;height:4px;border-radius:4px;background:#93d500;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.menu-btn .t:before,.menu-btn .t:after{top:50%}
.menu-btn .t:before{left:10px}
.menu-btn .t:after{right:10px}
.menu-btn .b:before,.menu-btn .b:after{bottom:50%}
.menu-btn .b:before{left:10px}
.menu-btn .b:after{right:10px}
.menu-btn:hover .t:before,.menu-btn:hover .b:before,.menu-btn:hover .t:after,.menu-btn:hover .b:after{width:10px;height:2px}
.menu-btn.on span{-ms-transform:translate(-12px,0);-webkit-transform:translate(-12px,0);transform:translate(-12px,0)}
.menu-btn.on .t:before,.menu-btn.on .b:before{left:50%;bottom:inherit;top:50%;width:30px;height:2px;-ms-transform:rotate(45deg) translate(6px,0);-webkit-transform:rotate(45deg) translate(6px,0);transform:rotate(45deg) translate(6px,0)}
.menu-btn.on .b:before{-ms-transform:rotate(-45deg) translate(6px,0);-webkit-transform:rotate(-45deg) translate(6px,0);transform:rotate(-45deg) translate(6px,0)}
.menu-btn.on span:after{opacity:0}
.sitemap{pointer-events: none;opacity:0;z-index:99;position:fixed;left:0;right:0;top:0;bottom:100%;overflow:hidden;overflow-y:scroll;-moz-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1);}
.sitemap.on{pointer-events: auto;background:rgba(24,24,24,0.95);opacity:1;bottom:0;}
.sitemap .container{position:relative}
.sitemap a{position:relative;display:block;color:rgba(255,255,255,.6);padding:.2rem .5rem}
.sitemap .menu-btn{position:absolute;z-index:99;right:1rem;top:2.5rem}
.sitemap .menu-btn.on{position:sticky;left:100%;margin-left:-70px}
.fixed-top.fixed .sitemap .menu-btn{top:.5rem}
.menu-group{padding:5rem 1rem;clear:both;overflow:hidden}
.menu-group .list{padding:1rem}
.menu-group .list.flex-fill{width:100%}
.menu-group .flex-fill .map-menu li{display:inline-block;vertical-align:top}
.menu-group .sub-menu p{position:relative;border-left:none}
.menu-group .sub-menu p:before{content:'-';opacity:.5;position:absolute;left:0;top:.1rem;color:#fff}
.menu-group ul{list-style:none;margin:0 0 0 1rem;padding-left:1rem;border-left:solid 1px rgba(255,255,255,0.5)}
.sitemap .unit,.map-menu .sub-tt{font-weight:700}
.sitemap .unit{color:#fff;font-family:'Montserrat',sans-serif}
.sitemap a:hover{color: #93d500;}
.sitemap .mask-bg{display:none}
.sitemap.on .mask-bg{display:block}
.sitemap .searchBox{position:absolute;z-index:1;top:2.5rem;right:4rem;width:50px;height:60px}
.sitemap .searchBox > button{font-size:1.8rem;font-weight:100;color:#93d500}
.sitemap .searchBox > button:hover{color:#fff}
.fixed-top.fixed .sitemap .searchBox{top:.5rem}
/*banner*/
.banner{background:#333}
.banner .item{position:relative;overflow: hidden;}
.banner .item h4{margin:0;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#fff}
.banner figure,.slide-image{height:100%}
.banner video{width:150vw}
.slide-image{background-size:cover;background-position: center;}
.banner .owl-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}
.bn-slogan{color:#fff;line-height:1.2}
.bn-slogan h3{font-size:2.4rem;font-weight:700;margin-bottom: 1rem;font-family: 'Montserrat', sans-serif;}
.bn-slogan p{font-size:1.2rem;padding-left: 0;}
.slick-dotted.slick-slider{margin-bottom:0}
.slick-dots{bottom: 0}
.slick-dots li{width:2rem;height:2px;border-radius:2px;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.slick-dots li button,.slick-dots li button:before{width: 100%;height: 100%;}
.slick-dots li button{padding:1rem}
.slick-dots li button:before{content:'';background: #fff;}
.slick-dots li.slick-active{width:5rem}
.pg-banner{height: 18vw;background-repeat:no-repeat;background-size: cover;background-position: center top;}
/*首頁*/
.ix-area1{padding-top:2rem;padding-bottom:2rem;background:#333}
.ix-area1 .item,.ix-area1 a{color:#fff}
.ix-area1 .item{width:100%;padding:1.5rem}
.ix-area1 .item-news{background:linear-gradient(135deg,rgba(58,58,58,0.9),#3c3c3c8c),url(../images/ix/news-bg.jpg)no-repeat center/cover;color:#fff}
.ix-area1 .item-download{background:linear-gradient(135deg,rgba(58,58,58,0.9),#3c3c3c8c),url(../images/ix/download-bg.jpg)no-repeat center/cover;color:#fff}
.ix-area1 .item-local{border:solid 1px #94d500}
.ix-area1 .item p{max-width:500px;color:rgba(255,255,255,0.6)}
.ix-area1 .item-local .inset-title i{color:#94d500}
.ix-area1 .infor-box{font-size: .9rem;}
.ix-area1 .infor-box h4{float:left;display:inline-block;padding:.2rem .4rem;background:#000;color:#fff;font-size:1rem;font-weight: 700;}
.ix-area1 .infor-box ul{overflow:hidden;}
.ix-news{list-style:none}
.ix-news li a{color:rgba(255,255,255,.6)}
.ix-news a{display:block;padding:0 1rem .5rem;color:#fff}
.ix-news h4{position:relative;font-size:1.2rem;font-weight:700;font-family: 'Montserrat', sans-serif;}
.ix-news h4 span{display:inline-block;vertical-align:bottom}
.ix-news h4 .tt{width:calc(100% - 100px);color:#fff;}
.ix-news h4 .date{width:100px;font-size:.8rem;text-align:right}
.ix-news h4:before,.ix-news h4:after{content:'';position:absolute;background:#fff;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.ix-news h4:before{opacity:.5;right:100%;top:.7rem;margin-right:1rem;width:2.5rem;height:1px;font-weight:700}
.ix-news h4:after{left:-3.5rem;top:.6rem;width:5px;height:5px;border-radius:100%}
.ix-news li:hover h4:after{left:-1rem;background:#94d500}
.ix-news li:hover small{color:#94d500}
.ix-pd{position:relative;clear:both;overflow:hidden}
.ix-pd:before{content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:30%;background:#222}
.grid{position:relative;margin:0 -.5rem;padding:0;list-style:none;text-align:center;clear:both;overflow:hidden;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.grid figure{position:relative;/* float:left; */overflow:hidden;margin:0 .5rem 1rem;width:calc(33.33% - 1rem);background:#333;text-align:center;cursor:pointer;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.grid figure:hover{transform:scale(.98)}
.grid figure img{position:relative;display:block;min-height: auto;max-width:100%;opacity:.8;-webkit-transition:all 1s cubic-bezier(0.55,0.09,0.68,0.53);-moz-transition:all 1s cubic-bezier(0.55,0.09,0.68,0.53);-o-transition:all 1s cubic-bezier(0.55,0.09,0.68,0.53);-ms-transition:all 1s cubic-bezier(0.55,0.09,0.68,0.53);transition:all 1s cubic-bezier(0.55,0.09,0.68,0.53);}
.grid figure:hover img{transform:scale(1.1);opacity:.3}
.grid figure figcaption{padding:2em;color:#fff;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
.effect-marley figcaption{text-align:right}
.effect-marley img + .p3-default{display: none}
.effect-marley h2,.effect-marley p{position:absolute;right:30px;left:30px;padding:1rem 0}
.effect-marley p{bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.effect-marley h2{top:50%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);text-align:center;font-weight:700;font-size:1.4rem;font-family: 'Montserrat', sans-serif;}
.effect-marley h2::after{position:absolute;top:100%;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
.effect-marley h2::after,.effect-marley p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;text-align:center;font-size:1.4rem}
.effect-marley .btn-style.style2{position:absolute;right:0;bottom:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
/*footer*/
footer{background: #222;color:#fff;padding: 3rem 0;text-align:center;}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer ul li{display:inline-block;padding:0 20px}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.copyright{    font-family: 'Montserrat', sans-serif;font-weight:700}
.call-center{position: absolute;z-index: 10;right:0;bottom: 130px;list-style: none;margin: 0;padding: 0;font-family: 'Montserrat', sans-serif;}
.call-center li{}
.call-center .item{display: block;width: 87px;height: 87px;padding: 1rem 0;background: #222;color: #fff;text-align: center;font-size: .8rem;cursor: pointer;border: none;}
.call-center i{display: block;font-size: 2rem;}
.call-center .item:hover{background:#000;color: #93d500;text-decoration:none}
/*側選單*/
aside .navbar-toggle{width: calc(100% + 30px);border:none;margin:0 -15px;padding: 1rem 1.5rem;cursor: pointer;background: #222;color: #fff;text-align: right;}
aside .accordion .card{background:transparent}
aside .card.unit:not(.black) .card-header{background:rgba(255,255,255,.3);height:4rem;line-height:4rem;color:#fff;}
aside .card.unit:not(.black){display:none}
aside .card.unit.black{background: #ebedf1;/* color: #fff; */box-shadow: 0 3px 5px rgba(51, 51, 51, 0.5);}
.card.unit .card-header{padding: 0 1.25rem;font-size:1.4rem;font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
.card.unit.black .card-header{font-size:1rem;padding-top: 1rem;padding-bottom: 1rem;}
aside .card-header{padding:0}
aside .btn-link{position:relative;display:block;width:100%;padding:1rem 3rem 1rem 1.25rem;text-align:left;color:#333}
aside .btn-link i{position:absolute;right:.8rem;top: 50%;width:30px;text-align:center;-ms-transform: rotate(-180deg) translate(0,50%);-webkit-transform: rotate(-180deg) translate(0,50%);transform: rotate(-180deg) translate(0,50%);}
aside .collapsed.btn-link i{-ms-transform: rotate(0) translate(0,-50%);-webkit-transform: rotate(0) translate(0,-50%);transform: rotate(0) translate(0,-50%);}
aside .card-body p{margin-bottom:0}
aside .card-body a{position:relative;display:block;padding:.5rem 2rem .5rem 0}
aside .card-body a:after{content:'\f105';position:absolute;right:0;opacity:0;font-family:"Font Awesome 5 Free";font-weight:900}
aside .card-body .on:after{opacity:1}
aside .btn-link:hover{color:inherit}
/*產品底層*/
.chang-img-tabs .product-img .img-focus{text-align:center;position:relative;border:1px #ddd solid}
.chang-img-tabs .product-img .img-thumb{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.chang-img-tabs .product-img .img-thumb li{-ms-flex:1 1 auto;flex:1 1 auto;padding:.3rem}
.chang-img-tabs .img-focus #main{max-height:100%;max-width:100%}
.video-group{list-style:none;margin: 30px -15px 0;padding:0;}
.videoArea{position:relative;z-index:1;margin-bottom: 30px;}
.videoArea .videoBox{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.videoArea .popup-youtube:before{content:'';display:block;position:absolute;z-index:0;left:15px;right:15px;top:0;height:100%;background:#000;opacity:.5}
.videoArea a:hover{text-decoration:none}
.videoTit i{position:absolute;z-index:2;transform:translate(-50%,-50%);left:50%;top:50%;color:#fff;width:80px;height:80px;line-height:80px;font-size:2rem;text-align:center;border-radius:100%;padding-left:5px;text-shadow:0 0 15px rgba(0,0,0,0.5)}
.videoTit{position:relative;z-index:1;text-align:center;color:#fff;font-size:2rem;font-weight:700}
.shadow01{position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.5;display:block;width:80px;height:80px;background:url(../images/all/logo-icon.svg) no-repeat center/cover;border-radius:50%;animation:pulse-border 1500ms ease-out infinite;transform-origin:center;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.shadow02{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:70px;height:70px;background:rgba(255,243,186,0.3);border-radius:50%;transition:all 200ms;box-shadow:0 0 20px #000}
.videoArea:hover .shadow01{opacity:1;-ms-transform:rotate(180deg) translate(50%,50%) scale(.8);-webkit-transform:rotate(180deg) translate(50%,50%) scale(.8);transform:rotate(180deg) translate(50%,50%) scale(.8)}
/*最新消息*/
.box-date-info .wrap { padding-bottom:3em; overflow:hidden; clear: both;overflow: hidden;}
.box-date-info .wrap:nth-child(2n+1){ clear:both; }
.box-date-info .flet { float:left; width:40%; text-align: center; }
.box-date-info .flet + .fler { margin-left:45%; }
.box-date-info .fler {}
.box-date-info .img img { margin-bottom:5px; max-width:100%;  max-height: 170px; }
.box-date-info .title {position: relative;/* font-size: 1.2rem; */margin:0 0 10px 0;padding-top:15px;border-top: 2px solid #333;font-size: 1.4rem;font-weight: 900;font-family: 'Montserrat', sans-serif;}
.box-date-info .title:before{content:'';position:absolute;top:-2px;right:0;width:0;height:2px;background: #aaa;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.box-date-info .info {font-size: .9rem;color:#999;}
.box-date-info .date {background:#f2f2f2;border:1px solid #f2f2f2;color: #999;margin-top: .5rem;padding: .1rem 1rem;text-align:center;border-radius:5px;font-size: .9rem;}
.box-date-info .date .fa { display:none; }
.box-date-info a { display:block; clear:both; overflow:hidden;  }
.box-date-info a:hover .img img { opacity:.8; }
 .box-date-info a:hover .title { color:#d4000f; }
.box-date-info a:hover .info { color:#000; }
.box-date-info a:hover .date { background:#333; color:#fff; }
.box-date-info a:hover .title:before{left:0;width:100%}
.page-title{border-bottom: solid 2px #333;margin-bottom: 1rem;}
.page-title .mj{font-size: 2rem;font-weight: 900;font-family: 'Montserrat', sans-serif;}
.page-title .date{margin-bottom: .5rem}
/*應用案例*/
.no-click-open .item{position:relative;padding:5px 0 0;margin:10px 0 10px 44px;border-radius:5px;background:#f7f5f5;border-bottom:1px solid #d9d7d7}
.no-click-open .item a.question{display:block;font-size:.9375rem;color:#444;padding: .5rem 2.5rem .5rem 1rem;font-size: 1.2rem;transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;position:relative;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.no-click-open .item a .color{width:50px;height:100%;position:absolute;top:0;right:0;border-top-right-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px}
.no-click-open .answer{background:#ededed;padding: 1rem .5rem;display:none;border-top:1px solid #d9d7d7;}
.no-click-open .answer .list+.list{border-top:solid 1px #ccc;margin-top:1rem;padding-top:1rem}
.no-click-open .answer .img img{width: 350px;}
.no-click-open .item .item-mark{position:absolute;width:44px;height:44px;line-height:44px;font-size: 1.4rem;font-weight:700;color:#fff;background:#333;border-radius:100%;text-align:center;top:0;left:-44px;transition:color .5s linear;-ms-transition:color .5s linear;-moz-transition:color .5s linear;-webkit-transition:color .5s linear;box-shadow:1px 1px 1px #000;font-family: 'Montserrat', sans-serif;}
.no-click-open .item.open .item-mark{color:#fff}
.no-click-open .item .item-mark:after{content:'';display:block;position:absolute;width:0;height:0;border-top:5px solid transparent;border-left:10px solid #333;border-bottom:5px solid transparent;top:17px;left:42px;transform-origin:-20px center;-ms-transform-origin:-20px center;-moz-transform-origin:-20px center;-webkit-transform-origin:-20px center;transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
.no-click-open .item.open .item-mark:after{transform:rotate(60deg);-ms-transform:rotate(60deg);-moz-transform:rotate(60deg);-webkit-transform:rotate(60deg)}
.no-click-open i{position: absolute;right: .5rem;top: .7rem;width: 30px;line-height:26px;color:#333;text-align: center;}
.no-click-open .fa-minus{display:none}
.no-click-open .item.open .fa-plus{display:none}
.no-click-open .item.open .fa-minus{display:block}
.no-click-open .hvr-underline-from-center{display:block}
.no-click-open .hvr-underline-from-center:before{content:'';position:absolute;width:0;right:0;bottom:0;background:#93d500;height:2px;transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
.no-click-open .hvr-underline-from-center:hover .fa-plus{color:#93d500}
.no-click-open .item:hover .hvr-underline-from-center:before{left:0;width:100%}
/*技術支援*/
.landscape-nav{list-style:none;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-top: solid 1px #333;}
.landscape-nav li{display:-ms-flexbox;display:flex;flex:1 1 auto}
.landscape-nav button{cursor:pointer;width:100%;display:block;padding:1rem .5rem;border:solid 1px #333;border-left:none;border-top: none;background:#f7f7f7;}
.landscape-nav button:hover{background: #e4e6e9;}
.landscape-nav button.on{background:#333;color:#fff;border:none;}
.download-box{list-style:none;margin:1rem 0 0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.download-box .item{position:relative;display:-ms-flexbox;display:flex;width:50%;margin-bottom:1rem;padding-bottom:1rem;border-bottom:solid 1px #eee}
.download-box .item a{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.download-box .item:before{content:'';position:absolute;z-index:-1;top:0;bottom: 1rem;right:0;width:0;background: #f7f7f7;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);}
.download-box .item h4{width:calc(100% - 100px);margin-bottom:0;padding:1rem;font-size:1rem;font-weight:700;}
.download-box .item .tag{width:100px;padding:1rem;background: #e4e6e9;}
.download-box .tag strong{display:block;text-align:center}
.download-box .item:hover:before{left:0;width:100%}
.download-box .item:hover .tag{background:#93d500;color:#fff}
.download-search{background:#333}
.download-search .list{padding:1rem}
.local-area .item.europe{background:#646464}
.local-area .item.USA{background:#2d548b}
.local-area .item.china{background:#8fc9df}
.local-area .item.europe,.local-area .item.USA,
.local-area .item.europe a,.local-area .item.USA a{color:#fff}
.local-area .infor-box{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem;-ms-flex-line-pack:center;align-content:center;max-width: 450px;}
/*圖文*/
.page-content table { max-width:100%; }
.page-content a,.no-click-open a{color: #007bff;}
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 { max-width:100%; display:block; }
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.tx01 img {margin-bottom: 1em; }
.img-left,.img-left1 { float: left; padding-bottom: 1em; padding-right: 2em;max-width:50%;}
.img-right,.img-right1 { float: right; padding-bottom: 1em; padding-left: 2em;max-width:50%;}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img-left1 img, .img-right1 img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}

.bounce-area{display:none;position:fixed;z-index:99999;left:50%;top:50%;width:100%;height:100%;padding:2rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.bounce-area:before{content:'';z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:3px;box-shadow:0 10px 15px rgba(0,0,0,0.8)}
.bounce-area .inset{position:absolute;left:50%;top:50%;width:600px;max-width:100%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.bounce-area .btn-X{cursor:pointer;position:absolute;right:0;bottom:100%;width:45px;height:45px;margin-bottom:.5rem;padding:.5rem;border:solid 1px #333;background:rgba(255,255,255,0.8);text-align:center}
.bounce-area .btn-X:hover{background:#fff}
.form-box{list-style:none;margin:0;padding:0 1rem 1rem;background:#fff;max-height: 80vh;overflow-y: scroll;}
.form-box li{padding-top:1rem}
.bounce-area .btn{border-top-left-radius:0;border-top-right-radius:0}
.bounce-area .btn+.btn{float:right}
.form-box .mj-title{margin-bottom:0}
.card-outside{max-width:800px;margin:auto}
.form-area{opacity:.7;background:#fff;margin-bottom:1rem;padding:1rem;border-radius:1rem;-webkit-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1)}
.form-on.on .form-area,.form-on .form-area:hover{box-shadow:0 5px 20px #57646a;opacity:1}
.form-area .badge{margin-left:.5rem}
.card-outside .form-check{padding-top:.5rem;padding-bottom:.5rem}
.card-outside .form-check a,.card-outside .form-check button.btn{font-weight:700;text-decoration:underline;background: transparent;border: none;}
.form-check .form-check-label{margin-left:.5rem}
/*客製化*/
.wrapper.p5{overflow:hidden}
.process-list{list-style-type:none;margin:0 0 1rem;padding:0;}
.process-list .list p{margin-bottom:0;}
.process-list .list p:after{content:'\f107';position:absolute;left:100%;top: 50%;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 2rem;-ms-transform: translate(0,-50%) rotate(-90deg);-webkit-transform: translate(2rem,-50%) rotate(-90deg);transform: translate(2rem,-50%) rotate(-90deg);}
.process-list .list:last-child p:after{display:none}

.process-list .list{position:relative;z-index: 1;width: 180px;height: 180px;margin:0;padding:1rem;color: #0056b3;font-weight:700;display: flex;width: 165px;height: 165px;padding: 1rem;margin: 1rem 1rem 3rem;font-size: 100%;background: rgba(203, 210, 213, 0.3);border-radius: 100%;align-items: center;}
.process-list .number{opacity:.9;position:absolute;z-index: -1;color:#fff;font-weight:700;font-size: 6rem;right: 0;bottom: -20px;color: rgba(203, 210, 213, 0.78);color: #94d500;}

.process-list .list:before,.process-list .list:after{content:'';position:absolute;z-index: -2;}
.process-list .list:before{left: 50%;top:0;width: 150%;height: 150%;border-radius: 165px;border: solid 1px #94d500;}
.process-list .list:nth-child(odd):before{border-left:none;border-bottom:none;border-right:none;}
.process-list .list:nth-child(even):before{top:inherit;bottom:0;border-left:none;border-top:none;border-right:none;}
.process-list .list:after{left: 1rem;top: 0;width:100%;height:100%;border-radius:100%;box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);-webkit-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1);}
.process-list .list:hover:after{box-shadow:0 0 50px #94d500;-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);}


.p5_contact{padding-top: 2rem;padding-bottom: 2rem;}
.contact-infor{}
.contact-infor .card-style{border-left: solid 1px #899194;padding: 1rem 1rem 1rem 3rem;font-weight: 700;}
.contact-infor .card-style li{}
.custom_group{padding-left: 0;}
.custom_group .mj{margin-bottom:0;}
.custom_group .item{margin-left: .5rem;padding-left: 2rem;border-left: 1px solid #ced4da;}
.custom_group .item .btn{cursor: pointer;padding: 0;font-weight:700;text-decoration:underline;}
.custom-control-label{vertical-align: middle;}
/*關於我們*/
.txt-virtual-bg{position: relative;z-index: 1;}
.txt-virtual-bg:before{content: '';position: absolute;z-index: -1;right: 0;top: 0;width: 15%;height: 100%;background: #fff;}
.txt-virtual-bg.left:before{left:0;right: inherit;}
.summary{padding-left: 2rem;border-left: solid 6px #333333;}
@media (max-width: 990px) {
    .call-center{top:inherit;bottom:0}
    /*選單*/
    .navbar-brand{width: calc(100% - 150px);}
    .navbar-brand .logo{width: auto!important;height: auto!important;max-width:100%;max-height:100%!important}
    .menu-group{padding:0 0 2rem}
    /*網站地圖*/
    .menu-group .list{padding-left:0;padding-right:0}
    /*banner*/
    .banner .slide-image{height: 80vw}
    .banner .slide-image img{opacity:0}
    .bn-slogan{padding:1rem .5rem}
    .bn-slogan h3{font-size:1.4rem}
    .bn-slogan h3:after{width: 5rem}
    .bn-slogan p{font-size:1rem;padding-left: 3rem;}
    .pg-banner{height: 40vw;}
    /*首頁*/  
    .grid figure{width: calc(50% - 1rem);}
    .effect-marley h2{font-size:1.2rem;}
    /*側選單*/
    aside .accordion{margin-left:-15px;margin-right:-15px}
    .card-outside .col-12{padding-left:0;padding-right:0}
    
}
@media screen and (max-width: 767px) {
    .call-center .item{width:70px;height:70px;}
    .headerTop-bar a{padding: .5rem 1rem;}
    .sitemap .menu-btn.on{position:fixed;top: 1rem;}
    .sitemap .container{padding-top: 1rem;}
    .navbar .searchBox{display:none}
    .sitemap .searchBox,.searchBox .inputBox{position:static;width:100%;}
    .searchBox .inputBox{border-bottom: solid 1px #fff;}    
    /*首頁*/
    .ix-area1 .infor-box li{padding:.3rem 0}
    /*產品底層*/
    .chang-img-tabs .col-md-6{padding: 0;}
    /*最新消息*/
    .box-date-info .row { padding:0; }
    .box-date-info .col-sm-6 { padding-bottom:2em; }
    .box-date-info h3 { margin-top:.5em; }
    /*圖文*/
    .page-content iframe { height:400px; }
    /*技術支援*/
    .download-box .item{width:100%;display:-ms-block;display:block}
    .download-box .item .tag,.download-box .item h4{width:calc(100% - 70px);padding:.5rem}
    .download-box .item .tag{font-size:.9rem;width:70px;padding:.5rem}
    .bounce-area{bottom:0;top:0;padding:0;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%}
    .bounce-area .btn-X{bottom:inherit;top:0;margin:0}
    .form-box{padding-top:40px}
    /*客製化*/
    .process-list .list{/* width:180px; *//* height:180px */}
    
}
@media screen and (max-width: 640px) {
    footer{padding-bottom:10rem}
    /*標題*/
    .inset-title{font-size:1.4rem}
    .inset-title i{font-size:1.5rem}
    .mj-title{margin-bottom:1rem}
    .mj-title .mj{font-size:1.4rem}
    .mj-title .backdrop{font-size:3rem}
    
    /*首頁*/  
    .ix-area1 .container-fluid{padding:0}
    .ix-area1 .col-12{padding-left:0;padding-right:0}
    .effect-marley h2{font-size:1rem;}
    .grid figure img{opacity: 1;}
    /*側選單*/
    aside .navbar{padding:0}
    /*產品底層*/
    .effect-marley .btn-style.style2{display:none}
    .grid figure figcaption, .grid figure figcaption > a,
    .effect-marley h2, .effect-marley p{position:static;padding: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
    .grid figure img+figcaption{height:auto}

    .pg .grid figure{background:#fff;border: solid 1px #333;}
    .effect-marley h2{padding: .5rem;background: #333;border-top: solid 1px #333;}
    .grid figure p{display:none}
    /*圖文*/
    .page-content iframe { height:320px; }
    .img-left, .img-right{ float:inherit; padding-right: 0; padding-left: 0;}
    .img-left, .img-right{ display:block; width:100%; max-width:inherit; }
    /*應用案例 */
    .no-click-open .item{margin-left:0}
    .no-click-open .item .item-mark{display:none}
    .no-click-open .item a.question{padding-left:1rem;font-size: 1rem;}
    /*客製化*/
    .process-list .list{/* width: 50%; *//* height:auto; *//* min-height: 100px; */margin-bottom: 1rem;background: rgba(203, 210, 213, 0.5);/* border-right: .5rem solid #fff; *//* border-left: .5rem solid #fff; */}
    .process-list .number{left:0;top: -1rem;font-size: 3rem;}
}
@media screen and (max-width: 480px) { 
    /*最新消息*/
    .box-date-info .flet { float:inherit; width:100%; }
    .box-date-info .flet + .fler {width: 100%;}
    /*圖文*/
    .img-left,.img-right{ float:inherit; padding: 0 0 1em 0;}
    .page-content iframe { height:250px; }
    /*技術支援*/
    .landscape-nav{-ms-flex-wrap: wrap;flex-wrap: wrap;border-left: solid 1px #333;}
    /*客製化*/
    .process-list .list p:after{margin-top: -10vw;/* margin-left:2rem; */font-size: 20vw;margin-left:15vw;-ms-transform: translate(0,0);-webkit-transform: translate(0,0);transform: translate(0,0);}
    .process-list .list:last-child p:after{display:block;content:'\f058';-ms-transform: translate(-25%,0);-webkit-transform: translate(-25%,0);transform: translate(-25%,0);color:#b30200}
}
@media (min-width: 641px) {
    /*客製化*/
	.process-list{position:relative;background:transparent;/* max-width: 850px; */}
	.process-list:before{content:'';position:absolute;}
    .pattern-list li,.characteristic-list li{padding-left:3rem}
    .pattern-list li > i,.characteristic-list i{font-size:180%}
    .pattern-list .lead{font-size:1.6rem}

	.circle-link{display:block;position:absolute;left:50%;top:50%;opacity:.2;transform:translate(-50%,-50%);-webkit-filter:grayscale(1)}
	.circle-link img{opacity:0}
	.circle-link:before,.circle-link:after{content:"";width:100%;height:100%;display:block;position:absolute;top:4px;left:2px;-moz-border-radius:100% 99% 98% 97%;-webkit-border-radius:100% 99% 98% 97%;border-radius:100% 99% 98% 97%;z-index:-1;background:url(../images/p9/12/circle.png) no-repeat center/contain;-moz-transform-origin:50%;-webkit-transform-origin:50%;-webkit-animation:spin 5s linear infinite;-moz-animation:spin 5s linear infinite;-ms-animation:spin 5s linear infinite;-o-animation:spin 5s linear infinite;animation:spin 5s linear infinite}
	.circle-link:after{-webkit-animation:spin 8s linear infinite;-moz-animation:spin 8s linear infinite;-ms-animation:spin 8s linear infinite;-o-animation:spin 8s linear infinite;animation:spin 8s linear infinite}

}
@media (min-width: 991px) {
    /*banner*/
    .banner .item{height: 49vw;}
    .banner .item:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;}
    .banner video{position:absolute;top:50%;left:50%;width: 100%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    .banner .container{position:absolute;left:0;right:0;top:0;bottom:0}
    .bn-slogan{position:absolute;z-index:1;left:15px;top:50%;width:50%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
    .slide-image img{display:none}
    /*首頁*/  
    .effect-marley:hover h2{-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
    .effect-marley:hover h2::after{opacity:1;-webkit-transform:translate3d(0,0,0);transform: translate3d(0,0,0);}
    .effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
    /*側選單*/
    aside{float:left;width:300px;margin-top: -4rem;}
    aside+main{float:right;width:calc(100% - 300px);padding-left: 1rem;}
    aside .navbar{padding-left:0}
    aside .navbar-toggle{display:none}
    #sidenav{display:block}
    aside .card.unit:not(.black){display:block}
	

}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes spin {
0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg)}
}
@-ms-keyframes spin {
0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(-360deg)}
}
@-o-keyframes spin {
0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(-360deg)}
}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(-360deg)}
}