@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{
    --body-bgcolor:#fff;
    --main-color:#1c8595;
    --main-rgb:28,133,149;
    --link-color:#2693ff;
    --hover-color:#0042ff;
}
html{height:100%;}
body{
    margin:0; padding:0;
    font-size:16px; color:#333; font-weight:400;
    font-family:'Arya', "Noto Sans TC", "Helvetica", "Helvetica Neue", Arial, sans-serif;
    text-shadow:0 .3px .3px rgba(0,0,0,.08);
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    height:auto!important;min-height:100%;height:100%;
    background-color:var(--body-bgcolor);
    overflow-x:hidden;
}
body.cn{
    font-family:'Arya', "Noto Sans SC", "Helvetica", "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width:992px){
    html.menuOpened{
        overflow:hidden;
    }
}
@media screen and (max-width:320px){/* 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 #ccc; margin:2.5em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle;}

a{color:#2693ff; text-decoration:none; }
a:hover, a:active, a:focus{color:#0042ff;}

.material-symbols-rounded{
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
}

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

/*-------------------------------------------
Wrapper
-------------------------------------------*/
.wrapper{
    width:1280px; min-width:1280px; 
    height:100%;
    margin:0 auto;
    padding:0 20px;
    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:440px){/* i16 Pro Max */
    .wrapper{
        padding:0 15px;
    }
}

/*-------------------------------------------
Header
-------------------------------------------*/
#headerContainer{
    position:relative;
    width:100%;
    min-height:330px;
    padding:120px 0 60px;
    background-position:50% 0%;
    background-repeat:no-repeat;
    background-color:#1c8595;
    background-image:url(../images/header_bg.jpg?v=2024);
    background-size:cover;
    transition:.3s;
}
    #headerContainer header{
        position:relative; z-index:1;
        height:100%;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
    }
        .headingContainer{
            color:#000;
            font-weight:400;
            width:100%;
        }
            .headingContainer .heading{
                margin:0;
                text-align:center;
                text-shadow:0 0 15px rgba(255,255,255,.7), 0 0 5px rgba(255,255,255,.7);
            }
                .abbreviation{
                    font-size:2.25rem;
                }
                .meetintTopic{
                    color:var(--main-color);
                    font-size:2.75rem;
                    line-height:1;
                    margin:0 0 10px;
                }
                .tw .meetintTopic,
                .cn .meetintTopic{
                    font-size:2.5rem;
                    padding:0 2.5em;
                    line-height:1.2;
                }
                .meetingDate,
                .meetingVenue{
                    font-size:1.25rem; font-weight:400;
                    margin:10px 0 0;
                }
                :lang(en) .meetingVenue,
                :lang(zh-Hans) .meetingVenue{
                    text-indent:-99999em;
                }
                    .meetingVenue::before{
                        position:absolute; left:0; right:0;
                        text-align:center;
                        text-indent:0;
                    }
                    :lang(en) .meetingVenue::before{
                        content:"Nangang International Exhibition Center, Hall2";
                    }
                    :lang(zh-Hans) .meetingVenue::before{
                        content:"南港展览馆2馆7楼";
                    }
@media screen and (max-width:1180px){/* iPad Air Landscape */
    #headerContainer{
        min-height:auto;
    }
        .abbreviation{
            font-size:2.75vw;
        }
        .meetintTopic{
            font-size:3.5vw;
        }
        .tw .meetintTopic,
        .cn .meetintTopic{
            font-size:3vw;
        }
}
@media screen and (max-width:992px){
    #headerContainer{
        padding:80px 0 40px;
    }
        .meetingDate,
        .meetingVenue{
            font-size:1.2rem;
            margin-top:3px;
        }
}
@media screen and (max-width:576px){
    .abbreviation{
        font-size:7vw;
    }
    .meetintTopic {
        font-size:8.5vw;
    }
    .tw .meetintTopic,
    .cn .meetintTopic{
        font-size:5.5vw;
        padding:0 3.5vw;
    }
    .meetingDate, 
    .meetingVenue{
        font-size:3.5vw;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #headerContainer{
        padding:70px 0 30px;
    }
        .abbreviation{
            font-size:8vw;
        }
        .meetintTopic {
            font-size:9.5vw;
        }
        .tw .meetintTopic,
        .cn .meetintTopic{
            /* font-size:5.5vw; */
            /* padding:0 3vw; */
        }
        .meetingDate,
        .meetingVenue{
            font-size:4.5vw;
        }
}

