@charset "UTF-8";

/* Web表单 */
* {
    max-height: 999999px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    font-family: PingFang SC, Helvetica Neue, Hiragino Sans GB, Helvetica, Microsoft YaHei, Arial;
}

html {
    font-size: 62.5%;
    line-height: 1.15;
}

body, html {
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, SimSun, 宋体, Heiti, 黑体, sans-serif;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

body {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}

img {
    border-style: none;
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
    html,body {
        background: #ededed;
    }

    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

}

/* Main */
main {
    display: block;
}

.PreviewPageWrapper {
    padding-top: 110px;
    min-height: 100vh;
    background-color: #f7f7f7;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
}

@media (max-width:450px) {
    .PreviewPageWrapper {
        padding-top: 82px;
        overflow-x: hidden;
        background: none;
        min-height: initial;
    }

}

.FormFillPageWrapper {
    min-height: 100vh;
    padding-top: 68px;
    background-color: #f7f7f7;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    box-sizing: border-box;
}

@media (max-width:450px) {
    .FormFillPageWrapper {
        padding-top: 44px;
        overflow-x: hidden;
        background: none;
        min-height: initial;
    }

}

/* sc-component-id: PreviewMobilePageWrapper */
.PreviewMobilePageWrapper {
    padding-top: 84px;
    height: 100vh;
    background-color: #f7f7f7;
}

/* sc-component-id: SimulateMobileContainer */
.SimulateMobileContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 320px;
    width: 100%;
    height: calc(100vh - 92px);
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGc+CiAgICA8cGF0aCBkPSJNNC42MjUzMTY0NiwyODkuMDgzODE4IEwzLjAwMzUyMTk3LDI4OS4wMzUzMDMgQzEuODk3MDA3MzQsMjg5LjAwMjIwMiAxLDI4OC4wODQ2MDEgMSwyODYuOTc3OTE3IEwxLDIzOC4zODA3MTggQzEsMjM3LjI3NzU1NiAxLjg5NjE0NTg2LDIzNi4zNjc2MjEgMy4wMDM1MjE5NywyMzYuMzQ4Mjg4IEw0LjYyNTMxNjQ2LDIzNi4zMTk5NzQgTDQuNjI1MzE2NDYsMjA1LjMzNDA3MyBMMy45OTM4MzQ1MiwyMDUuMzMzNDY0IEMyLjM0MDM4NTM3LDIwNS4zMzE4NyAxLDIwMy45NzgzNDMgMSwyMDIuMzM0NjgxIEwxLDE1NS43NTk3NzQgQzEsMTU0LjEwNTE4NiAyLjM0OTkzNDA0LDE1Mi43NjE0MjUgMy45OTM4MzQ1MiwxNTIuNzU4NDM5IEw0LjYyNTMxNjQ2LDE1Mi43NTcyOTIgTDQuNjI1MzE2NDYsMTIyLjA5NjQ3IEwzLjk5MzgzNDUyLDEyMi4wOTY0NyBDMi4zNDAzODUzNywxMjIuMDk2NDcyIDEsMTIwLjc2MDc2OSAxLDExOS4wOTQ5MyBMMSw5OS41ODYyNTQ5IEMxLDk3LjkyODU0ODUgMi4zMzY0MDE2LDk2LjU4NDcxMTkgNC4wMDIwMjMxNCw5Ni41ODQ3MTE5IEw1LjIyMzY4OSw5Ni41ODQ3MTE5IEw1LjAwMDg3NzE1LDYwLjk5MjQ5MzIgQzQuNzkzNDYwNzEsMjcuODU5NTU0MSAzMS40OTMyMDA1LDEgNjQuNjIyMjkyMSwxIEwyOTUuMzc3NzA4LDEgQzMyOC41MTMxMjMsMSAzNTUuMzc0Njg0LDI3Ljg1NjM2NjMgMzU1LjM3NDY4NCw2MC45OTY4NzQ5IEwzNTUuMzc0Njg0LDE1Mi41NjI4NTIgTDM1Ni4wMDYxNjUsMTUyLjU2Mjg1MiBDMzU3LjY1OTYxNSwxNTIuNTYyODUyIDM1OSwxNTMuODk3ODIyIDM1OSwxNTUuNTU4MzA3IEwzNTksMjAxLjQ2Mjk5IEMzNTksMjAzLjExNzMzNSAzNTcuNjUwMDY2LDIwNC40NTg0NDYgMzU2LjAwNjE2NSwyMDQuNDU4NDQ2IEwzNTUuMzc0Njg0LDIwNC40NTg0NDYgTDM1NS4zNzQ2ODQsNjUwLjk5NzcyMiBDMzU1LjM3NDY4NCw2ODQuMTM2MDY1IDMyOC41MDY4LDcxMSAyOTUuMzc3NzA4LDcxMSBMNjQuNjIyMjkyMSw3MTEgQzMxLjQ4Njg3NzQsNzExIDQuNjI1MzE2NDYsNjg0LjE0NjYwOSA0LjYyNTMxNjQ2LDY1MC45OTc3NzEgTDQuNjI1MzE2NDYsMjg5LjA4MzgxOCBaIE0yNy4yODM1NDQzLDg5LjQzNzAzMTMgTDI3LjI4MzU0NDMsNjIxLjY1NTA0IEMyNy4yODM1NDQzLDYyMy44NTY0MzEgMjkuMDc1MTU0NCw2MjUuNjU0NzMxIDMxLjI4NTIxNzQsNjI1LjY1NDczMSBMMzI4LjcxNDc4Myw2MjUuNjU0NzMxIEMzMzAuOTIyNzY0LDYyNS42NTQ3MzEgMzMyLjcxNjQ1Niw2MjMuODY0MDA5IDMzMi43MTY0NTYsNjIxLjY1NTA0IEwzMzIuNzE2NDU2LDg5LjQzNzAzMTMgQzMzMi43MTY0NTYsODcuMjM1NjQwNCAzMzAuOTI0ODQ2LDg1LjQzNzM0MDIgMzI4LjcxNDc4Myw4NS40MzczNDAyIEwzMS4yODUyMTc0LDg1LjQzNzM0MDIgQzI5LjA3NzIzNjQsODUuNDM3MzQwMiAyNy4yODM1NDQzLDg3LjIyODA2MjkgMjcuMjgzNTQ0Myw4OS40MzcwMzEzIFoiIGlkPSJpUGhvbmU2LW91dGxpbmUiIHN0cm9rZT0iI0RDRENEQyIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8ZWxsaXBzZSBpZD0iaG9tZS1idXR0b24iIHN0cm9rZT0iI0RDRENEQyIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSIjRkZGRkZGIiBjeD0iMTc5LjU0NjgzNSIgY3k9IjY2Ny40MTk0MzciIHJ4PSIyNy4xODk4NzM0IiByeT0iMjcuMjM3ODUxNyI+PC9lbGxpcHNlPgogICAgPGNpcmNsZSBpZD0iY2FtZXJhIiBmaWxsPSIjRENEQ0RDIiBjeD0iMTI0LjUiIGN5PSI0OS41IiByPSI1LjUiPjwvY2lyY2xlPgogICAgPHJlY3QgaWQ9InNwZWFrZXIiIGZpbGw9IiNEQ0RDREMiIHg9IjE1MyIgeT0iNDQiIHdpZHRoPSI2NyIgaGVpZ2h0PSIxMSIgcng9IjUuNSI+PC9yZWN0PgogIDwvZz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 360px 712px;
}

