@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto&display=swap");.s1{padding-top:20px;padding-bottom:100px}.s1 .article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:55px}.s1 .left{width:100%}.s1 .left .title{margin-bottom:25px}.s1 .left .title .firsrline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.s1 .left .title .firsrline .l,.s1 .left .title .firsrline .r{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s1 .left .title .tag{max-width:98px;padding:8px 16px;color:white;background-color:#0086dd;border-radius:18px;margin:0 auto}.s1 .left .title .time{color:#9bcecb;font-weight:700;margin-left:20px}.s1 .left .title .fb{display:block;width:35px;height:35px;background:url(../image/article/fb.png) no-repeat;margin:0 15px}.s1 .left .title .line{display:block;width:35px;height:35px;background:url(../image/article/line.png) no-repeat}.s1 .left .title h1{font-weight:700;margin-bottom:23px;line-height:34px}.s1 .left .title .share{display:none}.s1 .left .tags ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.s1 .left .tags ul li{margin:5px}.s1 .left .tags ul li a{display:inline-block;min-width:79px;min-height:29px;line-height:29px;border:1px solid #9bcecb;border-radius:3px;color:#9bcecb;text-align:center;letter-spacing:0.7px;-webkit-transition:0.4s ease;transition:0.4s ease;word-break:keep-all;padding:0 5px}@media (max-width:575px){.s1 .left .tags ul li a{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s1 .left .tags ul li a{font-size:0.875rem}}@media (min-width:1440px){.s1 .left .tags ul li a{font-size:0.875rem}}@media (min-width:768px){.s1 .left .tags ul li:hover a{background-color:#9bcecb;color:white}}.s1 .left .content .bluebox{background-color:#9bcecb;padding:20px;line-height:30px;margin-bottom:30px}.s1 .left .content .btnwrap{margin-top:60px;display:block;text-align:center}.s1 .left .content .btnwrap a{padding:12.5px 40px}@media (max-width:991px){.s1 .left ul{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (max-width:767px){.s1{padding-top:0px;padding-bottom:64px;margin-top:125px}.s1 .article{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:55px}.s1 .left{width:100%}.s1 .left .title{margin-bottom:35px}.s1 .left .title .firsrline .r{display:none}.s1 .left .title .share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s1 .left .content .bluebox{margin-bottom:20px}.s1 .left .content .btnwrap{margin-top:40px}.s1 .left .tags{overflow-x:scroll}.s1 .left .tags ul{margin-top:35px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.s1 .left .tags ul li{width:auto;margin:0 10px 0 0}.s1 .left ul li{width:293.5px;margin-bottom:40px}.s1 .left ul .imgwrap{width:293.5px;height:227.5px}.s1 .left ul .time{color:black;font-weight:700}}@media (max-width:767px) and (max-width:575px){.s1 .left ul .time{font-size:1rem}}@media (max-width:767px) and (min-width:576px) and (max-width:1439px){.s1 .left ul .time{font-size:0.875rem}}@media (max-width:767px) and (min-width:1440px){.s1 .left ul .time{font-size:0.875rem}}.s2 .info1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #9bcecb;padding:75px 0}.s2 .info1 .left{width:17%;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}.s2 .info1 .left .f24{font-weight:700;margin:16px auto 25px}.s2 .info1 .right{width:78%;padding-right:45px}.s2 .info1 .right .f18{color:#bb9716;margin-bottom:20px}.s2 .info1 .right .editor_box{font-size:1rem;line-height:24px;letter-spacing:0.4px}.s2 .info1 .picture{width:156px;height:156px;border-radius:50%;background:url(../../dist/image/article/c_img.jpg) center/cover no-repeat}.s2 .info1 .scocailmedia{display:-webkit-box;display:-ms-flexbox;display:flex}.s2 .info1 .scocailmedia a:not(:last-child){margin-right:15px}.s2 .info1 .scocailmedia .fb{display:block;width:35px;height:35px;background:url(../image/article/fb.png) center/contain no-repeat}.s2 .info1 .scocailmedia .line{display:block;width:35px;height:35px;background:url(../image/article/line.png) center/contain no-repeat}.s2 .info1 .scocailmedia .ig{display:block;width:35px;height:35px;background:url(../image/article/ig.png) center/contain no-repeat}@media (max-width:991px){.s2 .info1 .right{width:70%;padding-right:0}}@media (max-width:767px){.s2 .info1{-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;padding:45px 0}.s2 .info1 .left,.s2 .info1 .right{width:100%}.s2 .info1 .right{margin-top:30px}}.s3{padding-bottom:150px}.s3 .f28{color:#9bcecb;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:65px;white-space:nowrap}.s3 .f28 span{padding:0 10px}.s3 .f28 .line{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;height:1px;background:#9bcecb}.s3 ul{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.s3 ul li{width:28%}@media (min-width:768px){.s3 ul li:hover .imgwrap:before{opacity:1;visibility:visible}.s3 ul li:hover .f20{color:#9bcecb}}.s3 ul .tag{max-width:98px;padding:8px 16px;color:white;background-color:#0086dd;border-radius:18px;margin:0 auto 16px;text-align:center}.s3 ul .imgwrap{width:100%;height:0px;padding-bottom:83%;background:url(../image/index/a_img01.jpg) center no-repeat;background-size:cover;border-radius:18px;margin-bottom:20px}.s3 ul .imgwrap:before{content:"";width:100%;height:0px;padding-bottom:83%;background-color:rgba(255,255,255,0.3);display:block;opacity:0;visibility:hidden;-webkit-transition:0.4s ease;transition:0.4s ease}.s3 ul .time{text-align:center;color:#9bcecb;font-weight:700}.s3 ul .f20{overflow:hidden;display:-webkit-box;white-space:nowrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;-webkit-transition:0.4s ease;transition:0.4s ease}@media (max-width:767px){.s3{padding-bottom:30px}.s3 .f28{margin-bottom:47px}.s3 ul{-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}.s3 ul li{width:293.5px;margin-bottom:40px}.s3 ul .imgwrap{width:293.5px;height:227.5px;margin:0 auto 20px;padding-bottom:0}.s3 ul .time{color:black;margin-bottom:10px}}.s4{padding-bottom:90px}.s4 .tag{max-width:98px;padding:6px 16px;color:white;text-align:center;background-color:#db5a26;border-radius:18px;margin:0 auto 16px}@media (max-width:575px){.s4 .tag{font-size:1rem}}@media (min-width:576px) and (max-width:1439px){.s4 .tag{font-size:1.25rem}}@media (min-width:1440px){.s4 .tag{font-size:1.25rem}}.s4 ul li{padding:30px 0}.s4 ul li:not(:last-child){border-bottom:1px solid #bfbfbf}.s4 ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.s4 ul li .f20{width:12%;color:#db5a26}.s4 ul li .f16{width:88%;line-height:22px}@media (max-width:767px){.s4 ul li{padding:20px 0}}