/*-------------------------------------------
Menu icon
-------------------------------------------*/
.headerBar{
    display:none;
}
.menuBtnBack{
    display:none;
}
.headerLanguage{
    display:none;
}
@media screen and (max-width:992px){
    .toggleMenu,
    .menuBtnBack{
        display:inline-block;
        height:50px;
        width:50px;
        text-align:center;
        padding:10px;
        position:fixed; left:0; top:0; z-index:999;
        transition:.3s;
    }
    .toggleMenu.active{
        
    }
    .menuBtnBack [class*='material-symbols']{
        font-size:28px;
        color:#fff;
    }
    .menuBtnBack:focus [class*='material-symbols'],
    .menuBtnBack:hover [class*='material-symbols']{
        color:var(--main-color);
    }
    /* Language */
    #languageSettings.headerLanguage{
        display:block;
        position:fixed; top:0; right:0; z-index:104;
        color:#fff;
    }
        #languageSettings.headerLanguage .iconLanguage{
            font-size:1.875rem;
            line-height:50px;
        }
        #languageSettings.headerLanguage .selectLanguage{
            height:50px;
        }
        /* Menu Icon */
        #icon-menu{
            display:block;
            width:100%;
            height:30px;
            position:relative;
            transform:rotate(0deg);
            transition:.5s ease-in-out;
            cursor:pointer;
        }
            #icon-menu span{
                display:block;
                position:absolute; left:0;
                width:100%;
                height:2px;
                background:#fff;
                opacity:1;
                transform:rotate(0deg);
                transition:.25s ease-in-out;
            }
            #icon-menu span:nth-child(1){top:15%;}
            #icon-menu span:nth-child(2){top:calc(50% - 1px);}
            #icon-menu span:nth-child(3){top:calc(80% - 1px);}

        #icon-menu.active span{
            transition-delay:0s;-webkit-transition-delay:0s;
        }
        #icon-menu.active span:nth-child(1){
            top:48%;
            background:var(--link-color);
            transform:rotate(-45deg);
        }
        #icon-menu.active span:nth-child(2){
            /*opacity:0;*/
            width:0;
        }
        #icon-menu.active span:nth-child(3){
            top:48%;
            background:var(--main-color);
            transform:rotate(45deg);
        }
    .headerBar{
        display:flex;
        align-items:center;
        justify-content:center;
        position:fixed; top:0; left:0; z-index:104;
        background-color:#010b17;
        width:100%;
        height:50px;
        line-height:50px;
        overflow:hidden;
        text-align:center;
    }
        .headerBarTitle{
            display:inline-block;
            color:#fff;
            font-size:1.5rem;
            line-height:1;
            white-space:nowrap;
        }
        .headerBarTitle.en{
            font-size:1.5rem;
        }
}
@media screen and (max-width:768px){

}
@media screen and (max-width:576px){
    .headerBar:before, .headerBar:after{
        display:block;
        content:"";
        position:absolute; top:0;
        width:100px; height:50px;
    }
    .headerBar:before{
        left:0;
        background:rgba(1,11,23,1);
        background:-moz-linear-gradient(left, rgba(1,11,23,1) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,0) 100%);
        background:-webkit-gradient(left top, right top, color-stop(0%, rgba(1,11,23,1)), color-stop(50%, rgba(1,11,23,1)), color-stop(100%, rgba(1,11,23,0)));
        background:-webkit-linear-gradient(left, rgba(1,11,23,1) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,0) 100%);
        background:-o-linear-gradient(left, rgba(1,11,23,1) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,0) 100%);
        background:-ms-linear-gradient(left, rgba(1,11,23,1) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,0) 100%);
        background:linear-gradient(to right, rgba(1,11,23,1) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,0) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#010b17', endColorstr='#010b17', GradientType=1 );
        pointer-events:none;
    }
    .headerBar:after{
        right:0;
        background:rgba(1,11,23,0);
        background:-moz-linear-gradient(left, rgba(1,11,23,0) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,1) 100%);
        background:-webkit-gradient(left top, right top, color-stop(0%, rgba(1,11,23,0)), color-stop(50%, rgba(1,11,23,1)), color-stop(100%, rgba(1,11,23,1)));
        background:-webkit-linear-gradient(left, rgba(1,11,23,0) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,1) 100%);
        background:-o-linear-gradient(left, rgba(1,11,23,0) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,1) 100%);
        background:-ms-linear-gradient(left, rgba(1,11,23,0) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,1) 100%);
        background:linear-gradient(to right, rgba(1,11,23,0) 0%, rgba(1,11,23,1) 50%, rgba(1,11,23,1) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#010b17', endColorstr='#010b17', GradientType=1 );
        pointer-events:none;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .headerBarTitle{
        font-size:5vw;
    }
    .headerBarTitle.en{
        font-size:5.5vw;
    }
}

