html {
    /* font-size: 62.5%; 强制 1rem = 10px 方便计算 rem 换算 */
    /*font-size: 10px;  强制 1rem = 10px 方便计算 reme 换算 */
    font-size: 62.5% !important;
}

[v-cloak] {
    display: none !important;
}

textarea{
    line-height:2rem !important;
}

* {
    padding: 0;
    margin: 0;
    font-family: 'Siemens Sans Roman','Arial',sans-serif,'微软雅黑';
}

#mainContent {
    /*
    animation-duration: 0.3s !important;
    animation-delay: 0s !important;*/
}

body, div.contentBody, #mainContent, .viewform {
    /*background-color: #f4f6f9;*/
    background-color: #f1f3f6;
}

.viewtable {
    background-color: #ffffff;
}

@font-face {
    font-family: "fontAli";
    src: url('icon/fontAli//iconfont.eot?t=1479712659184');
    /* IE9*/
    src: url('icon/fontAli//iconfont.eot?t=1487765405017#iefix') format('embedded-opentype'), url('icon/fontAli//iconfont.woff?t=1479712659184') format('woff'), /* chrome, firefox */ url('icon/fontAli//iconfont.ttf?t=1479712659184') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('icon/fontAli//iconfont.svg?t=1479712659184#iconfont') format('svg');
    /* iOS 4.1- */
}