/* sc-component-id: IframeWrapper */
.IframeWrapper {
    width: 304px;
    overflow: hidden;
}

/* sc-component-id: MobileViewportIframe */
.MobileViewportIframe {
    width: 304px;
    height: 539px;
    border: none;
    overflow: hidden;
    border-radius: 3px;
}

/* sc-component-id: HeaderWrapper */
.HeaderWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 101;
    box-sizing: border-box;
    height: 48px;
    padding: 0 30px;
    /*-webkit-backdrop-filter: saturate(180%) blur(20px);*/
    /*backdrop-filter: saturate(180%) blur(20px);*/
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width:450px) {
    .HeaderWrapper {
        padding: 0 20px;
        height: 44px;
        background: #FFFFFF;
    }

}

.Left-sc {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* sc-component-id: websitelogo */
#websitelogo {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-size: contain;
    width: 150px;
    height: 28px;
    background-position: center;
}

@media (max-width:450px) {
    #websitelogo {
        width: 120px;
        height: 24px;
    }

}

.Center-sc {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;    /*display: none;*/
}

@media (max-width:450px) {
    .Center-sc {
        display: none !important;
    }

}

/* sc-component-id: SwitchButtonWrapper */
.SwitchButtonWrapper {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media (max-width:450px) {
    .SwitchButtonWrapper {
        display: none;
    }

}

/* sc-component-id: DesktopButton */
.DesktopButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQsMTMgTDEsMTMgTDEsMTQgQzEsMTQuNTUyMjg0NyAxLjQ0NzcxNTI1LDE1IDIsMTUgTDEwLDE1IEwxNSwxNSBMMjMsMTUgQzIzLjU1MjI4NDcsMTUgMjQsMTQuNTUyMjg0NyAyNCwxNCBMMjQsMTMgWiBNMjQsMTIgTDI0LDIgQzI0LDEuNDQ3NzE1MjUgMjMuNTUyMjg0NywxIDIzLDEgTDIsMSBDMS40NDc3MTUyNSwxIDEsMS40NDc3MTUyNSAxLDIgTDEsMTIgTDI0LDEyIFogTTEwLDE5IEwxMCwxNiBMMiwxNiBDMC44OTU0MzA1LDE2IDEuMzUyNzA3NWUtMTYsMTUuMTA0NTY5NSAwLDE0IEwwLDIgQy0xLjM1MjcwNzVlLTE2LDAuODk1NDMwNSAwLjg5NTQzMDUsMi4wMjkwNjEyNWUtMTYgMiwwIEwyMywwIEMyNC4xMDQ1Njk1LC0yLjAyOTA2MTI1ZS0xNiAyNSwwLjg5NTQzMDUgMjUsMiBMMjUsMTQgQzI1LDE1LjEwNDU2OTUgMjQuMTA0NTY5NSwxNiAyMywxNiBMMTUsMTYgTDE1LDE5IEwxNi41LDE5IEMxNi43NzYxNDI0LDE5IDE3LDE5LjIyMzg1NzYgMTcsMTkuNSBDMTcsMTkuNzc2MTQyNCAxNi43NzYxNDI0LDIwIDE2LjUsMjAgTDguNSwyMCBDOC4yMjM4NTc2MywyMCA4LDE5Ljc3NjE0MjQgOCwxOS41IEM4LDE5LjIyMzg1NzYgOC4yMjM4NTc2MywxOSA4LjUsMTkgTDEwLDE5IFogTTE0LDE5IEwxNCwxNiBMMTEsMTYgTDExLDE5IEwxNCwxOSBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDEwKSIgZmlsbD0iIzQxNDY0QiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat center;
    background-size: 34px auto;
    background-position-y: 9px;
    height: 100%;
    width: 25px;
    cursor: pointer;
}