/*-------------------------------------------
Menu Container
-------------------------------------------*/
#menuContainer{
    position:fixed; top:0; right:0; z-index:90;
    width:100%;
    height:64px;
    background-color:rgba(0,0,0,.7);
    transition:.2s;
}
:lang(en) #menuContainer{
    font-family:'Barlow Condensed', "Noto Sans TC", "Helvetica", "Helvetica Neue", Arial, sans-serif;
}
@media screen and (max-width:992px){
    #menuContainer{
        position:fixed; top:0; left:0; right:0; z-index:103;
        width:100vw;
        height:100vh;
        opacity:0;
        visibility:hidden;
        transform:scale(.8);
        overflow-x:hidden;
        overflow-y:auto;
        background-color:rgba(100%,100%,100%,1);
        transition:.3s ease;
    }
    #menuContainer.active{
        opacity:1;
        visibility:visible;
        transform:scale(1);
    }
}
/*-------------------------------------------
Menu Header
-------------------------------------------*/
#menuHeader{
    list-style:none;
    margin:0 auto;
    padding:0;
    position:absolute; right:15px;
}
    #menuHeader > li{
        float:left;
        position:relative;
        color:#fff;
        transition:.2s;
    }
    #menuHeader > li.logined{
        height:64px;
    }
        #menuHeader > li > a{
            display:block;
            color:#fff;
            font-size:1rem;
            line-height:64px;
            height:64px;
            white-space:nowrap;
            padding:0 12px;
            transition:.2s;
            position:relative; z-index:10;
        }
        .en #menuHeader > li > a{
            font-size:1.125rem;
        }
        #menuHeader > li a:focus,
        #menuHeader > li a:hover{
            color:var(--main-color);
        }
        #menuHeader > li .btnLogin{
            /* color:var(--main-color); */
        }
            #menuHeader > li [class*='material-symbols']{
                line-height:64px;
            }
            /* Language */
            #languageSettings{
                width:48px;
                overflow:hidden;
                position:relative;
            }
                #languageSettings .iconLanguage{
                    width:48px;
                    line-height:64px;
                    text-align:center;
                    cursor:pointer;
                }
                #languageSettings .iconLanguage:focus-within,
                #languageSettings .iconLanguage:focus,
                #languageSettings .iconLanguage:hover{
                    color:var(--main-color);
                }
                #languageSettings .selectLanguage{
                    -webkit-appearance:none; -moz-appearance:none; appearance:none;
                    text-indent:1px;
                    text-overflow:'';
                    background:none;
                    background-color:transparent;
                    border:none;
                    width:90px;
                    height:64px;
                    text-indent:-99999em;
                    position:absolute; top:0; right:0; z-index:2;
                }
        /* Logined */
        #menuHeader > li.logined .name{
            font-size:.75rem; line-height:1;
            color:#aaa;
            white-space:nowrap;
            position:absolute; top:8px; left:12px;
        }
        #menuHeader > li.logined a{
            float:left;
        }
        #menuHeader > li.logined .btnAccount,
        #menuHeader > li.logined .btnLogout{
            color:var(--main-color);
            padding-top:8px;
        }
        #menuHeader > li.logined .btnAccount:hover,
        #menuHeader > li.logined .btnLogout:hover{
            color:#20a3ff;
        }
