@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:700}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 ---*/

/*===========================================
Default
===========================================*/
:root{
    --primary-color:#1FA294;
    --primary-rgb:31,162,148;
    --secondary-color:#efebcf;
    --visual-green:#1FA294;
    --visual-green-rgb:31,162,148;
    --visual-purple:#604B8C;
    --visual-purple-rgb:96,75,140;
    --visual-orange:#EC6A24;
    --visual-orange-rgb:236,106,36;
    --visual-yellow:#CEC329;
    --visual-yellow-rgb:206,195,41;
    --visual-bgcolor:#E6DDA4;
    --visual-bgcolor-rgb:230,221,164;
    --table-border-color:#aaa;
    --hover-color:DodgerBlue;
}

body{
    margin:0;
    color:#333; 
    font-size:16px;
    line-height:1.7rem; 
    font-family:'Roboto', "Helvetica", "Helvetica Neue", Arial, sans-serif;
    background-color:#222;
    background-position:center 0;
    background-repeat:no-repeat;
    overflow-x:hidden;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    image-rendering:-webkit-optimize-contrast;
}
:lang(en) body{
    
}
*, ::after, ::before{
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

hr{
    display:block;
    border:0; border-top:1px solid #e3e3e3;
    height:1px;
    margin:2em 0;
    padding:0;
}

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

/*-------------------------------------------
Material Icons
-------------------------------------------*/
@font-face{
    font-family:'Material Icons';
    font-style:normal;
    font-weight:400;
    src:url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
        url(../fonts/MaterialIcons-Regular.ttf) format("truetype"),;
}
[data-icon]::before,
.material-icons{
    content:attr(data-icon);
    font-family:'Material Icons';
    font-weight:normal;
    font-style:normal;
    font-size:24px;
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga';
    -webkit-font-smoothing:antialiased;
    vertical-align:top;
    margin-right:5px; margin-left:-3px;
}
/*-------------------------------------------
Wrapper
-------------------------------------------*/
.wrapper{
    width:1200px !important; min-width:1200px;
    height:100%;
    margin:0 auto;
    position:relative;
}

/*-------------------------------------------
Header
-------------------------------------------*/
#header-container{
    background-color:#fff;
    height:500px;
    position:relative; z-index:3;
}
    #header-container::before{
        content:"";
        display:block;
        background-image:url(/thrs2024/images/head-bg-2024.jpg?v=20221209);
        background-repeat:no-repeat;
        background-position:50% 50%;
        background-size:auto 100%;
        position:absolute; top:0; left:0; z-index:1;
        width:100%;
        height:100%;
    }
    #header-container::after{
        content:"";
        display:block;
        background-color:#E6DDA4;
        position:absolute; top:60px; bottom:62px; z-index:0;
        width:100%;
    }
    #header-container header{
        position:relative;
    }
        .meeting-heading{
            color:#fff;
            position:absolute; top:165px; left:330px;
            display:none;
        }
            .meeting-heading .meeting-title{
                margin:0;
                color:#fff;
                font-size:2.125rem;
            }
            .meeting-heading .meeting-date-venue{
                margin-top:10px;
                font-size:1.25rem; font-weight:300;
            }
                .meeting-heading .meeting-date,
                .meeting-heading .meeting-venue{
                    display:inline;
                    margin-right:10px;
                }
        #header-container .thrs{
            color:#fff;
            font-size:.75rem; line-height:1;
            position:absolute; left:10px; bottom:10px;
            display:none;
        }
        #top-links{
            /* background-color:rgba(0,0,0,.65); */
            background-color:var(--visual-green);
            border-radius:0;
            color:#fff;
            font-size:.875rem;
            padding:5px 15px;
            position:absolute; top:0; right:15px; z-index:10;
        }
            #top-links span{
                padding:0 10px;
                margin-left:-2px;
                opacity:.2;
            }
            #top-links a{
                display:inline-block;
                color:#fff;
                padding:5px;
                transition:.2s;
            }
            #top-links a:hover{
                color:#fff;
                opacity:.65;
            }
            #top-links strong{
                margin-right:5px;
            }

/*-------------------------------------------
Content Container
-------------------------------------------*/
#content-container{
    background-color:#fff;
    height:auto!important;min-height:400px;height:400px;
    padding-top:40px; padding-bottom:60px;
    --menu-width:220px;
}