/* sc-component-id: MobileButton */
.MobileButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTIsMTggTDEyLDEuOTk5ODgwMDUgQzEyLDEuNDQ3NTk1MyAxMS41NTIyODQ3LDAuOTk5ODgwMDUxIDExLDAuOTk5ODgwMDUxIEwyLDAuOTk5ODgwMDUxIEMxLjQ0NzcxNTI1LDAuOTk5ODgwMDUxIDEsMS40NDc1OTUzIDEsMS45OTk4ODAwNSBMMSwxOCBMMTIsMTggWiBNMTIsMTkgTDEsMTkgTDEsMjEuOTk5ODgwMSBDMSwyMi41NTIxNjQ4IDEuNDQ3NzE1MjUsMjIuOTk5ODgwMSAyLDIyLjk5OTg4MDEgTDExLDIyLjk5OTg4MDEgQzExLjU1MjI4NDcsMjIuOTk5ODgwMSAxMiwyMi41NTIxNjQ4IDEyLDIxLjk5OTg4MDEgTDEyLDE5IFogTTIsLTAuMDAwMTE5OTQ4NiBMMTEsLTAuMDAwMTE5OTQ4NiBDMTIuMTA0NTY5NSwtMC4wMDAxMTk5NDg2IDEzLDAuODk1MzEwNTUyIDEzLDEuOTk5ODgwMDUgTDEzLDIxLjk5OTg4MDEgQzEzLDIzLjEwNDQ0OTYgMTIuMTA0NTY5NSwyMy45OTk4ODAxIDExLDIzLjk5OTg4MDEgTDIsMjMuOTk5ODgwMSBDMC44OTU0MzA1LDIzLjk5OTg4MDEgMS4zNTI3MDc1ZS0xNiwyMy4xMDQ0NDk2IDAsMjEuOTk5ODgwMSBMMCwxLjk5OTg4MDA1IEMtMS4zNTI3MDc1ZS0xNiwwLjg5NTMxMDU1MiAwLjg5NTQzMDUsLTAuMDAwMTE5OTQ4NiAyLC0wLjAwMDExOTk0ODYgWiBNNC41LDIgTDguNSwyIEM4Ljc3NjE0MjM3LDIgOSwyLjIyMzg1NzYzIDksMi41IEM5LDIuNzc2MTQyMzcgOC43NzYxNDIzNywzIDguNSwzIEw0LjUsMyBDNC4yMjM4NTc2MywzIDQsMi43NzYxNDIzNyA0LDIuNSBDNCwyLjIyMzg1NzYzIDQuMjIzODU3NjMsMiA0LjUsMiBaIE01LjUsMjAuOTk5MjY2MiBDNS41LDIwLjQ0OTY2OTggNS45NSwyMCA2LjUsMjAgQzcuMDUsMjAgNy41LDIwLjQ0OTY2OTggNy41LDIwLjk5OTI2NjIgQzcuNSwyMS41NDg4NjI2IDcuMDUsMjEuOTk4NTMyNCA2LjUsMjEuOTk4NTMyNCBDNS45NSwyMS45OTg1MzI0IDUuNSwyMS41NDg4NjI2IDUuNSwyMC45OTkyNjYyIFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyIDYpIiBmaWxsPSIjNDE0NjRCIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+) no-repeat center;
    background-size: 35px auto;
    background-position-y: 9px;
    height: 100%;
    width: 25px;
    cursor: pointer;
}

.drivertabon {
    border-bottom: 2px solid #41464B;
}