@media screen and (max-width:1180px){/* iPad Air Landscape */
    .en #menuHeader > li > a{
        font-size:1.125rem;
    }
}
@media screen and (max-width:992px){
    #menuHeader{
        position:static; right:auto;
        padding-top:50px;
    }
        #menuHeader > li{
            float:none;
            text-align:center;
            box-shadow:inset 0 -1px 0 #ddd;
        }
            #menuHeader > li [class*='material-symbols']{
                font-size:1.875rem;
                line-height:32px;
            }
            #menuHeader #languageSettings{
                display:none;
            }
            #menuHeader > li.active > a{
                color:#111;
            }
            #menuHeader > li > a{
                display:block;
                text-align:center;
                color:#111;
                font-size:1.25rem; font-weight:700;
                line-height:32px;
                padding:15px 0;
                height:auto;
            }
        /* Logined */
        #menuHeader > li.logined{
            height:auto;
        }
            #menuHeader > li.logined .name{
                font-size:1rem; line-height:1.2;
                color:#777;
                position:static;
                padding:10px 0;
                box-shadow:inset 0 -1px 0 #ddd;
            }
            #menuHeader > li.logined a{
                float:none;
                display:inline-block;
                width:49%;
            }
            #menuHeader > li.logined .btnLogout{
                box-shadow:inset 1px 0 0 #ddd;
            }
            #menuHeader > li.logined .btnAccount{
                padding:1rem 0;
            }
            #menuHeader > li .btnAccount,
            #menuHeader > li .btnLogout{
                color:var(--main-color);
            }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #menuHeader > li > a{
        font-size:5vw;
    }
    .en #menuHeader > li > a{
        font-size:5.5vw;
    }
}
/*-------------------------------------------
Menu
-------------------------------------------*/
#menu{
    font-family:'Fira Sans Condensed', "Noto Sans TC", "Helvetica", "Helvetica Neue", Arial, sans-serif;
    list-style:none;
    margin:0 auto;
    padding:0;
    position:absolute; left:20px;
}
    #menu > li{
        float:left;
        position:relative;
        transition:.2s;
    }
    #menu > li:nth-child(n+2){
        /* margin-left:10px; */
    }
    #menu .nav-sponsors{
        /* display:none; */
    }
        #menu .menuLink{
            display:block;
            color:#fff;
            font-size:1.125rem;
            line-height:64px;
            white-space:nowrap;
            padding:0 20px;
            transition:.2s;
            position:relative; z-index:10;
        }
        .en #menu .menuLink{
            font-size:1.125rem;
            padding:0 15px;
        }
        #menu > li > .menuLink:focus,
        #menu > li > .menuLink:hover{
            color:var(--main-color);
        }
            #menu .menuLink > [class*='material-symbols']{
                font-size:18px;
                position:absolute; left:50%; bottom:2px;
                transform:translateX(-50%);
                vertical-align:middle;
                opacity:.6;
            }
@media screen and (max-width:1180px){/* iPad Air Landscape */
    #menu .menuLink{
        font-size:1rem;
        padding:0 22px;
    }
    .en #menu .menuLink{
        font-size:1.125rem;
        padding:0 12px;
    }
}
@media screen and (max-width:1024px){
    #menu{
        left:10px;
    }
        #menu .menuLink{
            padding:0 15px;
        }
        .en #menu .menuLink{
            font-size:1rem;
            padding:0 10px;
        }
}
@media screen and (max-width:992px){
    #menu{
        position:static;
        padding-bottom:calc(70px + env(safe-area-inset-bottom));;
    }
    #menu.animated{
        animation-duration:.5s;
    }
    #menu.active{
        /* display:block; */
        height:auto;
        overflow:auto;
    }
        #menu > li{
            float:none;
            width:100%;
            border-radius:0;
            text-align:center;
            position:relative;
            box-shadow:inset 0 -1px 0 #ddd;
        }
        #menu > li:nth-child(n+2){
            margin-left:0;
        }
            #menu > li > .menuLink,
            .en #menu > li > .menuLink{
                display:block;
                position:static;
                color:#111;
                font-size:1.25rem;
                line-height:1.2;
                padding:20px 0;
            }
            #menu > li > .menuLink:focus,
            #menu > li > .menuLink:hover{
                color:var(--main-color);
            }
                #menu > li > .menuLink [class*='material-symbols']{
                    font-size:24px;
                    position:absolute; right:15px;
                    left:auto; bottom:auto;
                    transform:translateX(0);
                    transition:.2s;
                }
                #menu > li > .menuLink.active [class*='material-symbols']{
                    opacity:.6;
                    transform:rotate(-180deg);
                }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #menu{
        left:15px;
    }
        #menu > li > .menuLink{
            font-size:5vw;
            padding:2.125vh;
        }
        .en #menu > li > .menuLink{
            font-size:5.5vw;
            padding:2vh;
        }
}