.fontAli {
    font-family: "fontAli";
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.searchItemBody {
    display: flex; /*Flex布局*/
    display: -webkit-flex; /* Safari */
    align-items: center;
    line-height: 18px;
    text-align: right;
}

.searchItemFieldTitle {
    min-width: 125px;
    text-align: right;
    padding-right: 5px;
}

.fieldTitleBody {
    display: flex; /*Flex布局*/
    display: -webkit-flex; /* Safari */
    flex-direction: column;
    /*align-items:center;*/
    line-height: 18px;
    padding-right: 5px;
}

    .fieldTitleBody div {
        text-align: right;
    }

.vCenter {
    display: flex; /*Flex布局*/
    display: -webkit-flex; /* Safari */
    align-items: center;
    line-height: 18px;
    text-align: center;
}

.enHeader {
    line-height: 14px;
}

    .enHeader div {
        text-align: center;
    }

.taskWarn {
    margin: 0px auto;
    width: 30px;
    height: 30px;
    background-image: url(images/red.png);
    background-repeat: no-repeat;
}

.taskCommon {
    margin: 0px auto;
    width: 30px;
    height: 30px;
    background-image: url(images/green.png);
    background-repeat: no-repeat;
}

.center {
    text-align: center;
}

a {
    color: #2387AA;
}

    a:link {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

td.title > a {
    text-decoration: none;
    color: #484a50;
}

a.button:link {
    padding: 6px 12px 6px 12px;
    text-decoration: none;
    color: white;
    background-color: #2387AA;
    border: solid 1px #2387AA;
    opacity: 0.8;
}

a.button:visited {
    color: white;
    background-color: #2387AA;
    border: solid 1px #2387AA;
    opacity: 0.8;
}

a.button:hover {
    text-decoration: none;
    background-color: #2387AA;
    opacity: 1;
}

a.button:active {
    color: white;
    background-color: #2387AA;
    border: solid 1px #2387AA;
    opacity: 1;
}

a.opButton:link, a.opButton:visited, a.opButton:hover, a.opButton:active {
    display: inline-block;
    margin-right: 5px;
    color: #2387AA;
}

.opButton {
    display: inline-block;
    margin-right: 5px;
}

a.button i {
    margin-right: 5px;
}

body {
    width: 100%;
}

div.contentBody {
    padding: 5px;
}

.main-form {
    width: 1000px;
    margin: 0px auto;
}

　 .ui-form {
    width: 100%;
    min-width: 1100px;
}

.ui-pointer-click {
    color: blue;
    cursor: pointer;
    text-decoration: none;
}

.tb_title {
    width: 100%;
    background-color: #F8F8F7;
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px;
    border-bottom: 0px solid #ccc;
}

.tb_titlebg {
    width: 100%;
    background-color: #009998;
    color: #fff;
    text-align: left;
    font-size: 14px;
    text-indent: 0.5em;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 22px;
    border-bottom: 0px solid #ccc;
}

.tb_panel, .tb_panelprocess {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #ffffff;
}

.tb_panelprocess {
    border-top: 1px solid #ddd;
}

.tb_title_bg {
    width: 100%;
    background-color: #009998;
    height: 3px;
    line-height: 3px;
}

.tb_title_txt {
    width: 100%;
    background-color: #fff;
    color: #333;
    text-align: left;
    font-size: 14px;
    text-indent: 0.5em;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 22px;
    font-weight: 300;
}

.tb_title_tb {
    padding: 0px 7px 7px 7px;
    margin-top: 0px;
}


.tb_form {
    width: 100%;
    margin-top: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    border-collapse: collapse;
    background: #fff;
}

    .tb_form .td_Label {
        text-align: right;
        font-size: 12px;
        width: 22%;
        height: 25px;
        line-height: 23px;
        background: #f7f6f6;
        color: #333;
        border: 1px solid #d8cfcf;
        margin: 0px;
        padding: 1px;
        padding-right: 2px;
    }

    .tb_form .td_Input {
        text-align: left;
        font-size: 12px;
        width: 25%;
        height: 25px;
        line-height: 23px;
        padding-left: 2px;
        margin: 0px;
        border-right: 1px solid #d8cfcf;
        border-top: 1px solid #d8cfcf;
        border-bottom: 1px solid #d8cfcf;
        color: #555;
    }

    .tb_form .td_Label3 {
        text-align: right;
        font-size: 12px;
        width: 13%;
        height: 25px;
        line-height: 23px;
        background: #f7f6f6;
        color: #333;
        border: 1px solid #d8cfcf;
        margin: 0px;
        padding: 1px;
        padding-right: 2px;
    }

    .tb_form .td_Input3 {
        text-align: left;
        font-size: 12px;
        width: 20%;
        height: 25px;
        line-height: 23px;
        padding-left: 2px;
        margin: 0px;
        border-right: 1px solid #d8cfcf;
        border-top: 1px solid #d8cfcf;
        border-bottom: 1px solid #d8cfcf;
        color: #555;
    }

    .tb_form .TextBox {
        border: solid 1px #cccccc;
        height: 24px;
        padding-left: 2px;
        width: 200px;
    }

    .tb_form .MultTextBox {
        border: solid 1px #cccccc;
        height: 60px;
        line-height: 20px;
        padding-left: 2px;
        width: 90%;
        overflow: auto;
        margin: 3px 0px 3px 2px;
        padding: 2px 0px 2px 2px;
    }

table {
    border-collapse: separate;
    border-spacing: 0px;
    border-collapse: collapse;
}

.tb_form .DropDownList {
    border: solid 1px #cccccc;
    height: 22px;
    padding-left: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 205px;
    line-height: 22px;
    display: inline-block;
}

.tb_oper {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.probutton {
    padding: 2px 18px 2px 18px;
    cursor: pointer;
    line-height: 22px;
    color: #fff;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    border: solid 1px #009893;
    background-color: #009893;
    margin-left: 2px;
    margin-right: 2px;
    height: auto;
}

    .probutton:hover {
        background-color: #047c7d;
    }

.common-ui-tab {
    margin-top: 5px;
    background-color: #169898;
    width: 100%;
    height: 32px;
    margin-bottom: 0px;
}

    .common-ui-tab ul {
        padding: 2px;
    }

        .common-ui-tab ul li {
            list-style-type: none;
        }

.common-ui-tab-noselect {
    background-color: #106b6e;
    color: #fff;
    font-weight: bold;
    height: 30px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
}

    .common-ui-tab-select, .common-ui-tab-noselect:hover {
        background-color: #fff;
        color: #169898;
        font-weight: bold;
        height: 30px;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 30px;
        cursor: pointer;
    }

.common-ui-tab-hide {
    display: none;
}

.common-ui-tab-show {
    display: block;
}
/* 必填*/
._cord {
    color: red;
}

/*遮罩层*/
.mask {
    background: #000;
    filter: alpha(opacity=50); /* IE的透明度 */
    opacity: 0.5; /* 透明度 */
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100; /* 此处的图层要大于页面 */
    display: none;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-top: 200px;
}

.loading {
    z-index: 101;
}

.tbSummartInfo {
    width: 500px;
}

.pagingButton {
    display: inline-block;
    margin-right: 5px;
}

.pagingNumberButton {
    display: inline-block;
    margin-right: 5px;
}

.currentPagingNumberButton {
    color: red;
}


.uploadpanel .bodypanel {
    padding: 5px;
}

    .uploadpanel .bodypanel li {
        list-style: none;
    }

        .uploadpanel .bodypanel li span.fileTitle {
            display: inline-block;
        }

        .uploadpanel .bodypanel li.Image {
            margin-right: 5px;
            float: left;
            position: relative;
        }

            .uploadpanel .bodypanel li.Image span.fileButton {
                top: -5px;
                right: 5px;
                z-index: 100;
                position: absolute;
            }

                .uploadpanel .bodypanel li.Image span.fileButton i {
                    color: red;
                }

        .uploadpanel .bodypanel li.File span.fileButton {
            margin-left: 5px;
        }

ul.page-breadcrumb {
    list-style: none;
    line-height: 25px;
}

    ul.page-breadcrumb li {
        list-style: none;
        display: inline-block;
    }

table.viewtable {
    /*border:solid 1px #d9cfcf;*/
    border-collapse: collapse;
    margin: 0px auto;
    /*margin-top: 2px;
    margin-bottom: 2px;*/
}

    table.viewtable tr {
        height: 33px;
    }

        table.viewtable tr td {
            padding-left: 2px;
            padding-top: 2px;
            border: 0px solid rgba(0,0,0,.125);
        }

            table.viewtable tr td table.codeList td {
                border-width: 0px;
            }

            table.viewtable tr td.fieldTitle {
                background-color: #f7f7f7;
                background-color: #ffffff;
                border-width: 0px;
                padding-left: 15px;
                 border-bottom: dashed 1px #d9cfcf;
                   line-height:33px;
            }

            table.viewtable tr td.fieldControl {
                border-width: 0px;
                  border-bottom:  dashed 1px #d9cfcf;
                 line-height:33px;
            }

        table.viewtable tr.widthRow td {
            padding-left: 0px;
            padding-top: 0px;
            border-width: 0px;
        }

        table.viewtable tr.errorRow td {
            padding-left: 0px;
            padding-top: 0px;
            border-width: 0px;
        }

.info-error {
    color: red;
    display: inline-block;
}

.total-errors {
    color: red;
}

.grid-toolbar {
    line-height: 26px;
}


.resourceNavigation {
    list-style: none;
    text-align: right;
}

    .resourceNavigation li {
        display: inline-block;
        height: 124px;
        width: 143px;
        margin: 5px 5px 0px 5px;
        background-color: #f1f3f6;
    }

        .resourceNavigation li i {
            margin: 20px 10px 0px 10px;
            font-size: 44px;
            width: 123px;
            height: 67px;
            position: absolute;
            top: 0px;
            left: -1px;
        }

        .resourceNavigation li span.title {
            background-color: #fff;
            color: #484a50;
            padding: 10px;
            width: 143px;
            height: 17px;
            text-align: center;
            position: absolute;
            top: 87px;
            left: 0px;
            display: inline-block;
            height: 36px;
        }

.resourceButton a {
    text-decoration: none;
    opacity: 0.8;
    text-align: center;
    float: left;
    display: inline-block;
    height: 124px;
    width: 143px;
    position: relative;
}

    .resourceButton a:hover {
        opacity: 1;
    }

.resourceButton:nth-child(3n+1) a {
    color: #006487;
}

.resourceButton:nth-child(3n+2) a {
    color: #EB780A;
}

.resourceButton:nth-child(3n+3) a {
    color: #55A0BE;
}

#pathPanel {
    line-height: 35px;
    font-size: 13px;
    /*background-color: white;
    border: 1px solid rgba(0,0,0,.125);
    padding-left:5px;*/
}

#mainContent .searchpanel {
    list-style: none;
    /*padding-left: 5px;
    padding-right: 5px;*/
    line-height: 40px;
    /* border: solid 1px #cecece;*/
    /*border: 1px solid rgba(0,0,0,.125);*/
    /*background-color: #eeeeee;*/
    background-color: #ffffff;
    /*margin-top: 3px;*/
    font-size: 12px;
}

    #mainContent .searchpanel li span.searchItemTitle {
        list-style: none;
        display: inline-block;
    }

