/*style.css*/
/* FF3.6-15 */
/*Chrome10-25,Safari5.1-6 */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
html {
    background-color: white;
}

.selection-disabled,
.a {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */
}

.a {
    cursor: pointer;
}

input[disabled],
select[disabled] {
    cursor: not-allowed;
    background-color: #eeeeee;
    opacity: 1;
}

.control-file-upload td > .btn-link {
    padding: 0;
}

.control-file-upload .upload-files-container {
    display: table;
    width: 100%;
}

    .control-file-upload .upload-files-container > * {
        display: table-cell;
        float: none;
    }

    .control-file-upload .upload-files-container > .upload-files {
        width: 75%;
        padding-right: 10px;
    }

@media (max-width: 991px) {
    .control-file-upload table {
        table-layout: fixed;
    }

        .control-file-upload table td {
            overflow: hidden;
        }
}

.component {
    background-color: white;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    /* border: 1px solid rgba(35, 24, 21, .03); */
}

.property {
    display: block;
    /* border-top: 1px solid #ebebeb; */
    padding: 10px 10px;
    font-size: 0;
    *padding: 10px 0;
}

    .property > * {
        font-size: 16px;
    }

    .property[disabled] {
        cursor: not-allowed;
        background-color: #eeeeee;
        opacity: 1;
    }

.component-top {
    height: inherit;
    background: #dbdbdb;
    padding: 7px 10px;
}

    .component-top .close {
        color: black;
        opacity: 1;
    }