.Right-sc {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* sc-component-id: QRCodeButton-sc-36a5uy */
.QRCodeButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuMDAwNTAzNiwxMSBMMC4wMDA1MDM2MDE1NjMsMTEgTDAuMDAwNTAzNjAxNTYzLDEzIEw1LjAwMDUwMzYsMTMgTDUuMDAwNTAzNiwxMSBaIE0yNC4wMDA1MDM2LDExIEwxOS4wMDA1MDM2LDExIEwxOS4wMDA1MDM2LDEzIEwyNC4wMDA1MDM2LDEzIEwyNC4wMDA1MDM2LDExIFogTTEyLjAwMDUwMzYsMTEgTDcuMDAwNTAzNiwxMSBMNy4wMDA1MDM2LDEzIEwxMi4wMDA1MDM2LDEzIEwxMi4wMDA1MDM2LDExIFogTTI0LjAwMDUwMzYsMjIgTDE1LjAwMDUwMzYsMjIgTDE1LjAwMDUwMzYsMjQgTDI0LjAwMDUwMzYsMjQgTDI0LjAwMDUwMzYsMjIgWiBNMjAuMDAwNTAzNiwxNSBMMTUuMDAwNTAzNiwxNSBMMTUuMDAwNTAzNiwxNyBMMjAuMDAwNTAzNiwxNyBMMjAuMDAwNTAzNiwxNSBaIE05LjAwMDUwMzYsMCBMMC4wMDA1MDM2MDE1NjMsMCBMMC4wMDA1MDM2MDE1NjMsOC45OTk5NzY4NiBMOS4wMDA1MDM2LDguOTk5OTc2ODYgTDkuMDAwNTAzNiwwIFogTTkuMDAwNTAzNiwxNSBMMC4wMDA1MDM2MDE1NjMsMTUgTDAuMDAwNTAzNjAxNTYzLDIzLjk5OTk3NjkgTDkuMDAwNTAzNiwyMy45OTk5NzY5IEw5LjAwMDUwMzYsMTUgWiBNMjQuMDAwNTAzNiwwIEwxNS4wMDA1MDM2LDAgTDE1LjAwMDUwMzYsOC45OTk5NzY4NiBMMjQuMDAwNTAzNiw4Ljk5OTk3Njg2IEwyNC4wMDA1MDM2LDAgWiBNNy4wMDA0NzM2Myw3IEwyLjAwMDUwMzYsNyBMMi4wMDA1MDM2LDIgTDcuMDAwNDczNjMsMiBMNy4wMDA0NzM2Myw3IFogTTcuMDAwNDczNjMsMjIgTDIuMDAwNTAzNiwyMiBMMi4wMDA1MDM2LDE3IEw3LjAwMDQ3MzYzLDE3IEw3LjAwMDQ3MzYzLDIyIFogTTIyLjAwMDQ3MzYsNyBMMTcuMDAwNTAzNiw3IEwxNy4wMDA1MDM2LDIgTDIyLjAwMDQ3MzYsMiBMMjIuMDAwNDczNiw3IFogTTExLjAwMDUwMzYsNSBMMTMuMDAwNTAzNiw1IEwxMy4wMDA1MDM2LDAgTDExLjAwMDUwMzYsMCBMMTEuMDAwNTAzNiw1IFogTTE1LjAwMDUwMzYsMjAgTDE3LjAwMDUwMzYsMjAgTDE3LjAwMDUwMzYsMTUgTDE1LjAwMDUwMzYsMTUgTDE1LjAwMDUwMzYsMjAgWiBNMTEuMDAwNTAzNiwyNCBMMTMuMDAwNTAzNiwyNCBMMTMuMDAwNTAzNiwxOSBMMTEuMDAwNTAzNiwxOSBMMTEuMDAwNTAzNiwyNCBaIE0xMS4wMDA1MDM2LDE3IEwxMy4wMDA1MDM2LDE3IEwxMy4wMDA1MDM2LDcgTDExLjAwMDUwMzYsNyBMMTEuMDAwNTAzNiwxNyBaIE0yMi4wMDA1MDM2LDI0IEwyNC4wMDA1MDM2LDI0IEwyNC4wMDA1MDM2LDE1IEwyMi4wMDA1MDM2LDE1IEwyMi4wMDA1MDM2LDI0IFoiIGZpbGw9IiM2NjY2NjYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==) no-repeat center;
    background-size: 25px auto;
    width: 90px;
    height: 30px;
}

@media (max-width:450px) {
    .QRCodeButton {
        display: none;
    }

}

/* sc-component-id: QRCodePop */
.QRCodePop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    z-index: 1000;
    top: 50px;
    right: 62px;
    width: 130px;
    height: 170px;
    background: #ffffff;
    font-size: 12px;
    color: #494949;
    text-align: center;
    min-height: 18px;
    padding: 14px;
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.QRCodePop::before, .QRCodePop::after {
    display: block;
    position: absolute;
    content: ' ';
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
    margin-left: -7px;
    top: -7px;
    border-width: 7px;
    border-bottom-color: #fff;
}

.QRCodePop::before {
    top: -8px;
    border-width: 7px;
    border-bottom-color: rgba(136, 136, 136, 0.1);
}

.QRCodePop.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.QRCodeImg {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
}

.qrcode #qrcodeDiv_handmove {
    display: none;
}

.qrcode #qrcodeDiv_popup_div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    z-index: 1000;
    top: 45px;
    right: 80px;
    width: 130px;
    height: 170px;
    background: #ffffff;
    font-size: 12px;
    color: #494949;
    text-align: center;
    min-height: 18px;
    padding: 5px 14px 14px 14px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.qrcode #poupImage canvas {
    width: 120px;
    cursor: auto;
}

#userinfo {
}

#loginuser {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0;
    margin: 0;
    float: left;
}

#loginuser a {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.75;
    font-weight: bolder;
    text-transform: uppercase;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4D5055;
    border-radius: 50%;
    float: left;
    position: relative;
    overflow: hidden;
}

#loginuser div {
    font-size: 1.2rem;
    line-height: 2;
    padding: 0 10px;
    font-weight: 400;
    color: #676767;
    position: relative;
    z-index: 100;
    background: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 2px;
    overflow: hidden;
}

