@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*--- (e)normalize.css v8.0.1 ---*/
:root{
    --main-color:#192d4a;
    --secondary-color:#ff7612;
    --hover-color:#0078ff;
}
body{
    margin:0;
    font-size:16px; line-height:1.5rem;
    color:#333;
    font-family:'Open Sans', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', 'Meiryo', Arial, sans-serif;
    text-shadow:0 .3px .3px rgba(0,0,0,.08);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    image-rendering:-webkit-optimize-contrast;
    overflow-x:hidden;
    position:relative;
    background-color:var(--main-color);
    /* iOS 11.2 */
    padding-top:env(safe-area-inset-top);
    /* padding-bottom:env(safe-area-inset-bottom); */
}
body.is-fixed{
    overflow:hidden;
}
    body::before{
        content:"";
        display:block;
        position:fixed; z-index:11; top:0; left:0;
        width:100%;
        height:100vh;
        background-color:rgba(0,0,0,.9);
        opacity:0;
        pointer-events:none;
        transition:.3s;
    }
@media screen and (max-width:1024px){
    body.is-fixed::before{
        opacity:1;
    }
}
@media screen and (max-width:360px){/* Xiaomi */
    body{
        font-size:15px;
    }
}

*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

hr{
    display:block;
    height:1px;
    border:0; border-top:1px solid rgba(0,0,0,.1);
    margin:2em 0;
    padding:0;
}
@media screen and (max-width:440px){/* i16 Pro Max */
    hr{
        border-top-width:8px;
        margin:1.5em -15px;
    }
}

