/* CSS Document */
img {max-width:100%;height: auto;}
article a {word-wrap: break-word;word-break: break-all;}

.editor a {word-wrap: break-word;word-break: break-all;}
.editor ul, .editor li { list-style-type:initial;}
.table_scroll{overflow-x: auto; display: block; padding-bottom:15px;}
.datatable { width:100%; border-spacing:1px; background:#dfdfdf;}
.datatable th { padding:10px; background:#072153; color:#fff; text-align:left; font-size:13px; vertical-align:top;}
.datatable td { padding:10px; color:#000000; text-align:center; font-size:14px; background:#fff; vertical-align:top;}

.top { height:129px;}
.top-top { background:#000; height:76px;}
.logo { padding:0px 0 0 22px; position:relative; z-index:99999; display:inline-block;}
.logo span { display:inline-block;}
.top-link { position:absolute; top:24px; right:10px;}
.top-link > a { display:inline-block; margin-left:7px; margin-top:5px; width:25px; height:25px; border:1px solid #fff; line-height:25px; font-size:14px; color:#fff; text-align:center; vertical-align:top;}
.top-link > a:hover { background:#fff; color:#000;}
.search { display:inline-block; margin-right:10px; width:165px; border-bottom:1px solid #fff; vertical-align:top;}
.search-txt { float:left; width:calc(100% - 30px); border-width:0; background:none; color:#fff; font-size:15px; font-family:Abel; padding:3px 0;}
.search-btn { float:left; display:block; width:30px; line-height:30px; color:#fff; text-align:center; font-size:18px;}
.search-btn:hover { color:#fff;}
nav { background:rgba(0,0,0,.7);}
.menu-box { }
ul.menu { display:block; padding:0; border-top:1px solid rgba(255,255,255,1); text-align:right; height:53px; margin-top:0px;}
ul.menu li { display:inline-block; font-size:17px;}
ul.menu li > a { display:block; color:#fff; padding:0px 16px; line-height:52px;}
ul.menu li > a:hover { color:#4ec7ff;}
.m_menu { display:none;}


@media only screen and (max-width: 768px) {
.top { background:#000; height:113px;}
.logo { padding-left:10px;}
.logo img { max-width:88%;}
.top-link { position:inherit; top:auto; right:auto; background:#2465b8; padding:5px 10px 10px 10px; text-align:right;}

ul.menu{ display:none;}
.m_menu{ display:block; position:absolute; height:48px; overflow:hidden; z-index:9999; margin-bottom:10px; text-align:right; top:65px; right:0; width:100%; border-bottom:1px solid rgba(255,255,255,.3); }
.m_menu.active{ }
.m_menu a.main{ display:block; padding:0 15px; font-size:22px; color:#fff; line-height:26px; font-family:Abel;  height:48px;}
.m_menu a.main i{ font-style:normal; font-family:FontAwesome; padding-right:8px; display:inline-block; font-size:20px; padding-top:3px;}
.m_menu ul.nav{ background:#000; margin-top:-1px; border-top:1px solid rgba(255,255,255,.3); }
.m_menu ul.nav li { text-align:left;}
.m_menu ul.nav li > a { color:#fff; display:block; padding: 12px 16px; font-size:18px; border-bottom:1px solid rgba(255,255,255,.1); }
.m_menu ul.nav li > a:hover { color:#3353ea; }
}
@media only screen and (max-width: 414px) {
.logo span:last-child { display:none;}
}