@media (max-width:450px) {
    #loginuser div {
    }

}

/* sc-component-id: Message-sc */
.Message-sc {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 100;
    width: 100%;
    height: 42px;
    top: 48px;
    background: rgba(226, 236, 249, .95);/* #e2ecf9 */
    font-size: 14px;
    color: #6290cc;
}

.Message-sc.flash {
    -webkit-animation: 1s ease-in 1 flash;
    animation: 1s ease-in 1 flash;
}

@-webkit-keyframes flash {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }

}

@keyframes flash {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }

}

@media (max-width:450px) {
    .Message-sc {
        top: 0;
        margin-top: 44px;
        height: 40px;
        margin-bottom: 0;
    }

}

/* sc-component-id: Formcontainer */
#formcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 720px;
    max-width: 100vw;
    margin: auto;
    background: white;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    padding: 40px 60px;
    position: relative;
}

@media (max-width:450px) {
    #formcontainer {
        box-sizing: border-box;
        padding: 20px 20px;
        min-height: calc(100vh - 177px);
        max-width: 100vw;
        margin: 0;
        overflow-x: hidden;
        background: #fff;
        background-size: contain;
        box-shadow: none;
    }

}

#formcontainer.f-maxwid {
    width: 100%;
    max-width: 1440px;
}

/* sc-component-id: Formtitle */
#formheadbg {
    width: 100%;
    position: relative;
}

#formhead {
    position: relative;
    width: 100%;
}

/* sc-component-id: FormTitle */
.webform-title {
    width: 100%;
    word-break: break-all;
    white-space: pre-wrap;
    line-height: 1.33;
    font-weight: 500;
    font-size: 18px;
    color: #363b3e;
    text-align: center;
}

.pageback {
    font-size: 1.8rem;
    position: relative;
    display: inline-block;
    float: left;
    padding: .6rem;
    color: #fff;
    display: none;
}

.pageback:hover, .icon-route-left:hover {
    color: #fff;
}

/* sc-component-id: Seperator */
.Seperator {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 20px auto 12px;
    width: 100%;
    height: 1px;
    background: #ececed;
}

#formnotes {
    width: 100%;
    color: #565656;
    font-size: 1.4rem;
    line-height: 2.6rem;
    padding: 10px 8px 22px 8px;
    text-align: justify;
    table-layout: fixed;
    word-break: break-all;
    overflow: hidden;
    display: none;
}

#formnotes span {
    font-size: 1.4rem;
    line-height: 2.8rem;
}

#formnotes p {
    font-size: 1.4rem;
    line-height: 2.8rem;
    margin: 0;
}

@media (max-width:450px) {
    #formheadbg {
        width: 100%;
        position: relative;
    }

    #formhead {
        position: relative;
        width: 100%;
    }

    .webform-title {
        width: 100%;
        word-break: break-all;
        white-space: pre-wrap;
        line-height: 1.33;
        font-weight: 500;
        font-size: 18px;
        color: #363b3e;
        text-align: center;
    }

    .pageback {
        font-size: 1.8rem;
        position: relative;
        display: inline-block;
        float: left;
        padding: .6rem;
        color: #fff;
        display: none;
    }

    .pageback:hover, .icon-route-left:hover {
        color: #fff;
    }

    .Seperator {
        margin: 20px 0 12px;
        height: 1px;
        width: auto;
    }

}

/* sc-component-id: Formbox */

.boxshadow {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .35);
    margin-top: 20px
}

.bodybackground {
    background: rgb(222, 222, 222)
}

#btnlist {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 20px 100px 0;
}

#btnlist button {
    height: 38px;
    min-width: 68px;
    padding: 11px 17px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1;
    border: none;
    border-radius: 50px;
    background: #3296FA;
    outline: none;
    transition: all 0.3s cubic-bezier(0.44, 0.9, 0.6, 0.94);
    transition-property: background, color, box-shadow;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#btnlist button:hover {
    background: #0171c2;
}

#btnlist button:last-of-type {
    margin-left: 15px;
}

#btnlist button.btn-green {
    background: #0BB853;
}

#btnlist button.btn-green:hover {
    background: #088f40;
}

#btnlist #deletebtn {
    float: left;
}

#btnlist #tempsavebtn, #btnlist #deletebtn {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #444;
    margin-right: 60px;
}

#btnlist #tempsavebtn:hover, #btnlist #deletebtn:hover {
    background: #f9f9f9;
    border: 1px solid #c9c9c9;
    color: #000;
}

@media(max-width:450px) {
    #btnlist {
        text-align: center;
        width: 100%;
        display: flex;
        padding: 20px 0px;
    }

    #btnlist button {
        font-size: 1.8rem;
        font-weight: 400;
        width: 45%;
        height: 48px;
        margin: 0 auto 0 auto;
        position: relative;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        flex: none;
    }

    #btnlist #tempsavebtn, #btnlist #deletebtn {
        background: #fff;
        border: none;
        color: #444;
        margin-right: 10%;
    }

    #btnlist #tempsavebtn:hover, #btnlist #deletebtn:hover {
        background: #fff;
        border: none;
        color: #444;
    }

}

.uniform-col {
    width123:400px !important;
}

/*.input-sm{
  margin:0 auto;
}*/
#userreport {
    text-align: right;
    padding-right: 20px;
}