a{color:#0078ff; text-decoration:none;}
a:hover, a:active, a:focus{color:var(--hover-color);}
/* a:focus{outline:2px dashed DodgerBlue;} */

::-webkit-input-placeholder{color:#aaa; /* Edge */}
:-ms-input-placeholder{color:#aaa; /* IE */}
::placeholder{color:#aaa;}

.wrapper{
    width:1280px; min-width:1280px;
    height:100%; 
    margin:0 auto; 
    padding:0 40px;
    position:relative;
    /* box-shadow:inset 0 0 1px rgba(0,0,0,.9); */
}
@media screen and (max-width:1280px){
    .wrapper{
        width:100%; min-width:100%;
    }
}
@media screen and (max-width:1024px){
    .wrapper{
        padding:0 30px;
    }
}
@media screen and (max-width:992px){
    .wrapper{
        padding:0 20px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .wrapper{
        padding:0 15px;
    }
}

/*-------------------------------------------
Clearfix: contain floats
-------------------------------------------*/
.clearfix::after{content:""; display:table; clear:both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}

/*-------------------------------------------
Header
-------------------------------------------*/
#header__container{
    background-color:#fff;
    height:120px;
    position:relative; z-index:10;
    transition:.2s;
    /* iOS 11.2 */
    padding-top:env(safe-area-inset-top);
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
}
    .heading__link{
        display:inline-block;
        position:absolute; top:22px; left:40px; z-index:10;
        transition:.3s;
    }
    .heading__link:hover{
        opacity:.65;
    }
        .heading__title{
            margin:0;
            background:url(../images/endocrine_heading@2x.svg) no-repeat 0 0;
            background-size:100% auto;
            width:377px;
            /* height:70px; */
            height:0;
            padding-bottom:18.6%;
            transition:.3s;
        }
            .theading__title-tw{
                height:0px;
                overflow:hidden;
            }
            .theading__title-en{
                display:block;
                height:0px;
                overflow:hidden;
            }
@media screen and (max-width:1024px){
    .is-fixed #header__container{
        position:static;
    }
        .heading__link{
            top:15px; left:30px;
        }
            .heading__title{
                width:270px;
            }
}
@media screen and (max-width:992px){
    #header__container{
        height:60px;
    }
        .heading__link{
            top:5px; left:20px;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .heading__link{
        top:7px; left:15px;
    }
        .heading__title{
            width:250px;
        }
}
@media screen and (max-width:375px){/* i6,i7,i8,iX */
    .heading__link{
        top:10px;
    }
        .heading__title{
            width:220px;
        }
}

/*-------------------------------------------
Menu icon
-------------------------------------------*/
@media screen and (max-width:992px){
    .toggle-menu{
        display:inline-block;
        width:50px;
        height:50px;
        line-height:50px;
        text-align:center;
        padding:0;
        background-color:transparent;
        border-radius:50%;
        position:fixed; top:5px; z-index:200;
        right:calc(env(safe-area-inset-right) + 15px);
        -webkit-transition:.4s ease;
        -moz-transition:.4s ease;
        transition:.4s ease;
    }
        .toggle-menu::after{
            content:"";
            display:block;
            background-color:var(--main-color);
            width:100%;
            height:100%;
            position:absolute; top:0; left:0;
            opacity:0;
            transition:.3s;
        }
        .toggle-menu.toggle-menu--scroll::after{
            transform:scale(1);
            opacity:1;
        }
        .icon-menu{
            display:block;
            width:100%;
            height:100%;
            margin:0 auto;
            position:relative; z-index:2;
            transform:rotate(0deg);
            transition:.4s ease;
            cursor:pointer;
        }
            .icon-menu span{
                display:block;
                position:absolute; left:20%;
                width:60%;
                height:3px;
                margin:-2px auto 0;
                background-color:var(--main-color);
                opacity:1;
                transform:rotate(0deg);
                transition:.25s ease-in-out;
            }
            .icon-menu span:nth-child(1){top:30%;}
            .icon-menu span:nth-child(2){top:50%;}
            .icon-menu span:nth-child(3){top:70%;}

            .toggle-menu--scroll .icon-menu span{
                left:20%;
                width:60%;
                background-color:#fff;
            }
            .toggle-menu--active .icon-menu span{
                transition-delay:0s;
                background-color:#fff;
            }
            .toggle-menu--active .icon-menu span:nth-child(1){
                top:50%;
                transform:rotate(-45deg);
            }
            .toggle-menu--active .icon-menu span:nth-child(2){
                opacity:0;
            }
            .toggle-menu--active .icon-menu span:nth-child(3){
                top:50%;
                transform:rotate(45deg);
            }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .toggle-menu{
        right:5px;
    }
        .toggle-menu--active .icon-menu span{
            background-color:var(--main-color);
        }
        .toggle-menu.toggle-menu--scroll .icon-menu span{
            background-color:#fff;
        }
}

/*-------------------------------------------
Nav
-------------------------------------------*/
.menu-container{
    position:absolute; top:10px; right:0; z-index:2;
    height:100%;
}
    .menu-inner{
        position:relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        display:-webkit-flex;
    }
        .menu__top{
            list-style:none;
            margin:0;
            padding:0;
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            display:-webkit-flex;
            order:2;
        }
            .menu__top-item{
                -ms-flex-preferred-size:0;
                -ms-flex:1 0 auto;
                flex:1 0 auto;
                position:relative;
            }
                .memu__user{
                    background-color:var(--secondary-color);
                    color:#fff;
                    font-size:.75rem; line-height:1;
                    white-space:nowrap;
                    padding:4px 8px;
                    border-radius:30px;
                    position:absolute; left:50%; top:50%; z-index:2;
                    transform:translate(-50%, calc(-50% - 2rem));
                }
                .menu__top-link{
                    display:block;
                    background-color:var(--main-color);
                    color:#fff;
                    line-height:100px;
                    white-space:nowrap;
                    padding:0 30px;
                    position:relative;
                    transition:.3s;
                }
                .menu__top-link:hover,
                .menu__top-link:focus{
                    color:#fff;
                    opacity:.65;
                }
                .menu-login{
                    
                }
                .menu-logout{
                    
                }
                .menu-contact{
                    background-color:#061326;
                }
        .menu{
            list-style:none;
            margin:0 auto;
            padding:0;
            width:100%;
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            display:-webkit-flex;
            flex-wrap:wrap;
            -webkit-flex-wrap:wrap;
            -ms-flex-wrap:wrap;
            text-align:center;
            padding-right:10px;
        }
            .menu__item{
                -ms-flex-preferred-size:0;
                -ms-flex:1 0 auto;
                flex:1 0 auto;
                position:relative;
                text-align:center;
            }
                .menu__range{
                    display:inline-block;
                }
                    .menu__link{
                        display:inline-block;
                        color:var(--main-color);
                        font-size:1rem; line-height:100px;
                        white-space:nowrap;
                        padding:0 25px;
                        position:relative;
                        transition:.3s;
                    }
                    .menu__link:hover,
                    .menu__link:focus{
                        color:var(--hover-color);
                    }
        .menu__copyright{
            display:none;
        }
@media screen and (max-width:1660px){
    .menu__top-link,
    .menu__link{
        padding:0 18px;
    }
}
@media screen and (max-width:1480px){
    .menu__top-link,
    .menu__link{
        padding:0 15px;
    }
}
@media screen and (max-width:1280px){/* Air Mac */
    .menu__top{
        position:absolute; top:5px; right:0;
    }
        .menu__top-link{
            font-size:.875rem; line-height:40px;
        }
        .menu__link{
            line-height:40px;
        }
    .menu{
        padding-top:50px;
    }
}
@media screen and (max-width:1024px){
    .menu-container{
        width:100%;
    }
        .menu__top{
            top:10px;
        }
            .memu__user{
                top:-.75em; left:auto; right:100%;
                transform:translateX(30%);
            }
        .menu{
            padding-top:65px; padding-right:0;
        }
}
@media screen and (max-width:992px){
    .menu-container{
        display:block;
        position:fixed; top:0; left:auto; right:0;
        z-index:0;
        opacity:0;
        width:350px;
        height:100%;
        overflow:visible;
        background-color:#fff;
        pointer-events:none;
        transform-origin:left top;
        transform:skewX(10deg) translateX(50px);
        transition:.5s ease;
    }
    .menu-container.menu--active{
        opacity:1;
        z-index:100;
        pointer-events:auto;
        transform:skewX(0deg) translateX(0px);
    }
        .menu-inner{
            display:block;
            position:relative; left:0; top:0;
            width:100%;
            height:100%;
            overflow-x:hidden;
            overflow-y:auto;
            padding:12px 30px 60px;
        }
            .menu-inner::before{
                content:"";
                display:block;
                background:url(../images/endocrine_heading@2x.svg) no-repeat 0 0;
                background-size:100% auto;
                width:220px;
                height:0;
                padding-bottom:18.6%;
                transition:.3s;
                transition-delay:.2s;
            }
            /*--- Top Menu ---*/
            .menu__top{
                flex-wrap:wrap;
                -webkit-flex-wrap:wrap;
                -ms-flex-wrap:wrap;
                position:static;
                padding:10px 0;
                box-shadow:0 1px 0 rgba(255,255,255,.1);
                opacity:0;
                transition:.3s;
                transition-delay:.4s;
            }
            .menu__top.is-login{
                padding-top:20px;
            }
            .menu--active .menu__top{
                opacity:1;
            }
                .menu__top-item{
                    margin:0;
                    width:50%;
                }
                    .menu__top-link{
                        color:#fff;
                        font-size:1rem;
                        text-align:center;
                        padding:15px 5px;
                    }
                    .memu__user{
                        font-size:.875rem;
                        left:-10px;right:auto;
                        transform:translateX(0%);
                    }
            /*--- Main Menu ---*/
            .menu{
                display:block;
                height:auto;
                padding-top:10px;
                text-align:left;
                opacity:0;
                transition:.3s;
                transition-delay:.6s;
                text-align:left;
            }
            .menu--active .menu{
                opacity:1;
            }
                .menu__item{
                    border-bottom:1px solid rgba(0,0,0,.1);
                    text-align:left;
                    width:100%;
                    margin-bottom:3px;
                    opacity:0;
                    transition:.3s;
                }
                .menu--active .menu__item{
                    opacity:1;
                }
                .menu--active .menu__item:nth-child(1){transition-delay:.2s;}
                .menu--active .menu__item:nth-child(2){transition-delay:.3s;}
                .menu--active .menu__item:nth-child(3){transition-delay:.4s;}
                .menu--active .menu__item:nth-child(4){transition-delay:.5s;}
                .menu--active .menu__item:nth-child(5){transition-delay:.6s;}
                .menu--active .menu__item:nth-child(6){transition-delay:.7s;}
                .menu--active .menu__item:nth-child(7){transition-delay:.8s;}
                .menu--active .menu__item:nth-child(8){transition-delay:.9s;}
                .menu--active .menu__item:nth-child(9){transition-delay:1s;}
                    .menu__item::before{
                        display:none;
                    }
                    .menu__range{
                        display:block;
                    }
                        .menu__link{
                            color:var(--main-color);
                            font-size:1.125rem;
                        }
                        .menu__link--active,
                        .menu__link:hover,
                        .menu__link:focus{
                            color:var(--main-color);
                            opacity:1;
                        }
                            .have-sub-menu .menu__link::after{
                                content:"";
                                width:20px;
                                height:20px;
                                background:url(../images/icon_menu-arrow.svg) no-repeat 50% 50%;
                                background-size:cover;
                                position:absolute; top:50%;
                                transform:translateY(-50%);
                                opacity:.7;
                                margin-left:5px;
                                transition:.3s;
                            }
                            .have-sub-menu .menu__link.menu__link--active::after{
                                transform:translateY(-50%) rotate(-180deg);
                            }
                            .menu__link[target*="_blank"]::after{
                                width:18px;
                                height:18px;
                                position:static;
                                margin:0 0 0 5px;
                                vertical-align:middle;
                            }
            /*--- Menu Copyright ---*/
            .menu__copyright{
                display:block;
                color:#fff;
                font-size:.75rem; line-height:1;
                padding-top:20px;
                box-shadow:0 -1px 0 rgba(255,255,255,.2);
                opacity:0;
                transition:.3s;
                transition-delay:.5s;
            }
            .menu--active .menu__copyright{
                opacity:.6;
            }
                .menu__copyright a{
                    color:#fff;
                }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .menu-container{
        width:100vw;
    }
        .menu__top-link{
            font-size:4.25vw;
        }
        .menu__link{
            font-size:5vw;
            padding-top:3px; padding-bottom:3px;
        }
}
@media screen and (max-width:375px){/* i6,i7,i8,iX */
    .menu-inner{
        padding-left:15px; padding-right:15px;
    }
}
@media screen and (max-width:320px){/* i5 */
    .memu__user{
        font-size:.75rem;
    }
    .menu__link{
        padding-top:0; padding-bottom:0;
    }
}

/*-------------------------------------------
Sub Menu
-------------------------------------------*/
.sub-menu{
    list-style:none;
    margin:0;
    padding:0;
    background-color:var(--main-color);
    min-width:160px;
    position:absolute; top:75%; left:50%;
    transform:translateX(-50%);
    box-shadow:0 5px 12px rgba(0,0,0,.2);
    opacity:0;
    pointer-events:none;
    transition:.3s;
}
.menu__range:hover .sub-menu{
    opacity:1;
    top:85%;
    pointer-events:auto;
}
    .sub-menu::before{
        content:"";
        position:absolute; top:-14px; right:0; left:0;
        margin:auto;
        width:0;
        border-bottom:14px solid var(--main-color);
        border-right:12px solid transparent;
        border-left:12px solid transparent;
    }
    .sub-menu__item{
        text-align:center;
        box-shadow:0 1px 0 rgba(255,255,255,.1);
        position:relative;
    }
    .sub-menu__item:last-of-type{
        box-shadow:none;
    }
        .sub-menu__link{
            display:block;
            color:#fff;
            line-height:1.2;
            white-space:nowrap;
            padding:12px 18px;
            position:relative;
            transition:.2s;
        }
        .sub-menu__link:hover,
        .sub-menu__link:focus{
            color:#fff;
            opacity:.65;
        }
            .sub-menu__link::before{
                display:inline-block;
                vertical-align:-1px;
                width:16px;
                height:16px;
                background-repeat:no-repeat;
                background-position:50% 50%;
                background-size:cover;
                margin-right:5px;
            }
            .sub-menu__link[href*=".pdf"]::before{
                content:"";
                background-image:url(../images/icon_pdf@2x.svg);
            }
            .sub-menu__link[href*=".docx"]::before{
                content:"";
                background-image:url(../images/icon_word@2x.png);}
            }
            .have-third-menu .sub-menu__link::after{
                content:"";
                width:22px;
                height:22px;
                background:url(../images/icon-menu-arrow-white.svg) no-repeat 50% 50%;
                background-size:cover;
                position:absolute; top:50%;
                transform:translateY(-50%) rotate(-90deg);
                opacity:.6;
                margin-top:2px; margin-left:5px;
                transition:.3s;
            }
            .have-third-menu .sub-menu__link.sub-menu__link--active::after{
                transform:translateY(-50%) rotate(-180deg);
            }
            .sub-menu__link[target="_blank"]::after{
                content:"";
                display:inline-block;
                background:url(../images/icon-open-new-white.svg) no-repeat 100% 50%;
                background-size:cover;
                width:18px;
                height:18px;
                position:absolute; right:5px;
                margin:0 0 0 3px;
                opacity:.6;
            }
@media screen and (max-width:992px){
    .sub-menu{
        display:none;
        background-color:rgba(0,0,0,.025);
        position:static;
        transform:translateX(0%);
        opacity:1;
        pointer-events:auto;
        box-shadow:none;
        transition:none;
    }
        .sub-menu::before{
            display:none;
        }
        .sub-menu__item{
            box-shadow:0 1px 0 rgba(0,0,0,.05);
            padding-left:25px; padding-right:15px;
            text-align:left;
        }
            .sub-menu__link{
                display:inline-block;
                color:var(--main-color);
                font-size:1rem; 
                padding:12px 10px;
            }
            .sub-menu__link--active,
            .sub-menu__link:hover,
            .sub-menu__link:focus{
                color:var(--main-color);
                opacity:1;
            }
                .have-third-menu .sub-menu__link::after{
                    transform:translateY(-50%) rotate(0deg);
                }
                .sub-menu__link[target="_blank"]::after{
                    position:static;
                    vertical-align:middle;
                }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .sub-menu__link{
        font-size:3.8vw;
    }
        .sub-menu__link::before{
            vertical-align:bottom;
        }
}

/*-------------------------------------------
Third menu
-------------------------------------------*/
.third-menu{
    list-style:none;
    margin:0;
    padding:0;
    background-color:var(--main-color);
    min-width:160px;
    position:absolute; top:0; left:100%;
    border-radius:5px;
    box-shadow:0 5px 12px rgba(0,0,0,.2);
    opacity:0;
    pointer-events:none;
    transition:.3s;
}
.sub-menu__item:hover .third-menu{
    opacity:1;
    top:0;
    pointer-events:auto;
}
    /* .third-menu::after{ */
        /* content:""; */
        /* display:block; */
        /* background-color:rgba(0,0,0,.2); */
        /* position:absolute; top:0; left:0; z-index:1; */
        /* width:100%; */
        /* height:100%; */
        /* pointer-events:none; */
    /* } */
    .third-menu li{
        text-align:center;
        background-color:rgba(0,0,0,.2);
        box-shadow:0 1px 0 rgba(255,255,255,.2);
        position:relative; z-index:2;
    }
    .third-menu li:last-of-type{
        box-shadow:none;
    }
        .third-menu a{
            display:block;
            color:#fff;
            line-height:1.2;
            white-space:nowrap;
            padding:12px 18px;
            position:relative;
            transition:.2s;
        }
        .third-menu a:hover,
        .third-menu a:focus{
            color:#fff;
            opacity:.65;
        }
            .third-menu a[target="_blank"]::after{
                content:"";
                display:inline-block;
                background:url(../images/icon-open-new-white.svg) no-repeat 100% 50%;
                background-size:cover;
                width:18px;
                height:18px;
                position:absolute; right:5px;
                margin:0 0 0 3px;
                opacity:.6;
            }
@media screen and (max-width:992px){
    .third-menu{
        display:none;
        background-color:rgba(0,0,0,.15);
        position:static;
        transform:translateX(0%);
        border-radius:0;
        opacity:1;
        pointer-events:auto;
        margin-left:-25px; margin-right:-15px;
        box-shadow:none;
        transition:none;
    }
        .third-menu li{
            background-color:rgba(0,0,0,0);
            box-shadow:0 1px 0 rgba(255,255,255,.15);
            padding-left:40px;
            text-align:left;
        }
            .third-menu a{
                display:inline-block;
                font-size:.875rem; 
                padding:10px;
                white-space:normal;
            }
            .third-menu__link--active,
            .third-menu a:hover,
            .third-menu a:focus{
                opacity:1;
            }
                .third-menu__link[target="_blank"]::after{
                    position:static;
                    vertical-align:middle;
                }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .third-menu__link{
        font-size:3.8vw;
    }
}

/*-------------------------------------------
Content Header
-------------------------------------------*/
#page__header{
    background-color:var(--main-color);
    background-image:url(../images/bg_home.jpg);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
    position:relative; z-index:0;
    padding:4em 0;
    overflow:hidden;
}
    #page__header::before{
        content:"";
        display:block;
        background-color:var(--main-color);
        position:absolute; top:0; left:-50px; z-index:1;
        width:0%;
        height:100%;
        opacity:.4;
        transform:skewX(-15deg);
        transition:1s ease-in;
    }
    .loaded #page__header::before{
        width:calc(100% + 100px);
    }
    #page__header > .wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        display:-webkit-flex;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        align-items:center;
        /* justify-content:center; */
        z-index:2;
    }
        .page__title{
            width:100%;
            position:relative; z-index:3;
        }
            .page__title .current__title{
                margin:0;
                font-size:3rem; line-height:1;
                text-align:center;
            }
                .page__title .current__title small{
                    font-size:1rem; line-height:1; font-weight:400;
                    opacity:.7;
                    margin-left:1em;
                    vertical-align:.5em;
                }
