@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{
    --primary-rgb:116,192,254;
    --primary-color:rgba(var(--primary-rgb),1);
    --secondary-rgb:70,108,208;
    --secondary-color:rgba(var(--secondary-rgb),1);
    --theme-color:#331D75;
    --theme-rgb:51,29,117;
    --theme-font-family:"Fira Sans Extra Condensed", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    --link-color:#2b81eb;
    --hover-color:#005aff;
    --bg-color:#1548BE;
}
body{
    margin:0;
    font-size:16px;
    line-height:1.75rem;
    color:#333;
    font-family:"Fira Sans", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    text-shadow:0 .3px .3px rgba(0,0,0,.08);
    font-optical-sizing:auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
    background-color:var(--bg-color);
    overflow-x:hidden;
}
body.is-fixed{
    position:fixed;
    width:100%;
}
@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(var(--primary-rgb),.2);
    margin:2em 0;
    padding:0;
}
a{color:var(--link-color); text-decoration:none; }
a:hover, a:active, a:focus{color:var(--hover-color);}

.wrapper{
    width:1280px; min-width:1280px; 
    height:100%;
    padding:0 40px;
    margin:0 auto; 
    position:relative;
    /* box-shadow:inset 0 0 1px rgba(0,0,0,.9); */
}
@media screen and (max-width:1280px){/* Air Mac */
    .wrapper{
        width:100%; min-width:100%;
    }
}

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

/*-------------------------------------------
Scroll View
-------------------------------------------*/
.scrollView{
    /* transform:translateY(-60px) scale(1.02); */
    /*
    transform:translateY(-60px);
    opacity:0;
    transition-property:transform opacity;
    transition-duration:1s;
    transition-timing-function:ease;
    */
}
.scrollView.active{
    /* -webkit-transform:translateY(0) scale(1); */
    /*
    transform:translateY(0);
    opacity:1;
    */
}

/*-------------------------------------------
Header
-------------------------------------------*/
#header__container{
    /* background:linear-gradient(to right, rgba(var(--primary-rgb),1) 0%,rgba(var(--secondary-rgb),1) 100%); */
    background:url(../images/bg_bgcolor.jpg) no-repeat 50% 50%;
    background-size:cover;
    height:360px;
    position:relative;
}

/*-------------------------------------------
Nav
-------------------------------------------*/
.menu-container{
    /* background-color:var(--primary-color); */
    background-color:#fff;
    box-shadow:0 0 15px rgba(var(--primary-rgb),.2);
    position:fixed; top:0; left:0; right:0; z-index:90;
}
    .menu-container::before{
        content:"";
        display:block;
        background:linear-gradient(to right, rgba(var(--primary-rgb),1) 0%,rgba(var(--secondary-rgb),1) 100%);
        height:3px;
        width:100%;
        position:absolute; top:0; left:0;
    }
    .menu{
        list-style:none;
        margin:0 auto;
        padding:0;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        height:70px;
        font-size:1rem;
    }
        .menu__item{
            flex:1 0 auto;
            position:relative;
            text-align:center;
        }
            .menu__item::before{
                display:block;
                content:"";
                border-bottom:2px solid var(--secondary-color);
                width:2em;
                position:absolute; left:50%; bottom:0;
                margin-left:-2em;
                opacity:0;
                transition:.3s;
            }
            .menu__item:hover::before{
                margin-left:-1em;
                opacity:1;
            }
            .menu__link{
                display:block;
                color:#000;
                font-weight:700;
                line-height:50px;
                margin:0 auto;
                position:relative;
                transition:.2s;
            }
            .menu__home,
            .menu__contact{
                width:32px;
                background-repeat:no-repeat;
                background-position:50% 50%;
                background-size:contain;
                overflow:hidden;
                text-indent:-99999em;
            }
            .menu__home{
                background-image:url(../images/menu_home.svg);
            }
            .menu__contact{
                background-image:url(../images/menu_contact.svg);
            }
            .menu__link:focus,
            .menu__link:hover{
                color:var(--hover-color);
            }
                .have-sub-menu .menu__link::after{
                    display:inline-block;
                    content:"";
                    width:20px;
                    height:20px;
                    line-height:16px;
                    background-image:url(../images/icon-menu-arrow.svg?v=2024);
                    background-repeat:no-repeat;
                    background-position:50% 50%;
                    background-size:contain;
                    opacity:.7;
                    position:absolute; left:50%; bottom:-5px;
                    transform:translateX(-50%);
                    transition:.3s;
                }
                .menu__link:focus::after,
                .menu__link:hover::after{
                    bottom:0;
                    opacity:0;
                }

