.center-title{font-family:"Noto Sans TC","lucida grande",tahoma,verdana,arial,sans-serif;font-size:28px;color:#505050;letter-spacing:0;font-weight:500;line-height:1.2;text-align:left;margin:30px 0}#distant-listing{user-select:none}#distant-listing .box{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:50px}.dist{width:160px;height:200px;padding:10px 15px;margin:5px 5px;position:relative;background-color:#fff;border-radius:10px;z-index:0}.dist:active,.dist:hover{width:160px;padding:10px 15px;margin:5px 5px;position:relative;background-color:#f5f5f5;border-radius:10px}.dist .dist-title{font-family:"Noto Sans TC","lucida grande",tahoma,verdana,arial,sans-serif;font-size:25px;color:#197cbc;letter-spacing:0;font-weight:500;line-height:1.2;position:relative;z-index:999}.dist .title-button{text-decoration:none}.dist .button{display:none;bottom:15px;right:0;font-size:15px;color:#197cbc;font-weight:500;text-align:right;padding:5px 15px;float:right;text-decoration:none;position:absolute;z-index:999}.dist .button:hover{display:none;bottom:15px;right:0;font-size:15px;color:#f9d400;font-weight:500;text-align:right;padding:5px 15px;float:right;text-decoration:none;position:absolute;z-index:999}.dist .background{margin:0;padding:0;top:-30px;left:0;width:60%;height:60%;position:absolute;z-index:1;display:block}.brick{height:3px;display:block;margin-top:-1px;background-color:#f9d400;width:30px;position:absolute;z-index:999}.line{height:1px;display:block;margin:8px 0;background-color:#b3b3b3;transition:width .6s;width:100%;position:relative;z-index:999}ul.dist-list{-webkit-columns:2;-moz-columns:2;columns:2;margin:0;padding:0;position:relative;z-index:999}ul.dist-list li{list-style:none;margin:0;padding:0;font-size:13px;font-weight:400;color:#757575;letter-spacing:0;position:relative;z-index:999}@keyframes rotate360{to{transform:rotate(360deg)}}.card-title h3{font-size:17px;color:#505050;padding-top:0;display:block;line-height:23px;min-height:23px}.card:hover>div .card-title a h3{text-decoration:underline}#distant-listing{position:fixed;display:none;z-index:5000;background:#fff}#distant-listing>.btn-close{position:absolute;top:20px;right:20px;cursor:pointer;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path%20d='M.293.293a1%201%200%20011.414%200L8%206.586%2014.293.293a1%201%200%20111.414%201.414L9.414%208l6.293%206.293a1%201%200%2001-1.414%201.414L8%209.414l-6.293%206.293a1%201%200%2001-1.414-1.414L6.586%208%20.293%201.707a1%201%200%20010-1.414z'/></svg>") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}#distant-listing .box{overflow:auto;margin-top:0!important}@media (min-width:1151px){#distant-listing{top:25%;border-radius:20px;width:90%;margin:0 5%}#distant-listing .nano{height:calc(75vh - 50px)!important;max-height:420px;margin-top:50px}}@media (max-width:1150px) and (min-width:773px){#distant-listing{top:10%;border-radius:20px;width:90%;margin:0 5%}#distant-listing .nano{height:calc(90vh - 50px)!important;max-height:680px;margin-top:50px}}@media (max-width:772px) and (min-width:697px){#distant-listing{top:10%;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;margin:0}#distant-listing .nano{height:calc(90vh - 50px)!important;max-height:calc(90vh - 50px);margin-top:50px}}@media (max-width:696px){#distant-listing{top:20px;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;margin:0}#distant-listing .nano{height:calc(100vh - 70px)!important;max-height:calc(100vh - 70px);margin-top:50px}}@media (max-width:991px){h1.section-header-title{height:auto!important;line-height:1.2!important;padding-top:15px;padding-bottom:15px}.section-title h2{display:block}}#distant-listing{left:50%;transform:translate(-50%,0)}#distant-listing .box{margin-left:10px;margin-right:10px}.dist{height:160px}@media (min-width:1151px){#distant-listing{margin:auto;max-width:724px}#distant-listing .box{padding-bottom:15px}}@media (max-width:1150px) and (min-width:773px){#distant-listing{margin:auto;max-width:724px}#distant-listing .box{margin-left:20px;margin-right:20px;padding-bottom:15px}}@media (max-width:772px) and (min-width:697px){#distant-listing{top:unset;bottom:0}#distant-listing .box{margin-left:30px;margin-right:30px}}@media (max-width:696px){#distant-listing .box{margin-left:20px;margin-right:20px}}@media (max-width:480px){#distant-listing .box{margin-left:0;margin-right:0}}