@media screen and (max-width:992px){
    .page__title{
        font-size:2.5rem;
    }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .page__title{
        font-size:6vw;
        width:100%;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #page__header{
        padding:2.5em 0;
    }
        .page__title .current__title{
            font-size:7vw;
        }
            .page__title .current__title  small{
                font-size:.75rem;
            }
}
@media screen and (max-width:320px){/* i5 */
    .page__title .current__title {
        font-size:6.5vw;
        letter-spacing:-.025rem;
    }
}

/*-------------------------------------------
Breadcrumbs
-------------------------------------------*/
.breadcrumbs{
    position:relative; z-index:2;
}
    .breadcrumbs__inner{
        background-color:#fff;
        color:#777;
        font-size:.75rem;
        padding:10px 20px;
        position:absolute; top:-1.5em;
    }
        .breadcrumbs__inner span{
            
        }
        .breadcrumbs__inner a{
            color:#777;
        }
@media screen and (max-width:440px){/* i16 Pro Max */
    .breadcrumbs__inner{
        left:-15px;
    }
}

/*-------------------------------------------
Content Container
-------------------------------------------*/
#content__container{
    background-color:#fff;
    min-height:450px;
    position:relative; z-index:0;
    padding-top:60px; padding-bottom:60px;
    /* iOS 11.2 */
    padding-right:env(safe-area-inset-right);
    padding-left:env(safe-area-inset-left);
}
    .article__title{
        color:var(--main-color);
        font-size:1.875rem; line-height:1.25;
        margin:0 0 1.5em;
    }
    .part__title{
        color:var(--main-color);
        font-size:1.5rem; line-height:1.25; font-weight:700;
        letter-spacing:0.05em;
        position:relative;
        margin:1em 0;
    }
        .part__title::after{
            content:"";
            display:inline-block;
            font-size:1.5rem; line-height:1;
            vertical-align:.5rem;
            border-bottom:1px solid var(--secondary-color);
            opacity:.9;
            width:4em;
            margin-left:1.5rem;
        }
    .part__title:first-of-type{
        margin-top:0;
    }
        .part__title .member__name{
            position:relative;
        }
            .part__title .member__name small{
                position:absolute; bottom:100%;
                color:#777;
                font-size:.75rem; font-weight:400;
                letter-spacing:0;
            }
