/*--------global-------*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
html { -ms-overflow-style: scrollbar; }

@media(max-width:767px) {
    html { overflow-x: hidden; }
}

body { font-size: 14px; font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: #f9f9f9; }
ul { list-style-type: none; margin: 0; padding: 0; }
a, a:link, a:hover, a:visited, a:active { text-decoration: none; }

/*---------------pagination---------------------------*/
.pagination a[disabled] { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination span.active { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }

/*--------------backup---------------------*/
#goTop { padding: 5px 12px; position: fixed; right: 50px; bottom: 50px; display: none; background-color: #aaa; color: #fff; text-align: center; -moz-transition: background 0.5s linear; -webkit-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; z-index: 99; border-radius: 5px; }
#goTop:hover { background: #808080; }

@media (max-width:768px) {
    #goTop { padding: 0 8px; right: 20px; bottom: 20px; }
}

/*---------------global style--------------------*/
span.help-block[style*=inline] { display: block !Important; color: #a94442; }
/*--font awesome--*/
.fa.pull-right { line-height: inherit; }


/*--------------------login--------------*/
.login-body { background: #4568DC; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #4568DC, #B06AB3); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #4568DC, #B06AB3); color: #fff; height: 100vh; }
.sign-main { padding-top: 100px; }
.sign-header { max-width: 450px; padding-top: 20px; }
.sign-header img { margin: 0 auto; display: inherit; }
.sign-header h1 { font-size: 36px; text-align: center; }
.sign-header .rule .control-label { color: #0dc5bf; }
.sign-header .rule span { display: inline-block; width: 16px; height: 16px; background: url(/Images/triangle.png) 0 -19px; vertical-align: middle; margin-right: 5px; }
.sign-header .rule span.checked { background-position: -16px -19px; }
.sign-header .rule textarea { height: 130px; color: #a5a5a5; font-size: 12px; cursor: default; line-height: 18px; background: #fff; }
.sign-header .rule textarea::-webkit-scrollbar { width: 10px; }
.sign-header .rule textarea::-webkit-scrollbar-track { border-radius: 10px; background: #eaeceb; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.sign-header .rule textarea::-webkit-scrollbar-thumb { border-radius: 10px; background: #ccc; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1); box-shadow: inset 0 0 3px rgba(0,0,0,0.1); height: 20px; }
.sign-header .rule textarea::-webkit-scrollbar-thumb:hover { background: #a5a5a5; }
.sign-header textarea:focus { border: 1px solid #c3c5c4; }
.sign-header .agree-pro { margin-top: 10px; }
.sign-header .agree-pro a { color: #2dc3e8; text-decoration: underline; }
.sign-body { padding: 20px 10px; max-width: 450px; }
.sign-body .form-group { border: 0; padding: 0; position: relative; margin: 0 auto 20px; }
.sign-body .form-group .form-control { width: 100%; box-shadow: none; }
.sign-body .input-round,
.sign-body .btn-round { border-radius: 25px; }
.sign-body .form-icon { position: absolute; top: 16px; left: 12px; line-height: 1; color: #999; }
.sign-body .fa-user { font-size: 16px; }
.sign-body .fa-lock { font-size: 18px; }
.sign-body .alert-danger { background: none; text-align: center; }
.sign-body .yzm div { padding: 0; text-align: center; }
.sign-body .yzm img { margin: 12px auto; cursor: pointer; vertical-align: middle; }
.sign-body .yzm span { padding: 6px; background: #f5f5f5; border: #eae8e8 1px solid; margin: 6px 0; display: block; color: Green }
.sign-body > p > a { color: #2dc3e8; text-decoration: underline; }
.btn-orange { color: #fff; background-color: #ff971c; border-color: #ff971c; }
.btn-orange:focus,
.btn-orange.focus { color: #fff; background-color: #ff971c; border-color: #ff971c; }
.btn-orange:hover { color: #fff; background-color: #ff971c; border-color: #ff971c; }
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange { color: #fff; background-color: #ff971c; border-color: #ff971c; }
.btn-blue { color: #fff; background-color: #4568DC; border-color: #4568DC; }
.btn-blue:focus,
.btn-blue.focus { color: #fff; background-color: #4568DC; border-color: #4568DC; }
.btn-blue:hover { color: #fff; background-color: #4568DC; border-color: #4568DC; }
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue { color: #fff; background-color: #4568DC; border-color: #4568DC; }
/*------------------version--------------*/
.version { background-color: #FFFFFF; padding: 15px 20px 20px 20px; border-color: #E7EAEC; border-style: solid solid none; border-width: 1px 0; }
.verinfo .date i { position: absolute; top: 0; right: 0; padding: 5px; width: 30px; text-align: center; border: 1px solid #e7eaec; border-right: none; background: #f8f8f8; }
.verinfo .date { text-align: right; width: 110px; position: relative; padding-top: 40px; }
.text-navy { color: #23c6c8; }
.verinfo .content { border-left: 1px solid #E7EAEC; border-top: 1px solid #E7EAEC; padding-top: 10px; min-height: 100px; _height: 100px; }
.verinfo .content:hover { background: #f6f6f6; }
.verinfo .vernum { background: #f4f4f4; padding: 20px 15px 10px; margin-bottom: 10px; }

/*----------404---------------------*/
.nopage { height: 300px; margin: 77px auto 0; background: #fbfbfb; }
.nopage h2 { color: #30b6e7; font-size: 24px; text-align: center; border-bottom: 2px solid #30b6e7; margin: 0 15px; padding: 18px; }
.nopage dl { overflow: hidden; margin: 18px auto; text-align: center; }
.nopage dd { font-size: 14px; }
.nopage p { line-height: 1.8em; color: #444; }
.nopage p span { color: #30b6e7; }
.nopage dd a { width: 134px; text-align: center; line-height: 34px; margin-left: 30px; background: #30b6e7; color: #fff; font-size: 20px; display: block; font-weight: bold; margin: 15px auto 0; }
.nopage dd a:hover { background: #38c8fc; }
.noshadow { background: url(/Images/404shadow.png) bottom no-repeat; width: 100%; height: 44px; margin-bottom: 60px; }

@media (min-width: 568px) {
    .nopage { width: 520px; }
}