.component-title,
.property-title,
.property-content,
.property-tip {
    position: relative;
    vertical-align: middle;
}

    .component-title,
    .component-title > a[data-toggle="collapse"] {
        padding: 7px 10px;
        background: -moz-linear-gradient(left, #1689ad 0%, rgba(111, 197, 203, 0.9) 100%);
        background: -webkit-linear-gradient(left, #1689ad 0%, rgba(111, 197, 203, 0.9) 100%);
        background: linear-gradient(to right, #1689ad 0%, rgba(111, 197, 203, 0.9) 100%);
        color: white;
        letter-spacing: 0.2em;
    }

        .component-title > a[data-toggle="collapse"] {
            padding: 0px;
            text-decoration: none;
        }

            .component-title > a[data-toggle="collapse"]:after {
                font-family: FontAwesome;
                content: "\f0d8";
            }

        .component-title > a.collapsed[data-toggle="collapse"]:after {
            font-family: FontAwesome;
            content: "\f0d7";
        }

        .component-title + .property {
            border-top: 0;
        }

.property-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #2c98b4;
    font-weight: bold;
}

.property-tip {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 13px;
}

* + html .property-content .form-control {
    padding: 0;
    width: 98%;
}

@media (max-width: 991px) {
    .property-title + .property-tip {
        margin-left: 5%;
    }

    * + html .property > * {
        margin-left: 1%;
    }
}

.component-inline .property-content {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    margin-left: 0%;
    *width: 99%;
    *margin-left: 1%;
}

.component-inline .property-tip {
    width: 40.66667%;
    margin-left: 59.33333%;
    *width: 39.66667%;
    *margin-left: 60.33333%;
}

    .component-inline .property-tip + .property-content {
        width: 58.33333%;
        margin-left: -100%;
        *width: 57.33333%;
        *margin-left: -99%;
    }

.component-inline .property-title {
    width: 16.66667%;
    margin-left: 0%;
    *width: 15.66667%;
    *margin-left: 1%;
}

    .component-inline .property-title + .property-content {
        width: 83.33333%;
        margin-left: 0%;
        *width: 82.33333%;
        *margin-left: 1%;
    }

        .component-inline .property-title + .property-content.text-nowrap input[type="text"] {
            width: 60%;
        }

        .component-inline .property-title + .property-content.col-width-1 input[type="text"] {
            width: 10%;
        }

        .component-inline .property-title + .property-content.col-width-2 input[type="text"] {
            width: 20%;
        }

        .component-inline .property-title + .property-content.col-width-4 input[type="text"] {
            width: 40%;
        }

        .component-inline .property-title + .property-content.col-width-6 input[type="text"] {
            width: 60%;
        }

    .component-inline .property-title + .property-tip {
        width: 40.66667%;
        margin-left: 42.66667%;
        *width: 39.66667%;
        *margin-left: 43.66667%;
    }

        .component-inline .property-title + .property-tip + .property-content {
            width: 41.66667%;
            margin-left: -83.33333%;
            *width: 40.66667%;
            *margin-left: -82.33333%;
        }

@media (min-width: 992px) {
    .property-content {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 100%;
        margin-left: 0%;
        *width: 99%;
        *margin-left: 1%;
    }

    .property-tip {
        width: 40.66667%;
        margin-left: 59.33333%;
        *width: 39.66667%;
        *margin-left: 60.33333%;
    }

        .property-tip + .property-content {
            width: 58.33333%;
            margin-left: -100%;
            *width: 57.33333%;
            *margin-left: -99%;
        }

    .property-title {
        width: 16.66667%;
        margin-left: 0%;
        *width: 15.66667%;
        *margin-left: 1%;
    }

        .property-title + .property-content {
            width: 83.33333%;
            margin-left: 0%;
            *width: 82.33333%;
            *margin-left: 1%;
        }

            .property-title + .property-content.text-nowrap input[type="text"] {
                width: 60%;
            }

            .property-title + .property-content.col-width-1 input[type="text"] {
                width: 10%;
            }

            .property-title + .property-content.col-width-2 input[type="text"] {
                width: 20%;
            }

            .property-title + .property-content.col-width-4 input[type="text"] {
                width: 40%;
            }

            .property-title + .property-content.col-width-6 input[type="text"] {
                width: 60%;
            }

        .property-title + .property-tip {
            width: 40.66667%;
            margin-left: 42.66667%;
            *width: 39.66667%;
            *margin-left: 43.66667%;
        }

            .property-title + .property-tip + .property-content {
                width: 41.66667%;
                margin-left: -83.33333%;
                *width: 40.66667%;
                *margin-left: -82.33333%;
            }
}

.property-content > .component.attention {
    width: 45%;
    float: left;
    margin: 10px 2.5%;
}

@media (max-width: 768px) {
    .property-content > .component.attention {
        width: 100%;
        margin: 2.5% 0%;
    }
}

.component.attention .attention-toggle {
    float: right;
    line-height: inherit;
    cursor: pointer;
    width: 25px;
    color: inherit;
    text-decoration: none;
}

.component.attention > .property {
    padding: 0;
    /* border: 1px solid #009999; */
}

    .component.attention > .property > .property-content {
        min-height: 40px;
        max-height: 130px;
        color: #666;
        overflow-y: auto;
        letter-spacing: .1em;
        font-size: 13px;
    }

input[name="agreeAnnouncement"] {
    width: 15px;
    height: 15px;
}

.customer-style {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .customer-style input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    display: inline-block;
    position: relative;
    top: 5px;
    height: 25px;
    width: 25px;
    background: -webkit-linear-gradient(#eee, #d8d8d8);
    background: -o-linear-gradient(#eee, #d8d8d8);
    background: -moz-linear-gradient(#eee, #d8d8d8);
    background: linear-gradient(#eee, #d8d8d8);
    border-radius: 5px;
    border: 1px solid #999999;
}

.customer-style:hover input ~ .checkmark {
    background: -webkit-linear-gradient(#ccc, #a8a8a8);
    background: -o-linear-gradient(#ccc, #a8a8a8);
    background: -moz-linear-gradient(#ccc, #a8a8a8);
    background: linear-gradient(#ccc, #a8a8a8);
}

.customer-style input:checked ~ .checkmark {
    background: -webkit-linear-gradient(#2196F3, #1a82cc);
    background: -o-linear-gradient(#2196F3, #1a82cc);
    background: -moz-linear-gradient(#2196F3, #1a82cc);
    background: linear-gradient(#2196F3, #1a82cc);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.customer-style input:checked ~ .checkmark:after {
    display: block;
}

.customer-style .checkmark:after {
    left: 8px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*style-master.min.css*/
/* FF3.6-15 */
/*Chrome10-25,Safari5.1-6 */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
select {
    width: auto;
    min-width: 100px;
    margin-right: 1px;
}

* + select {
    margin-left: 1px;
}

input {
    letter-spacing: .1em;
}

.btn-fixed-width {
    min-width: 180px;
}

.btn-colspan2 {
    min-width: 369px;
}

.tip-edit {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f0ad4e;
    color: white;
    font-size: 14px;
    margin-left: 25px;
    padding: 1px 5px;
    text-decoration: none;
    border-radius: 5px;
}

.tip-edit-content {
    display: none;
    font-size: 14px;
}

ul.tip-edit-content {
    margin-left: -15px;
}

.steps {
    position: relative;
    width: 100%;
    margin: 10px auto;
    padding: 0;
}

    .steps > .steps-line {
        height: 4px;
        background-color: #ebebeb;
        border: 1px solid #ccc;
        position: absolute;
        bottom: 10px;
    }

    .steps > ul {
        position: relative;
        width: 100%;
        background-color: transparent;
        color: #ccc;
        font-size: 12px;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        list-style: none;
    }

        .steps > ul > li {
            text-align: center;
            padding-bottom: 30px;
            background-image: url("style-img/step_off.gif");
            background-repeat: no-repeat;
            background-position: center bottom;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            .steps > ul > li.active,
            .steps > ul > li.active-gone {
                background-image: url("style-img/step_on.gif");
                color: #2c98b4;
            }

            .steps > ul > li.active-gone {
                color: #ccc;
            }

    .steps .progress {
        height: 5px;
        margin-bottom: 0;
        overflow: hidden;
        background-color: #ebebeb;
        border: 1px solid #ccc;
    }

    .steps .progress-bar {
        width: 0%;
        height: 100%;
        float: left;
        background-color: #2c98b4;
    }

@media screen and (max-width: 767px) {

    .steps > ul,
    .steps > ul > li.active-gone {
        color: transparent !important;
    }
}

.site-header {
    background: white;
    border-top: 4px solid #986d21;
    border-bottom: 1px solid #986d21;
}

    .site-header .container {
        position: relative;
        top: -4px;
        background: url("style-img/site-header-bg.png") left top no-repeat;
        padding: 10px 35px;
    }

        .site-header .container .tm-logo {
            float: left;
            margin-top: 10px;
        }

@media (max-width: 767px) {
    .site-header .container .tm-logo {
        width: 60%;
    }
}

.site-header .container .tm-logo a {
    display: block;
    float: left;
}

.site-header .container .tm-logo img {
    width: 100%;
}

.site-header .container .channel-logo {
    float: left;
    padding-top: 5px;
    margin-left: 5%;
}

@media (max-width: 767px) {
    .site-header .container .channel-logo {
        float: left;
        width: 40%;
        margin-left: 0%;
    }
}

.site-header .container .channel-logo .d-logo {
    margin: 10px;
}

    .site-header .container .channel-logo .d-logo .blog {
        color: #5B9BD5;
    }

    .site-header .container .channel-logo .d-logo a span:hover {
        text-decoration: underline;
        color: #004c4d;
    }

.site-header .container .logo-txt {
    float: left;
    font-weight: bold;
    margin: 20px 0px 5px 10px;
    font-size: 15px;
}

@media (min-width: 992px) {

    .site-nav .container,
    .site-body .container {
        padding-left: 0;
        padding-right: 0px;
    }
}

.site-footer {
    /* background: white; */
    /* border-top: 1px solid #986d21; */
}

    .site-footer .container {
        /* margin-top: 10px; */
        /* margin-bottom: 20px; */
        font-size: 13px;
        /* letter-spacing: .1em; */
        /* line-height: 170%; */
        /* text-align: center; */
    }

.side-service {
    position: fixed;
    top: 20%;
    right: 10px;
    z-index: 9999;
}

    .side-service > div {
        margin-bottom: 1px;
    }

    .side-service ul {
        list-style: none;
    }

    .side-service li {
        height: 81px;
        border-bottom: 1px solid #fff;
    }

    .side-service .qa {
        width: 60px;
        height: 80px;
        background: url("style-img/icon-service-qa.gif");
    }

    .side-service .home {
        width: 60px;
        height: 80px;
        background: url("style-img/icon-service-home.gif");
    }

    .side-service .cami {
        display: block;
    }

        .side-service .cami * {
            margin: 0;
        }

    .side-service .chat-on {
        width: 60px;
        height: 80px;
        background: url("style-img/service-on.gif");
    }

    .side-service .chat-off {
        width: 60px;
        height: 80px;
        background: url("style-img/service-off.gif");
    }

    .side-service .chat-busy {
        width: 60px;
        height: 80px;
        background: url("style-img/service-busy.gif");
    }

    .side-service .chat {
        width: 60px;
        height: 80px;
        background: url("style-img/chat.png");
    }

    .side-service .insureway {
        background-color: #554A28;
        font-size: 13px;
        text-align: center;
        color: white;
        font-weight: bold;
        height: auto;
    }

.megamenu_container {
    margin-bottom: 0;
    margin-top: 0;
    z-index: 1000;
}

    .megamenu_container .insureway {
        background-color: #554A28;
        font-size: 16px;
        text-align: center;
        color: white;
        font-weight: bold;
    }

        .megamenu_container .insureway:hover {
            background-color: #554A28;
        }

    .megamenu_container .megamenu .arrow {
        border-color: white;
    }

    .megamenu_container .megamenu li ul,
    .megamenu_container .megamenu li ol {
        margin-bottom: 0px;
    }

    .megamenu_container .megamenu .menu-toggle {
        width: 28px;
        height: 30px;
        margin: 10px auto;
    }

        .megamenu_container .megamenu .menu-toggle div {
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            transition: all 0.4s;
            width: 100%;
            height: 5px;
            margin: 4px auto;
            background: #2c98b4;
            backface-visibility: hidden;
        }

        .megamenu_container .megamenu .menu-toggle.on .one {
            transform: rotate(45deg) translate(5px, 5px);
            -moz-transform: rotate(45deg) translate(5px, 5px);
            -webkit-transform: rotate(45deg) translate(5px, 5px);
        }

        .megamenu_container .megamenu .menu-toggle.on .two {
            opacity: 0;
        }

        .megamenu_container .megamenu .menu-toggle.on .three {
            transform: rotate(-45deg) translate(7px, -8px);
            -moz-transform: rotate(-45deg) translate(7px, -8px);
            -webkit-transform: rotate(-45deg) translate(7px, -8px);
        }

    .megamenu_container .megamenu .menu-item-toggle {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        border: 0.53em dashed transparent;
        height: 0;
        line-height: 0;
        position: relative;
        vertical-align: middle;
        width: 0;
        border-top: 1em solid white;
        top: 0.25em;
        font-size: 10px;
        margin-left: 5px;
    }

    .megamenu_container .megamenu .icon-car {
        background: url(megamenu/icon_car.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-motorcycle {
        background: url(megamenu/icon_motorcycle.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-plane {
        background: url(megamenu/icon_plane.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-houseFire {
        background: url(megamenu/icon_houseFire.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-accident {
        background: url(megamenu/icon_accident.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-serviceList {
        background: url(megamenu/icon_serviceList.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-location {
        background: url(megamenu/icon_location.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-download {
        background: url(megamenu/icon_download.png) left center no-repeat;
        padding-left: 30px;
    }

    .megamenu_container .megamenu .icon-contact {
        background: url(megamenu/icon_contact.png) left center no-repeat;
        padding-left: 30px;
    }

/*style-pages.css*/
/* FF3.6-15 */
/*Chrome10-25,Safari5.1-6 */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.componentContent {
    width: 90%;
    margin-left: 5%;
    display: inline-block;
}

.InnerFram {
    padding: 5px;
}

    .InnerFram h3 {
        margin-top: 0;
    }

.textTip {
    font-size: 10px;
}

.page-OfficialSitePayment .property-title {
    padding-right: 10px;
}

.page-OfficialSitePayment .btnPayment {
    padding: 10px;
    min-height: 80px;
}

.page-OfficialSitePayment .attentionContent {
    max-height: 300px;
    color: #666;
    overflow-y: auto;
    letter-spacing: .1em;
    font-size: 13px;
}

.page-OfficialSitePayment .btn-sm-minSize {
    min-width: 180px;
}

.page-OfficialSitePayment [data-component-prop="estimateId"] span {
    display: inline-block;
    vertical-align: top;
}

.page-OfficialSitePayment .btnActionChoice {
    margin: 10px 0 20px;
}

.page-OfficialSitePayment #MailSendControl .property-content {
    margin-top: 50px;
}

.page-OfficialSitePayment #MailSendControl .btn-toolbar {
    width: 80%;
    margin-left: 10%;
}

.page-OfficialSitePayment #RefreshValidateCode {
    cursor: pointer;
    vertical-align: text-bottom;
}

.page-OfficialSitePayment .modal {
    text-align: center;
    padding: 0 !important;
}

/*.page-OfficialSitePayment .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }*/

.page-OfficialSitePayment .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.page-OfficialSitePayment .component > .property {
    width: 90%;
    margin-left: 5%;
}

.page-OfficialSitePayment .property-content > .component.attention {
    width: auto;
    margin: auto 10%;
}

.page-OfficialSitePayment .DemandNotePic {
    width: 90%;
}

@media (max-width: 768px) {
    .page-OfficialSitePayment .btnPayment {
        min-height: 0px;
    }

    .page-OfficialSitePayment .btn-sm-minSize {
        min-width: 100px;
    }
}

@media (min-width: 769px) {
    .page-OfficialSitePayment .btnPayment {
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .page-OfficialSitePayment .form-control {
        font-size: 16px !important;
    }

    .page-OfficialSitePayment #MailSendControl .btn-toolbar {
        width: 100%;
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .page-OfficialSitePayment .property-content > .component.attention {
        width: 80%;
    }
}

.page-EPolicy .property[data-component-prop='TagId'] .form-control[name='VehicleEngineId'] {
    display: inline-block;
    width: 100%;
}

/*.page-EPolicy .property[data-component-prop='TagId'] .form-control[name='VehicleTagId_1'],
.page-EPolicy .property[data-component-prop='TagId'] .form-control[name='VehicleTagId_2'] {
    display: inline-block;
    width: 32.5%;
}

.page-EPolicy .property[data-component-prop='TagId'] .VehicleSelector {
    display: inline-block;
    width: 30%;
}

.page-EPolicy .property[data-component-prop='TagId'] .VehicleTagComponent,
.page-EPolicy .property[data-component-prop='TagId'] .VehicleEngineComponent {
    display: inline;
}*/

.page-EPolicy .property[data-component-prop='TagId'] button {
    color: #333;
    font-weight: bold;
}

.page-EPolicy .attention {
    width: 80%;
    margin-left: 10%;
}

.page-EPolicy thead > tr > td {
    background-color: #ddeded;
    color: #009999;
    font-weight: bold;
    text-align: center;
    font-size: .938em;
    padding: 8px;
}

.page-EPolicy .file-download {
    margin: 5px 10px;
}

.page-EPolicy #FileDownload table {
    margin: auto;
    border: 1px #cccccc solid;
    width: 66.6666%;
}

    .page-EPolicy #FileDownload table td {
        padding: 10px;
    }



@media (max-width: 991.98px) {
    .page-EPolicy #FileDownload table {
        width: 100%;
    }
}

@media (max-width: 480px) {

    /*.page-EPolicy .property[data-component-prop='TagId'] .form-control[name='VehicleTagId_1'],
    .page-EPolicy .property[data-component-prop='TagId'] .form-control[name='VehicleTagId_2'] {
        width: 26%;
    }*/

    .page-EPolicy .date-selector select {
        min-width: 0px;
    }

    .page-EPolicy .btn-toolbar .btn-fixed-width {
        margin: 5px;
    }

    .injury-date > div, .travel-date > div, .pet-date > div {
        width: 32%;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .injury-date > div, .travel-date > div, .pet-date > div {
        width: 33%;
    }
}

/*jhchi*/
@media (max-width: 768px) {
    .vehicle-tag, .injury-date, .travel-date, .pet-date {
        width: 100%;
        display: flex;
    }

    .VehicleTagComponent {
        width: 50%;
    }
}

/* ================================ AppPayment ==================================== */
.page-AppPayment .property-title {
    padding-right: 10px;
}

.page-AppPayment .btnPayment {
    padding: 10px;
    min-height: 80px;
}

.page-AppPayment .attentionContent {
    max-height: 300px;
    color: #666;
    overflow-y: auto;
    letter-spacing: .1em;
    font-size: 13px;
}

.page-AppPayment .btn-sm-minSize {
    min-width: 180px;
}

.page-AppPayment #RefreshValidateCode {
    cursor: pointer;
    vertical-align: text-bottom;
}

.page-AppPayment .property-content > .component.attention {
    width: auto;
    margin: auto 10%;
}

@media (max-width: 768px) {
    .page-AppPayment .btnPayment {
        min-height: 0px;
    }

    .page-AppPayment .btn-sm-minSize {
        min-width: 100px;
    }
}

@media (max-width: 480px) {
    .page-AppPayment .form-control {
        font-size: 16px !important;
    }
}

@media (min-width: 992px) {
    .page-AppPayment .property-content > .component.attention {
        width: 80%;
    }
}

.page-EReceipt .attention {
    width: 80%;
    margin-left: 10%;
}

.page-EReceipt thead > tr > td {
    background-color: #ddeded;
    color: #009999;
    font-weight: bold;
    text-align: center;
    font-size: .938em;
    padding: 8px;
}

@media (max-width: 480px) {
    .page-EReceipt .date-selector select {
        min-width: 0px;
    }

    .page-EReceipt .btn-toolbar .btn-fixed-width {
        margin: 5px;
    }
}

.page-ServiceAppPayment .property-title {
    padding-right: 10px;
}

.page-ServiceAppPayment .btnPayment {
    padding: 10px;
    min-height: 80px;
}

.page-ServiceAppPayment .attentionContent {
    max-height: 300px;
    color: #666;
    overflow-y: auto;
    letter-spacing: .1em;
    font-size: 13px;
}

.page-ServiceAppPayment .btn-sm-minSize {
    min-width: 180px;
}

.page-ServiceAppPayment .property-content > .component.attention {
    width: auto;
    margin: auto 10%;
}

@media (max-width: 768px) {
    .page-ServiceAppPayment .btnPayment {
        min-height: 0px;
    }

    .page-ServiceAppPayment .btn-sm-minSize {
        min-width: 100px;
    }
}

@media (max-width: 480px) {
    .page-ServiceAppPayment .form-control {
        font-size: 16px !important;
    }
}

@media (min-width: 992px) {
    .page-ServiceAppPayment .property-content > .component.attention {
        width: 80%;
    }
}

.page-ECard .btn-toolbar .btn-fixed-width {
    margin: 5px;
}