@charset "UTF-8";@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url(https://fonts.googleapis.com/css?family=Noto+Serif+TC);html{scroll-behavior:smooth}body{font-family:'Noto Sans TC', sans-serif;color:#222323}::-moz-selection{background-color:#3d4da1;color:#fff}::selection{background-color:#3d4da1;color:#fff}::-webkit-scrollbar{background-color:#222323;width:7px}::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:5px}section{padding:20px 0}p{text-align:justify}a{color:#3d4da1;transition:all .3s ease}a:hover{color:#5b7bc2;text-decoration:none}a:hover img{transition:all .3s ease;opacity:.8}a.active{color:#5b7bc2}hr{margin:2rem 0}i.fa-image{color:#ced4da}i.fa-slash{color:tomato}.bg-primary{background-color:#3d4da1!important}.bg-light{background-color:#ebebe9!important}.text-primary{color:#3d4da1!important}.btn{border-radius:5px;padding:.25rem 1rem;cursor:pointer;margin:.5rem .75rem}.btn-primary{background-color:#5b7bc2;border:none;color:#fff}.btn-primary:hover{background-color:#8099d0!important}.btn-primary.active,.btn-primary:active,.btn-primary:focus{background-color:#3f61ab!important}.btn-primary:focus{box-shadow:0 0 0 0.2rem #a5b7de!important}.btn-outline-primary{background-color:#fff!important;border:1px solid #3d4da1!important;color:#3d4da1!important;font-weight:500!important}.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:#3d4da1!important;color:#fff!important}.btn-outline-primary:focus{box-shadow:0 0 0 0.2rem #7886cc!important}.btn-more{background-color:#62a1ad;border:none;color:#fff;border-radius:50px;font-size:.8em;padding:.25em 1em}.btn-more:hover{background-color:#84b5be!important;color:#fff}.btn-more.active,.btn-more:active,.btn-more:focus{background-color:#4b8591!important}.btn-more:focus{box-shadow:0 0 0 0.2rem #a5c9d0!important}.info-table{padding:0}.info-table .table-tr{margin:10px 10px;padding-bottom:10px;border-bottom:1px solid #adb5bd}.info-table .table-tr .table-th{font-size:1.1em;font-weight:600}.iframe-rwd{position:relative;padding-bottom:56%;overflow:hidden}.iframe-rwd iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.go-top{position:fixed;z-index:500;cursor:pointer;right:40px;bottom:30px;border:none;width:70px;height:70px;border-radius:30px;text-transform:uppercase;background-color:rgba(0, 0, 0, 0.6);color:#fff!important;transition:all .3s ease;text-align:center;font-size:.8em;letter-spacing:2px;padding:10px}.go-top i{display:block;margin:auto}.go-top:hover{background-color:rgba(0, 0, 0, 0.8)}.go-top:focus{outline:none}nav#mainNav{font-family:'Noto Serif TC', serif;font-weight:bold;z-index:500}nav#mainNav .navbar-dark button{background-color:rgba(44, 44, 68, 0.5)}nav#mainNav .navbar-dark .navbar-nav{padding:0 100px}nav#mainNav .navbar-dark .navbar-nav .nav-item{flex:0 0 1;text-align:center;padding:30px;font-size:1.1em}nav#mainNav .navbar-dark .navbar-nav .nav-item a{color:#3d4da1}nav#mainNav .navbar-dark .navbar-nav .nav-item a:hover{color:#5b7bc2}nav#mainNav .navbar-dark .navbar-nav .nav-item img{display:block;margin-bottom:1em}body#inpage nav#mainNav{margin-top:-100px}body#inpage nav#mainNav .navbar-dark{width:100%}body#inpage nav#mainNav .navbar-dark .navbar-nav{width:100%}body#inpage nav#mainNav .navbar-dark .navbar-nav .nav-item{flex:1}body#inpage nav#mainNav .navbar-dark .navbar-nav .nav-item a{color:rgba(255, 255, 255, 0.9);font-weight:normal}body#inpage nav#mainNav .navbar-dark .navbar-nav .nav-item a:hover{color:#fff;font-weight:500}@media (max-width:1199px){nav#mainNav .navbar-dark .navbar-nav{padding:0}}@media (max-width:991px){nav#mainNav{position:fixed;top:0;padding:0;width:100vw}nav#mainNav .navbar-dark{width:100vw}nav#mainNav .navbar-dark button{left:0;right:auto}nav#mainNav .navbar-dark .navbar-nav{box-shadow:0 3px 5px rgba(0, 0, 0, 0.8);width:100vw;background-color:#2c2c44;color:#fff;padding:30px}nav#mainNav .navbar-dark .navbar-nav .nav-item{padding:10px}nav#mainNav .navbar-dark .navbar-nav .nav-item a{color:#fff}nav#mainNav .navbar-dark .navbar-nav .nav-item img{display:none}body#inpage nav#mainNav{margin-top:0}body#inpage nav#mainNav .navbar-dark{width:100vw}body#inpage nav#mainNav .navbar-dark .navbar-nav{width:100vw}}footer{background-color:#2c2c44;padding:50px 100px;color:#fff}footer h6{font-size:1.1em}footer a{color:#f6eed9}footer a:hover{color:#fff}footer ul{list-style-type:none;padding:0;color:#fff;font-size:.9em}footer ul.fat-footer{margin-bottom:50px}footer ul.fat-footer li.footer-item ul{list-style-type:none;padding:0;margin-top:1.5em;padding-top:1em;padding-right:1em;border-top:1px solid #f6eed9}footer ul.fat-footer li.footer-item ul.col2{columns:2}footer ul.fat-footer li.footer-item ul li{margin:.75em 0}footer ul.info-link{text-align:center;font-size:.9em;margin:50px 0}footer ul.info-link li.info-item{display:inline}footer ul.info-link li.info-item:after{content:'|';margin:0 1.5em}footer ul.info-link li.info-item:last-child:after{content:'';margin:0}footer .footer-info{font-size:.8em;line-height:.9em}@media (max-width:1199px){footer{padding:50px 30px}}@media (max-width:991px){footer ul.fat-footer li.footer-item{text-align:center}footer ul.fat-footer li.footer-item ul{display:none}footer ul.info-link li.info-item:after{margin:0 .5em}}@media (max-width:767px){footer{padding:auto 15px}}@media (max-width:575px){footer{padding:30px 15px}footer ul.fat-footer{display:none}footer ul.info-link{margin-top:0}footer .footer-info{padding:0;line-height:1.25em}}body#index-top header{min-height:700px;background-image:url(../img/header-index.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;text-align:center;padding:130px 0}body#index-top header img{display:block;margin:0 auto}body#index-top #search{padding:100px 0}body#index-top #search h5{text-align:center;color:#495057}body#index-top #search .search-frame{margin:30px 0;padding:1.25rem 2rem;border:1px solid #e2e2e1;text-align:center}body#index-top #search .search-frame input[type=text]{width:100%;padding:.25em 1em;border:2px solid #ced4da;border-radius:5px}body#index-top #search .search-frame .filter{display:flex;flex-wrap:wrap;margin:20px 0;text-align:left}body#index-top #search .search-frame .filter .age{flex:0 0 70%;max-width:70%}body#index-top #search .search-frame .filter .type{flex:0 0 30%;max-width:30%}body#index-top #search .search-frame .filter i{font-size:1.5em}body#index-top #search .search-frame .filter a{margin:0 .5em;padding:0 .25em;color:#495057}body#index-top #search .search-frame .filter a:hover{color:#868e96}body#index-top #search .search-frame .filter a.active{color:#3d4da1;border:1px dashed #3d4da1}body#index-top #search .search-result{background-color:#ebebe9;margin:15px 0;padding:15px}body#index-top #search .search-result .items{background-color:#fff;margin:15px 0;padding:0;text-align:center}body#index-top #search .search-result .items .shopwindow{height:250px;padding:15px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);margin-bottom:15px;display:flex;align-items:center;justify-content:center}body#index-top #search .search-result .items .shopwindow img.img-fluid{max-height:220px;margin:auto}body#index-top #search .search-result .items h6{padding:0 5px;height:2.5em;overflow:hidden}body#index-top #search .search-result .load{text-align:center;margin:1.5em 0}body#index-top #search .search-result .load button{background-color:transparent;border:none;color:#868e96;cursor:pointer;transition:all .3s ease}body#index-top #search .search-result .load button div{width:2em;height:2em;line-height:2em;font-size:1.5em;margin:5px auto;background-color:#fff;color:#62a1ad;clip-path:circle(50% at 50% 50%)}body#index-top #search .search-result .load button:hover{opacity:.8}body#index-top{}@media (max-width:1199px){body#index-top header{min-height:auto;height:100vh}body#index-top header img.img-fluid{max-width:50%}}@media (max-width:991px){body#index-top header{padding:13vh 0}body#index-top #search .search-frame .filter .age,body#index-top #search .search-frame .filter .type{flex:0 0 100%;max-width:100%;margin:.5em 0}}@media (max-width:767px){body#index-top header{padding:20vh 0}body#index-top #search .search-frame{margin:0}}@media (max-width:575px){body#index-top header{padding:30vh 0}body#index-top header img.img-fluid{max-width:90%}body#index-top #search .search-frame{margin:auto 15px}body#index-top #search .search-frame .filter a{margin:0 .5em}body#index-top #search .search-result .items .shopwindow{height:180px}body#index-top #search .search-result .items .shopwindow img.img-fluid{max-height:150px}}body#inpage{background-image:url(../img/bg.jpg);background-color:#ebebe9}body#inpage header{background-image:url(../img/header.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;min-height:250px;color:#fff}body#inpage header img.img-fluid{max-width:25%}body#inpage nav .breadcrumb{margin:20px 0;padding:.75rem 0;background-color:transparent}body#inpage nav .breadcrumb .breadcrumb-item+.breadcrumb-item:before{font-family:'Noto Serif TC', serif;font-family:'Font Awesome 5 Free';font-weight:600;content:'\f054'}body#inpage nav .breadcrumb .breadcrumb-item{font-size:.9em;line-height:1.5em}body#inpage nav .breadcrumb .breadcrumb-item i{font-size:1.5em;line-height:.6em}body#inpage nav .breadcrumb .breadcrumb-item a{color:#495057}body#inpage nav .breadcrumb .breadcrumb-item a:hover{color:#868e96}body#inpage nav .breadcrumb .breadcrumb-item.active{color:#3d4da1}body#inpage section#mainContent{padding:0 120px}body#inpage section#mainContent #side-nav{background-color:#bfcfd2;padding:0}body#inpage section#mainContent #side-nav a{color:#fff}body#inpage section#mainContent #side-nav ul.age-list{list-style-type:none;padding:0;margin:0;font-size:1.25em;background-color:#bfcfd2;height:100%;min-width:280px;width:100%}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item{padding:.75em 40px;font-family:'Noto Serif TC', serif;font-weight:bold}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item a{color:#3d4da1}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item a:hover{color:#6675c5}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active{background-color:#364436;background-repeat:no-repeat;padding:40px;color:#fff;overflow:none;font-weight:normal;position:relative}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active a{color:rgba(255, 255, 255, 0.8)}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active a:hover{color:#fff}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:before{position:absolute;color:rgba(255, 255, 255, 0.1);font-size:32px;letter-spacing:3px;transform:rotate(90deg);top:150px;right:-90px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:first-child{background-image:url(../img/side-nav-1.png);background-size:120%;background-position:-50px 150px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:first-child:before{content:'1895 ─ 1911'}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(2){background-image:url(../img/side-nav-2.png);background-size:130%;background-position:-50px 550px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(2):before{content:'1911 ─ 1949'}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(3){background-image:url(../img/side-nav-3.png);background-size:110%;background-position:-20px 130px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(3):before{content:'1895 ─ 1945';top:125px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(4){background-image:url(../img/side-nav-4.png);background-size:110%;background-position:-10px 70px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(4):before{content:'1946 ─ 1949';top:95px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(5){background-image:url(../img/side-nav-5.png);background-size:110%;background-position:-20px 300px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active:nth-child(5):before{content:'1949 ─ 至今'}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active ul.cat{font-family:'Noto Sans TC', sans-serif;list-style-type:none;padding:0;margin-top:20px;padding-top:7px;border-top:1px solid #fff;font-size:1rem}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active ul.cat li.cat-item{margin:1em 0}body#inpage section#mainContent .content{padding:0 30px}body#inpage section#mainContent .content .title{font-family:'Noto Serif TC', serif;color:#3d4da1;font-weight:bold}body#inpage section#mainContent .content .sub-title{margin-bottom:10px;color:#868e96;font-size:.9em}body#inpage section#mainContent .content ul.year{padding-left:0;list-style-type:none;display:inline}body#inpage section#mainContent .content ul.year li.year-list{display:inline-block;line-height:2em}body#inpage section#mainContent .content ul.year li.year-list a{border:1px dashed rgba(61, 77, 161, 0);padding:.1em .25em}body#inpage section#mainContent .content ul.year li.year-list a.active{border:1px dashed #3d4da1}body#inpage section#mainContent .content .items{background-color:#fff;text-align:center;padding:0;padding-bottom:7px;margin:15px 0}body#inpage section#mainContent .content .items .shopwindow{height:250px;padding:15px;margin-bottom:15px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);display:flex;align-items:center;justify-content:center}body#inpage section#mainContent .content .items .shopwindow img.img-fluid{max-height:220px}body#inpage section#mainContent .content .items h6{padding:0 5px;height:2.25em;overflow-y:hidden}body#inpage section#mainContent .content .load{text-align:center;margin:1.5em 0}body#inpage section#mainContent .content .load button{background-color:transparent;border:none;color:#868e96;cursor:pointer;transition:all .3s ease}body#inpage section#mainContent .content .load button div{width:2em;height:2em;line-height:2em;font-size:1.5em;margin:5px auto;background-color:#fff;color:#62a1ad;clip-path:circle(50% at 50% 50%)}body#inpage section#mainContent .content .load button:hover{opacity:.8}body#inpage section#mainContent .content .pictureCarousel-for{height:400px;background-color:#fff;display:flex;align-items:center;justify-content:center}body#inpage section#mainContent .content .pictureCarousel-for .slick-list .slick-track{width:auto!important}body#inpage section#mainContent .content .pictureCarousel-for .slick-list .slick-track .slick-slide{position:absolute!important;transition:none!important}body#inpage section#mainContent .content .pictureCarousel-for .slick-list .slick-track .slick-slide img{display:none}body#inpage section#mainContent .content .pictureCarousel-for .slick-list .slick-track .slick-slide.slick-active{display:contents!important;width:auto!important;left:60px!important}body#inpage section#mainContent .content .pictureCarousel-for .slick-list .slick-track .slick-slide.slick-active img{display:inline}body#inpage section#mainContent .content .pictureCarousel-for img.img-fluid{max-height:370px;margin:15px auto}body#inpage section#mainContent .content .pictureCarousel-nav .items{background-color:#868e96;margin:10px;padding:10px;height:120px;opacity:.6;display:inline-flex;cursor:pointer}body#inpage section#mainContent .content .pictureCarousel-nav .items.slick-current{background-color:#fff;opacity:1}body#inpage section#mainContent .content .pictureCarousel-nav .items img.img-fluid{max-height:100px;margin:auto}body#inpage .updateTime{margin-bottom:20px;font-size:.9em;text-align:right}body#inpage .modal{padding:0!important}body#inpage .modal .modal-dialog{width:100%;max-width:100%;height:100vh;margin:0;padding-top:50px;background-color:rgba(0, 0, 0, 0.5)}body#inpage .modal .modal-dialog .modal-content{background-color:transparent}body#inpage .modal .modal-dialog .modal-content .modal-body{text-align:center}body#inpage .modal .modal-dialog .modal-content .modal-body .close{position:fixed;top:15px;right:15px;color:#fff;text-shadow:none}body#inpage{}@media (max-width:1439px){body#inpage{}body#inpage section#mainContent{padding:0 60px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item{padding:.75em 30px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active{padding:30px}body#inpage section#mainContent .content{}body#inpage section#mainContent .content .pictureCarousel-for{height:350px}body#inpage section#mainContent .content .pictureCarousel-for img.img-fluid{max-height:320px}body#inpage section#mainContent .content .pictureCarousel-nav .items{padding:5px;height:110px}}@media (max-width:1199px){body#inpage{}body#inpage header img.img-fluid{max-width:35%}body#inpage section#mainContent{}body#inpage section#mainContent #side-nav ul.age-list{min-width:230px}body#inpage section#mainContent .content{}body#inpage section#mainContent .content .items .shopwindow{height:200px}body#inpage section#mainContent .content .items .shopwindow img.img-fluid{max-height:170px}body#inpage section#mainContent .content .pictureCarousel-for{height:300px}body#inpage section#mainContent .content .pictureCarousel-for img.img-fluid{max-height:270px}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list{padding:0 20px!important}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list .items{padding:5px;height:90px}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list .items img.img-fluid{max-height:80px}}@media (max-width:991px){body#inpage{}body#inpage section#mainContent{}body#inpage section#mainContent #side-nav{margin-bottom:2rem}body#inpage section#mainContent #side-nav ul.age-list{width:100%}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item{width:100%;display:none}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active{display:inline-flex}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active ul.cat{display:block;border-top:none;border-left:1px solid #fff;margin-top:0;margin-left:20px;padding-top:0;padding-left:15px}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active ul.cat li.cat-item{display:inline-flex;padding-right:.75em;margin:0 .75em .5em 0;line-height:32px;border-right:1px solid #ced4da}body#inpage section#mainContent #side-nav ul.age-list li.age-list-item.active ul.cat li.cat-item:last-child{border-right:none}body#inpage section#mainContent .content{}body#inpage section#mainContent .content .pictureCarousel-for{height:400px}body#inpage section#mainContent .content .pictureCarousel-for img.img-fluid{max-height:370px}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list{padding:0 100px!important}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list .items{padding:10px;height:100px}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list .items img.img-fluid{max-height:80px}body#inpage section#mainContent .content .info-table{margin-top:2.5em}}@media (max-width:767px){body#inpage{}body#inpage header img.img-fluid{max-width:45%;margin:0 auto;display:block}body#inpage section#mainContent{}body#inpage section#mainContent .content{}body#inpage section#mainContent .content .pictureCarousel-for{margin:0 60px}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list{padding:0 150px!important}}@media (max-width:575px){body#inpage{}body#inpage header img.img-fluid{max-width:80%;margin:0 auto;display:block}body#inpage section#mainContent{padding:0 10px}body#inpage section#mainContent .row{margin:0}body#inpage section#mainContent .content{padding:0}body#inpage section#mainContent .content .items .shopwindow{height:160px;padding:10px}body#inpage section#mainContent .content .items .shopwindow img.img-fluid{max-height:140px}body#inpage section#mainContent .content .pictureCarousel-for{margin:0;height:300px}body#inpage section#mainContent .content .pictureCarousel-for img.img-fluid{max-height:270px}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list{padding:0 50px!important}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list .items{padding:5px;height:120px}body#inpage section#mainContent .content .pictureCarousel-nav .slick-list .items img.img-fluid{max-height:110px}body#inpage section#mainContent .content .info-table{margin-top:2em}body#inpage section#mainContent .content .info-table .table-tr{padding-top:10px}body#inpage .modal .modal-dialog{padding-top:0}body#inpage .modal .modal-dialog img.img-fluid{max-height:93vh}}@media (min-width:768px) and (orientation:portrait){body#inpage header img.img-fluid{max-width:50%;margin:0 auto;display:block}}