body {
    font-family: Arial, "Microsoft YaHei", "微软雅黑", serif;
    font-size: 14px;
    position: relative;
    background-color: #f2f2f2;
}

.page-header {
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 0;
    padding: 30px 30px 30px 15px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.navbar-dark .navbar-nav .nav-link  {
    color: #fff;
}

.callout {
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 0;
    border: 2px solid #eeeeee
}

.callout img {
    float: left;
    margin-left: 20px;
    margin-top: 0;
}

.callout h4 {
    padding-bottom: 5px;
    text-align: center;
}

.callout h1 {
    margin-top: 0;
    padding-bottom: 5px;
    text-align: center;
}

.callout p {
    color: #555;
    padding-bottom: 5px;
    /*text-align: center;*/
}

.callout p:last-child {
    margin-bottom: 0
}

.callout code {
    border-radius: 3px
}

.callout + .callout {
    margin-top: -5px
}

.callout-danger {
    border-top-color: #ce4844
}

.callout-danger h4 {
    color: #ce4844
}

.callout-danger h4 > a {
    color: #ce4844;
}

.callout-warning {
    border-top-color: #FFCC33;
}

.callout-warning h4 {
    color: #FFCC33
}

.callout-warning h4 > a {
    color: #FFCC33;
}

.callout-info {
    border-top-color: #00AADC
}

.callout-info h4 {
    color: #00AADC
}

.callout-info h4 > a {
    color: #00AADC
}

.callout-success {
    border-top-color: #00AA88;
}

.callout-success h4 {
    color: #00AA88;
}

.callout-success h4 > a {
    color: #00AA88;
}

.ui.segment, .ui.segments .segment {
    font-size: 14px;
}

.text-my {
    color: #007bff !important;
}

.bg-my{
    color: #fff !important;
    background-color: #007bff !important;
}

.ui.steps .step:after{
    width: 2.14285714em;
    height: 2.14285714em;
    border-width: 0 2px 2px 0;
}
.ui.steps .step{
    padding: 30px;
}

.ui.segment{
    margin-bottom: 15px !important;
}