#feedback {
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    bottom: 145px;
    left: 20px;
}

#jubao, #baocuo {
    color: #ccc;
    font-size: 12px;
    cursor: pointer;
}

#jubao {
    margin-left: 10px;
    text-decoration: underline;
}

#jubao:hover, #baocuo:hover {
    color: #888;
}

#poweredby {
    padding-top: 20px;
    padding-bottom: 24px;
    text-align: center;
    color: #888;
    font-size: 12px;
}

@media(max-width:450px) {
    #poweredby {
        padding-top: 20px;
        padding-bottom: 24px;
        text-align: center;
        color: #888;
        font-size: 12px;
        border-top: 1px solid #e9e9e9;
        background: #ededed;
    }

    .mobile-popup .popup_htmlContent .viewtable-con {
        height: 500px;
    }

    .mobile-popup .popup_htmlContent .viewtable-con .table-container {
        height: calc(100% - 36px)!important;
    }

    .mobile-popup .popup_htmlContent .viewtable-con .table-container table {
        height: 100%;
    }

    .mobile-popup .popup_htmlContent .viewtable-con .table-container table .data-table .tabledata-td .fixColTableFather {
        height: 100%!important;
    }

    .mobile-popup .popup_htmlContent .viewtable-con .table-container table .data-table .tabledata-td .tableDataParent {
        height: 100%!important;
    }

}

#poweredby span {
    padding-top: 3px;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

#poweredby .owner {
    margin-bottom: 6px;
}

#poweredby span a {
    color: #888;
}

#poweredbyword {
    display: inline;
    vertical-align: bottom;
    margin-right: 2px;
    font-size: 10px
}

.mcssform .bottom-fields {
    float: none;
    padding-left: 0;
    clear: both;
}

.mcssform .bottom-fields .nav-tabs {
    width: auto !important;
    float: none !important;
    border: none;
}

.mcssform .diy-field .form-field-title {
    display: none;
}

.mcssform .diy-field .mcsstable_toolbar {
    border-top: none;
}

.mcssform .nav-link {
    font-size: 1.4rem;
    font-weight: 500;
    color: #494949 !important;
    line-height: 1;
    word-break: break-all;
    border-bottom: 0 !important;
    border-radius: 2px 2px 0 0;    /*padding: 0;
        border: none!important;*/
}

.mcssform .showfullscreen a {
    font-size: 1.3rem;
    font-weight: 400;
    color: #888;
    line-height: 1;
    word-break: break-all;
    padding: 10px 0 0 0;
    margin: 0;
    border: none;
}

.mcssform .showfullscreen a:hover {
    color: #333;
    background: none;
}

#set-box-ico {

    /*width: 29px;*/

    /*position: absolute;*/

    /*z-index: 3;*/

    /*right: 14px;*/

    /*top: 5px;*/

    /*cursor: pointer;*/
}

/*新增*/
.webbg {
    background: #EDEDED !important;
}

.form-field-notes {
    width: 100%;
    text-align: left;
    margin: 0 0 5px 0;
    font-size: 1.2rem;
    color: #777;
    line-height: 12px;
    word-wrap: break-word;
}

#set-box {
    width: 180px;
    position: fixed;
    z-index: 2;
    right: 0;
    top: 50px;
    margin: 0;
    height: calc(100% - 50px);
    background: #f7f7f7;
    box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.1);
}

/*#set-box-ico{width:29px; position:absolute; z-index:3; right:14px; top:5px; cursor:pointer; }*/
#set-box-ico img {
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width: 40px
}

#set-box-ico img:hover {
    filter: alpha(opacity=0);
    -moz-opacity: 1;
    opacity: 1
}

#weixin img {
    display: block;
    margin-bottom: 10px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#weixin img:hover {
    filter: alpha(opacity=0);
    -moz-opacity: 1;
    opacity: 1
}

#weixin {
    width: 41px;
    position: absolute;
    z-index: 3;
    left: -39px;
    top: 0;
    text-align: right;
}

#weixin span {
    font-size: 10px !important;
    color: #fff;
    line-height: 14px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#sharetoothers {
    position: absolute;
    z-index: 3;
    left: -40px;
    top: 0;
    cursor: pointer;
}

.set-bt {
    line-height: 28px;
    background: #FFF;
    font-size: 12px;
    padding-left: 5px;
}

.set-center {
    padding: 5px 15px 80px;
    overflow: auto;
    height: 100%;
}

.set-center img {
    width: 600px !important;
}

.set-center hr {
    height: 1px;
    background: #fff;
    border-top: 1px solid #c7c7c7;
    margin: 10px 0 10px 0 !important;
}

.add-img {
    background: #c2c2c2;
    border: 1px solid #c2c2c2;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

.add-img:hover {
    border: 1px solid #c2c2c2;
    background: #fff;
}

#b-save {
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #0eadea;
    width: 90px;
    border: none;
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
    margin-top: 10px;
}

#b-save:hover {
    filter: alpha(opacity=0);
    -moz-opacity: 1;
    opacity: 1;
}

.form-field-inputer .icon-folder-open {
    font-size: 14px;
    top123:-5px;
}

.line-01 {
    margin: 10px 15px 5px 25px;
    width: 90%;
    border: 0;
    border-top: 1px solid #000;
    height: 1px;
    background: #FFF;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
}

