html,body{height:100vh;width:100%;font-family:微軟正黑體}.banner{background:url(https://pic4.zhimg.com/v2-d1e6365161bf2a69b5aef8fe784c2d8e_r.jpg?source=172ae18b);background-repeat:no-repeat;background-size:cover;height:380px;background-position:center bottom}.page-title{color:#ffff;font-size:40px;text-align:center;position:relative;top:89px;letter-spacing:3.89px;line-height:41px}.city-select,.cityyear-select{width:40%;position:relative;top:200px;margin:0 auto}.city-select select,.cityyear-select select{width:100%;padding:10px;background:rgba(255,255,255,0.7);border:3px solid #FFFFFF;border-radius:3px;font-size:18px;font-weight:bold}.top-city{padding:15px 20px;background-color:#ffffff;box-shadow:3px 3px 3px #323232eee;border-radius:5px;position:relative;top:-25px;width:70%;margin:auto}.top-city h2{font-size:18px;font-weight:bold;color:#000000}.top-city ul{margin:20px}.top-city ul:after{clear:both;content:'';display:block}.top-city ul li{border-radius:5px;color:#ffff;text-align:center;padding:10px;cursor:pointer;font-size:20px;display:block;float:left;margin:5px}.dividing{border-top:1px dashed #559AC8;width:80%;margin:30px auto 60px auto;position:relative}.center-icon{text-align:center;width:20px;height:20px;margin:0 auto;background:#ffff;position:absolute;left:0;right:0;top:-12px;border-radius:50%;border:1px solid #559AC8}.center-icon span{font-size:12px;color:#559AC8}.content{width:80%;margin:0 auto}.city-name{font-size:36px;font-weight:bold;color:#8A82CC;text-align:center;margin:30px 0px}.place-list{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin:auto;margin-bottom:50px}.remind{margin:0 auto;font-size:20px}.placeItem{display:flex;width:350px;height:300px;flex-direction:column;background:#FFFFFF;box-shadow:0 1px 3px 0 #00000033;margin-bottom:30px;position:relative}.place-img{height:175px;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}.palce-name{font-size:24px;color:#ffff;display:flex;margin:10px 15px;justify-content:space-between;align-items:flex-end}.palce-name span{font-size:16px}.place-info{margin:20px;display:flex;flex-direction:column}.place-info-item{margin-bottom:12px;font-weight:bold}.icon{width:20px;display:inline-block;text-align:left}.place-tag{position:absolute;bottom:30px;font-weight:bold}.page-number{margin:20px 0px;display:flex;justify-content:center;flex-wrap:wrap}.page-item{color:#4A4A4A;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0px 10px}.page-item:hover{color:#000000;font-weight:600}.page-number-item{margin:10px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center}.page-number-item:hover{background:#c5d4fdee}.page-number-item.active{background:#8da8f3ee;font-weight:bold}footer{background-color:#559AC8;padding:24px;text-align:center}footer p{font-size:14px;margin:10px 0px}.modal-dialog{width:80% !important}#container-top{display:none}#main-wrap .container{width:100%;background-image:none !important;background:#323232}#container-bottom{display:none}