/*-------------------------------------------
Menu Sub
-------------------------------------------*/
#menu .sub{
    list-style:none;
    margin:0;
    padding:0;
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.4);
    position:absolute; top:95%; left:0;
    min-width:100%;
    opacity:0;
    pointer-events:none;
    transition:.3s;
}
.menuLink:focus + .sub,
#menu li:hover .sub,
#menu li .sub:focus-within{
    top:100%;
    opacity:1;
    pointer-events:auto;
}
    #menu .sub li{
        line-height:18px;
        box-shadow:0 1px 0 rgba(0,0,0,.2);
    }
        #menu .sub li a{
            display:block;
            color:#000;
            white-space:nowrap;
            padding:15px;
        }
        .en #menu .sub li a{
            font-size:1.125rem;
        }
        #menu .sub li a:focus,
        #menu .sub li a:hover{
            background-color:var(--main-color);
            color:#fff;
        }
        #menu .sub li a[href|='#']{
            color:#999;
            background-color:transparent;
            cursor:default;
        }
            #menu .sub li a [class*='material-symbols']{
                vertical-align:top;
                font-size:1.25rem;
                margin-right:10px;
            }
@media screen and (max-width:992px){
    #menu .sub{
        position:static;
        min-width:auto;
        background-color:#f4f4f4;
        box-shadow:0 1px 0 rgba(0,0,0,.1);
        border:none;
        height:0;
        overflow:hidden;
        opacity:1;
        pointer-events:auto;
    }
    #menu .sub.active{
        box-shadow:inset 0 10px 8px -10px rgb(0 0 0 / 10%);
        height:auto;
    }
        #menu .sub li{
            display:block;
            line-height:18px;
            box-shadow:none;
        }
            #menu .sub li a{
                display:block;
                padding:15px 0;
                font-size:18px;
                color:#000;
                white-space:normal;
                position:relative;
            }
            #menu .sub li a:hover{
                color:var(--main-color);
                background-color:transparent;
            }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #menu .sub li a{
        font-size:4.875vw;
    }
    .en #menu .sub li a{
        font-size:5vw;
    }
}
/*-------------------------------------------
Container
-------------------------------------------*/
#contentContainer{
    height:auto!important;min-height:400px;height:400px;
    padding-bottom:60px;
}
    #pageHeader{
        position:relative; z-index:2;
        text-align:center;
        padding:50px 0;
    }
        #pageHeader > .wrapper{
            height:100%;
        }
        #pageHeader .pageTitle{
            margin:0;
            font-size:2.5rem;
            line-height:1;
            color:#000;
        }
        #pageHeader .pageTitle.en{
            
        }
    #contentContainer #mainContent{
        position:relative; z-index:0;
        height:auto!important;min-height:310px;height:310px;
        line-height:1.5;
    }
        .partTitle{
            color:var(--main-color);
            font-size:1.875rem;
            line-height:1;
            padding-bottom:10px;
            position:relative;
        }
        .partTitle:nth-of-type(1){
            margin-top:0;
        }
            .partTitle::before,
            .partTitle::after{
                content:"";
                display:block;
                background-color:var(--main-color);
                position:absolute; left:0;
                width:3em;
            }
            .partTitle::before{
                bottom:0;
                height:2px;
            }
            .partTitle::after{
                bottom:-3px;
                height:1px;
            }
@media screen and (max-width:1024px){
    #contentContainer{
        padding-bottom:50px;
    }
}
@media screen and (max-width:992px){
    #pageHeader .pageTitle{
        font-size:2.1rem;
    }
    .partTitle{
        font-size:1.5rem;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #pageHeader{
        padding:35px 15px;
    }
        #pageHeader .pageTitle{
            font-size:8vw;
        }
        .partTitle{
            font-size:6vw;
        }
    #contentContainer{
        padding-bottom:40px;
    }
}
@media screen and (max-width:320px){/* i5 */
    #pageHeader{
        padding-top:30px;
    }
}

/*-------------------------------------------
Search Block
-------------------------------------------*/
.searchBlock{
    position:relative;
    margin-bottom:15px;
}
    .searchBlock label{
        
    }
    .searchBlock .col{
        display:inline-block;
        vertical-align:top;
        padding-right:15px;
    }
    .searchBlock .col-search{
        
    }
        .searchBlock select{
            max-width:300px;
        }
