.innerPage .sec1{background:50% 50% url('/zh-tw/assets/images/tech_list/banner.jpg') no-repeat;background-size:cover}.kind{width:1280px;margin:auto;padding:0 15px}.kind a{display:inline-block;min-width:150px;background:#dddde2;border-radius:70px;line-height:18px;padding:10px 15px;margin:5px 0}.kind span{display:inline-block;text-align:center;position:relative;line-height:15px;width:25px;height:25px;padding:5px;border-radius:50%;background:#878787;color:#fff;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in}.kind a p{margin:0;color:#878787;font-size:18px;display:inline}.kind a:hover,.kind a.active{background:#ca0c0c;text-decoration:none}.kind a:hover span,.kind a.active span{background:#a70908;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in}.kind a:hover p,.kind a.active p{color:#fff}ul.details{margin:30px auto 0 auto;padding:30px 0;width:1240px;border-top:5px solid #eee;font-size:0}ul.details li{margin:15px 0;display:inline-block;width:50%}ul.details li .details_img{height:200px;width:200px;border:1px solid #ddd;display:inline-block;vertical-align:middle;background-size:100%}ul.details li .details_txt{display:inline-block;width:calc(100% - 200px);font-size:1rem;vertical-align:middle;padding-left:30px}ul.details li .details_txt p{font-size:1.1rem;color:#1f1b1a;margin:0;padding:15px 0;position:relative}ul.details li .details_txt p:before{position:absolute;content:'';height:2px;width:30px;top:0;left:0;background:#e7141d}ul.details li .details_txt span{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;line-height:2rem;max-height:6rem;color:#666}ul.details li .details_txt a.btn-link{position:relative;text-align:left;width:100px;padding:6px 0;font-family:'Carlito',sans-serif;font-weight:bold;font-size:17px;display:block}ul.details li .details_txt a.btn-link:after{position:absolute;content:'';top:14px;right:0;width:8px;height:8px;border-top:2px solid #e7141d;border-right:2px solid #e7141d;behavior:url(-ms-transform.htc);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);-webkit-transition:border 0.4s ease-in;-moz-transition:border 0.4s ease-in;-o-transition:border 0.4s ease-in;transition:border 0.4s ease-in}ul.details li .details_txt a.btn-link:hover:after{border-color:#dedde2}footer{padding-top:60px;height:200px}@media screen and (max-width:1279px){ul.details{width:calc(100% - 60px)}ul.details li{width:100%}}@media screen and (max-width:1280px){.kind{width:100%;padding:0 30px}}@media screen and (max-width:575px){.kind{width:100%;margin-top:0}.kind a{display:inline-block;width:100%;text-align:left;margin:5px 0;padding:12px 15px}ul.details li .details_img{height:calc(100vw - 60px);width:100%}ul.details li .details_txt{width:100%;padding-left:0}ul.details li .details_txt p{text-align:center}ul.details li .details_txt p:before{display:none}ul.details li .details_txt span{display:none}ul.details li .details_txt a.btn-link{color:#878787 !important;height:45px;width:100%;line-height:45px;border-radius:25px;padding:0 20px;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in;overflow:hidden;text-align:center}ul.details li .details_txt a.btn-link:hover{color:#fff}ul.details li .details_txt a.btn-link:after{position:static;display:inline-block;width:10px;height:10px;margin-left:5px;border-top:2px solid #878787;border-right:2px solid #878787}ul.details li .details_txt a.btn-link:before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;height:100%;background-image:linear-gradient(#e7141d,#e7141d),linear-gradient(#e5e5e5,#e5e5e5);background-size:0 100%,100% 100%;background-repeat:no-repeat;background-position:left center,right:center;transition:.5s}ul.details li .details_txt a.btn-link:hover:before{background-image:linear-gradient(#e7141d,#e7141d),linear-gradient(#e5e5e5,#e5e5e5);background-size:100% 100%,100% 100%;transition:.5s}footer{height:260px}}