@charset "UTF-8";body.catalogue{overflow-x:hidden}body.catalogue .bannerSet{height:600px;margin-bottom:-60px}@media only screen and (max-width:500px){body.catalogue .bannerSet{height:330px}}body.catalogue .main-content{position:relative;background-image:url(../../uploads/catalogue/catalogue_bg.png);overflow:hidden}body.catalogue .content-body{width:100%;padding-left:40px;padding-right:80px;padding-bottom:125px;padding-top:80px}@media only screen and (max-width:1023px){body.catalogue .content-body{padding-bottom:50px}}@media only screen and (max-width:767px){body.catalogue .content-body{padding-left:10px;padding-right:10px;padding-top:50px}}body.catalogue .content-body .content-wrap{max-width:900px;width:90%;margin:0 auto}body.catalogue .content-body .eachCatalogue{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}body.catalogue .content-body .eachCatalogue:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media only screen and (max-width:1023px){body.catalogue .content-body .eachCatalogue:nth-child(2n){-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}body.catalogue .content-body .eachCatalogue:nth-child(2n) .photo{-webkit-transform:translateX(30%);-ms-transform:translateX(30%);transform:translateX(30%)}body.catalogue .content-body .eachCatalogue:not(:first-child){margin-top:-30px}@media only screen and (max-width:1023px){body.catalogue .content-body .eachCatalogue:not(:first-child){margin-top:0}}@media only screen and (max-width:1023px){body.catalogue .content-body .eachCatalogue{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:65px}body.catalogue .content-body .eachCatalogue:not(:first-child){padding-top:60px;border-top:1px solid #4d4d4d}}@media only screen and (min-width:1024px){body.catalogue .content-body .eachCatalogue:hover:nth-child(2n) .text_wrap{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.catalogue .content-body .eachCatalogue:hover:nth-child(odd) .text_wrap{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.catalogue .content-body .eachCatalogue:hover .text .cover{opacity:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.catalogue .content-body .eachCatalogue:hover .text .cover span{width:180px}body.catalogue .content-body .eachCatalogue:hover .text .cover p{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:.5s 0s;-o-transition:.5s 0s;transition:.5s 0s}body.catalogue .content-body .eachCatalogue:hover .photo .photo_wrap{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.catalogue .content-body .eachCatalogue:hover .photo .photo_wrap:after{opacity:0.4;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}}body.catalogue .content-body .eachCatalogue.show .photo{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;-webkit-transition:1s;-o-transition:1s;transition:1s}body.catalogue .content-body .eachCatalogue.show .text{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;-webkit-transition:1s .5s;-o-transition:1s .5s;transition:1s .5s}body.catalogue .content-body .eachCatalogue .photo{-webkit-box-shadow:2px 4px 20px 0 rgba(0, 0, 0, 0.5);box-shadow:2px 4px 20px 0 rgba(0, 0, 0, 0.5);overflow:hidden;-webkit-transform:translateX(-30%);-ms-transform:translateX(-30%);transform:translateX(-30%);opacity:0;-webkit-transition:1s;-o-transition:1s;transition:1s}body.catalogue .content-body .eachCatalogue .photo .photo_wrap{position:relative;display:block;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.catalogue .content-body .eachCatalogue .photo .photo_wrap:after{position:absolute;content:"";width:100%;height:100%;background:#000000;opacity:0;top:0;left:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.catalogue .content-body .eachCatalogue .text{margin:0 auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}@media only screen and (max-width:1023px){body.catalogue .content-body .eachCatalogue .text{margin-top:40px}}body.catalogue .content-body .eachCatalogue .text .text_wrap{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}body.catalogue .content-body .eachCatalogue .text .topic{font-size:1rem;color:#ffffff}body.catalogue .content-body .eachCatalogue .text .title{font-size:1.625rem;max-width:300px;min-width:250px;color:#ffffff;margin-top:10px;line-height:1.4}@media only screen and (max-width:1023px){body.catalogue .content-body .eachCatalogue .text .title{max-width:400px}}@media only screen and (max-width:767px){body.catalogue .content-body .eachCatalogue .text .title{font-size:1.625rem}}body.catalogue .content-body .eachCatalogue .text .cover{margin-top:10px;opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}@media only screen and (max-width:1023px){body.catalogue .content-body .eachCatalogue .text .cover{opacity:1}}body.catalogue .content-body .eachCatalogue .text .cover span{display:block;width:112px;height:1px;margin:auto;margin-bottom:10px;background-color:#ef8d2d;-webkit-transition:2s .1s ease-out;-o-transition:2s .1s ease-out;transition:2s .1s ease-out}@media only screen and (max-width:767px){body.catalogue .content-body .eachCatalogue .text .cover span{width:70px}}body.catalogue .content-body .eachCatalogue .text .cover p{font-family:Abel, '微軟正黑體修正', '微軟正黑體';color:#fff;font-size:1.25rem;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}@media only screen and (max-width:1023px){body.catalogue .content-body .eachCatalogue .text .cover p{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:767px){body.catalogue .content-body .eachCatalogue .text .cover p{font-size:1rem}}
/*# sourceMappingURL=catalogue.css.map */