/*-------------------------------------------
table List
-------------------------------------------*/
.tableList{
    border-collapse:collapse;
    /* box-shadow:0 1px 5px rgba(0,0,0,.2); */
}
    .tableList thead th{
        background-color:rgba(0,0,0,.02);
        border-bottom:2px solid rgba(0,0,0,.4);
        line-height:1;
        color:#000;
    }
    .tableList th,
    .tableList td{
        padding:8px;
        border-bottom:1px solid #e1e1e1;
    }
    .tableList tbody th{
        background-color:rgba(100%,100%,100%,.7);
    }
    .tableList tbody td{
        background-color:#fff;
        border-left:1px solid #e1e1e1;
        color:#111;
    }
    .tableList tbody td:nth-child(1){
        border-left:0;
    }
    .tableList .btn{
        padding:6px 10px;
        font-size:.875rem;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .tableList thead th{
        font-size:.875rem;
    }
}

/*-------------------------------------------
table content
-------------------------------------------*/
.tableContent{
    border-collapse:collapse;
    /* box-shadow:0 1px 5px rgba(0,0,0,.2); */
}
    .tableContent th,
    .tableContent td{
        padding:8px 12px;
    }
    .tableContent th{
        text-align:right;
        color:#000;
        font-size:.875rem;
        background-color:rgba(0,0,0,.02);
        border-bottom:1px solid rgba(0,0,0,.1);
    }
    .tableContent tr:nth-child(1) th{
        border-top:1px solid rgba(0,0,0,.1);
    }
    .tableContent tr:nth-child(1) td{
        border-top:1px solid #e1e1e1;
    }
    .tableContent td{
        /*vertical-align:top;*/
        background-color:#fff;
        border-bottom:1px solid #e1e1e1;
        color:#111;
    }
    .tableContent .btn, 
    .tableContent input[type=button]{
        padding:6px 10px;
        font-size:.875rem;
        line-height:18px;
    }
    .tableContent .before{
        font-size:.75rem;
        color:green;
    }
    .tableContent .after{
        font-size:.75rem;
        color:red;
    }
    .tableContent .required{
        margin:0 3px;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .tableContent th{
        padding-left:5px;
    }
}

/*-------------------------------------------
Files Format
-------------------------------------------*/
.fileFormat a{
    display:block;
    background-image:url(../images/icon_file.png?v=2023);
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:24px;
    margin:2px 0;
    line-height:18px;
    transition:.1s; -moz-transition:.1s; -webkit-transition:.1s;
}
.fileFormat a:hover{
    
}
.fileFormat a[href *='.pdf']{background-image:url(../images/icon_pdf.png?v=2023);}
.fileFormat a[href *='.xls'], .fileFormat a[href *='.xlsx']{background-image:url(../images/icon_excel.png?v=2023);}
.fileFormat a[href *='.doc'], .fileFormat a[href *='.docx']{background-image:url(../images/icon_word.png?v=2023);}
.fileFormat a[href *='.ppt'], .fileFormat a[href *='.pptx']{background-image:url(../images/icon_powerpoint.png?v=2023);}
.fileFormat a[href *='.jpg'], .fileFormat a[href *='.png']{background-image:url(../images/icon_img.png?v=2023);}
.fileFormat a[href *='.rar']{background-image:url(../images/icon_rar.png?v=2023);}
.fileFormat a[href *='.zip']{background-image:url(../images/icon_zip.png?v=2023);}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alertInfo{
    background:#fdf8ea; 
    border:2px solid #fad993;
    font-size:1.05rem; 
    color:#000;
    text-align:center;
    padding:30px 20px 30px;
    margin:10px 0 20px;
}
    .alertInfo a{
        color:#09F;
    }
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .alertInfo{
        padding:20px;
        margin:5px 0 10px;
    }
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
    .alertInfo{
        padding:15px;
        margin:5px 0 10px;
    }
}