@media screen and (max-width:440px){/* i16 Pro Max */
    .article__title{
        font-size:6.5vw;
    }
    .part__title{
        font-size:5.5vw;
        letter-spacing:0;
    }
        .part__title::after{
            width:3.5em;
            margin-left:1rem;
        }
}

/*-------------------------------------------
Tabs Menu
-------------------------------------------*/
.tab-menu__container{
    position:relative; z-index:2;
    margin-bottom:30px;
}
    .tab-menu{
        text-align:center;
    }
        .tab-menu__list{
            display:inline-block;
            list-style:none;
            margin:0;
            padding:0;
            box-shadow:inset 0 -3px 0 rgba(0,0,0,.1);
        }
            .tab-menu__item{
                display:inline-block;
                position:relative; z-index:2;
            }
            .tab-menu__item:nth-of-type(n+2){
                margin-left:-.25rem;
            }
                .tab-menu__item a,
                .tab-menu__item input[type='button']{
                    display:block;
                    background:none;
                    border-bottom:3px solid transparent;
                    color:#333;
                    font-weight:400;
                    margin:0;
                    padding:10px 15px;
                    transition:.2s;
                }
                .tab-menu__item a:hover,
                .tab-menu__item input[type='button']:hover{
                    opacity:.65;
                    border-bottom-color:var(--secondary-color);
                }
                .tab-menu__item.is--current a,
                .tab-menu__item.is--current input[type='button']{
                    background-color:transparent;
                    border-bottom-color:var(--secondary-color);
                    color:var(--main-color);
                    font-weight:700;
                    pointer-events:none;
                }
            .tab-menu__list::after{
                
            }