#mainContent .gridbar {
    line-height: 30px;
}

.buttonPanel {
    line-height: 40px;
}

input {
    height: 24px;
    line-height: 24px;
}

    input[type="radio"] {
        vertical-align: middle;
        margin-top: -2px;
        margin-bottom: 1px;
    }

.paddingbuttonpanel {
    display: inline-block;
}

.paddinginfopanel {
    display: inline-block;
}

ul.viewList {
    cursor: pointer;
    list-style: none;
    /*margin: 5px 0px 0px 0px;*/
    padding: 0px;
    height: 35px;
    /*background-color: #eee;*/
    background-color: #ffffff;
    /*border: solid 1px #ccc;*/
    margin: 0px auto;
}

    ul.viewList li.viewItem {
        list-style: none;
        margin: 0px 2px;
        padding: 0px 10px;
        line-height: 30px;
        height: 30px;
        /*color: #544949;*/
        /*background-color: #d5d5d5;*/
        float: left;
        margin-top: 4px;
        font-weight: 500;
        font-size: 14px;
        /*border: 1px solid #ccc;*/
    }

        ul.viewList li.viewItem:hover {
            list-style: none;
            color: #2387AA;
            /*background-color: #ffffff;*/
            margin: 4px 2px 0px 2px;
            padding: 0px 10px;
            line-height: 30px;
            height: 30px;
            float: left;
            /* font-weight: bold;
            border-style: solid;
            border-width: 1px;
            border-bottom-color: #ccc;
            border-top-color: #fff;
            border-left-color: #fff;
            border-right-color: #fff;*/
            border-bottom: 1px solid #2387AA;
        }

    ul.viewList li.viewSelected, ul.viewList li.viewSelected:hover {
        list-style: none;
        margin: 0px 2px;
        padding: 0px 10px;
        line-height: 30px;
        height: 30px;
        color: #2387AA;
        background-color: #ffffff;
        float: left;
        margin-top: 4px;
        /*border-style: solid;
        border-width: 1px;
        border-top-color: #ccc;
        border-right-color: #ccc;
        border-left-color: #ccc;
        border-bottom-color: #2387AA;*/
        border-bottom: 2px solid #2387AA;
        /*font-weight: bold;*/
    }