.form-field-inputer .autoform-richeditor {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.form-field-inputer .autoform-richeditor:hover {
    border: 1px solid #cccccc;
    box-shadow: none;
}

.form-field-inputer .autoform-richeditor:focus {
    border: 1px solid #a5a5a5;
    box-shadow: none;
}

#img-buffer {
    display: none
}

#imgDiv {
    height: 200px;
    width: 200px;
    position: absolute;
    display: none;
    z-index: 4;
    top: 0;
}

#sharetoothers img {
    width: 35px;
    height: 35px;
    cursor: pointer
}

#sharetoothers:hover {
    background-color: black
}

#showTable {
    margin-top: 0px;
    margin-right: -80px;
    display: none;
    position: absolute;
    right: 0px;
    top: 24px;
}

#showList {
    margin-top: 25px;
    margin-right: -80px;
    display: none;
    position: absolute;
    right: 0px;
    top: 20px;
}

.Logo {
    cursor: pointer;
    max-height: 100px;
    max-width: 100px
}

#signupnow {
    color: rgb(247, 134, 131)
}

#bsWXBox {
    width: 232px !important;
    height: 258px !important;
}

a:hover {
    text-decoration: none;
}

.viewMyRecord {
    display: none !important;
}

#verifiedname {
    display: none;
    position: absolute;
    z-index: 2;
    bottom: -40px;
}

#verifiedmark {
    color: blue
}

#submitsucess {
    text-align: center;
    margin-top: 20px;
}

#submitsucess input {
    width: 100px;
    margin: auto
}

#signupnow {
    margin: 10px
}

#noticearea {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    text-align: center;
    padding: 20px 0 20px;
    font-size: 14px;
    padding-bottom: 40px;
}

#trysignup {
}

.successinfo {
    margin-bottom: 50px;
    font-size: 14px
}

#noticearea .icon-circle-check {
    position: relative;
    width: 48px;
    height: 48px;
    padding: 10px;
    display: block;
    border-radius: 50px;
    background: #0089FF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
}

#noticearea .icon-circle-check:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxMiA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHRpdGxlPui3r+W+hDwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLku5jotLnnrqHnkIYt5Liq5Lq65YWl6Zeo54mIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTA3LjAwMDAwMCwgLTU1Ni4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iRCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkwLjAwMDAwMCwgMjEyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IuS4quS6uuWFpemXqOeJiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTgwLjAwMDAwMCwgMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuaUr+S7mOaWueW8jyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAuMDAwMDAwLCAyODUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJzZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDAwMDAwLCA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjU0MTM3NDQ0LDUuOTg4MTU3MjIgQzQuNzgyODMyMDksNS43Njk1MDUzOSA0Ljk3MzMxNTM0LDUuNjA0NTEwNDUgNS4xNTQ0MDg1Nyw1LjQzMDEyNTU2IEM2Ljg4NzUzNzksMy43NjEzOTYyOSA4LjYyMzM1MDA4LDIuMDk0MDA4NDUgMTAuMzQ5NzcyMiwwLjQxOTkxMzQ4OSBDMTAuNzY4Mjk4OCwwLjAxNDgwMzk3MiAxMS4yMDU2MDU1LC0wLjE4OTA5MjIwOSAxMS43MTgwMzIyLDAuMjM0Nzk3MjIgQzEyLjE0NzI5MDMsMC41ODg5MzI2OTIgMTIuMDgyOTAxNiwxLjA4MjU3NjA4IDExLjU0OTAxMTksMS41OTkwMjM2NCBDOS41MDMzMjkwNSwzLjU3ODk2Mjg3IDcuNDUwOTM5MDcsNS41NTc1NjA2OCA1LjM5NzIwNzY1LDcuNTMyMTM0MjIgQzQuNzUzMzIwNiw4LjE1MDUyOTg3IDQuNDAzMjA3MDEsOC4xNTQ1NTQxNCAzLjc3MTM5Mjg0LDcuNTUyMjU1NTUgQzIuNjU2NjYzMzgsNi40ODcxNjYyOSAxLjU1NDAwNjgsNS40MDg2NjI4MSAwLjQzNzkzNTkwMiw0LjM0NDkxNDk3IEMwLjAxNjcyNjQ1NCwzLjk0MzgyOTcyIC0wLjE5NjU2MTEzMywzLjUyMTI4MTcxIDAuMjQyMDg2OTIzLDMuMDI2Mjk2OTEgQzAuNjA5NjM5MTE3LDIuNjExNzk3NDMgMS4xMjIwNjU5LDIuNjcyMTYxNDMgMS42NTcyOTcwMSwzLjE4NTkyNjE1IEMyLjYxMzczNzU3LDQuMTA0ODAwMzkgMy41NjA3ODgxMiw1LjAzNDQwNiA0LjU0MTM3NDQ0LDUuOTg4MTU3MjIgWiIgaWQ9Iui3r+W+hCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
}

#noticecontent {
    font-size: 16px;
    color: #565656;
    margin: 10px 20px;
    line-height: 1.8;
}

#noticearea .sub-option {
    display: flex;
    margin-top: 20px;
}