/*-------------------------------------------
Sub Menu
-------------------------------------------*/
.sub-menu{
    list-style:none;
    margin:0;
    padding:0;
    background-color:#fff;
    position:absolute; top:100%; left:50%;
    transform:translateX(-50%);
    border-radius:8px;
    box-shadow:0 3px 15px rgba(var(--secondary-rgb),.2);
    opacity:0;
    pointer-events:none;
    transition:.3s;
}
.menu__link:focus + .sub-menu,
.menu__item:hover .sub-menu,
.sub-menu:focus-within{
    opacity:1;
    pointer-events:auto;
}
    .sub-menu__item{
        text-align:center;
        box-shadow:0 1px 0 rgba(var(--secondary-rgb),.15);
    }
    .sub-menu__item:last-of-type{
        box-shadow:none;
        
    }
        .sub-menu__link{
            display:block;
            color:#111;
            line-height:1.2;
            white-space:nowrap;
            padding:15px;
            transition:.2s;
        }
        .sub-menu__link:hover,
        .sub-menu__link:focus{
            color:var(--hover-color);
        }

/*-------------------------------------------
Header Theme
-------------------------------------------*/
.header-heading__group{
    position:absolute; top:50%; left:5%; z-index:3;
    transform:translateY(-50%);
    margin-top:32px;
}
    .header-theme__heading{
        margin:0 0 10px;
        color:var(--theme-color);
        /* text-shadow:0 0 0.25em var(--theme-color), 0 0 0.25em var(--theme-color), 0 0 0.25em var(--theme-color); */
    }
        .header-theme__heading .en-abbreviation{
            color:var(--theme-color);
            font-family:var(--theme-font-family);
            font-size:2.75rem; font-weight:700;
            line-height:1;
            margin:5px 0 15px;
            text-shadow:0 0 0.3em #fff, 0 0 0.3em #fff, 0 0 0.3em #fff;
        }
            .header-theme__heading .en-abbreviation sup{
                font-size:65%;
            }
            .header-theme__heading .en-abbreviation br{
                display:none;
            }
        .header-theme__heading .tw{
            font-size:1.25rem;
            line-height:1.2;
        }
            .header-theme__heading .tw br:first-of-type,
            .header-theme__heading .tw br:nth-of-type(3){
                display:none;
            }
        .header-theme__topic{
            display:inline-block;
            background:linear-gradient(to right, rgba(21,72,190,0) 0%,rgba(21,72,190,0.8) 15%,rgba(21,72,190,0.8) 85%,rgba(21,72,190,0) 100%);
            color:#fff;
            font-family:var(--theme-font-family);
            font-size:1rem;
            font-style:italic;
            line-height:1.2;
            margin-top:5px;
            padding:5px 15px;
        }
    .header-theme__date{
        color:var(--theme-color);
        font-size:1.25rem; font-weight:700;
        line-height:1;
        margin-top:10px;
        position:relative;
        /* text-shadow:0 0 0.15em #fff, 0 0 0.15em #fff, 0 0 0.15em #fff; */
    }
        .header-theme__date small{
            font-size:.875rem;
            line-height:1;
            margin-left:3px;
        }
    .header-theme__venue{
        color:var(--theme-color);
        font-size:1rem;
        line-height:1.2;
        margin-top:5px;
        /* text-shadow:0 0 0.3em #fff, 0 0 0.3em #fff, 0 0 0.3em #fff; */
    }
        .header-theme__venue .en{
            display:inline;
            font-size:1.25rem; font-weight:700;
        }
        .header-theme__venue .en .addr{
            font-size:1rem; font-weight:400;
        }
    .header-heading__group .btn{
        display:none;
    }