.viewPanel {
    display: none;
}

.currentViewPanel {
    display: block;
}

    .currentViewPanel > div > a {
        color: #89a5b2;
    }

.viewPanelContainer {
    margin-top: 5px;
}

div.formTitle {
    font-size: 20px;
    text-align: center;
}

ul.panelTitle {
    /*cursor: pointer;*/
    list-style: none;
    /*margin-top:10px;*/
    padding: 0px;
    height: 35px;
    line-height: 35px;
    /*background-color:#169898;*/
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /*padding-left:5px;*/
    /*border-bottom: solid 1px #999999;*/
    /*border: 1px solid rgba(0,0,0,.125);*/
    /*border-top-left-radius:0.25rem;
    border-top-right-radius:0.25rem;*/
    background-color: #ffffff;
    border-bottom:    dotted 1px #2387aa;
}

    ul.panelTitle li.title {
        list-style: none;
        margin-left: 0px;
        margin-right: 0px;
        line-height: 28px;
        height: 27px;
        color: #2387aa;
        font-size: 13px;
        /*background-color: #f3f3f3;*/
        float: left;
        margin-top: 2px;
        padding-left: 10px;
        padding-right: 20px;
        /*border: solid 1px #999999;*/
        border-radius: 5px 5px 0px 0px;
    }

    ul.panelTitle li.buttons {
        margin-top: 2px;
        float: right;
        display: inline-block;
        line-height: 24px;
        color: #009893;
        padding-right: 10px;
    }

    ul.panelTitle > li.buttons > a {
        color: #2387AA;
    }

select {
    line-height: 20px;
}

table.radioList tbody > tr {
    height: 20px;
}

table.codeList tr {
    height: auto;
}

table.codeList td {
    padding-right: 3px;
}

