.banner,header{max-height:400px}
/*
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype')}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype')}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype')}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype')}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype')}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype')}
*/
header .social .s-home,header .social .s-res,header .social .s-share,header .social .s-transport,header .social .s-user{width:25px;height:25px}
.banner,header .header-row{width:100%;position:absolute}
body,html{max-width:1920px;margin:0 auto;overflow-x:hidden;background:#f7f7f7}
h1{margin:0}
a:hover{text-decoration:none!important}
.lg-container{position:relative;height:100%;margin:15px auto;z-index:9;max-width:100%;font-family:"Noto Sans TC","微軟正黑體"}
@media only screen and (min-width:768px){.lg-container{max-width:720px}
}
@media only screen and (min-width:992px){.lg-container{max-width:930px}
}
.Apv3LoadOvly img{max-width:100%;margin-top:50vh!important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.banner{height:220px;max-width:1920px}
.banner .banner-img{width:100%;height:100%;object-fit:cover}
header{height:220px;background:url(i/blank.gif) center/cover}
header .header-row{bottom:0;margin:7px}
header .logo{padding:0 14px;white-space:nowrap;position:absolute;bottom:60px}
header .logo a.logo_blk{text-align:center;display:table-cell;vertical-align:middle;background:#fff;border-radius:4px;box-shadow:0 1px 1px 0 rgba(0,0,0,.5);width:158px;height:148px;padding:5px}
header .logo .logo-img{padding:0;position:relative;top:0}
header .logo .logo-title{bottom:0;color:#fff;display:table;font-family:"Noto Sans TC","微軟正黑體",sans-serif;font-size:20px;left:7.2em;letter-spacing:2.2px;margin:0;padding-left:0;text-shadow:1px 2px 3px rgba(0,0,0,.7);width:calc(100% - 9rem);vertical-align:middle;white-space:normal;padding-bottom:37px}
footer .copyright .provide-project,header .select{font-family:"Noto Sans TC",sans-serif}
header .social{display:none;list-style:none;position:absolute;right:11px;top:11px;z-index:9999}
header .social li{display:inline-block;margin-left:25px;text-align:center;-webkit-filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5));filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}
header .social .s-home{background:url(i/icon-home.png) center no-repeat}
header .social .s-user{background:url(i/icon-user.png) center no-repeat}
header .social .s-res{background:url(i/icon-res.png) center no-repeat}
header .social .s-share{background:url(i/icon-share.png) center no-repeat}
header .social .s-transport{background:url(i/icon-transport.png) center no-repeat}
header .dropdown{padding:0 10px}
header .dropdown:nth-child(1){padding-left:0}
header .dropdown:nth-child(2){padding-right:30px}
header .select{position:relative;display:block;width:100%;height:100%;margin-right:5px;line-height:46px;background:#fff;overflow:hidden;border-radius:4px;font-size:17px}
header .select::after{content:'\25BC';position:absolute;top:0;right:0;bottom:0;padding:0 1em;background:#fff;pointer-events:none}
header .select:hover,header .select:hover select,header .select:hover::after{background:#eee}
header select,header select option{background:#fff}
header select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;width:100%;height:45px;margin:0;padding:0 45px 0 1em;color:#000;cursor:pointer;letter-spacing:2.3px;padding-right:30px\9}
header select::-ms-expand{display:none}
main{min-height:50vh}
footer{margin-top:20px}
footer .copyright{background-color:#dddddc;text-align:right;margin-bottom:58px}
footer .copyright .provide-project{display:inline-block;padding:10px 17px;font-size:14px;letter-spacing:1.6px}
@media only screen and (max-width:767px){header .logo{bottom:0}
header .logo a.logo_blk{height:77px;width:87px}
header .logo .logo-img{top:0}
header .logo .logo-title{display:none;width:auto;padding-bottom:4px;padding-left:2px;vertical-align:bottom}
header .options{float:right}
}
@media only screen and (min-width:768px){header{margin-bottom:30px;position:relative}
header .header-row{margin:0;width:100%;position:absolute;bottom:5px;z-index:9}
header .logo{bottom:-20px;padding:0}
header .logo .logo-title{font-size:30px;position:absolute;margin:0 auto;left:6em}
header .social{display:block}
header .social .dropdown{margin:31px 20px;float:right;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
header .options{right:0;padding:0;float:right}
header .options .dropdown{float:right;padding:15px!important}
footer .copyright{margin-bottom:0}
footer .funcs{display:none}
}
@media only screen and (min-width:1024px){.banner,header{height:347px}
.banner{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
@media only screen and (max-width:767px){.banner,header{height:210px}
header{margin-bottom:15px}
.v3lang{float:right;margin-top:144px}
header select{padding:0 35px 0 1em}
header .select{font-size:15px}
header .options{float:none;position:absolute;bottom:156px;left:0}
header .options .dropdown{padding-right:0}
}
#map-canvas{width:100%;height:400px}