.wrap-main,body{min-width:1080px}.slick-arrow,a{cursor:pointer}.logo,.nav-main>ul>li>a{transition:.2s ease-out}.nav-main>ul>li ul:after,.nav-side ul li ul li:before,body:after{content:""}.goTop,.nav-main>ul>li>a,.title-lg{text-align:center}.text-primary{color:#5cbf14}.text-secondary{color:#f90}.btn,.btn:hover{color:#fff}.space-1{margin-bottom:1rem}.space-2{margin-bottom:2rem}.space-3{margin-bottom:4rem}.space-4{margin-bottom:8rem}.space-top-1{margin-top:1rem}.space-top-2{margin-top:2rem}.space-top-3{margin-top:4rem}.space-top-4{margin-top:8rem}.row.row-sticky{margin-left:0;margin-right:0}.row.row-sticky>[class^=col-]{padding-left:0;padding-right:0}.row.row-xs{margin-left:-.5rem;margin-right:-.5rem}.row.row-xs>[class^=col-]{padding-left:.5rem;padding-right:.5rem}.row.row-sm{margin-left:-1rem;margin-right:-1rem}.row.row-sm>[class^=col-]{padding-left:1rem;padding-right:1rem}.row.row-md{margin-left:-2rem;margin-right:-2rem}.row.row-md>[class^=col-]{padding-left:2rem;padding-right:2rem}.row.row-lg{margin-left:-4rem;margin-right:-4rem}.row.row-lg>[class^=col-]{padding-left:4rem;padding-right:4rem}.btn{border:0;padding:6px 16px}.btn-primary{background-color:#5cbf14}.btn-primary:hover{background-color:#46910f}.btn-secondary{background-color:#f90}.btn-secondary:hover{background-color:#cc7a00}.btn-circle{width:40px;height:40px;line-height:40px;padding:0;border-radius:50%}.hr{margin:.5rem 0 2rem;overflow:hidden;width:740px;height:12px;background:url(../img/hr.png) no-repeat}body,body:after{background-color:#e2e2e6}.hr.hr-lg{margin:80px 0}.hr.hr-xs{margin:0}.slick-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);color:rgba(0,0,0,.12);font-size:60px;line-height:60px}.slick-arrow:hover{color:rgba(0,0,0,.24)}.slick-arrow.slick-prev{left:-60px}.slick-arrow.slick-next{right:-60px}.title-xs{color:#222;font-size:16px}.title-sm{color:#5cbf14;font-size:21px;margin-top:0}.title-md{color:#5cbf14;margin:24px 0}.title-lg{color:#5cbf14;font-size:28px;margin:0;padding:48px 0}.title-page{font-weight:700;margin-bottom:0}.list-disc{list-style-type:disc;padding-left:18px}.list-square{list-style-type:square;padding-left:18px}.list-news li{border-bottom:1px dashed rgba(0,0,0,.12)}.list-news li a{display:block;font-size:20px;cursor:pointer;color:#444;margin:.5rem 0}.edit h2,.list-news li a:hover,.list-products a:hover{color:#5cbf14}.list-news li a .label{font-size:13px;position:relative;bottom:4px}.list-products a{display:block;font-size:20px}.edit iframe,.edit img{max-width:100%}.label-date{font-size:15px;font-family:verdana;margin-right:1rem}body{font-size:15px;line-height:1.5;font-family:"Microsoft JhengHei",sans-serif;position:relative}body:after{display:block;position:absolute;left:0;top:108px;width:100%;height:28px}.wrap-main{background-color:#fff}.container{width:1080px;margin-left:auto;margin-right:auto}a{color:#444}a:hover{text-decoration:none;color:#222}ol,ul{padding:0;margin:0;list-style:none}.header-main{padding-top:30px}.logo{position:relative;top:0;right:0;z-index:2;animation:fadeInRight 1s;margin-top:8px}.logo:hover i{animation:downUp .4s ease-out}.logo span{position:absolute;bottom:-5px;left:20px}.logo span i{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px;position:relative}.logo span i:nth-child(1){background-color:red;animation-delay:0}.logo span i:nth-child(2){background-color:#5cbf14;animation-delay:.1s}.logo span i:nth-child(3){background-color:#f6b40e;animation-delay:.2s}.logo span i:nth-child(4){background-color:#670387;animation-delay:.3s}@keyframes fadeInRight{0%{right:8rem;opacity:0}100%{right:0;opacity:1}}@keyframes downUp{0%,100%{bottom:0}50%{bottom:-1.5rem}}.nav-main{position:relative;z-index:1}.nav-main>ul>li{float:left;position:relative}.nav-main>ul>li:nth-child(1)>a{background-image:url(../img/bg-nav-1.png);animation-delay:.1s}.nav-main>ul>li:nth-child(2)>a{background-image:url(../img/bg-nav-2.png);animation-delay:.2s}.nav-main>ul>li:nth-child(3)>a{background-image:url(../img/bg-nav-3.png);animation-delay:.3s}.nav-main>ul>li:nth-child(4)>a{background-image:url(../img/bg-nav-4.png);animation-delay:.4s}.nav-main>ul>li:nth-child(5)>a{background-image:url(../img/bg-nav-5.png);animation-delay:.5s}.nav-main>ul>li:nth-child(6)>a{background-image:url(../img/bg-nav-6.png);animation-delay:.6s}.nav-main>ul>li:nth-child(6) ul{margin-left:-16px}.nav-main>ul>li:nth-child(7)>a{background-image:url(../img/bg-nav-7.png);animation-delay:.7s}.nav-main>ul>li:nth-child(8)>a{background-image:url(../img/bg-nav-8.png);animation-delay:.8s}.nav-main>ul>li>a{display:block;font-size:16px;font-weight:700;padding:80px 20px 0;background-position:center 10px;background-repeat:no-repeat;color:#444;animation:fadeIn .4s ease-out forwards;position:relative;bottom:8rem;opacity:0}.nav-main>ul>li div{position:absolute;width:100%;padding:14px 10px;display:none}.nav-main>ul>li:hover>a{background-position:center 0;color:#5cbf14}.nav-main>ul>li:hover div{display:block}.nav-main>ul>li.current>a{color:#5cbf14}.nav-main>ul>li ul{background-color:#5cbf14;border:5px solid #c2c2c6;border-radius:8px;overflow:hidden;width:120px}.nav-main>ul>li ul:after{display:block;background:url(../img/caret.png) no-repeat;width:29px;height:14px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.nav-main>ul>li ul li a{display:block;padding:1rem;text-align:center;color:#fff}.nav-main>ul>li ul li a:hover{background-color:#53ad12}@media (max-width:767px){.about .nav-side{position:static!important}}.nav-side ul li a,.nav-side ul li ul li{position:relative}.products .nav-side ul li a img{margin-right:1rem}.nav-side ul li a{display:block;transition:.2s;left:0;border-bottom:1px dashed rgba(0,0,0,.12);padding:.5rem}.nav-side ul li a:hover{color:#5cbf14;left:8px}.nav-side ul li.active>a{color:#5cbf14}.nav-side ul li ul li a{padding-left:3rem}.nav-side ul li ul li:before{display:block;width:6px;height:6px;border-radius:50%;position:absolute;left:1.5rem;top:50%;transform:translateY(-50%)}.nav-side ul li ul li:nth-child(1):before{background-color:red}.nav-side ul li ul li:nth-child(2):before{background-color:#5cbf14}.nav-side ul li ul li:nth-child(3):before{background-color:#f6b40e}.nav-side ul li ul li:nth-child(4):before{background-color:#670387}@keyframes fadeIn{0%{opacity:0;bottom:8rem}100%{opacity:1;bottom:0}}footer{color:#444;font-size:12px;margin-top:4rem;padding-top:2rem;background-color:#e2e2e6}.goTop{width:48px;height:48px;position:fixed;bottom:60px;right:60px;background-color:#5cbf14;background:radial-gradient(circle at 100px 100px,#030601,#5cbf14);border-radius:50%;color:rgba(255,255,255,.8);font-weight:700;font-size:33px;box-shadow:0 2px 4px rgba(0,0,0,.1);line-height:42px;font-family:verdana}.goTop:hover{color:#fff}.slogan{animation:fadeInLeft 1s;position:relative;left:0;transition:.2s}.slogan:hover{left:10px}@keyframes fadeInLeft{0%{opacity:0;left:8rem}100%{opacity:1;left:0}}