.header-theme__organizer{
    background-color:rgba(255,255,255,.8);
    border-radius:15px;
    width:640px;
    position:absolute; right:5%; bottom:30px; z-index:2;
    padding:10px 15px;
}
    .header-theme__organizer::before{
        content:"";
        display:block;
        aspect-ratio:97 / 10;
        background:url(../images/theme_organizer.png?v=20251001) no-repeat center;
        background-size:contain;
        width:100%;
    }
.theme-background{
    background-image:url(../images/bg_picture_page.jpg?v=20250606);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:auto 100%;
    position:absolute; top:0; left:0; right:0; z-index:0;
    width:100%;
    height:100%;
}
    .theme-background::after{
        /* content:""; */
        /* display:block; */
        position:absolute; top:0; left:0; z-index:1;
        width:100%;
        height:100%;
        background-color:#000;
        opacity:.5;
        transition:.7s;
    }
    .scroll--active .theme-background::after{
        /* opacity:.75; */
    }

/*-------------------------------------------
Container
-------------------------------------------*/
#content-container{
    background-color:#fff;
    line-height:1.5;
    height:auto!important; min-height:580px; height:580px;
    position:relative; z-index:3;
    padding-bottom:100px;
}
    .page-header{
        position:relative; top:-1px;
        background:var(--bg-color);
        padding:30px 0;
    }
        .page-header__inner{
            padding:0 35px;
        }
            .crumbs{
                position:absolute; top:15px; right:35px; z-index:2;
                display:none;
            }
                .crumbs ul{
                    list-style:none;
                    margin:0;
                    padding:0;
                    color:#fff;
                    font-size:.875rem;
                    white-space:nowrap;
                    opacity:.8;
                }
                    .crumbs ul li{
                        display:inline-block;
                        vertical-align:top;
                        position:relative;
                    }
                        .crumbs ul li::before{
                            display:inline-block;
                            content:"/";
                            margin-left:-1.3px;
                            padding:0 8px;
                            opacity:.4;
                        }
                        .crumbs ul li:first-child::before{
                            display:none;
                        }
                        .crumbs ul li a{
                            color:#fff;
                        }
                        .crumbs ul li a:hover{
                            opacity:.65;
                        }
            .page-header__title{
                margin:0 auto;
                color:#fff;
                font-family:var(--theme-font-family);
                font-size:2.25rem; 
                line-height:1;
                position:relative;
                text-align:center;
            }
                .page-header__title span{
                    font-weight:400;
                    opacity:.65;
                }
                .page-header__title::after{
                    content:"";
                    display:block;
                    background:linear-gradient(to right, rgba(var(--primary-rgb),1) 0%,rgba(var(--secondary-rgb),1) 100%);
                    border-radius:10px;
                    width:2em;
                    height:3px;
                    margin:.25em auto 0;
                }
    .article-container{
        margin-top:70px;
    }
        .article-container__inner{
            
        }
            .part__title{
                color:var(--theme-color);
                font-size:1.5rem; line-height:1.2;
                position:relative;
            }
            .part__title:first-of-type{
                margin-top:0;
            }
                .part__title::after{
                    content:"";
                    display:block;
                    background:linear-gradient(to right, rgba(var(--primary-rgb),1) 0%,rgba(var(--secondary-rgb),1) 100%);
                    border-radius:10px;
                    width:2em;
                    height:3px;
                    margin:.25em 0 0;
                }

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