/*-------------------------------------------
Common
-------------------------------------------*/
.floatL{float:left;}
.floatR{float:right;}
.hidden{display:none;}
.pcHidden{display:none;}
.explanation{color:#C60; font-weight:400; font-size:13px; padding:3px 0;}
.required{color:#f00 !important; font-weight:normal;}
.paddingNone{padding:0;}
form{display:inline;}
.important{color:#f00 !important;}
#twzipcode{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
#twzipcode div{float:left;}
.zipcode{width:70px;}
.col-noneData{padding:0 !important;}
.noneData{color:#333; text-align:center; clear:both; padding:15px; background-color:#fdf8ea;}

@media screen and (max-width:360px){/* Xiaomi 2S */
    .explanation{
        font-size:.75rem;
    }
}

/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
fieldset{border:0; margin:0; padding:0;}
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;
    padding:9px 10px; 
    margin:0; 
    background:#fff;
    border:1px solid #aaa; 
    transition:.2s; -moz-transition:.2s; -webkit-transition:.2s;
}
select{
    padding:9px 35px 9px 12px;
    background-image:url(../images/select_arrow@2x.png?v=2023);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:24px 24px;
    box-shadow:0 1px 5px rgba(0,0,0,.2);
}
select::-ms-expand{
    display:none;
}
textarea{
    width:100%;
    resize:vertical;
}
input.datepicker, input.date{
    background-image:url(../images/icon_date@2x.png?v=2023);
    background-size:24px 24px;
    background-position:right 5px center;
    background-repeat:no-repeat;
    width:120px;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
    outline:0;
    background-color:#fffaf4;
    border:1px solid var(--main-color); 
}
input[type=radio], input[type=checkbox]{
    vertical-align:-1px;
    margin:0 3px;
    display:none;
}
input[type=radio] + label{
    display:inline-block;
    line-height:24px;
    background:url(../images/icon-radio.png?v=2023) no-repeat 0 0;
    background-size:24px 24px;
    padding-left:28px;
    margin-right:15px;
    transition:.1s;-moz-transition:.1s; -webkit-transition:.1s;
}
input[type=radio]:checked + label{
    background:url(../images/icon-radio-checked.png?v=2023) no-repeat 0 0;
    background-size:24px 24px;
}
input[type=radio]:disabled + label{
    background:url(../images/icon-radio.png?v=2023) no-repeat 0 0;
    background-size:24px 24px;
    opacity:.4;
}
input[type=checkbox] + label{
    display:inline-block;
    line-height:24px;
    background:url(../images/icon-checkbox.png?v=2023) no-repeat 0 0;
    background-size:24px 24px;
    padding-left:28px;
    margin-right:15px;
    transition:.1s;-moz-transition:.1s; -webkit-transition:.1s;
}
input[type=checkbox]:checked + label{
    background:url(../images/icon-checkbox-checked.png?v=2023) no-repeat 0 0;
    background-size:24px 24px;
}
input[type=checkbox]:disabled + label{
    background:url(../images/icon-checkbox.png?v=2023) no-repeat 0 0;
    background-size:24px 24px;
    opacity:.4;
}
@media 
all and (min--moz-device-pixel-ratio: 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5),
all and (min-resolution: 1.5dppx) {
    input[type=radio] + label{background-image:url(../images/icon-radio@2x.png?v=2023);}
    input[type=radio]:checked + label{background-image:url(../images/icon-radio-checked@2x.png?v=2023);}
    input[type=radio]:disabled + label{background-image:url(../images/icon-radio@2x.png?v=2023);}
    input[type=checkbox] + label{background-image:url(../images/icon-checkbox@2x.png?v=2023);}
    input[type=checkbox]:checked + label{background-image:url(../images/icon-checkbox-checked@2x.png?v=2023);}
    input[type=checkbox]:disabled + label{background-image:url(../images/icon-checkbox@2x.png?v=2023);}
}
/*-------------------------------------------
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;
    color:#111;
    font-weight:700;
    border:2px solid var(--main-color);
    background-color:transparent;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
    padding:7px 15px;
    border-radius:5px;
    transition:.1s;
    cursor:pointer; 
    outline:none;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover,
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, a.btn:focus, .field-file:focus{
    text-decoration:none;
    color:#fff !important;
    background-color:var(--main-color);
    border-color:var(--main-color);
    box-shadow:0 1px 3px rgba(0,0,0,.3);
}

.buttons{
    text-align:center; 
    margin:30px 0 0; 
    position:relative;
}
    .buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
        padding:14px 30px; 
        font-size:1.15rem; line-height:1.2;
        margin-left:10px; margin-right:10px;
    }
    input.btnSecondary, .btn.btnSecondary{
        border-color:#aaa;
        font-weight:400;
        color:#666;
    }
    input.btnDel, .btn.btnDel{
        border-color:#df2626;
        font-weight:400;
        color:#df2626;
    }
    input.btnDel:hover, .btn.btnDel:hover{
        border-color:#df2626;
        background-color:#df2626;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
        padding:12px 25px;
    }
}

/*-------------------------------------------
Page
-------------------------------------------*/
@media screen and (max-width:440px){/* i16 Pro Max */
    .page .current, .page a{
        line-height:25px;
        padding:0 9px;
    }
    .page .pageTo{
        display:block;
        margin-top:10px;
    }
        .page .pageTo select{
            padding:5px 28px 5px 10px;
        }
}
@media screen and (max-width:375px){/* i6 ~ iX */
    .page span{
        margin:0;
    }
}
@media screen and (max-width:360px){/* Xiaomi 2S */
    .page .current, .page a{
        line-height:25px;
        padding:0 8px;
    }
}
@media screen and (max-width:320px){/* i5 */
    .page .current, .page a{
        line-height:25px;
        padding:0 7px;
    }
}

/*-------------------------------------------
Shortcut Buttons
-------------------------------------------*/
#shortcutButtons{
    display:none;
}
@media screen and (max-width:440px){/* i16 Pro Max */
    #shortcutButtons{
        display:block;
        position:fixed; bottom:0; left:0; z-index:102;
        background-color:#fff;
        box-shadow:0 0 10px rgba(0,0,0,.1);
        width:100%;
        padding-bottom:calc(env(safe-area-inset-bottom));
        overflow:hidden;
    }
        #shortcutButtons ul{
            list-style:none;
            margin:0 auto;
            padding:0;
            height:60px;
            display:flex;
        }
            #shortcutButtons ul li{
                flex:1;
                position:relative;
                text-align:center;
            }
                #shortcutButtons a{
                    display:block;
                    height:100%;
                    padding:5px;
                    font-size:.75rem;
                    line-height:12px;
                    color:#111;
                    border-radius:0;
                }
                #shortcutButtons a:hover{
                    color:var(--main-color);
                }
                    #shortcutButtons [class*='material-symbols']{
                        display:block;
                        color:var(--main-color);
                        font-size:32px;
                        margin:2px 0 0;
                    }
}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
    position:relative;
    background-color:#242424;
    margin:0 auto;
    font-size:13px; line-height:18px;
    color:#ccc;
    text-align:center;
    padding:35px 0;
    /* iOS 11.0~11.1 */
    padding-bottom:calc(constant(safe-area-inset-bottom) + 35px);
    /* iOS 11.2 */
    padding-bottom:calc(env(safe-area-inset-bottom) + 35px);
}
    footer #organizationlogos{
        background:url(../images/organization_logos.png?v=2023) no-repeat 50% 50%;
        height:89px;
        background-size:auto 89px;
    }
    footer #organizationlogos-cn{
        background:url(../images/organization_logos_cn.png?v=2023) no-repeat 50% 50%;
        height:100px;
        background-size:auto 100px;
    }
    footer .copyright{
        margin-top:18px;
    }
    footer .recommend{
        margin-top:8px;
        color:#ccc;
    }
    footer .huaweb{
        display:block;
        color:#fff; 
        opacity:.2;
    }
