@charset "utf-8";

body,input,select,button,textarea,
body *{
    font-family: Microsoft Yahei,Source Sans Pro,Helvetica,Arial,sans-serif,Meiryo,Hiragino Sans GB W3,Noto Naskh Arabic,Droid Arabic Naskh,Geeza Pro,Simplified Arabic,Noto Sans Thai,Thonburi,Dokchampa,Droid Sans Thai,Droid Sans Fallback,-apple-system,'.SFNSDisplay-Regular',Heiti SC,Segoe UI;
}

html,body{
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none;
}

/* 重置 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0;margin:0;  border: none;}   
fieldset, img {border:0;}   
table{border-collapse:collapse;border-spacing:0;}   
ol, ul {list-style:none;}   
address, caption, cite, code, dfn, em, strong, th, var {font-weight:normal;font-style:normal;}   
caption, th {text-align:left;}   
h1, h2, h3, h4, h5, h6 {font-size:100%;}   
q:before, q:after {content:'';}   

.clearfix { *zoom:1}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }

html, body{ width:100%; height:100%; }

a{ color:#06c; text-decoration:none; }
a:hover{ text-decoration:none; }
button::-moz-focus-inner{ border:0; padding:0; margin:0; }

.side_body{ color:#333; font:14px/24px 'microsoft yahei'; background:url("/static/image/body_bg.png") repeat-y 0 0; }
.whole_body{ color:#333; font:14px/24px 'microsoft yahei'; }

.wrapper{ width:100%; }

.abtn{ 
    padding:0 18px; 
    height:20px; 
    line-height:20px; 
    background:#0072c6; 
    font-size:12px; 
    outline:none; 
    color:#fff; 
    text-decoration:none; 
    border:1px solid #0072c6; 
    display:inline-block; 
}
.abtn:hover{ background:#0072c6; border:1px solid #000; text-decoration:none; }

/* slidebar */
.slidebar{ width:200px; float:left; height:100vh; font-size:12px;}
.top_box{ 
    width:100%; 
    height:73px; 
    padding-top:27px; 
    border-bottom:5px solid #fff; 
    background:#2282c9; 
    cursor:pointer; 
}
.top_box .user{
    font-size:12px;
    color:#fff; 
    text-decoration:none;
    float: right;
    padding-right:10px;
} 
.top_box img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* menu */
.menu_left{ width:200px; overflow:hidden; padding-top:20px; }
.menu_left a{ height:38px; line-height:38px; width:240px; color:#666; text-decoration:none; padding-left:20px; display:block; }
.menu_left a:hover{ background:#BDBDBD; color:#fff; text-decoration:none; }
.menu_left .current a{ width:240px; border-left:solid #222; padding-left:16px; height:38px; line-height:38px; border-width:0 0 0 4px; font-weight:700; color:#333; }
.menu_left .current a:hover{ border-left:solid #BDBDBD; color:#fff; padding-left:20px; }

.menu_left2{ width:200px; overflow:hidden; padding-top:0px; }
.menu_left2 a{ height:38px; line-height:38px; width:240px; color:#666; text-decoration:none; padding-left:20px; display:block; }
.menu_left2 a:hover{ background:#BDBDBD; color:#fff; text-decoration:none; }
.menu_left2 .current a{ width:240px; border-left:solid #222; padding-left:16px; height:38px; line-height:38px; border-width:0 0 0 4px; font-weight:700; color:#333; }
.menu_left2 .current a:hover{ border-left:solid #BDBDBD; color:#fff; padding-left:20px; }

/* content */
.content2{ width:930px; float:left; padding:49px 0 0 70px; overflow:hidden; } 

.content{ width:calc(100% - 300px);float:left;padding: 49px 0 0 50px;overflow:hidden;} 
.content .title_lv2{ font-size:16px; height:40px; line-height:40px; margin-top:50px; } 
.content .title_lv2 span{ font-size:12px; color:#666; font-weight:400; line-height:30px; } 
.content .title_lv2 em{ font-style:italic; color:#999; } 
.caption{ height:30px; line-height:30px; overflow:hidden; border-bottom:1px solid #e0e0e0; margin-bottom:30px; } 
.caption h2{
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    float: left;
    margin-top: 15px;
    font-size: 20px;
    font-weight: normal;
    margin-block-start: 0;
    margin-block-end: 0;
} 
.caption .type{ font-size:12px; color:#fff; height:20px; line-height:20px; width:65px; text-align:center; float:left; margin:18px 0 0 10px; } 
.caption .static{ background:#bbb; } 
.caption .constructor{ background:#BDBDBD; } 
.caption .prototype{ background:#46ca3b; } 
.caption .global{ background:#252525; } 
.caption .file{ float:right; font-size:12px; color:#666; line-height:60px; }
.caption .data_type{ float:left; color:#666; font-size:12px; margin:2px 0 0 10px; }

.mod_desc{ background:#f5f5f5; padding:10px 10px 0; } 
.mod_desc p{ padding-bottom:10px; font-size: 12px }

.article_box{ margin-top:30px; } 
.article_box h3{ font-size:16px; font-weight:400; line-height:30px; margin-bottom:10px; color:#000; border-bottom:1px dotted #999; display:inline-block; }
.article_box p{ padding-bottom:20px; font-size: 12px}
.article_box b{ color:#000; }
.article_box .highlight{ padding:0 5px; background:#f0f0f0; }
.article_box .btn{ 
    padding:0 18px; 
    height:20px; 
    line-height:20px; 
    background:#0072c6; 
    font-size:12px; 
    outline:none; 
    color:#fff; 
    text-decoration:none; 
    border:1px solid #0072c6; 
    display:inline-block; 
}
.article_box .btn:hover{ background:#0072c6; border:1px solid #000; text-decoration:none; }
.article_box .gray{ color:#999; font-size:12px; padding:0 10px; }
.article_box .list{ list-style:disc; padding:0 0 10px 15px; }
.article_box .list li{ margin-bottom:10px; color:#666; }

.props_tb{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    display: table;
    box-sizing: border-box;
    text-indent: initial;
    border-color: grey;
    font-size: 12px;
    color: #000000;
    margin-top:10px; 
}
.props_tb tr{ 
    height: 38px;
    min-height: 38px;
}
.props_tb tr:hover { background-color: #f5f5f5; }
.props_tb td{
    cursor: default;
    font-weight: normal;
    box-sizing: border-box;
    line-height: 20px;
    border: 0.1px solid #dedede;
    padding-left: 10px;
    padding-right: 10px;
}
.props_tb tr .t_l{ text-align:left; padding:5px 10px; }
.props_tb .even td{ background:#f5f5f5; }
.props_tb tr .bg_white{ background:#fff; }
.props_tb th{
    cursor: default;
    font-weight: normal;
    box-sizing: border-box;
    line-height: 20px;
    background-color: #f4f4f4;
    padding-left: 10px;
    padding-right: 10px;
    border: 0.1px solid #dedede;
    text-align: left;
}
.props_tb p{ line-height:20px; padding:5px 0; color:#666; }
.props_tb .name{  color:#333; font-size:12px; }
.props_tb .type{  color:#666; }
.props_tb .bg_gray{ background:#f5f5f5;}
.props_tb .agenda th{
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}

/* 首页 */

/* feature */
.feature{ padding:30px 0; }
.feature dt{ font-size:16px; font-weight:400; line-height:30px; margin-bottom:10px; color:#000; border-bottom:1px dotted #999; display:inline-block; }
.feature dd{ font-size:12px; padding-left:22px; line-height:30px; background-position:0 -14px; }

/* download */
.download h3{ font-size:16px; font-weight:400;  line-height:30px; margin-bottom:10px; color:#000; border-bottom:1px dotted #999; display:inline-block; margin-bottom:20px; }
.download .download_box{ width:100%; overflow:hidden; }
.download .btn_download{ width:200px; height:35px; line-height:35px; color:#fff; background:#BDBDBD; margin-right:10px; float:left; }
.download .title{ float:left; font-size:14px; }
.download .btn_download_right{ margin-right:0; }
.download .btn_download:hover{ text-decoration:none; color:#fff; background:#222; }
.download .icon_box{ width:35px; height:35px; float:left; background:#0276a1; margin-right:20px; }
.download .version{ font-size:12px; color:#eee; float:right; margin-right:10px; }
.download .btn_download:hover .icon_box{ background:#000; }
.download .icon_download{ width:13px; height:13px; background-position:0 0; float:left; margin:11px 0 0 11px; }


.footer{ padding-top:150px; height:30px; padding-bottom:20px; }
.footer p{ line-height:30px; color:#999; font-size:11px; font-family:arial; }
.footer a{ color:#999; border-bottom:1px dotted #ccc; }
.footer a:hover{ color:#333; border-bottom:1px solid #333; text-decoration:none; }


 
/* iamge upload */
#image-main {
    width: 250px;
    margin:auto;
    background: #ececec;
    padding: 5px;
    border: 1px solid #ccc;
    float: left;
}
 
#image-list {
    list-style:none;
    margin:0;
    padding:0;
}
#image-list li {
    background: #fff;
    border: 0px solid #ccc;
    text-align:center;
    padding:5px;
    margin-bottom:19px;
}
#image-list li img {
    width: 200px;
    vertical-align: middle;
    border:1px solid #ccc;
}

/* form style */

input[type="text"],input[type="password"], textarea, select {
    padding:5px; border:1px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type="text"]:focus { border-color:#333; }
input[type="password"]:focus { border-color:#333; }
textarea:focus { border-color:#333; }
select:focus { border-color:#333; }

input[type=submit], input[type=button] {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color:#fff;
    font-size:12px;
    cursor:pointer; 
    margin:5px;

    border-bottom: 2px solid #0070c6;
    background-color: #0072c6;
    height: 30px;
    line-height: 28px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
}


/* flex */
.inline-flex{
    display: inline-flex;
}

.flex-h{
    display: flex;
    flex-direction: row;
}
.flex-center-h{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.flex-v{
    display: flex;
    flex-direction: column;
}
.flex-center-v{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.flex-h.space-around,
.flex-center-h.space-around,
.flex-v.space-around,
.flex-center-v.space-around{
    justify-content: space-around;
}
.flex-h.space-between,
.flex-center-h.space-between,
.flex-v.space-between,
.flex-center-v.space-between{
    justify-content: space-between;
}
.flex-align-items-start{
    align-items: flex-start;
}
.flex-align-items-center{
    align-items: center;
}
.flex-grow-1{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}
.flex-wrap{
    flex-wrap: wrap;
}


/* agenda time box */
.archive_box {
    border: 1px solid #cccccc;
    border-top: 3px solid #7c7c7c;
    background-color: #eaeaea87;
}
.ongoing_box {
    border: 1px solid #cccccc;
    border-top: 3px solid #00bceb;
    background-color: #c7e8ff;
}
.scheduled_box {
    border: 1px solid #cccccc;
    border-top: 3px solid #fbab18;
    background-color: #FDEBD0;
}
.agenda_box {
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    align-items: center;
    z-index: 1;
}
.flex-v td, .flex-h td{position: relative;}
.text_align_center {text-align: center;}