/*----s font----*/
@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-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; }
/*----e font----*/
/*---------------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; }
/*----------back to top---------------------*/
#goTop { padding: 5px 13px; position: fixed; right: 20px; bottom: 20px; background-color: #aaa; color: #fff; text-align: center; display: none; -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; }
}

/*----------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; }
}
/*---- login-------*/
.login-content { padding: 115px 0; }
.signin-body { padding: 20px 10px; margin: 0px auto; max-width: 510px; }
.signin-body .form-group { border: 0; padding: 0; position: relative; margin: 0 auto 15px; max-width: 450px; }
.signin-body .form-group .form-control { width: 100%; box-shadow: none; }
.signin-body .input-round, .signin-body .btn-round { border-radius: 25px; }
.signin-body .form-icon { position: absolute; top: 16px; left: 12px; line-height: 1; color: #999; }
.signin-body .fa-user { font-size: 16px; }
.signin-body .fa-lock { font-size: 18px; }
.signin-body .alert-danger { background: none; text-align: center; }
.signin-body .yzm div { padding: 0; text-align: center; }
.signin-body .yzm img { margin: 12px auto; }
.signin-body .yzm span { padding: 6px; background: #f5f5f5; border: #eae8e8 1px solid; margin: 6px 0; display: block; }