/* top-body */
.top-body {background-size: cover;overflow: hidden;width: 100%;height: 300px;color: #eee;}
.top-body .navbar{position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: .5rem 1rem;border-bottom: 1px dashed;}
.top-body .nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;justify-content: flex-end!important;}
.top-body .top-body .so {position: relative;top: 10%;z-index: 10;text-align: center;}
.top-body .searchChoice {position: relative;top: 47px;z-index: 100;width: 35px;height: 35px;border-radius: 15px 0 0 15px;background-position: 12px 12px;background-repeat: no-repeat;}
.top-body .bgss1, .top-body .bgss12 {width: 20px;height: 20px;background-position: 0 -720px;}
.top-body .sChoiceBtn {margin: 0 auto;width: 20px;height: 20px;background-image: url(/Public/static/index/images/search/site_logo.png);background-repeat: no-repeat;cursor: pointer;transition: background-position .2s ease 0s;}
.top-body .scBigBox {position: relative;top: 12px;z-index: 41;display: none;overflow: auto;min-width: 302px;min-height: 100px;border: solid 1px #fff;border-radius: 3px;background-color: #fff;}
.top-body .form-control {display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1.6rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.top-body .input-group>.custom-file, .top-body .input-group>.custom-select, .top-body .input-group>.form-control, .top-body .input-group>.form-control-plaintext {-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;min-width: 0;margin-bottom: 0;}
.top-body .input-group-append, .top-body .input-group-prepend {display: -ms-flexbox;display: flex;}
.top-body .input-group-append {margin-left: -1px;}
.top-body .input-group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
#search {height: 42px;border-radius: 3px 0 0 3px;text-indent: 25px;outline: none;border: 1px solid #eee;}
#search:focus{outline: none;box-shadow: none;}
.top-body .so .input-group .btn-outline-secondary {border: 1px solid #f80;background-color: #f80;color: #fff;}
#searchBtn {width: 65px;border-radius: 0 3px 3px 0;background-image: url(/Public/static/index/images/search/icon.png);background-position: 23px -10px;background-repeat: no-repeat;cursor: pointer;}


/* header */
.header .logo {text-align: center;}
.header .search {margin: 10px auto;}
.header .search .input {width: 100%;height: 34px;font: 16px/18px arial;background: transparent;outline: 0;-webkit-appearance: none;padding-left: 5px;border: 1px solid #b6b6b6;background: #fff;display: inline-block;vertical-align: top;height: 36px;margin-right: -3px;border-right-width: 0;border-color: #b8b8b8 transparent #ccc #b8b8b8;overflow: hidden;}
.header .search .btn {width: 100px;height: 36px;color: #fff;font-size: 15px;letter-spacing: 1px;background: #3385ff;border-bottom: 1px solid #2d78f4;outline: medium;*border-bottom: 0;-webkit-appearance: none;-webkit-border-radius: 0;}
.header .search .search-btn {margin-left: -15px;padding: 0px;text-align: left;}


/* navigation content */
.content_box {background-color: #fff;border: 1px solid #c3ccd6;}
.gov li{line-height: 38px;}


/* content */
.content {margin-top: 15px;}
.content-box {min-height: 720px;}
.content .sidebar {min-height: 973px;}
.content .gov-region h3, .content .interest h3 {font-size: 16px;font-weight: bold;margin: 10px 0;color: #45a1e8;margin-top: 25px;}
.content .gov-region .list-inline li, .content .interest .list-inline li{line-height: 30px;}
.content .customize {min-height: 212px;border: 1px solid #c3ccd6;margin-right: -15px;background-color: #fff;margin-left: 0px;}
.content .customize li{line-height: 30px;}
.content .classify{min-height: 200px;border: 1px solid #c3ccd6;margin-right: -15px;background-color: #fff;margin-left: 0px;margin-top: 15px;}
.content .classify .title a{color: #378ce6;margin: 0 10px 0 5px;}
.content .classify_list {display: flex;line-height: 30px;border-bottom: 1px solid #eee;}



/* nav-position */
.nav-position {margin-top: 20px;}
.nav-position p{border: 1px solid #ddd;background-color: #f5f5f5;height: 34px;line-height: 34px;padding-left: 10px;}


/* message board */
.message-board .layui-layedit-iframe{background-color: #fff;}


/* customize page */
/*#customizePreserve {float: right;position: relative;top: -32px;right: 2px;}*/
.customize_list {height: auto;padding-bottom: 10px;}
.classify-box {height: auto;padding-bottom: 10px;}
.classify-box form {display: inline-block;float: left;}
.customize_li .customize_li_selected { width: 15px;display: inline-block;color:#ffffff;margin:0 10px;}
.customize_list ul {margin-left: 4px;}
.customize_list ul li{margin: 1px;width: 123px;float: left;line-height: 30px;border: 1px dotted;}
.sortable-ghost {opacity: 0.4;background-color: #F4E2C9;}
.block__list li {cursor: pointer;}
.customize_li{display: inline-block;width: 130px;margin: 5px 30px;line-height: 24px;}
.customize-name{cursor: move;display: inline-flex;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.customize_li:hover{background: #5cb85c;line-height: 24px;}
.customize_li:hover a{color: #ffffff;text-decoration:none;}
.customize_li:hover span{display: inline-block!important;}


/* footer */
.footer{margin-top: 20px;margin-bottom: 30px;}
.icp{margin-top: 15px;text-align: center;}