@media screen and (max-width:440px){/* i16 Pro Max */
    .tab-menu__item a{
        padding:8px 10px;
    }
}
@media screen and (max-width:320px){/* i5 */
    .tab-menu__item a{
        font-size:.875rem;
    }
}

/*-------------------------------------------
Grid System
-------------------------------------------*/
.form__container{
    position:relative;
    width:100%;
    margin:0 auto 20px;
}
    .form__row{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        display:-webkit-flex;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        margin-left:-10px; margin-right:-10px;
    }
        .form__col{
            -ms-flex-preferred-size:0;
            flex-basis:0;
            -ms-flex-positive:1;
            flex-grow:1;
            -ms-flex:0 0 100%;
            flex:0 0 100%;
            max-width:100%;
            position:relative;
            padding:0 10px 15px;
            font-size:1.125rem;
        }
        .col-1{
            -ms-flex:0 0 8.333333%; flex:0 0 8.333333%;    max-width:8.333333%;
        }
        .col-2{
            -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%;
        }
        .col-3{
            -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;
        }
        .col-4{
            -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;
        }
        .col-5{
            -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;
        }
        .col-6{
            -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;
        }
        .col-7{
            -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;
        }
        .col-8{
            -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;
        }
        .col-9{
            -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;
        }
        .col-10{
            -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%;
        }
        .col-11{
            -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;
        }
        .col-12{
            -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;
        }    
        .col-auto{
            -ms-flex:0 0 auto; flex:0 0 auto; max-width:none;
        }
            .col__label{
                display:block;
                width:100%;
                color:var(--main-color);
                font-size:.875rem; font-weight:700; line-height:24px;
                letter-spacing:-.022em;
            }
                .col__label .required{
                    font-size:.75rem;
                    margin-left:3px;
                }
            .form__control{
                display:block;
                width:100%;
            }
@media screen and (max-width:768px){
    .form__container{
        /* padding:20px; */
    }
        .col-1, .col-2, .col-3, .col-4, .col-5, .col-6{
            -ms-flex:0 0 49.58888%;
            flex:0 0 49.58888%;
            max-width:49.58888%;
        }
        .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
            -ms-flex:0 0 100%;
            flex:0 0 100%;
            max-width:100%;
        }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .form__container{
        /* padding:15px; */
    }
        .col-1, .col-2, .col-3, .col-4, .col-5, .col-6{
            -ms-flex:0 0 100%;
            flex:0 0 100%;
            max-width:100%;
        }
            .col__label{
                font-size:.75rem;
            }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .form__col{
        font-size:1rem;
    }
}

/*-------------------------------------------
Search
-------------------------------------------*/
.search__container{
    border-bottom:1px solid rgba(0,0,0,.1);
    position:relative;
    padding:0 0 15px;
    margin-bottom:20px;
}
    .search__container .form__col{
        padding-top:5px; padding-bottom:5px;
    }
    .search__container .col-search{
        padding-top:24px;
    }
        .search__container input[type='text'],
        .search__container select{
            width:100%;
        }
        .search__container input[value='查詢']{
            background-image:url(../images/icon-search-white.svg);
        }
@media screen and (max-width:568px){/* i5 Landscape */
    .search__container .col-search{
        padding-top:0;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .search__container{
        padding:15px;
        margin:0 -15px 20px;
    }
        .search__container .col-search{
            text-align:center;
        }
            .search__container .col-search input{
                width:48%;
            }
}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{
    background:#fdf8ea; 
    border:1px solid #fad993;
    color:#000;
    text-align:center;
    border-radius:0;
    padding:20px 10px;
    margin:5px 0;
}
    .alert a{color:#09F;}

/*-------------------------------------------
Common
-------------------------------------------*/
.explanation{
    color:#C60 !important;
    font-size:.875rem; line-height:1.3; font-weight:400;
    padding:2px 0;
}
    .explanation ul{
        margin-top:0;
        padding-left:1.4em;
    }
.required{
    color:#f00 !important;
    font-weight:400;
}
.important{
    color:#f00 !important;
}
.none-data{
    color:#C60 !important;
    font-size:1rem !important;
    text-align:center;
    clear:both;
    padding:15px 0 !important;
}

@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
    .explanation{
        font-size:.75rem;
    }
    .none-data{
        font-size:.875rem !important;
    }
}
/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
    box-sizing:border-box; -webkit-box-sizing:border-box;
    -webkit-appearance:none; appearance:none;
    font-size:1rem; line-height:1;
    padding:8px 7px; 
    margin:0 0 5px 0; 
    background-color:#f6f9fb;
    border:1px solid #ccc; 
    border-radius:5px;
    transition:.2s;
}
input.datepicker, input.bir, input.hasDatepicker{
    width:110px !important;
}
input[type="file"]{
    width:100%;
    margin:0 0 5px 0;
}
.postcode{
    position:relative;
}
    .postcode input[type="text"],
    input[name*="postal_code"]{
        width:60px !important;
    }
    input[name*="postal_code2"]{
        width:50px !important;
    }
    .postcode .explanation{
        position:absolute; left:0; bottom:-30px;
    }
