@charset "UTF-8";html,body{background:#fff}@-webkit-keyframes fade-in{0%{opacity:0;height:auto}100%{opacity:1}}@keyframes fade-in{0%{opacity:0;height:auto}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1;height:auto}99%{opacity:0;height:0}100%{opacity:0;height:0}}@keyframes fade-out{0%{opacity:1;height:auto}99%{opacity:0;height:0}100%{opacity:0;height:0}}@-webkit-keyframes updown{0%{top:0;opacity:1}50%{top:4px;opacity:.5}100%{top:0;opacity:1}}@keyframes updown{0%{top:0;opacity:1}50%{top:4px;opacity:.5}100%{top:0;opacity:1}}main#videos-{font-size:14px;background:#fff;position:relative;font-family:"Noto Sans TC","微軟正黑體",Arial,sans-serif;margin:0 auto;max-width:calc(1200px)}main#videos- ::-webkit-scrollbar{height:8px;width:8px}main#videos- ::-webkit-scrollbar-track{background:none}main#videos- ::-webkit-scrollbar-thumb{background:rgba(184,165,150,.5);border-radius:4px}main#videos- ::-webkit-scrollbar-thumb:hover{background:#b8a596}main#videos- .font-bold{font-weight:500}main#videos- .text-brown{color:#8d5f3b}main#videos- h2,main#videos- h3,main#videos- h4,main#videos- h5,main#videos- h6,main#videos- p{margin-bottom:0}main#videos- h2{font-weight:600}main#videos- a{position:relative;display:inline-block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#videos- a:link,main#videos- a:hover,main#videos- a:active,main#videos- a:visited,main#videos- a:focus{text-decoration:none;color:#626161}main#videos- a:hover{-webkit-filter:brightness(1.1);-moz-filter:brightness(1.1);-ms-filter:brightness(1.1);filter:brightness(1.1)}main#videos- select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;border:1px solid #c4c4c4;border-radius:4px;font-size:14px;background:url(../img/compare-drp-ico.svg);background-position:bottom 50% right 10px;background-repeat:no-repeat;background-size:13px auto;max-width:470px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}main#videos- select:focus{outline:0}main#videos- .section-{position:relative;background:#fff;padding-left:20px;padding-right:20px}main#videos- .d-none-{display:none!important}@media(min-width:769px){main#videos- .d-md-none-{display:none!important}}@media(min-width:1072px){main#videos- .d-lg-none-{display:none!important}}main#videos- .d-block-{display:block!important}@media(min-width:769px){main#videos- .d-md-block-{display:block!important}}@media(min-width:1072px){main#videos- .d-lg-block-{display:block!important}}main#videos- .section-{margin-bottom:32px}@media(min-width:769px){main#videos- .section-{margin-bottom:60px}}main#videos- .title-{margin-bottom:32px}@media(min-width:769px){main#videos- .title-{margin-bottom:60px}}main#videos- .title-{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main#videos- .title->*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}main#videos- .title- :nth-child(2){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}main#videos- .title- .eng:before{content:'';position:absolute;bottom:4px;left:-4px;background:#f3eeea;width:100%;height:1px}@media(min-width:769px){main#videos- .title- .eng:before{bottom:9px;left:-6px}}main#videos- h2{font-size:20px;color:#8d5f3b;padding-right:15px;letter-spacing:5px}@media(min-width:769px){main#videos- h2{font-size:33px;padding-right:20px;letter-spacing:9px}}main#videos- h2.eng{font-family:Baskervville;color:#f3eeea;letter-spacing:0;font-size:20px}@media(min-width:769px){main#videos- h2.eng{font-size:36px}}main#videos- h3{font-size:16px;padding-right:15px}@media(min-width:769px){main#videos- h3{font-size:24px}}main#videos- h2,main#videos- h3{font-family:"Noto Serif TC","微軟正黑體",Arial,sans-serif}main#videos- .sec-shares-{margin-bottom:0}main#videos- .sticky{position:sticky;z-index:10;top:50px;margin-left:0;margin-right:0;max-width:100%;background:#fff;margin-bottom:15px;margin-bottom:0}@media(min-width:1072px){main#videos- .sticky{top:80px}}main#videos- .sticky .content-row{background:#fff}main#videos- .sticky.scrolled .tabs-{-webkit-box-shadow:0 4px 2px -2px rgba(0,0,0,.05);box-shadow:0 4px 2px -2px rgba(0,0,0,.05)}main#videos- .sticky .content-row{max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:start;font-family:"Noto Serif TC","微軟正黑體",Arial,sans-serif;font-weight:600;margin-bottom:0;padding:0 0}main#videos- .sticky .scroll-ico{position:relative;z-index:2;margin:0 auto -20px auto;max-width:1150px;top:-6px;text-align:right;opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}main#videos- .sticky .scroll-ico img{width:18px}main#videos- .sticky .scroll-ico.disable{opacity:0}main#videos- .tabs- a{position:relative;z-index:2;display:block;font-size:15px;font-size:15px;overflow-y:hidden;padding-top:15px;padding-bottom:15px;padding-right:14px;padding-left:13px;font-weight:500;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}main#videos- .tabs- a:before{content:'';position:absolute;right:0;top:calc(50% - 8px);height:16px;width:1px;background:#c4c4c4}main#videos- .tabs- a:first-child{padding-left:0}main#videos- .tabs- a:last-child{padding-right:0;border-right:0}main#videos- .tabs- a:last-child:before{opacity:0}main#videos- .tabs- a:hover{-webkit-filter:brightness(1);-moz-filter:brightness(1);-ms-filter:brightness(1);filter:brightness(1)}@media(min-width:769px){main#videos- .tabs- a{font-size:20px;padding-right:16px;padding-left:15px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#videos- .tabs- a:hover{-webkit-filter:brightness(1.3);-moz-filter:brightness(1.3);-ms-filter:brightness(1.3);filter:brightness(1.3)}main#videos- .tabs- a:before{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#videos- .tabs- a:hover:before{-webkit-filter:brightness(.8);-moz-filter:brightness(.8);-ms-filter:brightness(.8);filter:brightness(.8)}}main#videos- .tabs- a.active{color:#000}main#videos- .sec-label-{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#8d5f3b;margin-bottom:32px;margin-top:32px}main#videos- .sec-label-:after{content:'';-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:1px;background:#f3eeea}main#videos- .sec-label-.top-{margin-bottom:17px}main#videos- a.btn-{display:block;background:#b8a596;font-size:16px;border-radius:12px 12px 0 12px;color:#fff;text-align:center;padding:10px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#videos- a.btn-:hover{-webkit-filter:brightness(1.1);-moz-filter:brightness(1.1);-ms-filter:brightness(1.1);filter:brightness(1.1)}@media(min-width:769px){main#videos- a.btn-{max-width:120px;margin-left:auto;margin-right:auto;font-size:18px}}main#videos- a.btn-contribution{color:#fff;background:#b8a596;font-size:16px;border-radius:12px 12px 0 12px;color:#fff;text-align:center;font-size:16px;padding:10px 20px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}main#videos- a.btn-contribution:hover{background:#8d5f3b}main#videos- .photo{width:100%;height:calc((50vw - 20px)*.56);overflow:hidden;isolation:isolate;border-radius:24px 24px 0 24px;cursor:pointer}@media(min-width:576px){main#videos- .photo{height:240px}}@media(min-width:769px){main#videos- .photo{max-height:320px;height:22.5vh;border-radius:36px 36px 0 36px}}main#videos- .photo .photo-inner{width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}main#videos- .photo .photo-inner:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}main#videos- .hint-load{font-size:18px;font-weight:500;width:100%;text-align:center;font-family:"Noto Serif TC","微軟正黑體",Arial,sans-serif;color:#aaa;text-align:center;overflow:hidden;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}main#videos- .hint-load img{width:30px;position:relative;-webkit-animation:updown 1.2s 0s ease-in-out forwards infinite;animation:updown 1.2s 0s ease-in-out forwards infinite}@media(min-width:769px){main#videos- .hint-load img{width:50px}}main#videos- .hint-load.hide-{-webkit-animation:fade-out .7s 0s ease-out forwards;animation:fade-out .7s 0s ease-out forwards}main#videos- .content-row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main#videos- .content-row.select-row{margin-bottom:16px}main#videos- .content-row.content-latest{-ms-flex-wrap:wrap;flex-wrap:wrap}@media(min-width:769px){main#videos- .content-row.content-latest{-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}main#videos- .content-row.content-latest a.btn-more-yt-{margin-bottom:30px}main#videos- h5{font-size:1rem;color:#000}main#videos- .profile-pic{width:72px}@media(min-width:769px){main#videos- .profile-pic{width:auto}}main#videos- .profile{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}main#videos- a.btn-more-yt-{font-size:16px;color:#fff;background:#c32d1c;padding:10px 20px;border-radius:12px 12px 0 12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}@media(min-width:769px){main#videos- a.btn-more-yt-{padding:10px 30px}}main#videos- a.btn-more-yt- img{width:25px}main#videos- a.btn-more-yt-:hover{background:#8a0007}main#videos- .cover-wrap{width:100%;margin-bottom:0}@media(min-width:769px){main#videos- .cover-wrap{width:calc(66.6% - 20px);margin-bottom:30px}}main#videos- .cover-wrap .cover{width:100%;height:calc((100vw - 20px)*.56);overflow:hidden;isolation:isolate;border-radius:36px 36px 0 36px;cursor:pointer;position:relative}@media(min-width:769px){main#videos- .cover-wrap .cover{max-height:calc((1200px*.66 - 20px)*.6)}}main#videos- .cover-wrap .cover .cover-inner{width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}main#videos- .cover-wrap .cover .cover-inner:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}main#videos- .cover-wrap .cover:after{content:'';position:absolute;width:60px;height:60px;background:url(../img/videos-player-ico.svg) 50% 50%/cover no-repeat;left:calc(50% - 30px);top:calc(50% - 30px);opacity:.5;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#videos- .cover-wrap .cover:hover:after{opacity:0;visibility:hidden}@media(min-width:769px){main#videos- .cover-wrap .cover:after{width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px)}}main#videos- .cover-wrap>*{margin-bottom:15px}@media(min-width:769px){main#videos- .cover-wrap>*{margin-bottom:40px}}main#videos- .cover-wrap .yt-tit{margin-bottom:5px;font-size:16px;color:#8d5f3b}@media(min-width:769px){main#videos- .cover-wrap .yt-tit{font-size:24px;margin-bottom:10px}}main#videos- .scroll-ico{position:relative;z-index:2;width:100%;text-align:right;opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}main#videos- .scroll-ico.disable{opacity:0}main#videos- .scroll-ico img{width:18px}main#videos- .scroll-ico:after{position:absolute;right:0;top:100%;height:calc((50vw - 20px)*.56);width:15px;opacity:.9;background:#ff0;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#fff));background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1)}@media(min-width:576px){main#videos- .scroll-ico:after{height:190px}}@media(min-width:769px){main#videos- .scroll-ico:after{display:none}}main#videos- .latest-wrap{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;margin-bottom:30px;padding-left:20px;padding-right:20px}@media(min-width:769px){main#videos- .latest-wrap{width:calc(33.3% - 20px);background:#f3f3f3;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px;margin-left:auto;margin-right:0}}main#videos- .latest-wrap .item-wrap,main#videos- .content-row .item-wrap{min-width:135px;margin-right:20px}main#videos- .latest-wrap .item-wrap:last-child,main#videos- .content-row .item-wrap:last-child{margin-right:0}main#videos- .latest-wrap .item-wrap>*,main#videos- .content-row .item-wrap>*{margin-bottom:5px}@media(min-width:769px){main#videos- .latest-wrap .item-wrap,main#videos- .content-row .item-wrap{margin-right:0;margin-bottom:16px}main#videos- .latest-wrap .item-wrap:first-child,main#videos- .content-row .item-wrap:first-child{margin-left:0}main#videos- .latest-wrap .item-wrap:last-child,main#videos- .content-row .item-wrap:last-child{margin-bottom:0}main#videos- .latest-wrap .item-wrap>*,main#videos- .content-row .item-wrap>*{margin-bottom:10px}}main#videos- .latest-wrap .photo,main#videos- .content-row .photo{position:relative;width:100%;height:calc((50vw - 20px)*.56);overflow:hidden;isolation:isolate;border-radius:24px 24px 0 24px}@media(min-width:576px){main#videos- .latest-wrap .photo,main#videos- .content-row .photo{height:190px}}@media(min-width:769px){main#videos- .latest-wrap .photo,main#videos- .content-row .photo{border-radius:36px 36px 0 36px}}main#videos- .latest-wrap .photo .photo-inner,main#videos- .content-row .photo .photo-inner{width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}main#videos- .latest-wrap .photo:after,main#videos- .content-row .photo:after{content:'';position:absolute;width:40px;height:40px;background:url(../img/videos-player-ico.svg) 50% 50%/cover no-repeat;left:calc(50% - 20px);top:calc(50% - 20px);opacity:.5;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s}main#videos- .latest-wrap .photo:hover:after,main#videos- .content-row .photo:hover:after{opacity:0;visibility:hidden}main#videos- .sec-list- .content-row{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin-left:-10px;margin-right:-10px;padding:0 0}@media(min-width:769px){main#videos- .sec-list- .content-row{margin-left:-20px;margin-right:-20px}}main#videos- .sec-list- .content-row .item-wrap{width:calc(50%);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:10px;padding-right:10px;margin-right:0}@media(min-width:769px){main#videos- .sec-list- .content-row .item-wrap{width:calc(25%);padding-left:20px;padding-right:20px;margin-bottom:16px}main#videos- .sec-list- .content-row .item-wrap>*{margin-bottom:10px}}main#videos- .sec-list- .content-row .photo{height:calc((50vw - 20px)*.56);margin-bottom:10px;position:relative}@media(min-width:576px){main#videos- .sec-list- .content-row .photo{height:calc((50vw - 20px)*.56)}}@media(min-width:769px){main#videos- .sec-list- .content-row .photo{height:calc((25vw - 20px)*.56);margin-bottom:20px}}@media(min-width:1200px){main#videos- .sec-list- .content-row .photo{height:calc((300px - 20px)*.56)}}main#videos- .sec-list- .content-row .info-{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(min-width:769px){main#videos- .sec-list- .content-row .tit-{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}@media(min-width:769px){main#videos- .sec-list- .content-row .desc-{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}}@media(min-width:769px){main#videos- .sec-list- .content-row .kws-{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}}main#videos- .sec-list- .content-row .author-{display:none}@media(min-width:769px){main#videos- .sec-list- .content-row .author-{display:block;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:auto}}main#videos- .sec-list- .content-row .tit-,main#videos- .sec-list- .content-row .desc-,main#videos- .sec-list- .content-row .kws-{min-width:100%}main#videos- .sec-list- .content-row .tit-{margin-bottom:3px;color:#000;font-weight:500}@media(min-width:769px){main#videos- .sec-list- .content-row .tit-{font-size:18px;line-height:1.5}}main#videos- .sec-list- .content-row .desc-,main#videos- .sec-list- .content-row .date-,main#videos- .sec-list- .content-row .kws-{color:#626161;font-size:13px;margin-bottom:6px}@media(min-width:769px){main#videos- .sec-list- .content-row .desc-,main#videos- .sec-list- .content-row .date-,main#videos- .sec-list- .content-row .kws-{font-size:14px}}@media(min-width:769px){main#videos- .sec-list- .content-row .desc-{line-height:1.5}}main#videos- .sec-list- .content-row .kws-{margin-bottom:0}main#videos- .sec-list- .content-row .kws- a,main#videos- .sec-list- .content-row .kws- span{display:inline-block;margin-right:10px;margin-bottom:6px;border:1px solid #b8a596;padding:0 5px;border-radius:5px;color:#b8a596}main#videos- .sec-list- .content-row .kws- a:last-child,main#videos- .sec-list- .content-row .kws- span:last-child{margin-right:0}@media(min-width:769px){main#videos- .sec-list- .content-row .date-{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;color:#8d5f3b;font-weight:600}}@media(min-width:769px){main#videos- .sec-list- .content-row .date-,main#videos- .sec-list- .content-row .author{margin-bottom:6px}}.pop-videos-{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.8);z-index:1001;visibility:hidden;opacity:0;-webkit-transition:visibility .5s,all .5s;-moz-transition:visibility .5s,all .5s;-ms-transition:visibility .5s,all .5s;-o-transition:visibility .5s,all .5s;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pop-videos-.active{visibility:visible;opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1)}.pop-videos- .btn-cancel-{position:absolute;width:32px;height:32px;background:#fff;border-radius:50%;z-index:10;top:-16px;right:-10px}.pop-videos- .btn-cancel- img{width:20px;-webkit-transition:all .2;-moz-transition:all .2;-ms-transition:all .2;-o-transition:all .2}@media(min-width:769px){.pop-videos- .btn-cancel-{width:45px;height:45px;padding:10px;top:-26px;right:-26px}.pop-videos- .btn-cancel- img{width:26px}}.pop-videos- .btn-cancel-:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}.pop-videos- .pop-videos-inner{position:relative;margin:0 auto;display:none;width:90vw;height:60vw}@media(min-width:769px){.pop-videos- .pop-videos-inner{max-width:900px;max-height:600px}}.pop-videos- .pop-videos-inner .pop-videos-wrapper{position:relative;overflow:hidden;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:8px;isolation:isolate;background:#fff}.pop-videos- .pop-videos-inner .pop-videos-wrapper #ytplayer{position:relative;width:100%;height:100%;background:#000}.pop-videos-.active .pop-videos-inner{display:block}