@charset "utf-8"; /*---------*/ html { height: 100%; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } * { margin: 0; padding: 0; vertical-align: baseline; background: transparent; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; list-style: none } html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } html, body { font-family: sans-serif } body { min-height: 100%; width: 100%; overflow: visible; overflow-x: hidden; position: relative } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0 } a { text-decoration: none; color: #303030; cursor: pointer } a:active { text-decoration: none } :focus { outline: none } ::-moz-focus-inner { border: 0 } /*scs.min.css ! discover 2016-03-29 */ .cascade_scroll_selects { font-family: arial, verdana, sans-serif } .cascade_scroll_selects .scs_container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99998 } .cascade_scroll_selects .scs_container .scs_cover { z-index: 1; background: rgba(0, 0, 0, 0.7); filter: alpha(opacity=70); width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .cascade_scroll_selects .scs_container .scs_dialog { width: 100%; max-width: 100%; position: fixed; bottom: 0; left: 0; z-index: 2; font-size: 12px; text-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; background: #f7f7f7; display: none } .cascade_scroll_selects .scs_container .scs_dialog .scs_selects { margin: 0 auto; position: relative; zoom: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group { padding: .5em .25em; min-width: 40px; max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; -ms-touch-action: none; touch-action: none } .cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view { height: 200px; overflow: hidden; position: relative } .cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view:before { content: ''; position: absolute; left: 0; top: 80px; bottom: auto; right: auto; height: 1px; width: 100%; background-color: #0075c2; display: block; z-index: -1 } .cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view:after { content: ''; position: absolute; left: 0; bottom: 80px; right: auto; top: auto; height: 1px; width: 100%; background-color: #0075c2; display: block; z-index: -1 } .cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view .scs_items { position: relative; z-index: 3; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_title { line-height: 30px; height: 30px; text-align: center; white-space: nowrap; font-weight: bold; text-transform: upperscse; color: #0075c2; width: 100%; font-size: 1.375em } .cascade_scroll_selects .scs_container .scs_dialog .scs_item { height: 40px; line-height: 40px; cursor: pointer; text-align: center; font-size: 16px; padding: 0 5px; white-space: nowrap; vertical-align: bottom; width: 100%; color: #454545; position: relative; overflow: hidden; text-overflow: ellipsis } .cascade_scroll_selects .scs_container .scs_dialog .scs_item.scs_selected { font-weight: 700 } .cascade_scroll_selects .scs_container .scs_dialog .scs_btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal } .cascade_scroll_selects .scs_container .scs_dialog .scs_btns .scs_btn { height: 40px; line-height: 40px; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; -ms-touch-action: none; touch-action: none; text-align: center; cursor: pointer } .cascade_scroll_selects .scs_container .scs_dialog .scs_btns .scs_btn_ok { background-color: #0075c2; color: #fff } .cascade_scroll_selects .scs_container .scs_dialog .scs_btns .scs_btn_span { -webkit-box-flex: 2; -webkit-flex: 2 auto; -ms-flex: 2 auto; flex: 2 auto; -ms-touch-action: none; touch-action: none; text-align: center } /* form input */ .vli { width: 100%; margin: 0 auto; display: table; position: relative; } .vli>div { display: table-cell; vertical-align: middle; text-align: center; color: #fff; } .vli button { letter-spacing: 1px; font-size: 16px; background: 0 0; display: inline-block; padding: 8px 28px; border: 2px solid #fff; border-radius: 50px; background-clip: padding-box; position: relative; color: #fff; transition: all .25s } .vli button.btn { border-color: #ff4931; background: #ff4931 } .vli .move button.btn { border-color: #0075c2; background: #0075c2 } .vli .splits p { font-size: 18px } .vli button:active { box-shadow: none } .vli button:focus { outline: 0 } .vli .wrapper { /* border-radius: 6px; max-width: 40%; height: 120%; */ padding-top: 15px; background: #fff; /* border: 1px solid rgba(0, 0, 0, .14); transition: all .5s; color: #303030; overflow: hidden */ } .vli .wrapper .vali { padding: 0px 15px 0px; transition: all .5s; background: #fff; margin-bottom: 20px; width: 100%; box-sizing: border-box; } .vli .wrapper #login { padding-top: 12% } #login .btn { margin-bottom: 15px } #login p, .vali p { position: absolute; left: 17px; font-size: 12px; /* color: red; */ } /* .vli .wrapper div .vali { position: relative; margin-bottom: 20px; box-sizing: border-box } */ /* .vli .wrapper label { position: absolute; top: -7px; font-size: 12px; white-space: nowrap; background: #fff; text-align: left; left: 15px; padding: 0 5px; color: #797676; pointer-events: none } */ .vli .wrapper h3 { margin-bottom: 20px; margin-top: 5px } .vali input { height: 40px; font-size: 16px; padding: 5px 15px; width: 100%; border: solid 1px #ddd; border-radius: 3px; color: #353434; box-sizing: border-box } .vali input:focus { outline: 0; border-color: #ff4931 } .vli>.wrapper.move input:focus { border-color: #0075c2 } .vli .wrapper textarea { font-size: 16px; font-family: sans-serif; padding: 5px 15px 0; width: 100%; border: solid 1px #ddd; border-radius: 3px; color: #353434; margin-bottom: -4px; box-sizing: border-box } .vli .wrapper textarea:focus { outline: 0; border-color: #ff4931 } .vli>.wrapper.move textarea:focus { border-color: #0075c2 } .msgBox { display: none; position: fixed; top: 0; width: 100%; height: 100%; background: #f2f2f2; z-index: 9999; } .msgDialog { position: fixed; top: 50%; left: 50%; width: 360px; height: 300px; margin: -160px 0 0 -180px; font-size: 20px; text-align: center; line-height: 36px; letter-spacing: 1px; } .alertOverlay { /* display: none; */ position: fixed; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 1); z-index: 9999; } .alertBox { position: fixed; top: 50%; left: 50%; width: 360px; height: 120px; margin: -150px 0 0 -180px; font-size: 20px; text-align: center; line-height: 36px; letter-spacing: 1px; } .alert-btn { color: #000; background: #fff; height: 40px; font-size: 16px; padding: 5px 15px; width: 100%; border: solid 1px #333; border-radius: 3px; box-sizing: border-box; margin-bottom: 20px; } .vali input:required, .vali textarea:required { background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY2MjA2MDI0NTY1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUxOTgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTg3Ni44IDY1OS4yIDYyMC44IDUxMmwyNTYtMTQ3LjJjMjUuNi0xMi44IDM4LjQtNTEuMiAxOS4yLTc2LjgtMTIuOC0yNS42LTUxLjItMzguNC03Ni44LTE5LjJsLTI1NiAxNDcuMkw1NjMuMiAxMjEuNkM1NjkuNiA4OS42IDU0NCA2NCA1MTIgNjRTNDU0LjQgODkuNiA0NTQuNCAxMjEuNmwwIDI5NC40LTI1Ni0xNDcuMkMxNzkuMiAyNDkuNiAxNDAuOCAyNjIuNCAxMjggMjg4Yy0xMi44IDI1LjYtNi40IDY0IDE5LjIgNzYuOGwyNTYgMTQ3LjItMjU2IDE0Ny4yYy0yNS42IDEyLjgtMzguNCA1MS4yLTE5LjIgNzYuOCAxMi44IDE5LjIgMzIgMjUuNiA1MS4yIDI1LjYgNi40IDAgMTkuMiAwIDI1LjYtNi40bDI1Ni0xNDcuMiAwIDI5NC40QzQ1NC40IDkzNC40IDQ4MCA5NjAgNTEyIDk2MHM1Ny42LTI1LjYgNTcuNi01Ny42TDU2OS42IDYwOGwyNTYgMTQ3LjJjNi40IDYuNCAxOS4yIDYuNCAyNS42IDYuNCAxOS4yIDAgMzguNC0xMi44IDUxLjItMjUuNkM5MDguOCA3MTAuNCA5MDIuNCA2NzIgODc2LjggNjU5LjJ6IiBwLWlkPSI1MTk5IiBmaWxsPSIjZjdiYTJhIj48L3BhdGg+PC9zdmc+') no-repeat 98% center; } .vali input:required:valid, .vali textarea:required:valid { background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY2MjA1NTQ4MDU3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjUgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwNDkiIHdpZHRoPSIxNi4wMTU2MjUiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0zNDUuNzgxIDg5MC4xNjggMCA1NDQuNTcxbDc3LjE4MS03Ny4xODcgMjY4LjYwMSAyNjguMjM0IDYwMS43ODEtNjAxLjc4NiA3Ny4xODYgNzcuMzY2TDM0NS43ODEgODkwLjE2OHoiIHAtaWQ9IjIwNTAiIGZpbGw9IiMxM2NlNjYiPjwvcGF0aD48L3N2Zz4=') no-repeat 98% center; } .vali input:focus:invalid, .vali textarea:focus:invalid { background: #fff url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY2MjA1OTc3OTE0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM0OTAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTYxMy4zMTYyNDkgNTA5LjU3OTYyM2wyMjQuODc4MjktMjI0Ljg3MTA2NGMyOC4yMTM2NDYtMjguMjIwODcxIDI4LjIxMzY0Ni03My45NjIzNzkgMC0xMDIuMTc2MDI1LTI4LjIyMDg3MS0yOC4yMTM2NDYtNzMuOTU1MTU0LTI4LjIxMzY0Ni0xMDIuMTgzMjUgMEw1MTEuMTQwMjI0IDQwNy4zOTYzNzMgMjg2LjI2OTE2IDE4Mi41MzI1MzRjLTI4LjIyMDg3MS0yOC4yMTM2NDYtNzMuOTU1MTU0LTI4LjIxMzY0Ni0xMDIuMTgzMjUgMC0yOC4yMTM2NDYgMjguMjEzNjQ2LTI4LjIxMzY0NiA3My45NjIzNzkgMCAxMDIuMTc2MDI1TDQwOC45NTY5NzUgNTA5LjU3OTYyM2wtMjI0Ljg3MTA2NSAyMjQuODc4MjljLTI4LjIxMzY0NiAyOC4yMjA4NzEtMjguMjEzNjQ2IDczLjk2MjM3OSAwIDEwMi4xODMyNWE3Mi4wNDc3NTMgNzIuMDQ3NzUzIDAgMCAwIDUxLjA4ODAxMiAyMS4xNjIwNCA3Mi4wNDc3NTMgNzIuMDQ3NzUzIDAgMCAwIDUxLjA4ODAxMy0yMS4xNjIwNGwyMjQuODcxMDY0LTIyNC44NzgyOSAyMjQuODc4MjkgMjI0Ljg3ODI5YTcyLjA0Nzc1MyA3Mi4wNDc3NTMgMCAwIDAgNTEuMDg4MDEyIDIxLjE2MjA0IDcyLjAzMzMwMyA3Mi4wMzMzMDMgMCAwIDAgNTEuMDg4MDEzLTIxLjE2MjA0YzI4LjIxMzY0Ni0yOC4yMjA4NzEgMjguMjEzNjQ2LTczLjk2MjM3OSAwLTEwMi4xODMyNUw2MTMuMzE2MjQ5IDUwOS41Nzk2MjN6IiBmaWxsPSIjZmY0OTQ5IiBwLWlkPSIzNDkxIj48L3BhdGg+PC9zdmc+') no-repeat 98% center; } .err-info { position: absolute; left: 17px; font-size: 12px; color: red; display: none; } .vali input:required:valid+.err-info, .vali textarea:required:valid+.err-info { opacity: 0; display: none; } .vali input:focus:invalid+.err-info, .vali textarea:focus:invalid+.err-info { opacity: 1; display: block; } .vali input:hover:invalid+.err-info, .vali textarea:hover:invalid+.err-info { opacity: 1; display: block; }