input[name*="address"]{
    width:calc(100% - 395px);
}
select{
    padding:11px 24px 11px 7px;
    background-image:url(../images/select_arrow.svg);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:24px 24px;
}
select::-ms-expand{
    display:none;
}
textarea{
    resize:vertical;
    width:100%;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
    outline:0;
    background-color:#fff;
    border:1px solid #24a5ff !important;
    box-shadow:0 0 0 1px rgba(36,165,255,.4);
}
input:invalid{
    /* border-color:#c00; */
}
input[type='radio'],
input[type='checkbox']{
    opacity:0;
    position:absolute; z-index:-1;
}
input[type='radio'] + label,
input[type='checkbox'] + label{
    display:inline-block;
    position:relative;
    padding-top:10px; padding-left:34px;
    line-height:1.3;
    min-height:32px;
}
    input[type='radio'] + label::before,
    input[type='checkbox'] + label::before{
        content:"";
        display:inline-block;
        width:32px; height:32px;
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:cover;
        position:absolute; left:0;
        margin-top:-6px;
    }
    input[type='radio'] + label::before{
        background-image:url(../images/icon-radio.svg);
    }
    input[type='radio']:checked + label::before{
        background-image:url(../images/icon-radio-checked.svg);
    }
    input[type='checkbox'] + label::before{
        background-image:url(../images/icon-checkbox.svg);
    }
    input[type='checkbox']:checked + label::before{
        background-image:url(../images/icon-checkbox-checked.svg);
    }
    input[type='radio']:disabled + label::before,
    input[type='checkbox']:disabled + label::before{
        opacity:.5;
    }
@media screen and (max-width:736px){/* i6,i7,i8 Plus Landscape */
    .postcode .explanation{
        position:static;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .postcode{
        display:inline-block;
        margin-bottom:30px;
    }
}
@media screen and (max-width:320px){/* i5 */
    .postcode input[type="text"],
    input[name*="postal_code"]{
        width:55px !important;
        padding-left:5px; padding-right:5px;
    }
    input[name*="postal_code2"]{
        width:45px !important;
        padding-left:5px; padding-right:5px;
    }
}

/*-------------------------------------------
Buttons
-------------------------------------------*/
input[type=submit], input[type=button], input[type=reset], a.btn, .field-file{
    box-sizing:border-box; -webkit-box-sizing: border-box;
    display:inline-block;
    -webkit-appearance:none; appearance:none;
    vertical-align:top; text-align:center;
    text-decoration:none;
    font-family:inherit;
    color:#fff;
    font-size:1rem; line-height:1;
    border:none;
    background-color:var(--main-color);
    background-image:url(../images/icon_arrow-right_white.svg);
    background-position:right 15px center;
    background-repeat:no-repeat;
    background-size:20px auto;
    padding:12px 45px;
    margin:0 0 5px 0; 
    transition:.2s;
    cursor:pointer; 
    /* outline:none; */
}
input.btn-secondary, .btn.btn-secondary, input[type="reset"]{
    color:var(--main-color);
    background-color:transparent;
    background-image:url(../images/icon_arrow-right.svg);
    box-shadow:inset 0 0 0 1px var(--main-color);
}
input.btn-del, a.btn-del, input[value*='刪']{
    background-color:#c00;
    background-image:none;
    padding-left:10px; padding-right:10px;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover{
    background-position:right 5px center;
}
hr + .buttons{
    padding:0;
}
.top-buttons{
    position:relative;
}
.buttons{
    text-align:center; 
    padding:30px 0 0; 
    position:relative;
}
    .buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
        padding:1em 2.5em; 
        font-size:1.125rem; line-height:1;
        margin-left:10px; margin-right:10px;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
        font-size:1.125rem;
        margin-left:5px; margin-right:5px; margin-bottom:8px;
    }
}

/*-------------------------------------------
Table (list)
-------------------------------------------*/
.table__list{
    margin:0 auto;
    border-collapse:collapse;
    border-bottom:1px solid #ddd;
}
    .table__list caption{
        text-align:left;
        font-size:1.25rem; font-weight:400;
        color:#000;
        padding:5px 0;
    }
    .table__list thead th{
        color:var(--main-color);
        font-size:.875rem; font-weight:700; line-height:1.2;
        letter-spacing:-.022em;
        border-bottom:2px solid rgba(0,0,0,.2);
        padding:5px 8px;
        text-align:left;
        word-break:keep-all;
        vertical-align:top;
    }
    .table__list tbody th{
        line-height:1.3;
        border-bottom:1px solid #c6daeb;
        background-color:#f5fbff; 
        padding:10px 8px;
    }
    .table__list tbody tr:nth-child(even){
        background-color:rgba(0,0,0,.04);
    }
    .table__list tbody td{
        /* border-bottom:1px solid #e3e3e3; */
        border-left:1px solid rgba(0,0,0,.05);
        position:relative;
        color:#111;
        line-height:1.3;
        word-break:break-word;
        padding:10px 8px;
    }
    .table__list tbody td:first-child{
        border-left:none;
    }
        .table__list tbody td a{
            word-break:break-all;
        }
    .table__list tfoot tr{
        background-color:#fdf8ea;
    }
        .table__list tfoot td{
            background-color:#fdf8ea;
            border-top:3px solid #aaa;
            font-size:1.25rem;
            color:#000;
            padding-bottom:15px;
        }
    .table__list .btn{
        background-image:none;
        padding-left:15px; padding-right:15px;
    }
/*--- table ---*/
.table__wrap{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
}
@media screen and (max-width:992px){
    .table__wrap::before,
    .table__wrap::after{
        display:block;
        content:"*表格過寬時，可左右滑動觀看";
        color:#C60;
        font-size:.75rem;
        padding:5px 0;
    }
    .table__wrap table{
        min-width:100% !important;
    }
        .table__list thead th{
            font-size:.75rem;
            padding:5px 5px;
        }
        .table__wrap .table__list thead th{
            font-size:.75rem;
            white-space:nowrap;
        }
        .table__list tbody td{
            font-size:.875rem;
            padding:8px 5px;
        }
}