/*-------------------------------------------
Navigation
-------------------------------------------*/
#menu{
    float:left; 
    width:var(--menu-width); 
    height:auto !important; min-height:500px; height:500px; 
    background-color:var(--visual-green);
    position:relative; z-index:100;
    padding:3px 0px;
    border-radius:0;
}
    .menu-list{
        list-style:none;
        margin:0;
        padding:10px;
        line-height:1.3;
    }
        .menu-list li{
            border-bottom:1px solid rgba(100%,100%,100%,.2);
        }
        .menu-list li:last-child{
            border:none;
        }
            .menu-list .menulink{
                display:block; 
                padding:20px 10px; 
                color:#fff;
                border-radius:0;
                transition:.2s;
            }
            .menu-list .menulink:hover{
                background-color:var(--visual-purple);
                color:#fff;
            }
            .menu-list .menulink.active,
            .menu-list .menulink.active:hover{
                /*background-color:var(--secondary-color);*/
                background:var(--visual-purple);
                color:#fff;
                cursor:default;
            }

/*-------------------------------------------
Main Content
-------------------------------------------*/
#content{
    float:right;
    width:calc(100% - var(--menu-width) - 60px); /* 100% -  (nav's width + margin-left 60px) */
}
#content.no-submenu{
    float:none;
    width:100%;
    margin:0 auto;
}
    .page-title{
        margin:0 0 30px;
        color:var(--visual-yellow);
        font-size:1.875rem;
        border-bottom:2px solid rgba(var(--visual-yellow-rgb),.7);
        position:relative;
        padding-bottom:10px;
    }
        .page-title span{
            display:inline-block;
            position:relative;
        }
    .smallTitle{
        border-bottom:1px solid rgba(var(--visual-green-rgb),.2);
        color:var(--visual-green);
        font-size:1.25rem;
        padding:5px;
        margin-bottom:15px;
    }
        .smallTitle i{
            color:var(--visual-green);
            font-size:1.25rem; font-style:normal; font-weight:bold;
        }
    #content section{
        margin-bottom:40px;
        padding-left:30px;
    }

/*-------------------------------------------
Hide from both screenreaders and browsers
-------------------------------------------*/
.hidden{
    display:none !important;
    visibility:hidden;
}

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

/*-------------------------------------------
common
-------------------------------------------*/
.floatL{float:left;}
.floatR{float:right;}
.explanation{
    color:#C60;
    font-size:.875rem; font-weight:normal;
}
.required{
    color:#f00 !important;
}
.noneData{
    color:#999;
    padding:20px 0 !important;
    border:none;
    text-align:center;
    clear:both;
}
.fieldRequired{
    text-align:right; color:#666;
}
.important{
    color:#f00 !important;
}

/*-------------------------------------------
JQuery UI
-------------------------------------------*/
#ui-datepicker-div{
    font-size:12px;
}
.ui-datepicker-trigger{
    margin-left:3px;
}

/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
[type=radio],
[type=checkbox]{
    vertical-align:-2px;
    margin:0 3px;
    width:18px;
    height:18px;
}
[type=text], [type=password], [type=email], [type=tel], [type=date],
textarea, select{
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    -webkit-appearance:none; appearance:none;
    background-color:#fff;
    border:1px solid #bbb; 
    border-radius:3px;
    box-shadow:inset 0 1px 1px #eee; 
    font-size:16px;
    line-height:1;
    height:40px;
    padding:5px 6px;
}
select{
    padding:4px 5px;
    border:1px solid #bbb;
}
[type=text]:focus, [type=password]:focus, [type=email]:focus, [type=date]:focus, textarea:focus, select:focus{
    outline:0;
    background:#fffeee;
    border:1px solid #67cfff; 
    box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
    webkit-appearance:none;
}
textarea{
    line-height:1.3;
    height:auto;
    resize:vertical;
}
#validate_image{
    display:inline-block;
    vertical-align:top;
    margin-left:5px;
    width:auto !important;
    height:40px !important;
}

