@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;
}