/*-------------------------------------------
Table (content)
-------------------------------------------*/
.table__content{
    margin:0 auto;
    border-collapse:collapse;
}
    .table__content caption{
        text-align:left;
        font-size:1.25rem; font-weight:400;
        color:#000;
        padding:5px 0;
    }
    .table__content th, .table__content td{
        padding:10px 8px;
    }
    .table__content tbody th{
        color:var(--main-color);
        font-size:.875rem; font-weight:700; line-height:24px;
        letter-spacing:-.022em;
        border-bottom:1px solid rgba(0,0,0,.1);
    }
    .table__content tbody tr:first-child th{
        border-top:1px solid rgba(0,0,0,.2);
    }
    .table__content tbody td{
        border-bottom:1px solid rgba(0,0,0,.1); 
        border-left:1px solid rgba(0,0,0,.05);
        color:#111; 
        height:40px;
        position:relative;
        word-break:break-all;
    }
    .table__content tbody tr:first-child td{
        border-top:1px solid rgba(0,0,0,.2);
    }
    .table__content tbody tr td:first-child{
        border-left:none;
    }
    .table__content .btn{
        background-image:none;
        padding-left:15px; padding-right:15px;
    }
@media screen and (max-width:568px){/* i5 Landscape */
    .table__content{
        border-bottom:1px solid rgba(0,0,0,.1);
    }
        .table__content tbody tr:first-child td{
            border:none;
        }
        .table__content tr,
        .table__content tbody th,
        .table__content tbody td{
            display:block;
            width:100%;
            text-align:left;
            height:auto;
            border:0;
        }
        .table__content tbody td{
            min-height:32px;
            padding-bottom:15px;
        }
            .table__content .explanation{
                display:block;
                margin-top:5px;
            }
}

/*-------------------------------------------
URL
-------------------------------------------*/
.url{
    position:relative;
    background-color:#f6f9fb;
    border-top:1px solid rgba(0,0,0,.1);
    padding:15px 15px 15px 90px;
    font-size:.875rem; line-height:1.3;
    word-break:break-all;
}
    .url__label{
        display:inline-block;
        font-size:.875rem; line-height:1.3;
        position:absolute; left:15px;
    }