/*-------------------------------------------
Buttons
-------------------------------------------*/
[type=submit], [type=button], [type=reset], .btn{
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    -webkit-appearance:none; appearance:none;
    display:inline-block;
    vertical-align:top; text-align:center;
    background-color:var(--visual-green);
    border:none; 
    box-shadow:0 5px 10px rgba(0,0,0,.15);
    border-radius:5px;
    cursor:pointer;
    color:#fff;
    font-size:16px; font-weight:700;
    line-height:1;
    min-height:40px;
    padding:12px 15px;
    text-decoration:none;
    transition:.2s;
}
[type=submit]:focus, [type=button]:focus, [type=reset]:focus, .btn:focus,
[type=submit]:hover, [type=button]:hover, [type=reset]:hover, .btn:hover{
    background-color:var(--visual-purple);
    color:#fff;
    text-decoration:none;
}
.btn-del{
    background:url(../images/icon_del.svg) no-repeat #fff !important;
    border-color:#d63535;
    width:24px; height:24px;
    box-shadow:none !important;
    text-indent:-99999em;
}
.buttons{
    margin-bottom:30px;
    padding-top:20px;
    text-align:center;
}
.buttons [type=submit], .buttons [type=button], .buttons [type=reset], .buttons .btn{
    font-size:1.25rem;
    margin-left:10px; margin-right:10px;
    padding:.75em 2em;
}

/*-------------------------------------------
Search
-------------------------------------------*/
#search-block{
    padding:10px;
    margin-top:-12px;
    text-align:right;
}
    #search-block input.date{
        width:100px;
    }

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{
    background-color:#fdf8ea !important; 
    border:1px solid #fad993 !important;
    color:#000;
    text-align:center;
    padding:20px 15px;
    margin:5px 0;
}
.systemMessage .alert{
    padding:40px 15px;
}
    .systemMessage .alert .buttons{
        margin-bottom:0;
    }

/*-------------------------------------------
Table List
-------------------------------------------*/
.tableList{
    width:100%;
}
    .tableList thead th,
    .tableList thead td{
        line-height:1.2;
        padding-bottom:5px;
    }
    .tableList thead th{
        border-bottom:2px solid var(--table-border-color);
        color:#111;
    }
    .tableList thead td{
        border-bottom:2px solid var(--table-border-color);
    }
    .tableList tbody tr:nth-child(odd){
        background:#f6f6f6;
    }
        .tableList tbody th,
        .tableList tbody td{
            padding:8px 5px;
            line-height:1.3;
        }
        .tableList tbody th{
            background:#f4f4f4;
            border-right:1px solid rgba(0,0,0,.2);
            border-bottom:1px solid rgba(0,0,0,.2);
            color:#111;
            text-align:left;
        }
        .tableList tbody td{
            border-right:1px solid rgba(0,0,0,.07);
            border-bottom:1px solid rgba(0,0,0,.1);
            text-align:center;
        }
        .tableList tbody td:last-child{
            border-right:none;
        }
    .tableList tfoot td{
        border:none;
        border-top:1px solid rgba(0,0,0,.2);
        padding:10px;
    }

/*-------------------------------------------
Page Button
-------------------------------------------*/
.page{
    font-size:12px;
    margin:0px;
    padding:10px 0;
    text-align:center;
}
    .page span a,
    .page span a:hover,
    .page .current,
    .page .disabled{
        padding:3px;
        margin:2px 0;
        border-radius:5px;
        line-height:28px;
    }
    .page a{
        color:#333;
        border:1px solid #ccc;
        text-decoration:none;
    }
    .page a:hover{
        color:#fff;
        background:var(--visual-green);
        border:1px solid #4062ab;
    }
    .page .current{
        color:#333;
        font-weight:bold;
        background:#fff;
        border:1px solid #fff;
    }
    .page .disabled{
        color:#ddd;
        border:1px solid #ddd;
    }

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
    background-color:#222;
    color:#fff;
    line-height:1.5;
    text-align:center;
    padding:40px 0;
}
    footer a{
        color:#fff;
        transition:.2s;
    }
    footer a:hover{
        color:#fff;
        opacity:.65;
    }
    footer .contactInfo{
        list-style:none;
        margin:0;
        padding:0 0 15px;
        text-align:center;
    }
        footer .contactInfo li{
            display:inline-block;
            margin:0 15px;
        }
    footer .copyright{
        font-size:.875rem;
        opacity:.7;
    }
    footer .recommend{
        font-size:.75rem;
        opacity:.5;
    }
    footer .huaweb{
        color:#fff;
        font-size:.75rem;
        opacity:.1;
    }

/*-------------------------------------------
Scroll Top
-------------------------------------------*/
.scrollup{
    background:url(../images/btn_top.svg) no-repeat 50% 50% var(--visual-green);
    border-radius:50%;
    text-indent:-9999px;
    position:fixed; bottom:115px; right:3%;
    width:40px; height:40px;
    display:none;
}