#noticearea .sub-option a {
    font-size: 14px;
    color: rgba(25,31,37,0.72);
    padding: 9px 24px;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    background: #FFFFFF;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

#noticearea .sub-option a.form-back {

}

#noticearea .sub-option a.form-g-sub {
    font-size: 14px;
    color: #FFFFFF;
    padding: 9px 24px;
    margin-left: 20px;
    border: none;
    border-radius: 4px;
    background: rgba(25,31,37,0.8);
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    box-shadow: none;
    transition: all 0.3s ease;
}

#noticearea button, #viewMyRecords, #forward, #viewAllRecords, #copythisform {
    margin: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.select-inputer .select-btn {
    bottom: 1px
}

.div_radio table {
    margin-left: 20px
}

#moreoptions {
    text-align: center;
    width: 100%;
    display: flex;
    background: #f9f9f9;
    border-top: 1px solid #e9e9e9;
    font-size: 1.4rem;
    color: #444;
    position: relative;
    width: 720px;
    height: 48px;
    margin: auto;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

#moreoptions button {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    color: #666;
}

#moreoptions button:hover {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    color: #000;
}

@media(max-width:450px) {
    #moreoptions {
        text-align: center;
        width: 100%;
        display: flex;
        background: none;
        border-top: 1px solid #e9e9e9;
        font-size: 1.3rem;
        color: #444;
        position: relative;
        width: 100%;
        height: 48px;
        background: #f7f7f7;
        box-shadow: none;
    }

    #moreoptions button {
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        outline: none;
        color: #666;
        padding: 0;
    }

}

#multisubmit_div {
    display: inline;
    margin: 10px;
}

#multisubmit_div input {
    float: left;
}

#multisubmit_div label {
    color: #666;
    margin-left: 5px;
    float: left;
    padding-top: 1px;
    font-size: 1.2rem;
    font-weight: 400;
}

@media(max-width:450px) {
    #multisubmit_div label {
        font-size: 1.3rem;
    }

}

.form-field-inputer .address textarea {
    width123:100% !important
}

#specailalert {
    text-align: center;
    padding: 0px
}

.fontfamilyname li {
    cursor: pointer
}

.fontfamilyname li:hover {
    background-color: lightgrey
}

.fontfamilyname {
    padding-left: 5px;
}

.textarea {
    width123:380px
}

.textarea div {
    width123:370px
}

.form-a-btn {
    cursor: pointer;
    margin-right: 10px;
    margin-top: 5px;
    max-width: 100px
}

.showsubsharekey {
    overflow: auto;
    word-break: break-all;
}

#somefunctions {
    text-align: center
}

.btn-notes {
    font-size: 0.6rem;
    color: #999;
    display: block;
    margin-bottom: 10px;
}

.btn-primary-2 {
    color: #555555;
    background-color: #F9F9F9;
    border: 1px solid #C9C9C9;
    margin-bottom: 2px;
    border-radius: 2px;
    margin: 15px auto 0 auto;
    width: 280px;
    height: 40px;
}

.btn-primary-2:hover, .btn-primary-2:focus, .btn-primary-2:active, .btn-primary-2.active, .open .dropdown-toggle.btn-primary-2 {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #999999;
}

.btn-primary-2:active, .btn-primary-2.active, .open .dropdown-toggle.btn-primary-1 {
    background-image: none
}

.btn-primary-2.disabled, .btn-primary-2[disabled], fieldset[disabled] .btn-primary-2, .btn-primary-2.disabled:hover, .btn-primary-2[disabled]:hover, fieldset[disabled] .btn-primary-2:hover, .btn-primary-2.disabled:focus, .btn-primary-2[disabled]:focus, fieldset[disabled] .btn-primary-2:focus, .btn-primary-2.disabled:active, .btn-primary-2[disabled]:active, fieldset[disabled] .btn-primary-2:active, .btn-primary-2.disabled.active, .btn-primary-2[disabled].active, fieldset[disabled] .btn-primary-2.active {
    background-color: #428bca;
    border-color: #357ebd;
    box-shadow: none;
}

.btn-primary-2 .badge {
    color: #428bca;
    background-color: #fff
}

/*.formfield .optionlist{padding-left: 20px; }*/

.form-field-inputer .optionlist label {
    /*margin-left: 0px;*/
    /*display: inline;*/
}

.form-delete-btn {
    float: right;
    display: none
}

.ad {
    border-radius: 6px;
    overflow: hidden;
}


#forwardtoothers {
    margin: 0 0 0 40px;
}

.notice .HeaderWrapper {
    display: none;
  }

  @media (max-width: 500px) {
    .notice.FormFillPageWrapper {
      padding-top: 0;
    }

    .notice .head-nav {
      position: fixed!important;
      top: 0;
      left: 0;
      width: 100%;
      height: 44px;
      color: #191F25;
      display: flex;
      align-items: center;
      text-align: center;
      background: #FFFFFF;
      background: #FFFFFF;
      box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
      z-index: 99;
    }

    .notice #formcontainer {
      padding-top: 54px;
    }

    .notice .pageback {
      font-size: 22px;
      width: 50px;
      height: 100%;
      color: #191F25;
      padding: 0;
      float: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .notice .webform-title {
      font-size: 17px;
      font-weight: 500;
      width: calc(100% - 100px);
    }
  }