@media screen and (max-width:568px){/* i5 Landscape */
    .url{
        padding-left:15px;
    }
        .url__label{
            display:block;
            position:static;
            padding-bottom:5px;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .url{
        margin:0 -15px;
    }
}

/*-------------------------------------------
Attachment
-------------------------------------------*/
.attachment{
    background-color:#f7f7f7;
    list-style:none;
    margin:0;
    padding:15px 15px 10px 90px;
    position:relative;
    border-top:1px solid rgba(0,0,0,.1);
}
    .att__label{
        display:inline-block;
        font-size:.875rem; line-height:1.3;
        position:absolute; left:15px;
    }
    .att__item{
        display:inline-block;
        vertical-align:top;
        margin-right:10px;
    }
    .att__item:last-of-type{
        margin-right:0;
    }
        .attachment a{
            display:inline-block;
            background-image:url(../images/icon-file.svg);
            background-repeat:no-repeat;
            background-position:15px 9px;
            background-size:16px auto;
            background-color:#fff;
            color:#111;
            font-size:.875rem; line-height:1.3;
            padding:8px 15px 8px 38px;
            border:1px solid #aaa;
            margin-bottom:5px;
            transition:.2s;
        }
        .attachment a:hover{
            color:#000;
            background-color:#f4f4f4;
            background-position:15px 9px;
            /* box-shadow:0 1px 8px rgba(0,0,0,.1); */
        }
        .attachment a[href *='.pdf']{background-image:url(../images/icon_pdf@2x.png);}
        .attachment a[href *='.doc'], .attachment a[href *='.docx']{background-image:url(../images/icon_word@2x.png);}
        .attachment a[href *='.xls'], .attachment a[href *='.xlsx']{background-image:url(../images/icon_excel@2x.png);}
        .attachment a[href *='.ppt'], .attachment a[href *='.pptx']{background-image:url(../images/icon_powerpoint@2x.png);}
        .attachment a[href *='.jpg'], .attachment a[href *='.JPG'], 
        .attachment a[href *='.jpeg'], .attachment a[href *='.JPEG'], 
        .attachment a[href *='.png'], .attachment a[href *='.PNG']{background-image:url(../images/icon_img@2x.png);}
        .attachment a[href *='.rar']{background-image:url(../images/icon_rar@2x.png);}
        .attachment a[href *='.zip']{background-image:url(../images/icon_zip@2x.png);}
@media screen and (max-width:440px){/* i16 Pro Max */
    .att__item{
        display:block;
        padding-right:0;
    }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .attachment{
        padding-left:15px;
    }
        .att__label{
            display:block;
            position:static;
            padding-bottom:5px;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .attachment{
        margin:0 -15px;
    }
}

/*-------------------------------------------
Share 分享
-------------------------------------------*/
.share{
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    border-top:1px solid rgba(0,0,0,.1);
    padding:15px 0 0 15px;
}
    .share__item{
        display:inline-block;
        padding-right:15px;
        line-height:24px;
    }
        .share__label{
            display:inline-block;
            font-size:.875rem;
        }
        .share__link{
            display:inline-block;
            text-indent:-99999em;
            background-repeat:no-repeat;
            background-position:50% 50%;
            background-size:24px auto;
            width:24px; height:24px;
            margin-right:5px;
            transition:.2s;
        }
        .share__link:hover{
            opacity:.7;
        }
        .btn-twitter{background-image:url(../images/icon-social-x.svg);}
        .btn-fb{background-image:url(../images/icon-social-facebook.svg);}
        .btn-line{background-image:url(../images/icon-social-line.svg);}
        .btn-mailto{background-image:url(../images/icon-social-mail.svg);}
        .btn-clipboard{background-image:url(../images/icon-social-clipboard.svg);}
@media screen and (max-width:360px){/* Xiaomi */
    .share__item{
        padding-right:10px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .share{
        margin:0 -15px;
    }
}

/*-------------------------------------------
Page 分頁
-------------------------------------------*/
.page{
    margin:30px auto 0;
    font-size:.875rem; line-height:34px;
    text-align:center;
}
    .page .current,
    .page a,
    .page select{
        display:inline-block;
        font-size:.875rem; line-height:34px;
        margin:3px 2px;
    }
    .page .current{
        font-weight:700;
        border:1px solid transparent;
        padding:0 12px;
        margin:0 2px;
    }
    .page a{
        color:#333;
        background-color:#fff;
        border:1px solid #bbb;
        border-radius:5px;
        padding:0 12px;
        transition:.2s;
    }
    .page a:hover{
        color:#fff;
        box-shadow:inset 0 0 0 30px rgba(0,0,0,.4);
    }
    .page select{
        margin:3px;
        padding:0 24px 0 8px;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .page{
        font-size:.75rem;
    }
        .page .current,
        .page a{
            font-size:.75rem;
            padding-left:6px; padding-right:6px;
            margin-left:1px; margin-right:1px;
        }
        .page .pageTo{
            display:block;
        }
}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
    background-position:50% 0%;
    background-repeat:no-repeat;
    background-size:cover;
    padding:45px 0;
    color:#fff;
    text-align:center;
    position:relative; z-index:3;
    /* iOS 11.2 */
    padding-bottom:calc(env(safe-area-inset-bottom) + 45px);
}
    .footer__contact{
        list-style:none;
        margin:0;
        padding:0;
        text-align:center;
    }
        .contact__item{
            display:inline-block;
            margin:0 1em;
        }
        .contact__item.item-tel{
            display:block;
            color:var(--secondary-color);
            font-size:1.5rem;
            margin:0 auto 5px;
        }
            .contact__item.item-tel label{
                display:inline-block;
                width:32px;
                height:32px;
                background:url(../images/icon_tel.svg) no-repeat 50% 50%;
                background-size:cover;
                text-indent:-99999em;
                margin-right:5px;
                vertical-align:2px;
            }
        .contact__item.item-line{
            display:block;
            padding:5px 0;
        }
            .contact__item.item-line a{
                color:#07B53B;
                font-weight:700;
            }
            .contact__item.item-line small{
                color:#fff;
                font-weight:400;
                opacity:.7;
            }
            .contact__item.item-line .line__link,
            .touch .contact__item.item-line .line__qr{
                display:none;
            }
            .touch .contact__item.item-line .line__link{
                display:inline-block;
            }
                .contact__item.item-line a::before{
                    content:"";
                    display:inline-block;
                    vertical-align:-4px;
                    background:url(../images/icon-social-line.svg) no-repeat 0 50%;
                    background-size:cover;
                    width:20px;
                    height:20px;
                    margin-right:3px;
                }
        .contact__item.item-post-account{
            
        }
    .footer__copyright{
        position:relative;
        padding-top:30px;
        font-size:.75rem;
    }
        .footer__visits{
            display:inline;
            opacity:.7;
        }
        .footer__copyright a{
            color:#fff;
        }
        .footer__copyright a:hover{
            opacity:.65;
        }
    .footer__recommended{
        color:#fff;
        font-size:.75rem;
        opacity:.5;
    }
    .huaweb{
        font-size:.75rem;
        opacity:.2;
    }
        .huaweb a{
            color:#fff;
        }
        .huaweb a:hover{
            opacity:.65;
        }
@media screen and (max-width:1024px){
    footer{
        /* iOS 11.2 */
        padding-bottom:calc(env(safe-area-inset-bottom) + 60px);
    }
}
@media screen and (max-width:992px){
    footer{
        padding-top:40px;
        /* iOS 11.2 */
        padding-left:env(safe-area-inset-left);
        padding-right:env(safe-area-inset-right);
        padding-bottom:calc(env(safe-area-inset-bottom) + 30px);
    }
        .footer__visits{
            position:static;
            display:inline;
            margin-left:1em;
        }
        .footer__recommended{
            display:none;
        }
}
@media screen and (max-width:568px){/* i5 Landscape */
    .footer__contact .contact__item{
        display:block;
    }
    .footer__visits{
        display:block;
        margin-left:0;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    footer{
        text-align:left;
    }
        .contact__item{
            font-size:.875rem;
            text-align:left;
            margin:0;
        }
        .contact__item.item-tel{
            font-size:1.25rem;
        }
        .contact__item.item-line{
            padding:0;
        }
            .contact__item.item-line small{
                
            }
        .footer__contact li{
            display:block;
            margin-right:0;
        }
        .footer__copyright{
            line-height:1.5;
            padding-top:20px;
            text-align:left;
        }
            .footer__copyright .tw{
                display:block;
            }
}
@media screen and (max-width:320px){/* i5 */
    .footer__contact li{
        font-size:.75rem;
    }
}

/*-------------------------------------------
Keyword Label
-------------------------------------------*/
.keyword__label{
    position:absolute; left:0; bottom:0; z-index:-1;
    height:0px;
    overflow:hidden;
}
    .keyword__label span{
        display:inline-block;
        line-height:1;
    }

/*-------------------------------------------
glightbox style
-------------------------------------------*/
.glightbox-clean .gslide-title,
.glightbox-modern .gslide-title{
    font-family:inherit;
    margin:0;
}
.glightbox-clean .gslide-desc,
.glightbox-modern .gslide-desc{
    color:#777;
    font-family:inherit;
    padding-top:.5em;
}

/*-------------------------------------------
JQuery UI
-------------------------------------------*/
.ui-widget{
    font-family:inherit;
    box-shadow:0 3px 12px rgba(0,0,0,.2);
}
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button{
        font-family:inherit;
        padding:5px;
    }
    .ui-datepicker-calendar thead th:first-child,
    .ui-datepicker-calendar thead th:last-child{
        color:#c00;
    }
    .ui-datepicker th{
        padding:.3em;
    }
    img.ui-datepicker-trigger{
        display:inline-block;
        vertical-align:-5px;
        height:24px;
        position:relative; left:3px;
        cursor:pointer;
    }