@charset "UTF-8";
/* CSS Document */

.hp-location-col-x3 { width: 100%; height: 30vw; margin: 0 0 80px 0; display: flex; justify-content: flex-start; align-items: stretch; overflow: hidden;}

.hp-location-col { width: calc(100% / 3 - 10px); margin: 5px; color: #fff; font-size: 1.3vw; line-height: 2vw; text-align: left;}

.hp-location-box { width: 100%; }

.hp-location-img-1 { width: 100%; height: 12vw; overflow: hidden;}
.hp-location-img-2 { width: 100%; height: 15.5vw; overflow: hidden;}
.hp-location-img-1 img, .hp-location-img-2 img { width: 100%; height: auto;}

.hp-location-text { width: 100%; color: #666; font-size: 1.2vw; text-align: center;}

.padding-space { padding: 40px; box-sizing: border-box;}

ul#sitemap { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
ul#sitemap li { padding: 0; margin: 20px; font-size: 1.2em;}

/* 這個元素內嵌在 iframes 裡，有可能造成部分 layout 變形，所以請把它隱藏 */
#fb-root {
    display: none;
}

/* 讓所有容器的寬度都變成 100% */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
.fb-page { margin: 0 auto;}


/** line link **/
#line-link-bt { width: 80px; background-color: #00cb42; position: fixed; top: 300px; right: 0; z-index: 99999999;}
#line-link-bt a { width: 100%; padding: 10px; color: #fff; text-decoration: none; box-sizing: border-box; display: block;}
#line-link-bt a img { width: 100%; height: auto;}
#line-link-bt a .text { width: 100%; padding: 10px 0 0 0; font-size: 1.2rem; font-weight: 500; line-height: 1.2em; text-align: center;}


@media screen and (max-width: 767px) {
    
    .hp-location-col-x3 { width: 100%; height: auto; margin: 0 0 80px 0; display: flex; justify-content: center; flex-wrap: wrap;}    
    
    .hp-location-col { clear: both; width: 90%; margin: 5px auto; color: #fff; font-size: 1.4em; line-height: 1.8em; text-align: left;}
    
    .hp-location-img-1 { clear: both; width: 100%; height: auto;}
    .hp-location-img-2 { clear: both; width: 100%; height: auto;}
    
    .hp-location-text { width: 100%; color: #666; font-size: 1.2em; text-align: center;}
    
    .padding-space { padding: 20px; box-sizing: border-box;}


    /** line link **/
    #line-link-bt { width: 60px; background-color: #00cb42; position: fixed; top: 300px; right: 0; z-index: 99999999;}
    #line-link-bt a { width: 100%; padding: 10px; color: #fff; text-decoration: none; box-sizing: border-box; display: block;}
    #line-link-bt a img { width: 100%; height: auto;}
    #line-link-bt a .text { width: 100%; padding: 10px 0 0 0; font-size: 1.2rem; font-weight: 500; line-height: 1.2em; text-align: center;}
    
}