@media screen and (max-width:992px){
    footer #organizationlogos{
        height:50px;
        background-image:url(../images/organization_logos@2x.png?v=2023);
        background-size:contain;
    }
    footer #organizationlogos-cn{
        height:50px;
        background-image:url(../images/organization_logos_cn.png?v=2023);
        background-size:50px 50px;
    }
    footer .copyright{
        margin-top:10px;
    }
    footer .recommend{
        display:none;
    }
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
    footer{
        padding-left:20px; padding-right:20px;
    }
        footer .contactInfo em{
            display:block;
        }
        footer .copyright{
            font-size:12px;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    footer{
        padding-left:15px; padding-right:15px; padding-bottom:80px;
    }
        footer .copyright .cYear{
            display:block;
        }
}

/*-------------------------------------------
Scroll Up
-------------------------------------------*/
.scrollUp{
    width:40px; height:40px; 
    border-radius:50%;
    position:fixed; bottom:45px; right:3%; z-index:50;
    background:url(../images/btn_top@2x.png) no-repeat 50% 50% #fff;
    background-size:40px 40px;
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    display:none;
}
    .scrollUp span{
        display:block;
        width:0; height:0; font-size:1;
        overflow:hidden;
    }
@media screen and (max-width:768px){
    .scrollUp{
        bottom:70px; right:3%;
    }
}