.u-mx-auto{margin-left:auto;margin-right:auto}.u-my-1{margin-top:1rem;margin-bottom:1rem}.u-my-2{margin-top:2rem;margin-bottom:2rem}.u-gap-s{gap:1rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,select{font-family:Arial,Helvetica,"Microsoft JhengHei",MingLiU,sans-serif;font-size:1rem}body{margin:0;background-color:#eee}img{vertical-align:bottom}.l-container{max-width:1200px}.l-grid{display:grid}.l-grid--3{grid-template-columns:repeat(3, 1fr)}.header{line-height:100px}.header__tit{margin:0;text-align:center;color:#666}.footer{text-align:center;padding-top:15px;padding-bottom:15px}.footer__tit{color:#999;font-size:1rem}.footer__desc{color:#999}.footer__desc a{color:#666;font-size:14px}.form__select{padding:10px;border:none;background-color:#eee;border-radius:3px}.form__select option{background-color:#fff}.pic{position:relative;overflow:hidden}.pic:hover .pic__intro{transform:translateY(0)}.pic:hover .pic__img{transform:scale(1.05);transform-origin:center}.pic__intro,.pic__city{position:absolute}.pic__intro{z-index:1;bottom:0;left:0;width:100%;padding:10px;transform:translateY(57px);transition-duration:.3s;box-sizing:border-box}.pic__city,.pic__town{font-size:13px}.pic__city{top:0;left:0;padding:5px;background-color:#e69500;color:#fff;z-index:1}.pic__town{color:#ddd;font-style:italic}.pic__name{position:relative;margin-top:5px;margin-bottom:20px;color:#fff;font-size:16px;font-weight:600}.pic__name::after{position:absolute;bottom:-12px;left:0;width:50px;border-bottom:solid 3px #fff;content:""}.pic__desc{font-size:14px;height:36px;line-height:1.3;color:#fff;overflow:hidden}.pic__figure::after{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.8) 100%);content:""}.pic__img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition-duration:.3s}.loader{text-align:center}.loader__desc{color:#fff;font-size:13px}.loader-rotatePlane{display:inline-block;width:45px;height:45px;background-color:#fff;animation:rotatePlane 1.2s infinite ease-in-out}@keyframes rotatePlane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.modal{z-index:10;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-dark{background-color:rgba(0,0,0,.7)}