ul.searchpanel {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

    ul.searchpanel li {
        display: inline-block;
        position: relative;
        /*min-width:180px;*/
        min-width: 210px;
        text-align: right;
    }

ul.searchPanel {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    padding-right: 30px;
}

    ul.searchPanel li {
        display: inline-block;
        position: relative;
        /*min-width:180px;*/
        min-width: 210px;
        text-align: right;
    }

    ul.searchPanel span.select2, ul.searchPanel ul {
        min-width: initial;
        line-height: initial;
    }

    ul.searchPanel li.select2-selection__choice {
        min-width: initial;
        line-height: initial;
    }

    ul.searchPanel li.select2-search {
        min-width: initial;
        line-height: initial;
    }

.select2-container {
    top: -2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
}

#workFlowLogPanel {
    padding: 5px;
}

    #workFlowLogPanel .workflowLogTable {
        border: solid 1px #a9a9a9;
        border-collapse: collapse;
        background-color: #ffffff;
    }

        #workFlowLogPanel .workflowLogTable tr {
            height: 30px;
        }

        #workFlowLogPanel .workflowLogTable td {
            border: solid 1px #a9a9a9;
            padding-left: 3px;
            line-height: 20px;
            /*line-height: 30px;*/
        }

        #workFlowLogPanel .workflowLogTable tr.header {
            background-color: #ececed;
        }

.tip {
}

.errorTip {
    color: red;
}

label {
    vertical-align: top;
    position: relative;
    top: 2px;
    padding-left: 5px;
}

table.checklistbox {
}

    table.checklistbox tr {
        height: 20px;
    }

.paddingbuttonpanel {
    padding-left: 5px;
    margin-top: 5px;
}

.uploadpanel {
    padding-top: 5px;
}


div.right > a.moreLink:link {
    color: #748897;
    text-decoration: none;
}

div.right > a.moreLink:visited {
    color: #748897;
}

div.right > a.moreLink:hover {
    color: #748897;
}

div.right > a.moreLink:active {
    color: #748897;
}

.layui-layer-title {
    background-color: #169898;
}

.easy-search {
    position: relative;
    overflow: hidden;
    /*vertical-align:top;*/
    padding: 5px;
}

.searchfooter {
    position: absolute;
    right: 15px;
    top: 5px;
    height: 16px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 100%;
    cursor: pointer;
}

.searchfooter-small {
    /*width:100%;*/
    width: 20px;
    background-image: url(images/small.png);
}

.searchfooter-full {
    /*width:100%;*/
    width: 20px;
    background-image: url(images/full.png);
}

.searchfullfooter {
    position: absolute;
    bottom: 0px;
}

input.Wdate:disabled {
    background-color: #e5e5e5;
    border: solid 1px #bcbcbc;
}

/* 搜索区域搜索项样式 */
ul.searchPanel li div.searchItemTitle {
    display: inline-block;
    text-align: right;
    min-width: 85px;
}

ul.searchPanel li div.searchItemControl {
    display: inline-block;
}

.scroll-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow: scroll !important;
}

