.grid,
.cf {
    *zoom: 1
}

.grid:before,
.cf:before,
.grid:after,
.cf:after {
    content: "";
    display: table
}

.grid:after,
.cf:after {
    clear: both
}

.select .select-tab,
.select .select-tabs,
.select .select-selected,
.select .select-title .select-label,
.select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: middle;
    *display: inline;
    *zoom: 1
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_0a995487.eot") format("eot");
    src: local("Roboto Thin"), local("Roboto-Thin"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_0a995487.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_c0096edb.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_27c21102.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin/Roboto-Thin_16137ae5.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin-italic/Roboto-ThinItalic_4c10dc4f.eot") format("eot");
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin-italic/Roboto-ThinItalic_4c10dc4f.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin-italic/Roboto-ThinItalic_351d7e83.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin-italic/Roboto-ThinItalic_ee1b5420.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/100-thin-italic/Roboto-ThinItalic_a5d23c4f.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_6f0ec433.eot") format("eot");
    src: local("Roboto Light"), local("Roboto-Light"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_6f0ec433.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_25e48548.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_3a699e58.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light/Roboto-Light_41238353.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light-italic/Roboto-LightItalic_821f2a06.eot") format("eot");
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light-italic/Roboto-LightItalic_821f2a06.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light-italic/Roboto-LightItalic_097c72d0.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light-italic/Roboto-LightItalic_1acf4d54.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/300-light-italic/Roboto-LightItalic_b7565c60.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_7a5b3156.eot") format("eot");
    src: local("Roboto"), local("Roboto Regular"), local("Roboto-Regular"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_7a5b3156.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_3ca9c03e.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_42bcf6fd.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular/Roboto-Regular_ef78da3a.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular-italic/Roboto-Italic_3736b831.eot") format("eot");
    src: local("Roboto Italic"), local("Roboto Regular Italic"), local("Roboto-Italic"), local("Roboto-RegularItalic"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular-italic/Roboto-Italic_3736b831.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular-italic/Roboto-Italic_e677f05f.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular-italic/Roboto-Italic_5b06f2d8.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/400-regular-italic/Roboto-Italic_437bcfa4.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_85200940.eot") format("eot");
    src: local("Roboto Medium"), local("Roboto-Medium"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_85200940.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_2b1702b4.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_a577caf4.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium/Roboto-Medium_19a12283.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium-italic/Roboto-MediumItalic_46d2d014.eot") format("eot");
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium-italic/Roboto-MediumItalic_46d2d014.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium-italic/Roboto-MediumItalic_9b767a85.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium-italic/Roboto-MediumItalic_716617c8.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/500-medium-italic/Roboto-MediumItalic_2947bd59.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_46af3247.eot") format("eot");
    src: local("Roboto Bold"), local("Roboto-Bold"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_46af3247.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_66f23800.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_d0329035.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold/Roboto-Bold_d3962e52.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold-italic/Roboto-BoldItalic_388d8abf.eot") format("eot");
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold-italic/Roboto-BoldItalic_388d8abf.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold-italic/Roboto-BoldItalic_d6df8374.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold-italic/Roboto-BoldItalic_7f075db7.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/700-bold-italic/Roboto-BoldItalic_f28530f6.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_3ebfd69e.eot") format("eot");
    src: local("Roboto Black"), local("Roboto-Black"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_3ebfd69e.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_e2dad727.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_b4ab42fc.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black/Roboto-Black_28a1c3ab.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black-italic/Roboto-BlackItalic_522049f1.eot") format("eot");
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black-italic/Roboto-BlackItalic_522049f1.eot?#iefix") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black-italic/Roboto-BlackItalic_2a156363.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black-italic/Roboto-BlackItalic_565291c0.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/roboto/900-black-italic/Roboto-BlackItalic_80406800.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Mic-icon";
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_bb1e6b6d.eot");
    src: url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_bb1e6b6d.eot") format("embedded-opentype"), url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_a1e45220.woff2") format("woff2"), url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_a4e8fdb0.woff") format("woff"), url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_bf57f793.ttf") format("truetype"), url("https://www.micstatic.com/common/fontastic/dist/assets/icon/micon_35534d42.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.ob-icon,
.micon {
    font-family: "Mic-icon";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important
}

.micon.icon-left:before {
    content: "\e009"
}

.micon.icon-right:before {
    content: "\e008"
}

.ob-icon.icon-yes:before {
    content: "\e000"
}

.ob-icon.icon-error:before {
    content: "\e001"
}

.ob-icon.icon-info:before {
    content: "\e002"
}

.ob-icon.icon-caution:before {
    content: "\e003"
}

.ob-icon.icon-problem:before {
    content: "\e004"
}

.ob-icon.icon-add-l:before {
    content: "\e005"
}

.ob-icon.icon-down:before {
    content: "\e006"
}

.ob-icon.icon-up:before {
    content: "\e007"
}

.ob-icon.icon-right:before {
    content: "\e008"
}

.ob-icon.icon-left:before {
    content: "\e009"
}

.ob-icon.icon-right-big:before {
    content: "\e07c"
}

.ob-icon.icon-left-big:before {
    content: "\e07b"
}

.ob-icon.icon-add:before {
    content: "\e00a"
}

.ob-icon.icon-deduct:before {
    content: "\e00b"
}

.ob-icon.icon-delete:before {
    content: "\e00c"
}

.ob-icon.icon-arrow-top:before {
    content: "\e00d"
}

.ob-icon.icon-tm:before {
    content: "\e00e"
}

.ob-icon.icon-basket:before {
    content: "\e00f"
}

.ob-icon.icon-purchase:before {
    content: "\e010"
}

.ob-icon.icon-personal:before {
    content: "\e011"
}

.ob-icon.icon-group:before {
    content: "\e012"
}

.ob-icon.icon-add-friend:before {
    content: "\e013"
}

.ob-icon.icon-phonebook:before {
    content: "\e014"
}

.ob-icon.icon-service-waiter:before {
    content: "\e015"
}

.ob-icon.icon-headsets:before {
    content: "\e016"
}

.ob-icon.icon-happy:before {
    content: "\e017"
}

.ob-icon.icon-unhappy:before {
    content: "\e018"
}

.ob-icon.icon-talk:before {
    content: "\e019"
}

.ob-icon.icon-thumb-up:before {
    content: "\e01a"
}

.ob-icon.icon-thumb-down:before {
    content: "\e01b"
}

.ob-icon.icon-calendar:before {
    content: "\e01c"
}

.ob-icon.icon-call1:before {
    content: "\e01d"
}

.ob-icon.icon-call2:before {
    content: "\e01e"
}

.ob-icon.icon-camera:before {
    content: "\e01f"
}

.ob-icon.icon-cart:before {
    content: "\e020"
}

.ob-icon.icon-clock:before {
    content: "\e021"
}

.ob-icon.icon-history:before {
    content: "\e022"
}

.ob-icon.icon-compass:before {
    content: "\e023"
}

.ob-icon.icon-coordinate:before {
    content: "\e024"
}

.ob-icon.icon-dollar:before {
    content: "\e025"
}

.ob-icon.icon-download:before {
    content: "\e026"
}

.ob-icon.icon-upload:before {
    content: "\e027"
}

.ob-icon.icon-eye:before {
    content: "\e028"
}

.ob-icon.icon-eye-close:before {
    content: "\e029"
}

.ob-icon.icon-fill:before {
    content: "\e02a"
}

.ob-icon.icon-survey:before {
    content: "\e02b"
}

.ob-icon.icon-fill-text:before {
    content: "\e02c"
}

.ob-icon.icon-folder:before {
    content: "\e02d"
}

.ob-icon.icon-file:before {
    content: "\e02e"
}

.ob-icon.icon-attachment:before {
    content: "\e02f"
}

.ob-icon.icon-music:before {
    content: "\e030"
}

.ob-icon.icon-video:before {
    content: "\e031"
}

.ob-icon.icon-category:before {
    content: "\e032"
}

.ob-icon.icon-list:before {
    content: "\e033"
}

.ob-icon.icon-gallery:before {
    content: "\e034"
}

.ob-icon.icon-heart:before {
    content: "\e035"
}

.ob-icon.icon-heart-f:before {
    content: "\e036"
}

.ob-icon.icon-star:before {
    content: "\e037"
}

.ob-icon.icon-star-f:before {
    content: "\e038"
}

.ob-icon.icon-volume-up:before {
    content: "\e039"
}

.ob-icon.icon-volume-off:before {
    content: "\e03a"
}

.ob-icon.icon-voice:before {
    content: "\e03b"
}

.ob-icon.icon-voice-off:before {
    content: "\e03c"
}

.ob-icon.icon-mail:before {
    content: "\e03d"
}

.ob-icon.icon-mail-send:before {
    content: "\e03e"
}

.ob-icon.icon-play:before {
    content: "\e03f"
}

.ob-icon.icon-search:before {
    content: "\e040"
}

.ob-icon.icon-filter:before {
    content: "\e041"
}

.ob-icon.icon-qr:before {
    content: "\e042"
}

.ob-icon.icon-quick-reply:before {
    content: "\e043"
}

.ob-icon.icon-reply:before {
    content: "\e044"
}

.ob-icon.icon-keyboard:before {
    content: "\e045"
}

.ob-icon.icon-refresh:before {
    content: "\e046"
}

.ob-icon.icon-home:before {
    content: "\e047"
}

.ob-icon.icon-lock:before {
    content: "\e048"
}

.ob-icon.icon-unlock:before {
    content: "\e049"
}

.ob-icon.icon-share1:before {
    content: "\e04a"
}

.ob-icon.icon-setting:before {
    content: "\e04b"
}

.ob-icon.icon-print:before {
    content: "\e04c"
}

.ob-icon.icon-recycle:before {
    content: "\e04d"
}

.ob-icon.icon-picture:before {
    content: "\e04e"
}

.ob-icon.icon-drag:before {
    content: "\e04f"
}

.ob-icon.icon-product:before {
    content: "\e050"
}

.ob-icon.icon-zip:before {
    content: "\e051"
}

.ob-icon.icon-batch:before {
    content: "\e052"
}

.ob-icon.icon-rotate-r:before {
    content: "\e053"
}

.ob-icon.icon-rotate-l:before {
    content: "\e054"
}

.ob-icon.icon-scaling:before {
    content: "\e055"
}

.ob-icon.icon-apple:before {
    content: "\e056"
}

.ob-icon.icon-android:before {
    content: "\e057"
}

.ob-icon.icon-up-big:before {
    content: "\e058"
}

.ob-icon.icon-down-big:before {
    content: "\e059"
}

.ob-icon.icon-yes2:before {
    content: "\e05a"
}

.ob-icon.icon-picture-gallery:before {
    content: "\e05b"
}

.ob-icon.icon-enlarge:before {
    content: "\e05c"
}

.ob-icon.icon-narrow:before {
    content: "\e05d"
}

.ob-icon.icon-cart-add:before {
    content: "\e05e"
}

.ob-icon.icon-cart-success:before {
    content: "\e05f"
}

.ob-icon.icon-more:before {
    content: "\e060"
}

.ob-icon.icon-video2:before {
    content: "\e061"
}

.ob-icon.icon-verification-supplier:before {
    content: "\e062"
}

.ob-icon.icon-chart:before {
    content: "\e063"
}

.ob-icon.icon-fire:before {
    content: "\e064"
}

.ob-icon.icon-pdf:before {
    content: "\e065"
}

.ob-icon.icon-flag:before {
    content: "\e066"
}

.ob-icon.icon-flag-f:before {
    content: "\e067"
}

.ob-icon.icon-label:before {
    content: "\e068"
}

.ob-icon.icon-phone:before {
    content: "\e069"
}

.ob-icon.icon-reply-no:before {
    content: "\e06a"
}

.ob-icon.icon-category2:before {
    content: "\e06b"
}

.ob-icon.icon-sign-out:before {
    content: "\e06c"
}

.ob-icon.icon-prohibit:before {
    content: "\e06d"
}

.ob-icon.icon-prohibit-person:before {
    content: "\e06e"
}

.ob-icon.icon-collection-person:before {
    content: "\e06f"
}

.ob-icon.icon-distribution:before {
    content: "\e070"
}

.ob-icon.icon-report:before {
    content: "\e071"
}

.ob-icon.icon-product-add:before {
    content: "\e072"
}

.ob-icon.icon-product-main:before {
    content: "\e073"
}

.ob-icon.icon-sort:before {
    content: "\e074"
}

.ob-icon.icon-sort2:before {
    content: "\e075"
}

.ob-icon.icon-buyer-sourcing:before {
    content: "\e076"
}

.ob-icon.icon-scan:before {
    content: "\e077"
}

.ob-icon.icon-arrow-down:before {
    content: "\e078"
}

.ob-icon.icon-arrow-left:before {
    content: "\e079"
}

.ob-icon.icon-arrow-right:before {
    content: "\e07a"
}

.ob-icon.icon-left-big:before {
    content: "\e07b"
}

.ob-icon.icon-right-big:before {
    content: "\e07c"
}

.ob-icon.icon-bold:before {
    content: "\e100"
}

.ob-icon.icon-italic:before {
    content: "\e101"
}

.ob-icon.icon-underline:before {
    content: "\e102"
}

.ob-icon.icon-align-left:before {
    content: "\e103"
}

.ob-icon.icon-align-center:before {
    content: "\e104"
}

.ob-icon.icon-text-style:before {
    content: "\e105"
}

.ob-icon.icon-superscript:before {
    content: "\e106"
}

.ob-icon.icon-subscript:before {
    content: "\e107"
}

.ob-icon.icon-crop:before {
    content: "\e108"
}

.ob-icon.icon-table:before {
    content: "\e109"
}

.ob-icon.icon-table-edit:before {
    content: "\e10a"
}

.ob-icon.icon-preview:before {
    content: "\e10b"
}

.ob-icon.icon-foward:before {
    content: "\e10c"
}

.ob-icon.icon-back:before {
    content: "\e10d"
}

.ob-icon.icon-fullscreen:before {
    content: "\e10e"
}

.ob-icon.icon-fullscreen-out:before {
    content: "\e10f"
}

.ob-icon.icon-align-right:before {
    content: "\e110"
}

.ob-icon.icon-symbol:before {
    content: "\e111"
}

.ob-icon.icon-color:before {
    content: "\e112"
}

.ob-icon.icon-link:before {
    content: "\e113"
}

.ob-icon.icon-facebook:before {
    content: "\e140"
}

.ob-icon.icon-instagram:before {
    content: "\e14c"
}

.ob-icon.icon-facebook:before {
    content: "\e14d"
}

.ob-icon.icon-google-plus:before {
    content: "\e141"
}

.ob-icon.icon-twitter:before {
    content: "\e142"
}

.ob-icon.icon-youtube:before {
    content: "\e143"
}

.ob-icon.icon-linkedin:before {
    content: "\e144"
}

.ob-icon.icon-pinterest:before {
    content: "\e145"
}

.ob-icon.icon-weibo:before {
    content: "\e146"
}

.ob-icon.icon-wechat:before {
    content: "\e147"
}

.ob-icon.icon-tieba:before {
    content: "\e148"
}

.ob-icon.icon-qzone:before {
    content: "\e149"
}

.ob-icon.icon-tencent-weibo:before {
    content: "\e14a"
}

.ob-icon.icon-share-mail:before {
    content: "\e14b"
}

.ob-icon.icon-ind-agriculture:before,
.ob-icon.icon-category-1000000000:before {
    content: "\e180"
}

.ob-icon.icon-ind-apparel:before,
.ob-icon.icon-category-1100000000:before {
    content: "\e181"
}

.ob-icon.icon-ind-artcraft:before,
.ob-icon.icon-category-1200000000:before {
    content: "\e182"
}

.ob-icon.icon-ind-bag:before,
.ob-icon.icon-category-2600000000:before {
    content: "\e183"
}

.ob-icon.icon-ind-computer:before,
.ob-icon.icon-category-3300000000:before {
    content: "\e184"
}

.ob-icon.icon-ind-consumer-electronics:before,
.ob-icon.icon-category-1400000000:before {
    content: "\e185"
}

.ob-icon.icon-ind-furniture:before,
.ob-icon.icon-category-2700000000:before {
    content: "\e186"
}

.ob-icon.icon-ind-light-industry:before,
.ob-icon.icon-category-1800000000:before {
    content: "\e187"
}

.ob-icon.icon-ind-office-supply:before,
.ob-icon.icon-category-2800000000:before {
    content: "\e188"
}

.ob-icon.icon-ind-sportting:before,
.ob-icon.icon-category-3100000000:before {
    content: "\e189"
}

.ob-icon.icon-ind-toy:before,
.ob-icon.icon-category-2200000000:before {
    content: "\e18a"
}

.ob-icon.icon-ind-auto:before,
.ob-icon.icon-category-2900000000:before {
    content: "\e18b"
}

.ob-icon.icon-ind-electrical:before,
.ob-icon.icon-category-1600000000:before {
    content: "\e18c"
}

.ob-icon.icon-ind-equipment:before,
.ob-icon.icon-category-3400000000:before {
    content: "\e18d"
}

.ob-icon.icon-ind-instrument:before,
.ob-icon.icon-category-3500000000:before {
    content: "\e18e"
}

.ob-icon.icon-ind-light:before,
.ob-icon.icon-category-3000000000:before {
    content: "\e18f"
}

.ob-icon.icon-ind-manufacture:before,
.ob-icon.icon-category-1900000000:before {
    content: "\e190"
}

.ob-icon.icon-ind-packaging:before,
.ob-icon.icon-category-3600000000:before {
    content: "\e191"
}

.ob-icon.icon-ind-security:before,
.ob-icon.icon-category-2500000000:before {
    content: "\e192"
}

.ob-icon.icon-ind-tool:before,
.ob-icon.icon-category-3200000000:before {
    content: "\e193"
}

.ob-icon.icon-ind-transportation:before,
.ob-icon.icon-category-2300000000:before {
    content: "\e194"
}

.ob-icon.icon-ind-chemical:before,
.ob-icon.icon-category-1300000000:before {
    content: "\e195"
}

.ob-icon.icon-ind-construction:before,
.ob-icon.icon-category-1500000000:before {
    content: "\e196"
}

.ob-icon.icon-ind-health:before,
.ob-icon.icon-category-1700000000:before {
    content: "\e197"
}

.ob-icon.icon-ind-metallurgy:before,
.ob-icon.icon-category-2000000000:before {
    content: "\e198"
}

.ob-icon.icon-ind-textile:before,
.ob-icon.icon-category-2100000000:before {
    content: "\e199"
}

.ob-icon.icon-ind-service:before,
.ob-icon.icon-category-2400000000:before {
    content: "\e19a"
}

.ob-icon.icon-i-left:before {
    content: "\e1e0"
}

.ob-icon.icon-i-up:before {
    content: "\e1e1"
}

.ob-icon.icon-i-down:before {
    content: "\e1e2"
}

.ob-icon.icon-i-star:before {
    content: "\e1e3"
}

.ob-icon.icon-i-star-f:before {
    content: "\e1e4"
}

.ob-icon.icon-i-personal:before {
    content: "\e1e5"
}

.ob-icon.icon-i-add-friend:before {
    content: "\e1e6"
}

.ob-icon.icon-i-phonebook:before {
    content: "\e1e7"
}

.ob-icon.icon-i-search:before {
    content: "\e1e8"
}

.ob-icon.icon-i-history:before {
    content: "\e1e9"
}

.ob-icon.icon-i-home:before {
    content: "\e1ea"
}

.ob-icon.icon-i-fill:before {
    content: "\e1eb"
}

.ob-icon.icon-i-mail:before {
    content: "\e1ec"
}

.ob-icon.icon-i-share:before {
    content: "\e1ed"
}

.ob-icon.icon-i-compass:before {
    content: "\e1ee"
}

.ob-icon.icon-i-filter:before {
    content: "\e1ef"
}

.ob-icon.icon-i-category:before {
    content: "\e1f0"
}

.ob-icon.icon-i-setting:before {
    content: "\e1f1"
}

.ob-icon.icon-i-recycle:before {
    content: "\e1f2"
}

.ob-icon.icon-i-scan:before {
    content: "\e1f3"
}

.ob-icon.icon-i-more:before {
    content: "\e1f4"
}

.ob-icon.icon-i-personal-f:before {
    content: "\e1f5"
}

.ob-icon.icon-i-home-f:before {
    content: "\e1f6"
}

.ob-icon.icon-i-compass-f:before {
    content: "\e1f7"
}

.ob-icon.icon-i-purchase-f:before {
    content: "\e1f8"
}

.ob-icon.icon-i-quick-reply:before {
    content: "\e1f9"
}

.ob-icon.icon-i-reply:before {
    content: "\e1fa"
}

.ob-icon.icon-i-attachment:before {
    content: "\e1fb"
}

.ob-icon.icon-a-left:before {
    content: "\e220"
}

.ob-icon.icon-a-right:before {
    content: "\e221"
}

.ob-icon.icon-a-back:before {
    content: "\e222"
}

.ob-icon.icon-a-star:before {
    content: "\e223"
}

.ob-icon.icon-a-star-f:before {
    content: "\e224"
}

.ob-icon.icon-a-personal:before {
    content: "\e225"
}

.ob-icon.icon-a-add-friend:before {
    content: "\e226"
}

.ob-icon.icon-a-phonebook:before {
    content: "\e227"
}

.ob-icon.icon-a-search:before {
    content: "\e228"
}

.ob-icon.icon-a-send:before {
    content: "\e229"
}

.ob-icon.icon-a-quick-reply:before {
    content: "\e22a"
}

.ob-icon.icon-a-attachment:before {
    content: "\e22b"
}

.ob-icon.icon-a-reply:before {
    content: "\e22c"
}

.ob-icon.icon-a-history:before {
    content: "\e22d"
}

.ob-icon.icon-a-download:before {
    content: "\e22e"
}

.ob-icon.icon-a-home:before {
    content: "\e22f"
}

.ob-icon.icon-a-fill:before {
    content: "\e230"
}

.ob-icon.icon-a-mail:before {
    content: "\e231"
}

.ob-icon.icon-a-share:before {
    content: "\e232"
}

.ob-icon.icon-a-compass:before {
    content: "\e233"
}

.ob-icon.icon-a-filter:before {
    content: "\e234"
}

.ob-icon.icon-a-category:before {
    content: "\e235"
}

.ob-icon.icon-a-setting:before {
    content: "\e236"
}

.ob-icon.icon-a-recycle:before {
    content: "\e237"
}

.ob-icon.icon-a-scan:before {
    content: "\e238"
}

.ob-icon.icon-a-more:before {
    content: "\e239"
}

.ob-icon.icon-bell:before {
    content: "\e07d"
}

.ob-icon.icon-pause:before {
    content: "\e07e"
}

.ob-icon.icon-right-rotation:before {
    content: "\e07f"
}

.ob-icon.icon-earth:before {
    content: "\e080"
}

.ob-icon.icon-panorama:before {
    content: "\e081"
}

.ob-icon.icon-ad:before {
    content: "\e082"
}

.ob-icon.icon-shop:before {
    content: "\e083"
}

.ob-icon.icon-customized:before {
    content: "\e084"
}

.ob-icon.icon-mei:before {
    content: "\e085"
}

.ob-icon.icon-medal:before {
    content: "\e086"
}

.ob-icon.icon-card:before {
    content: "\e087"
}

.ob-icon.icon-product-prohibit:before {
    content: "\e088"
}

.ob-icon.icon-product-caution:before {
    content: "\e089"
}

.ob-icon.icon-product-returns:before {
    content: "\e08a"
}

.ob-icon.icon-certificate:before {
    content: "\e08b"
}

.ob-icon.icon-truck:before {
    content: "\e08c"
}

.ob-icon.icon-help:before {
    content: "\e08d"
}

.ob-icon.icon-sale:before {
    content: "\e08e"
}

.ob-icon.icon-bottom:before {
    content: "\e08f"
}

.ob-icon.icon-top:before {
    content: "\e090"
}

.ob-icon.icon-reservation:before {
    content: "\e091"
}

.ob-icon.icon-bold:before {
    content: "\e100"
}

.ob-icon.icon-italic:before {
    content: "\e101"
}

.ob-icon.icon-underline:before {
    content: "\e102"
}

.ob-icon.icon-align-left:before {
    content: "\e103"
}

.ob-icon.icon-align-center:before {
    content: "\e104"
}

.ob-icon.icon-text-style:before {
    content: "\e105"
}

.ob-icon.icon-superscript:before {
    content: "\e106"
}

.ob-icon.icon-subscript:before {
    content: "\e107"
}

.ob-icon.icon-crop:before {
    content: "\e108"
}

.ob-icon.icon-table:before {
    content: "\e109"
}

.ob-icon.icon-table-edit:before {
    content: "\e10a"
}

.ob-icon.icon-preview:before {
    content: "\e10b"
}

.ob-icon.icon-foward:before {
    content: "\e10c"
}

.ob-icon.icon-back:before {
    content: "\e10d"
}

.ob-icon.icon-fullscreen:before {
    content: "\e10e"
}

.ob-icon.icon-fullscreen-out:before {
    content: "\e10f"
}

.ob-icon.icon-align-right:before {
    content: "\e110"
}

.ob-icon.icon-symbol:before {
    content: "\e111"
}

.ob-icon.icon-color:before {
    content: "\e112"
}

.ob-icon.icon-link:before {
    content: "\e113"
}

.ob-icon.icon-facebook:before {
    content: "\e140"
}

.ob-icon.icon-VK:before {
    content: "\e14d"
}

.ob-icon.icon-google-plus:before {
    content: "\e141"
}

.ob-icon.icon-twitter:before {
    content: "\e142"
}

.ob-icon.icon-youtube:before {
    content: "\e143"
}

.ob-icon.icon-linkedin:before {
    content: "\e144"
}

.ob-icon.icon-pinterest:before {
    content: "\e145"
}

.ob-icon.icon-weibo:before {
    content: "\e146"
}

.ob-icon.icon-wechat:before {
    content: "\e147"
}

.ob-icon.icon-tieba:before {
    content: "\e148"
}

.ob-icon.icon-qzone:before {
    content: "\e149"
}

.ob-icon.icon-tencent-weibo:before {
    content: "\e14a"
}

.ob-icon.icon-share-mail:before {
    content: "\e14b"
}

.ob-icon.icon-ind-agriculture:before {
    content: "\e180"
}

.ob-icon.icon-ind-apparel:before {
    content: "\e181"
}

.ob-icon.icon-ind-artcraft:before {
    content: "\e182"
}

.ob-icon.icon-ind-bag:before {
    content: "\e183"
}

.ob-icon.icon-ind-computer:before {
    content: "\e184"
}

.ob-icon.icon-ind-consumer-electronics:before {
    content: "\e185"
}

.ob-icon.icon-ind-furniture:before {
    content: "\e186"
}

.ob-icon.icon-ind-light-industry:before {
    content: "\e187"
}

.ob-icon.icon-ind-office-supply:before {
    content: "\e188"
}

.ob-icon.icon-ind-sportting:before {
    content: "\e189"
}

.ob-icon.icon-ind-toy:before {
    content: "\e18a"
}

.ob-icon.icon-ind-auto:before {
    content: "\e18b"
}

.ob-icon.icon-ind-electrical:before {
    content: "\e18c"
}

.ob-icon.icon-ind-equipment:before {
    content: "\e18d"
}

.ob-icon.icon-ind-instrument:before {
    content: "\e18e"
}

.ob-icon.icon-ind-light:before {
    content: "\e18f"
}

.ob-icon.icon-ind-manufacture:before {
    content: "\e190"
}

.ob-icon.icon-ind-packaging:before {
    content: "\e191"
}

.ob-icon.icon-ind-security:before {
    content: "\e192"
}

.ob-icon.icon-ind-tool:before {
    content: "\e193"
}

.ob-icon.icon-ind-transportation:before {
    content: "\e194"
}

.ob-icon.icon-ind-chemical:before {
    content: "\e195"
}

.ob-icon.icon-ind-construction:before {
    content: "\e196"
}

.ob-icon.icon-ind-health:before {
    content: "\e197"
}

.ob-icon.icon-ind-metallurgy:before {
    content: "\e198"
}

.ob-icon.icon-ind-textile:before {
    content: "\e199"
}

.ob-icon.icon-ind-service:before {
    content: "\e19a"
}

.ob-icon.icon-i-personal-f:before {
    content: "\e1f5"
}

.ob-icon.icon-active:before {
    content: "\e092"
}

.ob-icon.icon-safeguard:before {
    content: "\e094"
}

.ob-icon.icon-ind-beauty:before {
    content: "\e19c"
}

.ob-icon.icon-ind-building-material:before {
    content: "\e19f"
}

.ob-icon.icon-negotiate:before {
    content: "\e093"
}

.ob-icon.icon-male:before {
    content: "\e095"
}

.ob-icon.icon-female:before {
    content: "\e096"
}

.ob-icon.icon-gift:before {
    content: "\e097"
}

.ob-icon.icon-coupon:before {
    content: "\e098"
}

.ob-icon.icon-mic-logo:before {
    content: "\e099"
}

.ob-icon.icon-video-camera:before {
    content: "\e09a"
}

.ob-icon.icon-save:before {
    content: "\e09b"
}

.ob-icon.icon-basket-right:before {
    content: "\e09c"
}

html {
    color: #222;
    background: #fff
}

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
group,
menu,
nav,
section {
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 "Roboto", Arial, "Microsoft YaHei", sans-serif
}

input,
select,
textarea {
    vertical-align: middle;
    color: inherit
}

button,
input {
    *overflow: visible;
    line-height: normal
}

::-webkit-input-placeholder {
    color: #888
}

:-moz-placeholder {
    color: #888
}

::-moz-placeholder {
    color: #888
}

:-ms-input-placeholder {
    color: #888
}

button {
    cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

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

th {
    text-align: inherit
}

fieldset,
img {
    border: 0
}

iframe {
    display: block
}

blockquote {
    margin: 1em 4em 1em 2em;
    padding: .6em 1em;
    background: #f1f1f1
}

blockquote blockquote {
    padding: 0 0 0 1em;
    margin-left: 2em;
    border-left: .4em solid #ddd
}

acronym,
abbr {
    border-bottom: 1px dotted;
    font-variant: normal
}

abbr {
    cursor: help
}

del {
    text-decoration: line-through
}

address,
caption,
cite,
code,
den,
th,
var {
    font-style: normal;
    font-weight: 500
}

ul,
ol {
    list-style: none
}

caption,
th {
    text-align: left
}

q:before,
q:after {
    content: ""
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

a {
    color: #1470cc;
    text-decoration: none
}

a:hover {
    color: #e64545;
    text-decoration: underline
}

ins,
a {
    text-decoration: none
}

small {
    font-size: 11px;
    color: #888
}

:focus {
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: bold;
    margin: 0
}

.row {
    *zoom: 1
}

.row:before,
.row:after {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.col-1 {
    width: 8.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-1 {
    margin-left: 8.3333333333%
}

.col-right-1 {
    right: 8.3333333333%
}

.col-left-1 {
    left: 8.3333333333%
}

.col-2 {
    width: 16.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-2 {
    margin-left: 16.6666666667%
}

.col-right-2 {
    right: 16.6666666667%
}

.col-left-2 {
    left: 16.6666666667%
}

.col-3 {
    width: 25%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-3 {
    margin-left: 25%
}

.col-right-3 {
    right: 25%
}

.col-left-3 {
    left: 25%
}

.col-4 {
    width: 33.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-4 {
    margin-left: 33.3333333333%
}

.col-right-4 {
    right: 33.3333333333%
}

.col-left-4 {
    left: 33.3333333333%
}

.col-5 {
    width: 41.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-5 {
    margin-left: 41.6666666667%
}

.col-right-5 {
    right: 41.6666666667%
}

.col-left-5 {
    left: 41.6666666667%
}

.col-6 {
    width: 50%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-6 {
    margin-left: 50%
}

.col-right-6 {
    right: 50%
}

.col-left-6 {
    left: 50%
}

.col-7 {
    width: 58.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-7 {
    margin-left: 58.3333333333%
}

.col-right-7 {
    right: 58.3333333333%
}

.col-left-7 {
    left: 58.3333333333%
}

.col-8 {
    width: 66.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-8 {
    margin-left: 66.6666666667%
}

.col-right-8 {
    right: 66.6666666667%
}

.col-left-8 {
    left: 66.6666666667%
}

.col-9 {
    width: 75%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-9 {
    margin-left: 75%
}

.col-right-9 {
    right: 75%
}

.col-left-9 {
    left: 75%
}

.col-10 {
    width: 83.3333333333%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-10 {
    margin-left: 83.3333333333%
}

.col-right-10 {
    right: 83.3333333333%
}

.col-left-10 {
    left: 83.3333333333%
}

.col-11 {
    width: 91.6666666667%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-11 {
    margin-left: 91.6666666667%
}

.col-right-11 {
    right: 91.6666666667%
}

.col-left-11 {
    left: 91.6666666667%
}

.col-12 {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box
}

.col-offset-12 {
    margin-left: 100%
}

.col-right-12 {
    right: 100%
}

.col-left-12 {
    left: 100%
}

.span-1 {
    display: inline-block;
    width: 20px;
    box-sizing: border-box
}

.span-2 {
    display: inline-block;
    width: 50px;
    box-sizing: border-box
}

.span-3 {
    display: inline-block;
    width: 80px;
    box-sizing: border-box
}

.span-4 {
    display: inline-block;
    width: 110px;
    box-sizing: border-box
}

.span-5 {
    display: inline-block;
    width: 140px;
    box-sizing: border-box
}

.span-6 {
    display: inline-block;
    width: 170px;
    box-sizing: border-box
}

.span-7 {
    display: inline-block;
    width: 200px;
    box-sizing: border-box
}

.span-8 {
    display: inline-block;
    width: 230px;
    box-sizing: border-box
}

.span-9 {
    display: inline-block;
    width: 260px;
    box-sizing: border-box
}

.span-10 {
    display: inline-block;
    width: 290px;
    box-sizing: border-box
}

.span-11 {
    display: inline-block;
    width: 320px;
    box-sizing: border-box
}

.span-12 {
    display: inline-block;
    width: 350px;
    box-sizing: border-box
}

.span-13 {
    display: inline-block;
    width: 380px;
    box-sizing: border-box
}

.span-14 {
    display: inline-block;
    width: 410px;
    box-sizing: border-box
}

.span-15 {
    display: inline-block;
    width: 440px;
    box-sizing: border-box
}

.span-16 {
    display: inline-block;
    width: 470px;
    box-sizing: border-box
}

.span-17 {
    display: inline-block;
    width: 500px;
    box-sizing: border-box
}

.span-18 {
    display: inline-block;
    width: 530px;
    box-sizing: border-box
}

.span-19 {
    display: inline-block;
    width: 560px;
    box-sizing: border-box
}

.span-20 {
    display: inline-block;
    width: 590px;
    box-sizing: border-box
}

.span-21 {
    display: inline-block;
    width: 620px;
    box-sizing: border-box
}

.span-22 {
    display: inline-block;
    width: 650px;
    box-sizing: border-box
}

.span-23 {
    display: inline-block;
    width: 680px;
    box-sizing: border-box
}

.span-24 {
    display: inline-block;
    width: 710px;
    box-sizing: border-box
}

.span-25 {
    display: inline-block;
    width: 740px;
    box-sizing: border-box
}

.span-26 {
    display: inline-block;
    width: 770px;
    box-sizing: border-box
}

.span-27 {
    display: inline-block;
    width: 800px;
    box-sizing: border-box
}

.span-28 {
    display: inline-block;
    width: 830px;
    box-sizing: border-box
}

.span-29 {
    display: inline-block;
    width: 860px;
    box-sizing: border-box
}

.span-30 {
    display: inline-block;
    width: 890px;
    box-sizing: border-box
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.grid {
    width: 990px;
    margin: 0 auto
}

.fl {
    float: left
}

.fr {
    float: right
}

.c {
    text-align: center
}

.l {
    text-align: left
}

.r {
    text-align: right
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: bold
}

.h1 {
    font-size: 24px
}

.h2 {
    font-size: 18px
}

.h3 {
    font-size: 14px
}

.h4,
.h5,
.h6 {
    font-size: 12px
}

.lh15 {
    line-height: 1.5
}

.lh17 {
    line-height: 1.7
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mv5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mv10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mv15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mv20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.gray {
    color: #555
}

.gray-light {
    color: #888
}

.bfc {
    overflow: hidden;
    zoom: 1
}

.ellipsis {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.full-width {
    width: 100%
}

a.btn,
a.btn:hover {
    text-decoration: none
}

button {
    outline: none
}

.btn {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    text-align: center;
    color: #222;
    border: solid 1px #ced3d9;
    background-color: #f5f7fa;
    padding: 0 15px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box
}

.btn:hover {
    color: #222;
    background-color: #e6ecf2
}

.btn .micon,
.btn .ob-icon {
    margin-right: 5px;
    vertical-align: -10%;
    *vertical-align: middle
}

.btn-main {
    color: #fff;
    border: solid 1px #e64545;
    background-color: #e64545
}

.btn-main:hover {
    color: #fff;
    border: solid 1px #d92121;
    background-color: #d92121
}

.btn-main-light {
    color: #e64545;
    background: rgba(230, 69, 69, .1);
    border: 1px solid #e64545
}

.btn-main-light:hover {
    color: #e64545;
    border: solid 1px #e64545;
    background: rgba(230, 69, 69, .2)
}

.btn-aux {
    color: #fff;
    border: solid 1px #1470cc;
    background-color: #1470cc
}

.btn-aux:hover {
    color: #fff;
    border: solid 1px #1369bf;
    background-color: #1369bf
}

.btn-inquiry {
    color: #fff;
    border: solid 1px #ff9500;
    background-color: #ff9500
}

.btn-inquiry:hover {
    color: #fff;
    border: solid 1px #e58600;
    background-color: #e58600
}

.btn-big {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 20px
}

.btn-small {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    padding: 0 15px
}

.btn-disabled,
.btn-disabled:hover,
.btn[disabled],
.btn[disabled]:hover {
    color: #b3b3b3;
    border: solid 1px #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .input-text,
.ob-form .input-text {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    background-color: #fff;
    margin-right: 10px;
    height: 30px;
    *height: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.obelisk-form .input-text:hover,
.ob-form .input-text:hover {
    border-color: #a1aab2;
    outline: 0
}

.obelisk-form .input-text:focus,
.ob-form .input-text:focus {
    border-color: #1470cc;
    outline: 0
}

.obelisk-form .input-text.error,
.ob-form .input-text.error {
    border-color: #e64545
}

.obelisk-form .input-text[disabled],
.obelisk-form .input-text.disabled,
.ob-form .input-text[disabled],
.ob-form .input-text.disabled {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .text-item,
.ob-form .text-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
    position: relative
}

.obelisk-form .text-item .input-wrap,
.ob-form .text-item .input-wrap {
    overflow: hidden
}

.obelisk-form .text-item .input-wrap button,
.ob-form .text-item .input-wrap button {
    background-color: transparent
}

.obelisk-form .text-item .input-head,
.ob-form .text-item .input-head {
    padding: 0px 10px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #555;
    float: left;
    border-right: 1px solid #ced3d9;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    position: relative;
    z-index: 9;
    top: 1px;
    *top: 0
}

.obelisk-form .text-item .input-ctnr,
.ob-form .text-item .input-ctnr {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #ced3d9;
    background-color: #f5f7fa;
    position: absolute;
    left: 0;
    top: 0;
    *height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.obelisk-form .text-item .input-cnt,
.ob-form .text-item .input-cnt {
    overflow: hidden
}

.obelisk-form .text-item .input-cnt input,
.ob-form .text-item .input-cnt input {
    width: 100%
}

.obelisk-form .text-item .input-text,
.ob-form .text-item .input-text {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    float: right;
    border-left: 0;
    margin-right: 0;
    position: relative;
    z-index: 9
}

.obelisk-form .text-item .input-text:hover+.input-ctnr,
.ob-form .text-item .input-text:hover+.input-ctnr {
    border-color: #a1aab2
}

.obelisk-form .text-item .input-text:focus+.input-ctnr,
.ob-form .text-item .input-text:focus+.input-ctnr {
    border-color: #1470cc
}

.obelisk-form .text-item .input-text.error+.input-ctnr,
.ob-form .text-item .input-text.error+.input-ctnr {
    border-color: #e64545
}

.obelisk-form .text-item .input-text[disabled]+.input-ctnr,
.obelisk-form .text-item .input-text.disabled+.input-ctnr,
.ob-form .text-item .input-text[disabled]+.input-ctnr,
.ob-form .text-item .input-text.disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .text-item.text-item-r .input-head,
.ob-form .text-item.text-item-r .input-head {
    float: right;
    border-right: none;
    border-left: 1px solid #ced3d9;
    border-radius: 0 3px 3px 0
}

.obelisk-form .text-item.text-item-r .input-text,
.ob-form .text-item.text-item-r .input-text {
    border-radius: 3px 0 0 3px;
    float: left;
    border-right: 0;
    margin-left: 0;
    border-left: 1px solid #ced3d9
}

.obelisk-form .text-item.text-item-r .input-text:hover,
.ob-form .text-item.text-item-r .input-text:hover {
    border-color: #a1aab2
}

.obelisk-form .text-item.text-item-r .input-text:focus,
.ob-form .text-item.text-item-r .input-text:focus {
    border-color: #1470cc
}

.obelisk-form .text-item.text-item-r .input-text.error,
.ob-form .text-item.text-item-r .input-text.error {
    border-color: #e64545
}

.obelisk-form .text-item.text-item-r .input-text[disabled],
.obelisk-form .text-item.text-item-r .input-text.disabled,
.ob-form .text-item.text-item-r .input-text[disabled],
.ob-form .text-item.text-item-r .input-text.disabled {
    border-color: #ced3d9
}

.obelisk-form .input-checkbox,
.obelisk-form .input-radio,
.obelisk-form .input-toggle,
.obelisk-form .input-tag,
.ob-form .input-checkbox,
.ob-form .input-radio,
.ob-form .input-toggle,
.ob-form .input-tag {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.obelisk-form .input-checkbox .input-wrap,
.obelisk-form .input-radio .input-wrap,
.obelisk-form .input-toggle .input-wrap,
.obelisk-form .input-tag .input-wrap,
.ob-form .input-checkbox .input-wrap,
.ob-form .input-radio .input-wrap,
.ob-form .input-toggle .input-wrap,
.ob-form .input-tag .input-wrap {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: normal;
    margin: 6px 10px 6px 0;
    vertical-align: middle;
    position: relative
}

.obelisk-form .input-checkbox input[type=checkbox],
.obelisk-form .input-checkbox input[type=radio],
.obelisk-form .input-radio input[type=checkbox],
.obelisk-form .input-radio input[type=radio],
.obelisk-form .input-toggle input[type=checkbox],
.obelisk-form .input-toggle input[type=radio],
.obelisk-form .input-tag input[type=checkbox],
.obelisk-form .input-tag input[type=radio],
.ob-form .input-checkbox input[type=checkbox],
.ob-form .input-checkbox input[type=radio],
.ob-form .input-radio input[type=checkbox],
.ob-form .input-radio input[type=radio],
.ob-form .input-toggle input[type=checkbox],
.ob-form .input-toggle input[type=radio],
.ob-form .input-tag input[type=checkbox],
.ob-form .input-tag input[type=radio] {
    vertical-align: middle
}

.obelisk-form .input-checkbox input[type=checkbox]+.input-ctnr,
.obelisk-form .input-checkbox input[type=radio]+.input-ctnr,
.obelisk-form .input-radio input[type=checkbox]+.input-ctnr,
.obelisk-form .input-radio input[type=radio]+.input-ctnr,
.obelisk-form .input-toggle input[type=checkbox]+.input-ctnr,
.obelisk-form .input-toggle input[type=radio]+.input-ctnr,
.obelisk-form .input-tag input[type=checkbox]+.input-ctnr,
.obelisk-form .input-tag input[type=radio]+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox]+.input-ctnr,
.ob-form .input-checkbox input[type=radio]+.input-ctnr,
.ob-form .input-radio input[type=checkbox]+.input-ctnr,
.ob-form .input-radio input[type=radio]+.input-ctnr,
.ob-form .input-toggle input[type=checkbox]+.input-ctnr,
.ob-form .input-toggle input[type=radio]+.input-ctnr,
.ob-form .input-tag input[type=checkbox]+.input-ctnr,
.ob-form .input-tag input[type=radio]+.input-ctnr {
    display: none
}

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

    .obelisk-form .input-checkbox input[type=checkbox],
    .obelisk-form .input-checkbox input[type=radio],
    .obelisk-form .input-radio input[type=checkbox],
    .obelisk-form .input-radio input[type=radio],
    .obelisk-form .input-toggle input[type=checkbox],
    .obelisk-form .input-toggle input[type=radio],
    .obelisk-form .input-tag input[type=checkbox],
    .obelisk-form .input-tag input[type=radio],
    .ob-form .input-checkbox input[type=checkbox],
    .ob-form .input-checkbox input[type=radio],
    .ob-form .input-radio input[type=checkbox],
    .ob-form .input-radio input[type=radio],
    .ob-form .input-toggle input[type=checkbox],
    .ob-form .input-toggle input[type=radio],
    .ob-form .input-tag input[type=checkbox],
    .ob-form .input-tag input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .obelisk-form .input-checkbox input[type=checkbox]+.input-ctnr,
    .obelisk-form .input-checkbox input[type=radio]+.input-ctnr,
    .obelisk-form .input-radio input[type=checkbox]+.input-ctnr,
    .obelisk-form .input-radio input[type=radio]+.input-ctnr,
    .obelisk-form .input-toggle input[type=checkbox]+.input-ctnr,
    .obelisk-form .input-toggle input[type=radio]+.input-ctnr,
    .obelisk-form .input-tag input[type=checkbox]+.input-ctnr,
    .obelisk-form .input-tag input[type=radio]+.input-ctnr,
    .ob-form .input-checkbox input[type=checkbox]+.input-ctnr,
    .ob-form .input-checkbox input[type=radio]+.input-ctnr,
    .ob-form .input-radio input[type=checkbox]+.input-ctnr,
    .ob-form .input-radio input[type=radio]+.input-ctnr,
    .ob-form .input-toggle input[type=checkbox]+.input-ctnr,
    .ob-form .input-toggle input[type=radio]+.input-ctnr,
    .ob-form .input-tag input[type=checkbox]+.input-ctnr,
    .ob-form .input-tag input[type=radio]+.input-ctnr {
        display: inline-block;
        cursor: pointer;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -ms-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
        vertical-align: middle;
        margin-top: -2px
    }
}

.obelisk-form .input-checkbox .input-wrap,
.ob-form .input-checkbox .input-wrap {
    color: #222
}

.obelisk-form .input-checkbox input[type=checkbox]+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox]+.input-ctnr {
    width: 14px;
    height: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #a1aab3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    margin-right: 5px
}

.obelisk-form .input-checkbox input[type=checkbox]:hover+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox]:hover+.input-ctnr {
    border-color: #1470cc;
    background-color: #d9ecff
}

.obelisk-form .input-checkbox input[type=checkbox][disabled]+.input-ctnr,
.obelisk-form .input-checkbox input[type=checkbox].disabled+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox][disabled]+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox].disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .input-checkbox input[type=checkbox]:checked+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox]:checked+.input-ctnr {
    border-color: #1470cc;
    background-color: #fff;
    position: relative
}

.obelisk-form .input-checkbox input[type=checkbox]:checked+.input-ctnr:after,
.ob-form .input-checkbox input[type=checkbox]:checked+.input-ctnr:after {
    content: "";
    display: block;
    width: 9px;
    height: 4px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #1470cc;
    position: absolute;
    left: 2px;
    top: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.obelisk-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr,
.obelisk-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr,
.ob-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr:after,
.obelisk-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr:after,
.ob-form .input-checkbox input[type=checkbox][disabled]:checked+.input-ctnr:after,
.ob-form .input-checkbox input[type=checkbox].disabled:checked+.input-ctnr:after {
    border-color: #a1aab3
}

.obelisk-form .input-radio .input-wrap,
.ob-form .input-radio .input-wrap {
    color: #222
}

.obelisk-form .input-radio input[type=radio]+.input-ctnr,
.ob-form .input-radio input[type=radio]+.input-ctnr {
    width: 14px;
    height: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #a1aab3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 5px
}

.obelisk-form .input-radio input[type=radio]:hover+.input-ctnr,
.ob-form .input-radio input[type=radio]:hover+.input-ctnr {
    border-color: #1470cc;
    background-color: #d9ecff
}

.obelisk-form .input-radio input[type=radio][disabled]+.input-ctnr,
.obelisk-form .input-radio input[type=radio].disabled+.input-ctnr,
.ob-form .input-radio input[type=radio][disabled]+.input-ctnr,
.ob-form .input-radio input[type=radio].disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .input-radio input[type=radio]:checked+.input-ctnr,
.ob-form .input-radio input[type=radio]:checked+.input-ctnr {
    border-color: #1470cc;
    background-color: #fff;
    position: relative
}

.obelisk-form .input-radio input[type=radio]:checked+.input-ctnr:after,
.ob-form .input-radio input[type=radio]:checked+.input-ctnr:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #1470cc;
    margin-left: 4px;
    margin-top: 4px;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.obelisk-form .input-radio input[type=radio][disabled]:checked+.input-ctnr,
.obelisk-form .input-radio input[type=radio].disabled:checked+.input-ctnr,
.ob-form .input-radio input[type=radio][disabled]:checked+.input-ctnr,
.ob-form .input-radio input[type=radio].disabled:checked+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-radio input[type=radio][disabled]:checked+.input-ctnr:after,
.obelisk-form .input-radio input[type=radio].disabled:checked+.input-ctnr:after,
.ob-form .input-radio input[type=radio][disabled]:checked+.input-ctnr:after,
.ob-form .input-radio input[type=radio].disabled:checked+.input-ctnr:after {
    background-color: #a1aab3
}

.obelisk-form .input-toggle input[type=checkbox]+.input-ctnr,
.ob-form .input-toggle input[type=checkbox]+.input-ctnr {
    width: 38px;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #cfdae6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff
}

.obelisk-form .input-toggle input[type=checkbox]+.input-ctnr:after,
.ob-form .input-toggle input[type=checkbox]+.input-ctnr:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-left: -1px;
    margin-top: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: #cfdae6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 33, 66, .2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 33, 66, .2);
    -ms-box-shadow: 1px 1px 2px rgba(0, 33, 66, .2);
    -o-box-shadow: 1px 1px 2px rgba(0, 33, 66, .2);
    box-shadow: 1px 1px 2px rgba(0, 33, 66, .2);
    background-color: #fff;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.obelisk-form .input-toggle input[type=checkbox][disabled]+.input-ctnr,
.obelisk-form .input-toggle input[type=checkbox].disabled+.input-ctnr,
.ob-form .input-toggle input[type=checkbox][disabled]+.input-ctnr,
.ob-form .input-toggle input[type=checkbox].disabled+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.obelisk-form .input-toggle input[type=checkbox][disabled]+.input-ctnr:after,
.obelisk-form .input-toggle input[type=checkbox].disabled+.input-ctnr:after,
.ob-form .input-toggle input[type=checkbox][disabled]+.input-ctnr:after,
.ob-form .input-toggle input[type=checkbox].disabled+.input-ctnr:after {
    border-color: #ced3d9;
    background-color: #edf0f2;
    margin-left: -1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.obelisk-form .input-toggle input[type=checkbox]:checked+.input-ctnr,
.ob-form .input-toggle input[type=checkbox]:checked+.input-ctnr {
    background-color: #1470cc;
    border-color: #1470cc
}

.obelisk-form .input-toggle input[type=checkbox]:checked+.input-ctnr:after,
.ob-form .input-toggle input[type=checkbox]:checked+.input-ctnr:after {
    border-color: #1470cc;
    background-color: #fff;
    margin-left: 19px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.obelisk-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr,
.obelisk-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr,
.ob-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr,
.ob-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr:after,
.obelisk-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr:after,
.ob-form .input-toggle input[type=checkbox][disabled]:checked+.input-ctnr:after,
.ob-form .input-toggle input[type=checkbox].disabled:checked+.input-ctnr:after {
    border-color: #ced3d9;
    background-color: #edf0f2
}

.obelisk-form .input-textarea,
.ob-form .input-textarea {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #ced3d9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    resize: vertical;
    outline: 0;
    overflow: auto;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.obelisk-form .input-textarea:hover,
.ob-form .input-textarea:hover {
    border-color: #a1aab2;
    outline: 0
}

.obelisk-form .input-textarea:focus,
.ob-form .input-textarea:focus {
    border-color: #1470cc;
    outline: 0
}

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

    .obelisk-form .input-tag .input-wrap,
    .ob-form .input-tag .input-wrap {
        margin-top: 0
    }
}

.obelisk-form .input-tag input[type=checkbox]+.input-ctnr,
.obelisk-form .input-tag input[type=radio]+.input-ctnr,
.ob-form .input-tag input[type=checkbox]+.input-ctnr,
.ob-form .input-tag input[type=radio]+.input-ctnr {
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

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

    .obelisk-form .input-tag input[type=checkbox]+.input-ctnr,
    .obelisk-form .input-tag input[type=radio]+.input-ctnr,
    .ob-form .input-tag input[type=checkbox]+.input-ctnr,
    .ob-form .input-tag input[type=radio]+.input-ctnr {
        font-size: 12px;
        line-height: 18px;
        padding: 5px 10px;
        border: 1px solid #ced3d9;
        color: #888;
        border-radius: 3px;
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom: 1;
        cursor: pointer;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0
    }

    .obelisk-form .input-tag input[type=checkbox]+.input-ctnr.cut,
    .obelisk-form .input-tag input[type=radio]+.input-ctnr.cut,
    .ob-form .input-tag input[type=checkbox]+.input-ctnr.cut,
    .ob-form .input-tag input[type=radio]+.input-ctnr.cut {
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -moz-text-overflow: ellipsis
    }

    .obelisk-form .input-tag input[type=checkbox]:hover+.input-ctnr,
    .obelisk-form .input-tag input[type=radio]:hover+.input-ctnr,
    .ob-form .input-tag input[type=checkbox]:hover+.input-ctnr,
    .ob-form .input-tag input[type=radio]:hover+.input-ctnr {
        border: 1px solid #a1aab3;
        color: #555
    }

    .obelisk-form .input-tag input[type=checkbox]:checked+.input-ctnr,
    .obelisk-form .input-tag input[type=radio]:checked+.input-ctnr,
    .ob-form .input-tag input[type=checkbox]:checked+.input-ctnr,
    .ob-form .input-tag input[type=radio]:checked+.input-ctnr {
        border: 1px solid #1470cc
    }

    .obelisk-form .input-tag input[type=checkbox]:checked+.input-ctnr:after,
    .obelisk-form .input-tag input[type=radio]:checked+.input-ctnr:after,
    .ob-form .input-tag input[type=checkbox]:checked+.input-ctnr:after,
    .ob-form .input-tag input[type=radio]:checked+.input-ctnr:after {
        display: block;
        position: absolute;
        right: 2px;
        bottom: 2px;
        content: "";
        width: 2px;
        height: 4px;
        border-width: 0 1px 1px 0;
        border-style: solid;
        border-color: #fff;
        -webkit-transform: rotate(32deg);
        -moz-transform: rotate(32deg);
        -ms-transform: rotate(32deg);
        -o-transform: rotate(32deg);
        transform: rotate(32deg)
    }

    .obelisk-form .input-tag input[type=checkbox]:checked+.input-ctnr:before,
    .obelisk-form .input-tag input[type=radio]:checked+.input-ctnr:before,
    .ob-form .input-tag input[type=checkbox]:checked+.input-ctnr:before,
    .ob-form .input-tag input[type=radio]:checked+.input-ctnr:before {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        content: "";
        width: 0px;
        height: 0px;
        border-width: 6px;
        border-style: solid;
        border-color: transparent #1470cc #1470cc transparent;
        -webkit-border-radius: 0 0 2px 0;
        -moz-border-radius: 0 0 2px 0;
        -ms-border-radius: 0 0 2px 0;
        -o-border-radius: 0 0 2px 0;
        border-radius: 0 0 2px 0
    }

    .obelisk-form .input-tag input[type=checkbox][disabled]+.input-ctnr,
    .obelisk-form .input-tag input[type=radio][disabled]+.input-ctnr,
    .ob-form .input-tag input[type=checkbox][disabled]+.input-ctnr,
    .ob-form .input-tag input[type=radio][disabled]+.input-ctnr {
        border-color: #ced3d9;
        color: #b2b2b2;
        background: #edf0f2;
        cursor: not-allowed
    }

    .obelisk-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr,
    .obelisk-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr,
    .obelisk-form .input-tag input[type=radio][disabled]:checked+.input-ctnr,
    .obelisk-form .input-tag input[type=radio].disabled:checked+.input-ctnr,
    .ob-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr,
    .ob-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr,
    .ob-form .input-tag input[type=radio][disabled]:checked+.input-ctnr,
    .ob-form .input-tag input[type=radio].disabled:checked+.input-ctnr {
        background: #fff;
        color: #888;
        border-color: #8ab8e5
    }

    .obelisk-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr:before,
    .obelisk-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr:before,
    .obelisk-form .input-tag input[type=radio][disabled]:checked+.input-ctnr:before,
    .obelisk-form .input-tag input[type=radio].disabled:checked+.input-ctnr:before,
    .ob-form .input-tag input[type=checkbox][disabled]:checked+.input-ctnr:before,
    .ob-form .input-tag input[type=checkbox].disabled:checked+.input-ctnr:before,
    .ob-form .input-tag input[type=radio][disabled]:checked+.input-ctnr:before,
    .ob-form .input-tag input[type=radio].disabled:checked+.input-ctnr:before {
        border-color: transparent #8ab8e5 #8ab8e5 transparent
    }
}

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

    .obelisk-form .input-tag .input-wrap-small input[type=checkbox]+.input-ctnr,
    .obelisk-form .input-tag .input-wrap-small input[type=radio]+.input-ctnr,
    .ob-form .input-tag .input-wrap-small input[type=checkbox]+.input-ctnr,
    .ob-form .input-tag .input-wrap-small input[type=radio]+.input-ctnr {
        padding: 0 10px
    }
}

.obelisk-form .textarea-field,
.ob-form .textarea-field {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.obelisk-form .textarea-field .input-textarea,
.ob-form .textarea-field .input-textarea {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    min-height: 88px
}

.obelisk-form .textarea-field .input-textarea:hover,
.ob-form .textarea-field .input-textarea:hover {
    border-color: #a1aab2;
    outline: 0
}

.obelisk-form .textarea-field .input-textarea:focus,
.ob-form .textarea-field .input-textarea:focus {
    border-color: #1470cc;
    outline: 0
}

.obelisk-form .textarea-field .field,
.ob-form .textarea-field .field {
    padding: 8px 10px;
    background: #f5f7fa;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ced3d9;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.obelisk-form .textarea-field .upload,
.ob-form .textarea-field .upload {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    color: #1470cc;
    overflow: hidden;
    position: relative;
    height: 18px;
    vertical-align: top
}

.obelisk-form .textarea-field .upload .micon,
.ob-form .textarea-field .upload .micon {
    line-height: 18px;
    vertical-align: top
}

.obelisk-form .textarea-field .file,
.ob-form .textarea-field .file {
    position: absolute;
    top: -10px;
    left: -820px;
    border: 0 none;
    display: block;
    font-size: 200px;
    left: -70px \9;
    width: 650px \9;
    height: 210px \9;
    line-height: 230px;
    opacity: 0;
    filter: alpha(opacity=0) !important;
    cursor: pointer;
    *vertical-align: baseline !important
}

.obelisk-form .textarea-field .edit,
.ob-form .textarea-field .edit {
    float: right;
    position: relative
}

.obelisk-form .textarea-field .edit-hd,
.ob-form .textarea-field .edit-hd {
    padding: 0 5px
}

.obelisk-form .textarea-field .edit-hd .micon,
.ob-form .textarea-field .edit-hd .micon {
    vertical-align: top;
    margin-right: 0;
    margin-top: 1px
}

.obelisk-form .textarea-field .edit-bd,
.ob-form .textarea-field .edit-bd {
    position: absolute;
    right: 0px;
    top: 100%;
    border: 1px solid #ced3d9;
    -webkit-box-shadow: 3px 3px 3px rgba(210, 110, 26, .1);
    -moz-box-shadow: 3px 3px 3px rgba(210, 110, 26, .1);
    -ms-box-shadow: 3px 3px 3px rgba(210, 110, 26, .1);
    -o-box-shadow: 3px 3px 3px rgba(210, 110, 26, .1);
    box-shadow: 3px 3px 3px rgba(210, 110, 26, .1);
    background: #fff;
    z-index: 109;
    -webkit-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    -ms-border-radius: 3px 0 3px 3px;
    -o-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
    padding: 5px 0;
    display: none
}

.obelisk-form .textarea-field .edit-bd a,
.ob-form .textarea-field .edit-bd a {
    display: block;
    width: 180px;
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.3;
    color: #555;
    text-decoration: none
}

.obelisk-form .textarea-field .edit-bd a:hover,
.ob-form .textarea-field .edit-bd a:hover {
    background: #e6ecf2;
    text-decoration: none
}

.obelisk-form .textarea-field .edit.selected .edit-hd,
.ob-form .textarea-field .edit.selected .edit-hd {
    background: #fff;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ced3d9;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.obelisk-form .textarea-field .edit.selected .edit-bd,
.ob-form .textarea-field .edit.selected .edit-bd {
    display: block
}

.obelisk-form .textarea-field .file-list,
.ob-form .textarea-field .file-list {
    margin-top: 10px;
    padding-top: 1px
}

.obelisk-form .textarea-field .file-block,
.ob-form .textarea-field .file-block {
    border: 1px solid #e6ecf2;
    background: #fff;
    padding: 5px 10px;
    margin-top: -1px;
    position: relative
}

.obelisk-form .textarea-field .del,
.ob-form .textarea-field .del {
    float: right;
    color: #000;
    opacity: .3;
    line-height: 1;
    margin-top: 1px
}

.obelisk-form .textarea-field .del:hover,
.ob-form .textarea-field .del:hover {
    opacity: 1
}

.obelisk-form .textarea-field .del .micon,
.ob-form .textarea-field .del .micon {
    margin-right: 0
}

.obelisk-form .textarea-field .preview,
.ob-form .textarea-field .preview {
    position: absolute;
    top: 28px;
    left: -1px;
    padding-top: 0;
    z-index: 105;
    width: 80px;
    height: 80px;
    background: #fff
}

.obelisk-form .textarea-field .img-cnt,
.ob-form .textarea-field .img-cnt {
    width: 80px;
    height: 80px;
    display: table-cell;
    border: 1px solid #e6ecf2;
    background: #fff;
    font-size: 0;
    vertical-align: middle;
    zoom: 1;
    text-align: center;
    cursor: default
}

.obelisk-form .textarea-field .img-cnt img,
.ob-form .textarea-field .img-cnt img {
    max-width: 80px;
    max-height: 80px;
    _width: 80px;
    _height: 80px
}

.obelisk-form .textarea-field .file-loading,
.ob-form .textarea-field .file-loading {
    height: 18px;
    overflow: hidden;
    position: relative
}

.obelisk-form .textarea-field .file-loading .loading,
.ob-form .textarea-field .file-loading .loading {
    position: relative;
    top: 6px;
    margin-right: 26px
}

.obelisk-form .textarea-field .file-loading .cancel,
.ob-form .textarea-field .file-loading .cancel {
    position: absolute;
    right: 0px;
    top: 0px
}

.obelisk-form .textarea-field .file-loading .cancel .micon,
.ob-form .textarea-field .file-loading .cancel .micon {
    vertical-align: top;
    color: #000;
    opacity: .3
}

.obelisk-form .textarea-field .file-loading .cancel:hover .micon,
.ob-form .textarea-field .file-loading .cancel:hover .micon {
    vertical-align: top;
    opacity: 1
}

.obelisk-form .loading,
.ob-form .loading {
    height: 5px;
    overflow: hidden;
    background-color: #e1e3e6
}

.obelisk-form .loading .loading-bar,
.ob-form .loading .loading-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 0;
    background-color: #00b300;
    -webkit-transition: width .1s ease;
    -moz-transition: width .1s ease;
    -ms-transition: width .1s ease;
    -o-transition: width .1s ease;
    transition: width .1s ease
}

.obelisk-form .feedback-block,
.ob-form .feedback-block {
    clear: left
}

.obelisk-form .feedback-block .error,
.ob-form .feedback-block .error {
    margin-top: 5px;
    font-size: 12px;
    color: #e64545;
    display: inline-block
}

.obelisk-form .feedback-block .warning,
.ob-form .feedback-block .warning {
    margin-top: 5px;
    font-size: 12px;
    color: #f73;
    display: inline-block
}

.obelisk-form .prompt,
.ob-form .prompt {
    color: #888;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px
}

.obelisk-form .fields-text,
.ob-form .fields-text {
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle;
    margin: 0 10px 0 0;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.obelisk-form .upload-file,
.ob-form .upload-file {
    position: relative;
    margin: 0;
    padding-left: 20px;
    line-height: inherit;
    line-height: 18px;
    height: 18px;
    z-index: 1
}

.obelisk-form .upload-file .ico,
.ob-form .upload-file .ico {
    top: 1px
}

.obelisk-form .upload-file .uploading,
.ob-form .upload-file .uploading {
    vertical-align: top;
    margin-top: 1px
}

.obelisk-form .upload-file .ico,
.ob-form .upload-file .ico {
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    vertical-align: top;
    background: url("https://www.micstatic.com/common/img/icon/ico_files_bd40fb09.png") no-repeat;
    background-position: 0px -270px
}

.obelisk-form .upload-file .ico-pdf,
.ob-form .upload-file .ico-pdf {
    background-position: 0 0
}

.obelisk-form .upload-file .ico-xls,
.obelisk-form .upload-file .ico-xlsx,
.ob-form .upload-file .ico-xls,
.ob-form .upload-file .ico-xlsx {
    background-position: 0 -54px
}

.obelisk-form .upload-file .ico-doc,
.obelisk-form .upload-file .ico-docx,
.ob-form .upload-file .ico-doc,
.ob-form .upload-file .ico-docx {
    background-position: 0 -36px
}

.obelisk-form .upload-file .ico-txt,
.ob-form .upload-file .ico-txt {
    background-position: 0 -18px
}

.obelisk-form .upload-file .ico-jpg,
.ob-form .upload-file .ico-jpg {
    background-position: 0 -72px
}

.obelisk-form .upload-file .ico-jpeg,
.ob-form .upload-file .ico-jpeg {
    background-position: 0 -72px
}

.obelisk-form .upload-file .ico-gif,
.ob-form .upload-file .ico-gif {
    background-position: 0 -252px
}

.obelisk-form .upload-file .ico-bmp,
.ob-form .upload-file .ico-bmp {
    background-position: 0 -270px
}

.obelisk-form .upload-file .ico-png,
.ob-form .upload-file .ico-png {
    background-position: 0 -90px
}

.obelisk-form .upload-file .uploading,
.ob-form .upload-file .uploading {
    display: inline-block;
    margin-left: 20px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url("https://www.micstatic.com/common/img/icon/loading-small_368cc688.gif") no-repeat
}

.obelisk-form .upload-file .upload-suc,
.ob-form .upload-file .upload-suc {
    display: inline-block;
    margin-left: 20px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url("https://www.micstatic.com/common/img/icon/ico_suc_ca8bb15f.png") no-repeat
}

.obelisk-form .upload-file .file-name,
.ob-form .upload-file .file-name {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin: 0
}

.obelisk-form .upload-file .action,
.ob-form .upload-file .action {
    margin-left: 20px
}

.obelisk-form .upload-file .icon-yes2,
.ob-form .upload-file .icon-yes2 {
    margin: 0 0 0 20px;
    font-size: 20px;
    color: #57ba56
}

.obelisk-form .input-list,
.ob-form .input-list {
    margin-bottom: 10px
}

.obelisk-form .input-list .del,
.ob-form .input-list .del {
    margin-top: 7px;
    margin-right: 5px;
    color: #222;
    opacity: .3;
    float: left
}

.obelisk-form .input-list .del:hover,
.ob-form .input-list .del:hover {
    opacity: 1
}

.obelisk-form .input-list .feedback-block,
.ob-form .input-list .feedback-block {
    clear: left
}

a.btn,
a.btn:hover {
    text-decoration: none
}

button {
    outline: none
}

.btn {
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    text-align: center;
    color: #222;
    border: solid 1px #ced3d9;
    background-color: #f5f7fa;
    padding: 0 15px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box
}

.btn:hover {
    color: #222;
    background-color: #e6ecf2
}

.btn .micon,
.btn .ob-icon {
    margin-right: 5px;
    vertical-align: -10%;
    *vertical-align: middle
}

.btn-main {
    color: #fff;
    border: solid 1px #e64545;
    background-color: #e64545
}

.btn-main:hover {
    color: #fff;
    border: solid 1px #d92121;
    background-color: #d92121
}

.btn-main-light {
    color: #e64545;
    background: rgba(230, 69, 69, .1);
    border: 1px solid #e64545
}

.btn-main-light:hover {
    color: #e64545;
    border: solid 1px #e64545;
    background: rgba(230, 69, 69, .2)
}

.btn-aux {
    color: #fff;
    border: solid 1px #1470cc;
    background-color: #1470cc
}

.btn-aux:hover {
    color: #fff;
    border: solid 1px #1369bf;
    background-color: #1369bf
}

.btn-inquiry {
    color: #fff;
    border: solid 1px #ff9500;
    background-color: #ff9500
}

.btn-inquiry:hover {
    color: #fff;
    border: solid 1px #e58600;
    background-color: #e58600
}

.btn-big {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 20px
}

.btn-small {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    padding: 0 15px
}

.btn-disabled,
.btn-disabled:hover,
.btn[disabled],
.btn[disabled]:hover {
    color: #b3b3b3;
    border: solid 1px #ced3d9;
    background-color: #edf0f2;
    cursor: not-allowed
}

.select {
    min-width: 80px;
    padding-right: 26px;
    position: relative;
    font-size: 12px;
    line-height: 1.5;
    color: #222;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ced3d9;
    vertical-align: top
}

.select-none-border {
    border: 0 none
}

.select.hover,
.select:hover {
    border-color: #a1aab2
}

.select.focus {
    border-color: #1470cc
}

.select .select-title {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden
}

.select .select-title .hide {
    display: block
}

.select .select-title .select-label {
    padding: 5px 10px;
    background: #f5f7fa;
    border-right: 1px solid #ced3d9;
    color: #555;
    border-radius: 3px 0 0 3px
}

.select .select-title .select-placeholder {
    color: #888
}

.select.search-selected .select-selected {
    color: #1470cc
}

.select.disabled {
    cursor: not-allowed;
    color: #b2b2b2;
    border: 1px solid #ced3d9;
    background: #edf0f2
}

.select.disabled.hover,
.select.disabled:hover {
    border-color: #ced3d9
}

.select.disabled .select-title {
    cursor: not-allowed
}

.select.disabled .select-title .select-label {
    background: #edf0f2;
    color: #b2b2b2
}

.select .select-selected {
    padding: 5px 0 5px 10px;
    text-decoration: none;
    white-space: nowrap
}

.select .select-arrow {
    box-sizing: content-box;
    position: absolute;
    padding: 0 5px;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    line-height: 1;
    transition: transform .2s ease
}

.select .select-arrow .micon {
    margin-right: 0
}

.select .select-list {
    display: none;
    background: #fff;
    position: absolute;
    left: -1px;
    top: 100%;
    margin-top: 1px;
    min-width: 100%;
    *width: 100%;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0, 33, 66, .1);
    z-index: 66
}

.select .select-list-wrap {
    overflow: auto;
    max-height: 300px;
    *height: 300px;
    padding: 5px 0;
    min-width: 100%;
    *width: 100%
}

.select .select-opt {
    padding: 5px 10px;
    color: #555;
    display: block;
    word-wrap: break-word;
    text-decoration: none
}

.select .select-opt.hide {
    display: none
}

.select .select-opt:hover,
.select .select-opt.hover,
.select .select-opt.selected {
    color: #555;
    background: #e6ecf2
}

.select .select-opt.disabled {
    border: 0 none;
    cursor: not-allowed;
    color: #b2b2b2;
    background: none
}

.select .select-opt.disabled:hover {
    background: none
}

.select .select-group {
    padding: 0 10px
}

.select .select-group .select-opt {
    margin-left: -10px;
    margin-right: -10px
}

.select .select-group:after {
    height: 0;
    content: "";
    display: block;
    padding: 0 10px;
    margin: 5px 0;
    border-bottom: 1px solid #dae0e6;
    box-sizing: border-box
}

.select .select-group:last-of-type:after {
    margin: 0;
    padding: 0;
    border: 0 none
}

.select .select-opt-label {
    padding: 5px 0;
    font-weight: bold
}

.select.open {
    z-index: 110
}

.select.open .select-arrow {
    transform: rotate(180deg)
}

.select.open .select-list {
    display: block
}

.select.top .select-list {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
    border: 1px solid #ced3d9;
    border-bottom: 0 none
}

.select .select-tabs-wrap {
    text-align: center;
    border-bottom: 1px solid #dae0e6;
    margin: 0 10px;
    font-size: 0
}

.select .select-tabs {
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 auto -9px -5px;
    white-space: nowrap
}

.select .select-tab {
    color: #888;
    margin-right: 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.select .select-tab.active {
    color: #222;
    border-bottom: 2px solid #e64545;
    cursor: default
}

.select.select-auto-drop .select-list-wrap {
    width: auto !important;
    min-width: 80px
}

.select.select-auto-drop .select-opt {
    white-space: nowrap
}

.select .select-search-bar {
    margin: 10px;
    margin-bottom: 5px;
    display: flex
}

.select .select-search-bar .select-search-keyword {
    box-sizing: border-box;
    height: 30px;
    width: auto;
    flex-grow: 1;
    border-radius: 3px 0 0 3px;
    margin: 0
}

.select .select-search-bar .select-search-button {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    color: #888;
    padding: 0;
    line-height: 30px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    border-left: 0 none
}

.select .select-search-bar .select-search-button :hover {
    color: #555
}

.select .select-search-bar .select-search-button .micon {
    margin: 0
}

.select .select-no-result {
    padding: 50px 10px;
    text-align: center
}

.select .select-hl-keyword {
    color: #e64545
}

.tag {
    border: 1px solid;
    border-radius: 3px;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    padding: 0 5px;
    border-color: #ced3d9;
    color: #888
}

.tag.tag-with-delete {
    cursor: default;
    position: relative
}

.tag.tag-with-delete .micon-delete,
.tag.tag-with-delete .icon-delete {
    display: none;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    cursor: pointer;
    color: #888
}

.tag.tag-with-delete .micon-delete:hover,
.tag.tag-with-delete .icon-delete:hover {
    color: #222
}

.tag.tag-with-delete:hover {
    padding-right: 25px;
    border-color: #7a8a99;
    color: #555;
    margin-right: -20px;
    background: #fff;
    z-index: 1
}

.tag.tag-with-delete:hover .micon-delete,
.tag.tag-with-delete:hover .icon-delete {
    display: inline
}

.tag.tag-with-delete.tag-large .micon-delete,
.tag.tag-with-delete.tag-large .icon-delete {
    right: 10px
}

.tag.tag-with-delete.tag-large:hover {
    padding-right: 30px !important;
    margin-right: -20px
}

.tag.tag-radio {
    padding: 0 5px;
    border-color: #ced3d9;
    color: #888
}

.tag.tag-radio:hover {
    border-color: #7a8a99;
    color: #555;
    text-decoration: none
}

.tag.tag-radio.selected {
    padding: 0 8px;
    border-color: #1470cc;
    color: #1470cc;
    position: relative
}

.tag.tag-radio.selected:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    border-style: solid;
    font-size: 0;
    border-width: 6px 6px;
    border-color: transparent #1470cc #1470cc transparent;
    z-index: 1
}

.tag.tag-radio.selected:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("https://www.micstatic.com/common/img/icon/tag-selected_86f46dd1.svg") no-repeat right bottom;
    background-size: 12px 12px;
    z-index: 2
}

.tag.tag-color {
    padding: 0 5px
}

.tag.tag-link {
    padding: 0 5px;
    border-color: #ced3d9;
    color: #888
}

.tag.tag-link:hover {
    border-color: #7a8a99;
    color: #555;
    text-decoration: none
}

.tag.tag-small {
    height: 18px;
    line-height: 18px
}

.tag.tag-large {
    padding: 0 10px !important;
    height: 28px;
    line-height: 28px
}

.tag.tag-blue {
    border-color: #3d85cc;
    color: #3d85cc
}

.tag.tag-azure {
    border-color: #13a8bf;
    color: #13a8bf
}

.tag.tag-grey {
    border-color: #ced3d9;
    color: #888
}

.tag.tag-green {
    border-color: #32a632;
    color: #32a632
}

.tag.tag-purple {
    border-color: #be60bf;
    color: #be60bf
}

.tag.tag-red {
    border-color: #f25555;
    color: #f25555
}

.tag.tag-yellow {
    border-color: #d99230;
    color: #d99230
}

.tag.tag-slate-blue {
    border-color: #7373e6;
    color: #7373e6
}

.tag.tag-pink {
    border-color: #f24981;
    color: #f24981
}

.tip {
    position: absolute;
    padding: 10px 10px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    background: #fff;
    border: 1px solid #ced3d9;
    box-shadow: 2px 2px 3px rgba(0, 33, 66, .1)
}

.tip .tip-con .tip-para {
    margin: 0 0 10px 0
}

.tip .tip-con .tip-para:last-child,
.tip .tip-con .tip-para.last-child {
    margin-bottom: 0
}

.tip.icon-tip {
    box-shadow: none;
    padding: 3px 10px;
    border: none
}

.tip.icon-tip .arrow {
    border: 6px dashed transparent
}

.tip.icon-tip.tip-black {
    background: #222;
    color: #fff
}

.tip.icon-tip.arrow-top .arrow {
    border-bottom: 6px solid #222;
    left: 50%;
    top: -11px;
    margin-left: -6px
}

.tip.icon-tip.arrow-bottom .arrow {
    border-top: 6px solid #222;
    left: 50%;
    bottom: -11px;
    margin-left: -6px
}

.tip.icon-tip.arrow-left .arrow {
    border-right: 6px solid #222;
    top: 50%;
    left: -11px;
    margin-top: -6px
}

.tip.icon-tip.arrow-right .arrow {
    border-left: 6px solid #222;
    top: 50%;
    right: -11px;
    margin-top: -6px
}

.tip .arrow {
    position: absolute;
    zoom: 1;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 8px dashed transparent
}

.tip.arrow-top .arrow-out {
    border-bottom: 8px solid #ced3d9;
    left: 10px;
    top: -16px
}

.tip.arrow-top .arrow-in {
    border-bottom: 8px solid #fff;
    margin: -7px 0 0 -8px
}

.tip.arrow-bottom .arrow-out {
    border-top: 8px solid #ced3d9;
    left: 10px;
    bottom: -16px
}

.tip.arrow-bottom .arrow-in {
    border-top: 8px solid #fff;
    margin: -9px 0 0 -8px
}

.tip.arrow-left .arrow-out {
    border-right: 8px solid #ced3d9;
    top: 10px;
    left: -16px
}

.tip.arrow-left .arrow-in {
    border-right: 8px solid #fff;
    margin: -8px 0 0 -7px
}

.tip.arrow-right .arrow-out {
    border-left: 8px solid #ced3d9;
    top: 10px;
    right: -16px
}

.tip.arrow-right .arrow-in {
    border-left: 8px solid #fff;
    margin: -8px 0 0 -9px
}

.alert-new.full-col .alert-con,
.alert.full-col .alert-con {
    display: block
}

.alert-new .alert-con,
.alert .alert-con {
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    display: inline-block;
    border-radius: 3px;
    padding: 8px 10px;
    position: relative
}

.alert-new .alert-con.alert-state,
.alert .alert-con.alert-state {
    padding-left: 36px
}

.alert-new .alert-con.alert-state .micon-state,
.alert .alert-con.alert-state .micon-state {
    left: 10px
}

.alert-new .alert-con.alert-del,
.alert .alert-con.alert-del {
    padding-right: 36px
}

.alert-new .alert-con.alert-del .micon-del,
.alert .alert-con.alert-del .micon-del {
    cursor: pointer;
    color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    right: 10px
}

.alert-new .alert-con.alert-del .micon-del:hover,
.alert .alert-con.alert-del .micon-del:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.alert-new .alert-con .micon-state,
.alert-new .alert-con .micon-del,
.alert .alert-con .micon-state,
.alert .alert-con .micon-del {
    position: absolute;
    top: 4px;
    font-size: 16px
}

.alert-new .alert-con .micon-state .micon,
.alert-new .alert-con .micon-state .ob-icon,
.alert-new .alert-con .micon-del .micon,
.alert-new .alert-con .micon-del .ob-icon,
.alert .alert-con .micon-state .micon,
.alert .alert-con .micon-state .ob-icon,
.alert .alert-con .micon-del .micon,
.alert .alert-con .micon-del .ob-icon {
    margin-right: 0
}

.alert-new .alert-err,
.alert .alert-err {
    background: #ffe5e5
}

.alert-new .alert-err .micon-state,
.alert .alert-err .micon-state {
    color: #ff5959
}

.alert-new .alert-warn,
.alert .alert-warn {
    background: #faf2c8
}

.alert-new .alert-warn .micon-state,
.alert .alert-warn .micon-state {
    color: #ff9500
}

.alert-new .alert-succ,
.alert .alert-succ {
    background: #d7f7d7
}

.alert-new .alert-succ .micon-state,
.alert .alert-succ .micon-state {
    color: #00bf00
}

.alert-new .alert-info,
.alert .alert-info {
    background: #d9efff
}

.alert-new .alert-info .micon-state,
.alert .alert-info .micon-state {
    color: #007dfa
}

.alert-new .alert-disappear,
.alert .alert-disappear {
    padding: 5px 10px
}

.alert-new .alert-disappear.succ,
.alert .alert-disappear.succ {
    background: #00b200;
    color: #fff
}

.alert-new .alert-disappear.err,
.alert .alert-disappear.err {
    background: #e64545;
    color: #fff
}

.alert-new .alert-disappear.warn,
.alert .alert-disappear.warn {
    background: #f73;
    color: #fff
}

.alert-new .alert-disappear.info,
.alert .alert-disappear.info {
    background: #000;
    color: #fff
}

.dialog-alert {
    position: relative;
    margin-bottom: 20px
}

.dialog-alert .dialog-alert-con {
    font-size: 14px;
    color: #555;
    display: inline-block;
    margin-left: 60px
}

.dialog-alert .micon,
.dialog-alert .ob-icon {
    font-size: 32px;
    margin-right: 0
}

.dialog-alert .dialog-micon-state {
    margin-right: 8px;
    position: absolute;
    left: 20px;
    top: -3px
}

.dialog-alert.dialog-warn .dialog-micon-state {
    color: #ff9500
}

.dialog-alert.dialog-succ .dialog-micon-state {
    color: #00bf00
}

.dialog-alert.dialog-info .dialog-micon-state {
    color: #2e8ae5
}

.dialog-alert.dialog-err .dialog-micon-state {
    color: #ff5959
}

body {
    font: 14px/1.7 Arial, sans-serif
}

.sign-wrap {
    width: 100%;
    min-height: 580px;
    display: flex
}

.sign-wrap .sign-left {
    flex-shrink: 0;
    width: 480px;
    background-image: url("https://www.micstatic.com/mic-janus/img/pop-login_427a9d0f.jpg");
    background-size: cover;
    position: relative
}

.sign-wrap .sign-left-txt {
    color: #fff;
    position: absolute;
    bottom: 80px;
    left: 50%;
    width: 400px;
    transform: translateX(-50%)
}

.sign-wrap .txt-title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: bold
}

.sign-wrap .txt-subtitle {
    font-size: 20px;
    line-height: 1.5;
    margin-top: 10px
}

.sign-wrap.reverse {
    direction: rtl
}

.sign-wrap.reverse .password-wrap .input-text {
    padding: 8px 10px 8px 34px
}

.sign-wrap.reverse .password-wrap .password-hide,
.sign-wrap.reverse .password-wrap .password-show {
    right: auto;
    left: 10px
}

.sign-wrap.reverse #faptcha_image {
    border-left: none;
    border-right: 1px solid #ced3d9;
    border-radius: 3px 0 0 3px
}

.sign-wrap.reverse #faptcha_reload_btn {
    right: auto;
    left: -24px
}

.sign-wrap.reverse #close {
    right: auto;
    left: 20px
}

.sign-wrap.reverse .email-wrap .email-wrap-btn {
    border: none;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid #ced3d9;
    left: 1px;
    right: auto
}

.sign {
    position: relative
}

a:hover {
    text-decoration: none
}

.title {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5
}

.sign .close {
    position: absolute;
    padding: 0;
    top: 20px;
    right: 20px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    font-size: 22px;
    font-weight: normal;
    color: #222;
    text-align: center;
    text-decoration: none
}

.tabBox {
    padding: 20px 60px 5px 60px;
    position: relative
}

.tabBox.sign-cn {
    padding-top: 70px
}

.errorTip {
    width: 330px;
    background-color: #ffe5e5;
    font-size: 12px
}

.onError {
    background-color: #ffe5e5;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 5px;
    line-height: 16px;
    clear: both
}

.login-type-content {
    display: none
}

.form-item,
.onError {
    margin-bottom: 20px
}

.password-label-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.form-item .error {
    font-size: 12px;
    color: #ff4d4f;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 5px;
    display: block
}

.form-item .form-label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 5px;
    display: inline-block
}

.forgot-pwd-link {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px
}

.forgot-pwd-link:hover {
    color: #e64545
}

.forgot-pwd-link.hidden {
    display: none
}

input {
    width: 346px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 1.5;
    outline: none;
    border: 1px solid #ced3d9
}

.form-btn {
    width: 340px;
    margin-bottom: 15px
}

.form-btn .btn {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 100px
}

.form-btn .btn.btn-main {
    background-color: blue;
    border: solid 1px #471fe6
}

.form-btn .btn.btn-second {
    background-color: #fff;
    border: solid 1px #222;
    color: #222;
    margin-top: 15px;
    font-weight: normal
}

.form-btn .btn.btn-second:hover {
    background-color: #222;
    color: #fff
}

.form-help {
    float: right;
    font-size: 12px
}

.form-scLogin {
    font-size: 12px;
    padding-top: 20px
}

.sign-in-with {
    display: flex;
    justify-content: space-evenly;
    width: 340px;
    margin: 10px auto 0
}

.sign-in-with a {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle
}

.sign-in-with .icon {
    font-size: 24px;
    border-radius: 24px;
    overflow: hidden;
    vertical-align: top;
    *vertical-align: top;
    margin-left: 5px;
    transform: scale(1.5)
}

.sign-in-with .facebook {
    color: #3255a6
}

.sign-in-with .linkedin {
    color: #1470cc
}

.sign-in-with .twitter {
    color: #000
}

.sign-in-with .google {
    width: 23px;
    height: 23px;
    order: -1;
    border: 1px solid #888
}

.sign-in-with .kakao {
    order: -2
}

.sign-in-with .vk {
    order: -2
}

.sign-in-with .line {
    order: -2
}

.sign .faptcha-widget #faptcha_main {
    width: auto;
    height: 38px;
    border: 0
}

.sign .faptcha-widget #faptcha_image {
    float: none;
    margin: 0
}

.sign .faptcha-widget #faptcha_main a {
    background: none;
    opacity: 1;
    line-height: 1.5;
    width: 14px;
    height: 21px
}

.sign #faptcha_widget {
    display: flex;
    flex-direction: row-reverse;
    border: 1px solid #ced3d9;
    border-radius: 3px
}

.sign #faptcha_main {
    position: relative
}

.sign #faptcha_image {
    width: 78px;
    height: 38px;
    border-radius: 0 3px 3px 0;
    overflow: hidden;
    border-left: 1px solid #ced3d9
}

.sign #faptcha_image img {
    width: 100%;
    height: 100%
}

.sign #faptcha_input {
    flex: 1;
    width: 100%
}

.sign #faptcha_input input {
    width: inherit;
    height: 100%;
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    color: #222
}

.sign #faptcha_reload_btn {
    font-family: ft-icon;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    speak: none;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .1px;
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px
}

.sign #faptcha_reload_btn::after {
    content: "\e046";
    color: #222
}

.mail-warp-reg .mail-guess {
    top: 20px
}

.mail-guess {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    width: 342px;
    z-index: 1;
    max-height: 190px;
    overflow-y: auto
}

.mail-guess li {
    line-height: 24px;
    padding: 0 4px !important;
    margin: 0 !important;
    float: none !important;
    cursor: pointer;
    zoom: 1;
    list-style: none;
    background: none !important;
    line-height: 19px;
    font-size: 12px
}

.mail-guess .hover {
    background: #f2f2f2 !important
}

.sign .input-text {
    box-sizing: border-box;
    width: 100%;
    border-radius: 3px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.5
}

.sign .login-type {
    display: flex;
    margin-bottom: 20px
}

.sign .login-type .login-type-tab {
    width: 50%;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    cursor: pointer
}

.sign .login-type .login-type-tab .text {
    font-size: 18px;
    color: #888;
    letter-spacing: 0;
    line-height: 1.2;
    color: #222
}

.sign .login-type .login-type-tab.selected .text {
    display: inline-block;
    border-bottom: 3px solid #e64545;
    padding-bottom: 10px;
    font-weight: bold
}

.sign .tel-wrap {
    position: relative
}

.sign .tel-wrap .input-text-tel {
    padding-left: 80px
}

.sign .tel-wrap .select {
    position: absolute;
    border: none;
    top: 6px;
    left: 2px;
    background: transparent;
    min-width: 40px;
    font-size: 14px
}

.sign .tel-wrap .select:before {
    content: "";
    width: 1px;
    height: 21px;
    background: #e6ecf2;
    display: block;
    position: absolute;
    top: 6px;
    right: -4px
}

.sign .tel-wrap .select .select-arrow {
    margin-top: -8px
}

.sign .area-code {
    position: absolute;
    left: 10px;
    top: 9px;
    color: #222;
    font-size: 14px
}

.sign .btn-get-code {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #e64545;
    font-size: 14px;
    cursor: pointer
}

.sign .btn-get-code.disabled {
    color: #888;
    cursor: default
}

.sign .btn-get-code.time-count {
    color: #888;
    display: none
}

.sign .btn-get-code.countdown-disabled {
    color: #888
}

.sign .sign-cn .input-text {
    height: 40px;
    line-height: 40px;
    border: 1px solid #ced3d9;
    border-radius: 3px;
    font-size: 14px
}

.sign .sign-cn .form-btn {
    margin: 20px auto 15px
}

.sign .sign-cn .switch-lan {
    color: #222;
    text-align: center;
    display: block
}

.sign .sign-cn .switch-lan:hover .lan-type {
    color: #e64545
}

.sign .sign-cn .forgot-pwd {
    color: #222;
    float: right;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px
}

.sign .sign-cn .forgot-pwd:hover {
    color: #e64545
}

.sign .sign-cn .form-help {
    font-size: 14px
}

.sign .sign-en .switch-lan {
    color: #222;
    text-align: center;
    display: block;
    margin-bottom: 15px
}

.sign .sign-en .switch-lan:hover .lan-type {
    color: #e64545
}

.qr-tab {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 20px;
    top: 37px;
    cursor: pointer;
    z-index: 9;
    background: url("") top left no-repeat;
    background-size: 100% 100%
}

.qr-tab:hover {
    background: url("https://www.micstatic.com/mic-janus/img/qr-code-hover_aa2c163f.png") top left no-repeat;
    background-size: 100% 100%
}

.qr-tab.qr-login {
    background: url("https://www.micstatic.com/mic-janus/img/sign-in-normal_a83c2a8c.png") top left no-repeat;
    background-size: 100% 100%
}

.qr-tab.qr-login:hover {
    background: url("https://www.micstatic.com/mic-janus/img/sign-in-hover_fc6120b3.png") top left no-repeat;
    background-size: 100% 100%
}

.qr-tooltips {
    position: absolute;
    right: 72px;
    top: 45px;
    z-index: 9;
    background: #222;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 18px;
    color: #fff
}

.qr-tooltips:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 0;
    border-top: 8px solid #222;
    display: block;
    top: 8px;
    right: -3.5px;
    transform: rotate(-45deg)
}

.login-withqr {
    box-sizing: border-box;
    width: 460px;
    padding: 0;
    float: left;
    position: relative
}

.login-withqr .qr-img {
    width: 200px;
    height: 200px;
    margin: 35px auto 20px;
    padding: 8px;
    border: 1px solid #888;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.login-withqr .qr-img::before {
    background-color: #000
}

.login-withqr .refresh {
    width: 200px;
    height: 200px;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    display: none;
    margin: 35px auto 20px;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0
}

.login-withqr .refresh .refresh-text {
    margin: 0 auto 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    height: 110px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.login-withqr .refresh .loading {
    margin: 90px auto 30px;
    display: none
}

.login-withqr .scan-success {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 35px;
    z-index: 9;
    background: #fff;
    left: 115px;
    text-align: center;
    display: none;
    box-sizing: border-box;
    margin: 35px auto 20px;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0
}

.login-withqr .scan-success .ft-result {
    padding: 48px 0 0
}

.login-withqr .qr-tips {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #000
}

.login-withqr .qr-info {
    margin-top: 20px;
    width: 430px;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    text-align: center
}

.login-withqr .switch-lan-div {
    text-align: center;
    margin-top: 75px
}

.login-withqr .switch-lan-div .switch-lan {
    color: #222
}

.login-withqr .switch-lan-div .switch-lan:hover .lan-type {
    color: #e64545
}

.toast-alert1 {
    left: 44% !important
}

.toast-alert1 .alert-disappear.err,
.toast-alert1 .alert .alert-disappear.err {
    background: #ffefd9;
    color: #222
}

.form-label a,
a {
    color: #007dfa
}

.sign.J-popup.reverse div,
.sign.J-popup.reverse select,
.sign.J-popup.reverse span,
.sign.J-popup.reverse input {
    direction: rtl;
    text-align: right
}

.sign.J-popup.reverse .title {
    padding-left: 0;
    padding-right: 20px
}

.sign.J-popup.reverse .title .close {
    right: auto;
    left: 4px
}

.sign.J-popup.reverse .J-login-form .form-item .forgot-pwd-link {
    float: left
}

.sign.J-popup.reverse .J-login-form .form-item .form-help {
    float: left
}

.sign.J-popup.reverse .J-login-form .onError {
    padding-right: 25px;
    padding-left: 5px
}

.password-wrap {
    position: relative
}

.password-wrap .input-text {
    padding: 8px 34px 8px 10px
}

.password-wrap .password-show,
.password-wrap .password-hide {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    z-index: 9;
    background: no-repeat center/contain
}

.password-wrap .password-hide {
    background-image: url("https://www.micstatic.com/mic-janus/img/password-hide_e0bbced9.png")
}

.password-wrap .password-show {
    background-image: url("https://www.micstatic.com/mic-janus/img/password-show_5e515da1.png")
}

.email-wrap {
    position: relative
}

.email-wrap .email-wrap-btn {
    width: 140px;
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 1px;
    color: #3d3d3d;
    background: #f5f7fa;
    padding: 0 10px 0;
    font-size: 14px;
    border-radius: 0 3px 3px 0;
    border: none;
    border-left: 1px solid #ced3d9
}

.email-wrap .email-wrap-btn:disabled {
    color: rgba(0, 0, 0, .3);
    cursor: not-allowed
}

.email-wrap .email-wrap-btn.ru {
    width: 155px
}

.form-fields.hidden {
    display: none
}

.login-in-with-email-code {
    display: none
}

.is-simple .sign {
    box-sizing: border-box;
}

.is-simple .sign::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.is-simple .sign::-webkit-scrollbar:horizontal {
    height: 6px
}

.is-simple .sign::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b3b3b3
}

.is-simple .sign::-webkit-scrollbar-corner,
.is-simple .sign::-webkit-scrollbar-track {
    background: #fff
}

.is-simple .sign::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px
}

.is-simple .qr-tab {
    right: 14px
}

.is-simple .title {
    font-size: 20px
}

.is-simple .sign-in-tip {
    max-width: 360px;
    box-sizing: border-box;
    margin: 0 auto 0
}

.is-simple .sign-in-tip .ft-alert {
    margin-top: 10px
}

.is-simple.reverse .ft-alert-icon {
    margin-right: 0;
    margin-left: 5px
}

.is-simple .sign-left {
    display: none
}

.is-simple .form-item,
.is-simple .onError {
    margin-bottom: 12px
}

.is-simple .form-item .flex-wrap {
    display: flex;
    justify-content: space-between
}

.is-simple .errorTip {
    width: 360px;
    box-sizing: border-box
}

.is-simple .errorTip#area6 {
    margin-bottom: 5px
}

/* .is-simple .tabBox {
    padding: 18px 50px 0;
} */

.is-simple .form-btn {
    width: 360px;
    margin-bottom: 10px
}

.is-simple .form-btn .btn {
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    padding: 0
}

.is-simple .form-btn .btn.btn-second {
    margin-top: 10px
}

/* .is-simple .sign {
    padding: 20px 20px 0
} */

.is-simple .sign .sign-en .switch-lan {
    text-decoration: underline;
    color: #555
}

.is-simple .sign .sign-en .login-in-with-email-code {
    display: block
}

.is-simple .sign .sign-en .login-in-with-email-code .email-code-btn {
    color: #222
}

.is-simple .sign .sign-en .login-in-with-email-code .email-code-btn:hover {
    color: #e64545;
    cursor: pointer
}

.is-simple .sign .close {
    top: 24px
}

.is-simple .login-withqr {
    width: 460px
}

.is-simple .login-withqr .qr-info {
    width: auto
}

.is-simple .login-withqr .qr-tips {
    font-size: 16px
}

.is-simple .login-withqr .switch-lan-div {
    display: none
}

.is-simple .login-withqr .switch-lan-div.is-cn {
    display: block
}

.is-simple .sign-in-with {
    width: auto;
    gap: 15px;
    justify-content: center
}

.is-simple .sign-in-with .icon {
    font-size: 32px;
    transform: scale(1);
    margin-left: 0
}

.is-simple .sign-in-with .google {
    width: 30px;
    height: 30px
}

.is-simple .sign-in-with .vk,
.is-simple .sign-in-with .line,
.is-simple .sign-in-with .kakao {
    width: 32px !important;
    height: 32px !important
}

.ft-alert.is-inline.is-bubble.ft-alert-success,
.ft-alert.is-inline.is-bubble.ft-alert-warning,
.ft-alert.is-inline.is-bubble.ft-alert-error {
    margin-left: 0 !important;
    transform: translateX(-50%);
    max-width: 440px;
    width: -moz-max-content;
    width: max-content;
    padding: 10px
}

.ft-alert.is-inline.is-bubble.ft-alert-success .ft-alert-icon,
.ft-alert.is-inline.is-bubble.ft-alert-warning .ft-alert-icon,
.ft-alert.is-inline.is-bubble.ft-alert-error .ft-alert-icon {
    font-size: 16px
}

.ft-alert.is-inline.is-bubble.ft-alert-success .ft-alert-content,
.ft-alert.is-inline.is-bubble.ft-alert-warning .ft-alert-content,
.ft-alert.is-inline.is-bubble.ft-alert-error .ft-alert-content {
    font-size: 14px
}

.ft-alert.is-inline.is-bubble.ft-alert-success .ft-alert-icon {
    color: #00c88c
}

.ft-alert.is-inline.is-bubble.ft-alert-warning .ft-alert-icon {
    color: #faaa00
}

.ft-alert.is-inline.is-bubble.is-sa {
    direction: rtl
}

.ft-alert.is-inline.is-bubble.is-sa .ft-alert-icon {
    margin-right: 0;
    margin-left: 8px
}

/*# sourceMappingURL=../../../__sources__/mic-janus/css/popup/popup_logon_new_ea76584e.css.map */
/* Background image (initially clear) */
.bg-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('bg.jpg') no-repeat center center fixed;
    background-size: cover;
    transition: filter 1s ease;
    z-index: 1;
}

/* Blur effect (activated after modal appears) */
.bg-image.blurred {
    filter: blur(3px);
    transform: scale(1.05);
}

/* Dark overlay (hidden by default) */
.bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background 1s ease;
}

.bg-overlay.visible {
    background: rgba(0, 0, 0, 0.45);
}

/* Modal container */
.login-modal-container {
    position: relative;
    z-index: 3;
    opacity: 1;
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Hidden state */
.login-modal-container.hidden {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.9);
}

/* Show state */
.login-modal-container.show {
    opacity: 1;
    transform: scale(1);
}

/* Login card styling */
.login-card {
    width: 100%;
    max-width: 500px;
    background: rgba(255, 255, 255, 0.97);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
}

/* Input and icon */
.input-group-text {
    border-right: none;
    color: #888;
}

.form-control {
    border-left: none;
}

.input-group:focus-within .input-group-text {
    color: #ff6a00;
}

/* Button */
.btn-warning {
    background-color: #ff6a00;
    border: none;
}

.btn-warning:hover {
    background-color: #e65c00;
}

/* Responsive */
@media (max-width: 480px) {
    .login-card {
        margin: 0 15px;
        padding: 1.5rem;
    }
}