/*-------------------------------------------
Common
-------------------------------------------*/
.explanation{color:#C60; font-weight:400; font-size:.875rem; padding:3px 0;}
.required{color:#f00 !important; font-weight:normal;}
.important{color:#f00 !important;}
.data-none{
    background-color:#fff6db;
    border-radius:10px;
    color:#111;
    clear:both;
    padding:30px;
    text-align:center;
}

/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
[type=text], [type=password], [type=email], [type=tel], [type=date], textarea, select{
    box-sizing:border-box; -webkit-box-sizing:border-box;
    -webkit-appearance:none; appearance:none;
    line-height:1;
    padding:7px 10px; 
    margin:0 3px 3px 0; 
    background-color:#fff;
    border:1px solid #bbb; 
    transition:.2s;
}
input.bir, input.date, input.time{
    width:140px;
}
select{
    padding:9px 25px 9px 10px;
    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{
    width:100%;
    resize:vertical;
}

[type=text]:focus, [type=password]:focus, [type=email]:focus, [type=date]:focus, textarea:focus, select:focus{
    outline:0;
    background-color:#fff;
    border:1px solid var(--primary-color) !important;
    box-shadow:0 0 0 1px rgba(37,191,255,.4);
}
/*-------------------------------------------
Buttons
-------------------------------------------*/
[type=submit], [type=button], [type=reset], .btn, .field-file{
    box-sizing:border-box; -webkit-box-sizing:border-box;
    display:inline-block;
    -webkit-appearance:none; appearance:none;
    border:1px solid transparent;
    background-color:var(--secondary-color);
    border-radius:50px;
    box-shadow:0 5px 15px rgba(var(--secondary-rgb),.2);
    color:#fff;
    font-family:inherit;
    font-weight:700;
    line-height:1;
    min-height:38px;
    padding:12px 20px;
    cursor:pointer; 
    outline:none;
    text-decoration:none;
    text-shadow:0 1px 3px rgba(0,0,0,.4);
    transition:.2s;
    text-align:center;
    vertical-align:top;
}
input.btn-secondary, .btn.btn-secondary, [type="reset"]{
    background-color:rgba(var(--secondary-rgb),.3);
    color:#111;
}
[type=submit]:focus, [type=button]:focus, [type=reset]:focus, .btn:focus, .field-file:focus,
[type=submit]:hover, [type=button]:hover, [type=reset]:hover, .btn:hover, .field-file:hover{
    text-decoration:none;
    background-color:var(--hover-color);
    box-shadow:0 2px 5px rgba(var(--secondary-rgb),.4);
    color:#fff;
    text-shadow:0 0 0.25em rgba(255,255,255,.3), 0 0 0.25em rgba(255,255,255,.3), 0 0 0.25em rgba(255,255,255,.3);
}

.buttons{
    text-align:center; 
    padding:30px 0 0; 
    position:relative;
}
    .buttons [type=submit], .buttons [type=button], .buttons [type=reset], .buttons .btn{
        padding:12px 20px; 
        font-size:100%; line-height:1;
        margin-left:10px; margin-right:10px;
    }
@media screen and (max-width:320px){/* i5 */
    .buttons [type=submit], .buttons [type=button], .buttons [type=reset], .buttons .btn{
        padding-left:15px; padding-right:15px;
        margin-left:5px; margin-right:5px;
    }
}

/*-------------------------------------------
Table (list)
-------------------------------------------*/
.table-list{
    margin:0 auto;
    border-collapse:collapse;
}
    .table-list caption{
        text-align:left;
        font-size:1.25rem; font-weight:700;
        color:#004097;
        border-bottom:2px solid #b9d4ec;
    }
    .table-list thead th{
        line-height:1.2;
        background-color:#e7f5fe;
        border-bottom:2px solid #a9d2ed;
        border-left:1px solid rgba(0,0,0,.07);
        padding:5px;
    }
    .table-list thead th:nth-child(1){
        border-left:none;
    }
    .table-list tbody th{
        border-bottom:1px solid #c6daeb; 
        background-color:#f5fbff; 
        padding:10px 5px;
    }
    .table-list tbody tr:nth-child(even){
        background-color:#f5f5f5;
    }
    .table-list tbody td{
        border-bottom:1px solid #e3e3e3;
        border-left:1px solid #eee;
        position:relative;
        word-break:break-all;
        padding:10px 5px;
    }
    .table-list tbody td:first-child{
        border-left:none;
    }
}
/*-------------------------------------------
Table (content)
-------------------------------------------*/
.table-content{
    margin:0 auto;
    border-collapse:collapse;
}
    .table-content caption{
        text-align:left;
        font-size:1.25rem; font-weight:700;
        color:#004097;
        border-bottom:2px solid #b9d4ec;
        padding:5px 0;
    }
    .table-content th, .table-content td{
        padding:5px 10px;
    }
    .table-content thead th{
        font-size:.875rem;
        color:#000;
        border-bottom:1px solid #c6daeb; 
        background-color:#f5fbff; 
        text-align:center;
    }
    .table-content tbody th{
        font-size:.875rem;
        color:#000;
        background-color:#f0f9ff;
        border-bottom:1px solid #b9d4ec;
        text-align:right;
    }
    .table-content tbody tr:first-child th{
        border-top:1px solid #b9d4ec;
    }
    .table-content tbody td{
        border-bottom:1px solid #e3e3e3; 
        height:40px;
        position:relative;
        border-left:1px solid #e3e3e3;
        word-break:break-all;
        text-align:left;
    }
    .table-content tbody tr:first-child td{
        border-top:1px solid #e3e3e3;
    }
    .table-content tbody tr td:first-child{
        border-left:none;
    }

/*-------------------------------------------
Page 分頁
-------------------------------------------*/
.page{
    font-size:13px; 
    margin:15px auto;
    text-align:center; 
    clear:both;
}
    .page span a, .page span a:hover, .page .current, .page .disabled{
        display:inline-block;
        vertical-align:top;
        padding:3px 3px;
        margin:2px 0;
        border-radius:5px;
    }
    .page a{
        color:#333; 
        background-color:#fff;
        border:1px solid #ccc;
        text-decoration:none;
    }
    .page a:hover{
        color:#fff;
        background:#008735;
        border:1px solid #008735;
    }
    .page .current{
        color:#111;
        background:none;
        border:1px solid transparent;
        font-weight:bold;
    }
    .page .disabled{
        color:#ddd;
        border:1px solid #ddd;
    }
    .page .pageTo{
        padding:3px 3px;
        margin:2px;
        width:50px;
    }

/*-------------------------------------------
Sponsors
-------------------------------------------*/
.sponsors{
    background-color:#fff;
    padding:60px 0;
    position:relative;
}
    .sponsors::before{
        content:"";
        display:block;
        background:linear-gradient(to right, rgba(var(--primary-rgb),1) 0%,rgba(var(--secondary-rgb),1) 100%);
        position:absolute; top:0; left:0;
        width:100%;
        height:100%;
        opacity:.5;
        pointer-events:none;
    }
    .sponsors__inner{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
    }
        .sponsor__item{
            flex:1 0 33.33333%;
            padding:15px 0;
            text-align:center;
        }
            .sponsor__link{
                display:inline-block;
                color:rgba(0,0,0,.7);
                font-size:.875rem;
                position:relative;
                transition:.2s;
            }
            .sponsor__link[href*="javascript"],
            .sponsor__link[href^="#"]{
                cursor:default;
                pointer-events:none;
            }
                .sponsor__link figure{
                    margin:0 0 5px;
                    background-color:#fff;
                    border-radius:5px;
                    box-shadow:0 3px 10px rgba(0,0,0,.1);
                    width:280px;
                    overflow:hidden;
                    transition:.2s;
                }
                    .sponsor__link img{
                        width:100%;
                        display:block;
                    }
                .sponsor__link:focus figure,
                .sponsor__link:hover figure{
                    box-shadow:0 1px 3px rgba(0,0,0,.3);
                }
                .sponsor__name{
                    line-height:1.2;
                    letter-spacing:.5px;
                    position:absolute;
                    margin-top:5px;
                    width:100%;
                    text-align:center;
                }

/*-------------------------------------------
Organization
-------------------------------------------*/
.organization{
    background-color:#fff;
    padding:30px 0;
    position:relative;
}
    .organization::before{
        content:"";
        display:block;
        background:linear-gradient(to right, rgba(var(--primary-rgb),1) 0%,rgba(var(--secondary-rgb),1) 100%);
        position:absolute; top:0; left:0;
        width:100%;
        height:100%;
        opacity:.2;
        pointer-events:none;
    }
    .organization__inner{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:center;
        margin:0 -15px;
    }
        .organization__item{
            flex:0 0 25%;
            padding:10px 15px;
            text-align:center;
        }
            .organization__item figure{
                background-color:#fff;
                border-radius:5px;
                padding:3px;
                margin:0 0 5px;
                transition:.2s;
            }
                .organization__item figure img{
                    display:block;
                    margin:0 auto;
                    max-width:100%;
                }

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
    position:relative;
    margin:0 auto;
    color:#fff;
    font-size:.875rem; line-height:1.5;
    text-align:center;
    padding:30px 15px;
}
    footer::before{
        content:"";
        display:block;
        background-color:rgba(0,0,0,.6);
        position:absolute; top:0; left:0; right:0; bottom:0;
        pointer-events:none;
    }
    .footer__content{
        position:relative; z-index:2;
    }
    footer .csmpt__mail{
        display:inline-block;
        background:url(../images/menu_contact.svg) no-repeat 0 50%;
        background-size:32px auto;
        padding-left:36px;
        color:#fff;
        font-size:1rem;
    }
    footer .csmpt__mail:focus,
    footer .csmpt__mail:hover{
        color:#fff;
        opacity:.65;
    }
    footer .copyright{
        margin-top:20px;
    }
        footer .copyright a{
            color:#fff;
        }
    footer .recommend{
        font-size:.75rem;
        opacity:.5;
    }
    footer .huaweb a{
        color:#fff;
        font-size:.75rem;
        opacity:.1;
    }
    footer .huaweb a:hover{
        opacity:.7;
    }

/*------------------------
Important Information
------------------------*/
.important-info{
    position:fixed; top:0; left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.65);
    z-index:-1;
    display:flex;
    align-items:center;
    opacity:0;
    backdrop-filter:blur(2px);
    transition:.3s;
}
.important-info.is-active{
    z-index:1000;
    opacity:1;
}
    .important-info-container{
        /* position:absolute; top:50%; left:50%; */
        /* transform:translate(-50%,-50%); */
        background-color:#fff;
        padding:30px;
        color:#333;
        font-size:16px; line-height:1.5;
        margin:0 auto;
        width:940px;
        max-width:calc(100% - 40px);
        position:relative;
    }
        .important-info-container h3{
            color:#000;
            font-size:1.5rem;
            margin:0 0 1em;
        }
        .important-info-container p{
            text-indent:2em;
        }
        .important-info-container ol{
            padding-left:1.4em;
        }
            .important-info-container ol li{
                margin:10px 0;
            }
            .important-info-container ol ol{
                list-style:none;
                padding-left:0;
            }
                .important-info-container ol ol li{
                    text-indent:-2em;
                    padding-left:2em;
                }
        .important-info-container .btn-close{
            display:block;
            width:120px;
            padding:15px;
            margin:20px auto 0;
        }