a.minisearchbutton {
    display: inline-block;
    background-color: #019c9a;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}

.mainBodyNoButtonArea {
    padding-bottom: 36px !important;
}

.buttonArea {
    z-index: 100;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #ebf0f5;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 35px;
    color: white;
}

ul.panelTitle {
    color: #a8d4d7;
    margin: 3px auto !important;
}

    ul.panelTitle li {
        color: #a8d4d7;
    }

select.pageSizeDropDown{
    line-height:24px !important;
    height:24px !important;
}

select.pageSizeDropDown option {
    line-height: 24px !important;
    height: 24px !important;
}

.search-region {
    line-height: 2rem;
    padding:0.5rem;
    display: flex;
    align-items:flex-start;
}

.search-region .search-body {
    flex: auto;
    display:flex;
    flex-flow:row wrap;
}

.search-region .search-button {
    flex: 0 1 7.5rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content:flex-end;
    /*justify-content: space-between;*/
}

.search-region .search-button .dropdown{
    display:none;
    margin-left:0.2rem;
}

.search-region .search-body .field-panel {
    /*margin-bottom:0.5rem;*/
    flex: 0 0 auto;
    width: 21rem;
    display: inline-flex;
    line-height: 3rem;
    justify-content: center;
    align-items: center;
}

.search-region .search-body .field-panel .field-title{
    flex: 0 1 8.5rem;
    text-align:right;
}

.search-region .search-body .field-panel .field-body{
    flex: 0 1 12.5rem;
}

.search-region .search-body .field-doublepanel{
    flex:0 0 auto;
    width:42rem;
    display:inline-flex;
    line-height:3rem;
    justify-content:center;
    align-items:center;
}

.search-region .search-body .field-doublepanel .field-title{
    flex: 0 1 8.5rem;
    text-align:right;
}

.search-region .search-body .field-doublepanel .field-title2{
    flex: 0 1 8.5rem;
    text-align:center !important;
    padding-right:0.3rem;
}

.search-region .search-body .field-doublepanel .field-body{
    flex: 0 1 12.5rem;
}

.search-region .search-body .field-doublepanel .field-body2{
    flex: 0 1 12.5rem;
}

.uploader-list .uploader-imagefile {
    display:inline-block;
}

.uploader-list .uploader-imagefile div.uploader-file-type {
    display:inline-block;
}

.uploader-list .uploader-imagefile div.uploader-file-buttons {
    margin-left:2px;
    display:inline-block;
}

.uploader-list .uploader-file div {
    display: inline-block;
    margin-right: 5px;
}

.uploader-uploadingstatus div {
    display: inline-block;
    margin-right: 5px;
}

.webuploader-pick {
    padding: 2px 10px !important;
    background: #2387AA !important;
}


.select2-item-custom-panel {
    display: flex !important;
}

    .select2-item-custom-panel div {
        padding-left: 5px;
        padding-top: 3px;
    }

.select2-item-All-Panel {
    display: flex !important;
    padding-left: 5px;
}

.select2-item-All-Panel div {
    padding-left: 5px;
    padding-top: 3px;
}


@media screen and (min-width:1200px) {
    .region {
        width: 1160px !important;
        margin: 0px auto;
        padding: 0.2rem;
    }

    .button-region {
        line-height: 3rem;
        padding: 0.5rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .button-region .button {
        margin: 0.2rem;
    }

    .form-region {
        line-height: 3rem;
        background-color: white;
        border: solid 1px #F1F3F6;
        display:flex;
        flex-flow:row wrap;
    }

    .form-region .field-panel {
        width:577px !important;
        flex: auto;
        display: flex !important;
        flex-flow:row nowrap;
        border-bottom: 1px dashed #D9CFCF;
    }

    .form-region .field-panel .field-title {
        text-align: right;
        flex: 1 1 40%;
    }

    .form-region .field-panel .field-body {
        flex: 1 1 60%;
    }

    .form-region .field-doublepanel {
        width: 1160px !important;
        display: flex !important;
        border-bottom: 1px dashed #D9CFCF;
    }

    .form-region .field-doublepanel .field-title {
        text-align: right;
        flex: 1 1 20%;
    }

    .form-region .field-doublepanel .field-body {
        flex: 1 1 80%;
    }

    .notice-panel {
        display: inline-block;
        width: calc(50% - 2px);
    }

    .task-panel {
        display: inline-block;
        width: calc(50% - 2px);
    }

    .ibookx {
        display: block;
    }

    .ibookx-inline {
        display: inline-block;
    }

    .ibook {
        display: none;
    }

    .ibook-inline {
        display: none;
    }

    .ipad {
        display: none;
    }

    .ipad-inline {
        display: none;
    }

    .iphone {
        display: none;
    }

    .iphone-inline {
        display: none;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .region {
        /*width: 980px !important;*/
        width:100% !important;
        margin: 0px auto;
        padding: 0.2rem;
    }

    .button-region {
        line-height: 3rem;
        padding: 0.5rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .button-region .button {
        margin: 0.2rem;
    }

    .form-region {
        line-height: 3rem;
        background-color: white;
        border: solid 1px #F1F3F6;
        display: flex;
        flex-flow: row wrap;
    }

    .form-region .field-panel {
        /*width: 487px !important;*/
        width:calc(50% - 3px) !important;
        display: flex !important;
        border-bottom: 1px dashed #D9CFCF;
        display:flex;
        flex-flow:row nowrap;
    }

    .form-region .field-panel .field-title {
        text-align: right;
        flex: 1 1 40%;
    }

    .form-region .field-panel .field-body {
        flex: 1 1 60%;
    }

    .form-region .field-doublepanel {
        /*width: 980px !important;*/
        width:100% !important;
        display: flex !important;
        border-bottom: 1px dashed #D9CFCF;
    }

    .form-region .field-doublepanel .field-title {
        text-align: right;
        flex: 1 1 20%;
    }

    .form-region .field-doublepanel .field-body {
        flex: 1 1 80%;
    }

    .notice-panel {
        display: inline-block;
        width: calc(50% - 2px);
    }

    .task-panel {
        display: inline-block;
        width: calc(50% - 2px);
    }

    .ibookx {
        display: none;
    }

    .ibookx-inline {
        display: none;
    }

    .ibook {
        display: block;
    }

    .ibook-inline {
        display: inline-block;
    }

    .ipad {
        display: none;
    }

    .ipad-inline {
        display: none;
    }

    .iphone {
        display: none;
    }

    .iphone-inline {
        display: none;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .region {
        /*width: 760px !important;*/
        margin: 0px auto;
        padding: 0.2rem;
    }

    .button-region {
        line-height: 3rem;
        padding: 0.5rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .button-region .button {
        margin: 0.2rem;
    }

    .form-region {
        line-height: 3rem;
        background-color: white;
        border: solid 1px #F1F3F6;
        display: flex;
        flex-flow: row wrap;
    }

    .form-region .field-panel {
        /*width: 377px !important;*/
        width:calc(50% - 3px) !important;
        display: flex !important;
        border-bottom: 1px dashed #D9CFCF;
        display: flex;
        flex-flow: row nowrap;
    }

    .form-region .field-panel .field-title {
        text-align: right;
        flex: 1 1 40%;
    }

    .form-region .field-panel .field-body {
        flex: 1 1 60%;
    }

    .form-region .field-doublepanel {
        /*width: 760px !important;*/
        width:100% !important;
        display: flex !important;
        border-bottom: 1px dashed #D9CFCF;
    }

    .form-region .field-doublepanel .field-title {
        text-align: right;
        flex: 1 1 20%;
    }

    .form-region .field-doublepanel .field-body {
        flex: 1 1 80%;
    }

    

    .ibookx {
        display: none;
    }

    .ibookx-inline {
        display: none;
    }

    .ibook {
        display: none;
    }

    .ibook-inline {
        display: none;
    }

    .ipad {
        display: block;
    }

    .ipad-inline {
        display: inline-block;
    }

    .iphone {
        display: none;
    }

    .iphone-inline {
        display: none;
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .region {
        /*width: 560px !important;*/
        margin: 0px auto;
        padding: 0.2rem;
    }

    .button-region {
        line-height: 3rem;
        padding: 0.5rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .button-region .button {
        margin: 0.2rem;
    }

    .form-region {
        line-height: 3rem;
        background-color: white;
        border: solid 1px #F1F3F6;
        display: flex;
        flex-flow: row wrap;
    }

    .form-region .field-panel {
        /*width: 560px !important;*/
        width:calc(50% - 3px) !important;
        display: flex !important;
        border-bottom: 1px dashed #D9CFCF;
        display:flex;
        flex-flow:row nowrap;
    }

    .form-region .field-panel .field-title {
        text-align: right;
        flex: 1 1 40%;
    }

    .form-region .field-panel .field-body {
        flex: 1 1 60%;
    }

    .form-region .field-doublepanel {
        /*width: 560px !important;*/
        width:100% !important;
        display: flex !important;
        border-bottom: 1px dashed #D9CFCF;
    }

    .form-region .field-doublepanel .field-title {
        text-align: right;
        flex: 1 1 20%;
    }

    .form-region .field-doublepanel .field-body {
        flex: 1 1 80%;
    }

    

    .ibookx {
        display: none;
    }

    .ibookx-inline {
        display: none;
    }

    .ibook {
        display: none;
    }

    .ibook-inline {
        display: none;
    }

    .ipad {
        display: none;
    }

    .ipad-inline {
        display: none;
    }

    .iphone {
        display: block;
    }

    .iphone-inline {
        display: inline-block;
    }
}

@media screen and (max-width:575px){
    .region {
        margin: 0px auto;
        padding:0.2rem;
    }

    .button-region {
        line-height: 3rem;
        padding: 0.5rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .button-region .button {
        margin: 0.2rem;
    }

    .form-region {
        line-height: 3rem;
        background-color: white;
        border: solid 1px #F1F3F6;
    }

    .form-region .field-panel {
        border-bottom: 1px dashed #D9CFCF;
    }

    .form-region .field-doublepanel {
        width:100% !important;
        border-bottom: 1px dashed #D9CFCF;
    }

    
}