SplatNet/users/auth/splatfestival/css/style-auth.css

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
 html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
.hb-header-wrapper h1{
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    font-size:0px;
    display:block;
    line-height:0px
}
html{
    font-size:62.5%;
    font-weight:normal;
    line-height:1.2
}
html.lt-ie9{
    height:100%
}
body{
    font-family:"Helvetica Neue",Helvetica,Arial,Roboto,"Droid Sans","メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif;
    color:#323232;
    background:#fff
}
*{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    word-break:normal;
    word-wrap:break-word
}
img{
    max-width:100%
}
.lt-ie9 img{
    width:auto
}
ul,ol{
    margin:0;
    padding:0
}
li{
    list-style-type:none;
    list-style:none
}
p,span{
    color:#646464;
    font-size:14px;
    font-size:1.4rem
}
strong{
    color:#323232;
    font-size:14px;
    font-size:1.4rem
}
a{
    font-size:14px;
    font-size:1.4rem;
    text-decoration:none;
    color:#09c
}
a:hover{
    color:#00ace6
}
a:hover span{
    color:#00ace6 !important
}
a span{
    color:#09c !important
}
button{
    outline:none
}
.hb-btn{
    padding:10px;
    width:100%;
    text-align:center
}
.hb-is-decide.hb-btn,.hb-btn{
    font-size:18px;
    font-size:1.8rem;
    font-weight:bold;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    color:#323232;
    background:#f0f0f0;
    border:#d9d9d9 1px solid;
    border:rgba(0,0,0,0.15) 1px solid;
    -moz-box-shadow:rgba(0,0,0,0.05) 0 2px 0 0,rgba(0,0,0,0.15) 0 -2px 0 0 inset;
    -webkit-box-shadow:rgba(0,0,0,0.05) 0 2px 0 0,rgba(0,0,0,0.15) 0 -2px 0 0 inset;
    box-shadow:rgba(0,0,0,0.05) 0 2px 0 0,rgba(0,0,0,0.15) 0 -2px 0 0 inset;
    display:block
}
.hb-btn:hover{
    color:#323232;
    background:#e6e6e6;
    border:#d9d9d9 1px solid;
    border:rgba(0,0,0,0.25) 1px solid
}
.hb-is-decide.hb-btn{
    color:#fff;
    background:#39aadc;
    border:#39aadc 1px solid;
    -moz-box-shadow:rgba(0,0,0,0.05) 0 2px 0 0,rgba(0,0,0,0.15) 0 -2px 0 0 inset;
    -webkit-box-shadow:rgba(0,0,0,0.05) 0 2px 0 0,rgba(0,0,0,0.15) 0 -2px 0 0 inset;
    box-shadow:rgba(0,0,0,0.05) 0 2px 0 0,rgba(0,0,0,0.15) 0 -2px 0 0 inset
}
.hb-is-decide.hb-btn:hover{
    background:#1d99d0;
    color:#fff
}
.hb-is-pressed.hb-btn{
    -moz-box-shadow:rgba(0,0,0,0.05) 0 0 0 0,rgba(0,0,0,0.15) 0 2px 0 0 inset;
    -webkit-box-shadow:rgba(0,0,0,0.05) 0 0 0 0,rgba(0,0,0,0.15) 0 2px 0 0 inset;
    box-shadow:rgba(0,0,0,0.05) 0 0 0 0,rgba(0,0,0,0.15) 0 2px 0 0 inset
}
.lt-ie9 .hb-btn.button-p-short{
    width:52%;
    margin:0 auto;
    display:block
}
@media screen and (min-width: 640px){
    .hb-btn.button-p-short{
        width:52%;
        margin:0 auto;
        display:block
    }
}
.hb-btn.button-p-inline{
    display:inline-block;
    width:auto;
    padding:8px 20px;
    cursor:pointer
}
.lt-ie9 .hb-btn-wrapper-double{
    overflow:hidden;
    *zoom:1
}
.lt-ie9 .hb-btn-wrapper-double .hb-btn{
    float:right;
    width:46%;
    margin-left:8%
}
.lt-ie9 .hb-btn-wrapper-double .hb-btn+.hb-btn{
    margin-left:0
}
@media screen and (min-width: 640px){
    .hb-btn-wrapper-double{
        overflow:hidden;
        *zoom:1
    }
    .hb-btn-wrapper-double .hb-btn{
        float:right;
        width:46%;
        margin-left:8%
    }
    .hb-btn-wrapper-double .hb-btn+.hb-btn{
        margin-left:0
    }
}
@media screen and (max-width: 640px){
    .hb-btn-wrapper-double .hb-btn+.hb-btn{
        margin-top:15px
    }
}
.hb-icon-external,.hb-icon-pulldown{
    font-weight:bold
}
.hb-icon-external:before,.hb-icon-pulldown:before,.hb-icon-external:after,.hb-icon-pulldown:after{
    content:'';
    display:inline-block;
    vertical-align:middle
}
.hb-icon-external:before{
    margin-right:2px
}
.hb-icon-external:before{
    width:12px;
    height:10px;
    background:transparent url('../img/honeyBee/ico_extLink.svg') 0 0 no-repeat;
    -moz-background-size:12px 10px;
    -o-background-size:12px 10px;
    -webkit-background-size:12px 10px;
    background-size:12px 10px
}
.no-svg .hb-icon-external:before,.no-js .hb-icon-external:before{
    background-image:url('../img/honeyBee/ico_extLink.png') !important
}
br+.hb-icon-external{
    display:inline-block;
    margin-top:4px
}
.hb-icon-pulldown:after{
    margin-left:2px
}
.hb-icon-pulldown:after{
    width:10px;
    height:7px;
    background:transparent url('../img/honeyBee/ico_pulldown.svg') 0 0 no-repeat;
    -moz-background-size:10px 7px;
    -o-background-size:10px 7px;
    -webkit-background-size:10px 7px;
    background-size:10px 7px
}
.no-svg .hb-icon-pulldown:after,.no-js .hb-icon-pulldown:after{
    background-image:url('../img/honeyBee/ico_pulldown.png') !important
}
.hb-checkbox label,.hb-checkbox-ex label,.hb-radio label,.hb-radio-ex label{
    display:block;
    padding:10px 10px 10px 32px;
    position:relative;
    -webkit-tap-highlight-color:transparent;
    -moz-user-select:-moz-none;
    -ms-user-select:none;
    -webkit-user-select:none;
    user-select:none
}
.lt-ie9 .hb-checkbox label,.hb-checkbox .lt-ie9 label,.lt-ie9 .hb-checkbox-ex label,.hb-checkbox-ex .lt-ie9 label,.lt-ie9 .hb-radio label,.hb-radio .lt-ie9 label,.lt-ie9 .hb-radio-ex label,.hb-radio-ex .lt-ie9 label{
    display:inline-block;
    vertical-align:middle
}
@media screen and (min-width: 640px){
    .hb-checkbox label,.hb-checkbox-ex label,.hb-radio label,.hb-radio-ex label{
        display:inline-block;
        vertical-align:middle
    }
}
.hb-checkbox label:before,.hb-checkbox-ex label:before,.hb-radio label:before,.hb-radio-ex label:before,.hb-checkbox label:after,.hb-checkbox-ex label:after,.hb-radio label:after,.hb-radio-ex label:after{
    content:'';
    display:inline-block;
    position:absolute
}
.hb-checkbox label:after,.hb-checkbox-ex label:after,.hb-radio label:after,.hb-radio-ex label:after{
    z-index:1
}
.hb-checkbox label:before,.hb-checkbox-ex label:before,.hb-radio label:before,.hb-radio-ex label:before{
    vertical-align:middle;
    z-index:2
}
input[type=text].ng-invalid,input[type=password].ng-invalid,input[type=tel].ng-invalid,input[type=email].ng-invalid,textarea.ng-invalid,input[type=text],input[type=password],input[type=tel],input[type=email],textarea,.hb-select select{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:#d9d9d9 solid 1px;
    color:#646464;
    background:#fafafa;
    font-family:"Helvetica Neue",Helvetica,Arial,Roboto,"Droid Sans","メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif;
    font-size:16px;
    font-size:1.6rem
}
input[type=text]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,textarea:focus,.hb-select select:focus{
    outline:none
}
input[type=text].ng-invalid,input[type=password].ng-invalid,input[type=tel].ng-invalid,input[type=email].ng-invalid,textarea.ng-invalid{
    background-color:#fffeb4;
    color:#323232;
    z-index:0
}
input[type=checkbox],input[type=radio]{
    position:absolute;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0
}
input[type=checkbox]:focus,input[type=radio]:focus{
    outline:none
}
label{
    cursor:pointer;
    display:inline-block;
    width:100%;
    overflow-x:hidden;
    font-size:14px;
    font-size:1.4rem;
    color:#646464
}
label.form-p-inline{
    width:auto
}
input{
    outline:none
}
input[type=text],input[type=password],input[type=tel],input[type=email],textarea{
    padding:10px;
    width:100%
}
.hb-select select{
    line-height:1em;
    margin-right:10px;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    line-height:1em;
    padding:6px;
    -moz-appearance:button;
    -webkit-appearance:button
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .hb-select select{
        padding-right:22px;
        width:8px;
        height:6px;
        background:#fafafa url('../img/honeyBee/ico_pulldown.svg') 90% center no-repeat;
        -moz-background-size:8px 6px;
        -o-background-size:8px 6px;
        -webkit-background-size:8px 6px;
        background-size:8px 6px;
        width:auto;
        height:auto
    }
    .no-svg .hb-select select,.no-js .hb-select select{
        background-image:url('../img/honeyBee/ico_pulldown.png') !important
    }
}
.hb-checkbox{
    margin:10px 0
}
.hb-checkbox label{
    overflow:visible
}
.hb-checkbox label:after{
    top:6px;
    left:0;
    background:#f5f5f5;
    width:24px;
    height:24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.lt-ie9 .hb-checkbox label:after{
    display:none
}
.hb-checkbox label:before{
    top:12px;
    left:5px
}
.hb-checkbox label.hb-is-checked:before{
    width:14px;
    height:12px;
    background:transparent url('../img/honeyBee/ico_check.svg') center center no-repeat;
    -moz-background-size:14px 12px;
    -o-background-size:14px 12px;
    -webkit-background-size:14px 12px;
    background-size:14px 12px
}
.no-svg .hb-checkbox label.hb-is-checked:before,.no-js .hb-checkbox label.hb-is-checked:before{
    background-image:url('../img/honeyBee/ico_check.png') !important
}
.lt-ie9 .hb-checkbox label.hb-is-checked:before{
    display:none
}
.lt-ie9 .hb-checkbox label.hb-is-checked:before{
    top:10px
}
.hb-checkbox label.hb-is-checked:after{
    background:#39aadc;
    width:24px;
    height:24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.lt-ie9 .hb-checkbox label.hb-is-checked:after{
    display:none
}
.lt-ie9 .hb-checkbox input{
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    margin:10px 0 0 10px
}
.hb-checkbox-ex{
    display:inline-block;
    margin:10px 0
}
.hb-checkbox-ex label{
    overflow:visible
}
.hb-checkbox-ex label:after{
    top:6px;
    left:0;
    background:#f5f5f5;
    width:24px;
    height:24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.lt-ie9 .hb-checkbox-ex label:after{
    display:none
}
.hb-checkbox-ex label:before{
    top:12px;
    left:5px
}
.hb-checkbox-ex label.hb-is-checked:before{
    width:14px;
    height:12px;
    background:transparent url('../img/honeyBee/ico_check.svg') center center no-repeat;
    -moz-background-size:14px 12px;
    -o-background-size:14px 12px;
    -webkit-background-size:14px 12px;
    background-size:14px 12px
}
.no-svg .hb-checkbox-ex label.hb-is-checked:before,.no-js .hb-checkbox-ex label.hb-is-checked:before{
    background-image:url('../img/honeyBee/ico_check.png') !important
}
.lt-ie9 .hb-checkbox-ex label.hb-is-checked:before{
    display:none
}
.lt-ie9 .hb-checkbox-ex label.hb-is-checked:before{
    top:10px
}
.hb-checkbox-ex label.hb-is-checked:after{
    background:#39aadc;
    width:24px;
    height:24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.lt-ie9 .hb-checkbox-ex label.hb-is-checked:after{
    display:none
}
.lt-ie9 .hb-checkbox-ex input{
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    margin:10px 0 0 10px
}
.hb-radio{
    margin:10px 0
}
.hb-radio label{
    overflow:visible
}
.hb-radio label:after{
    top:6px;
    left:0;
    background:#f5f5f5;
    width:24px;
    height:24px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px
}
.lt-ie9 .hb-radio label:after{
    display:none
}
.hb-radio label:before{
    top:12px;
    left:5px
}
.hb-radio label.hb-is-checked:before{
    width:14px;
    height:12px;
    background:transparent url('../img/honeyBee/ico_check.svg') center center no-repeat;
    -moz-background-size:14px 12px;
    -o-background-size:14px 12px;
    -webkit-background-size:14px 12px;
    background-size:14px 12px
}
.no-svg .hb-radio label.hb-is-checked:before,.no-js .hb-radio label.hb-is-checked:before{
    background-image:url('../img/honeyBee/ico_check.png') !important
}
.lt-ie9 .hb-radio label.hb-is-checked:before{
    display:none
}
.lt-ie9 .hb-radio label.hb-is-checked:before{
    top:10px
}
.hb-radio label.hb-is-checked:after{
    background:#39aadc;
    width:24px;
    height:24px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px
}
.lt-ie9 .hb-radio label.hb-is-checked:after{
    display:none
}
.lt-ie9 .hb-radio label{
    padding:10px 10px 10px 0
}
.lt-ie9 .hb-radio input{
    position:relative;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    width:20px
}
.hb-radio span{
    margin:10px 0 20px;
    display:block;
    color:#a0a0a0
}
.lt-ie9 .hb-radio span{
    margin:0;
    display:inline-block;
    vertical-align:middle
}
@media screen and (min-width: 640px){
    .hb-radio span{
        margin:0;
        display:inline-block;
        vertical-align:middle
    }
}
.hb-radio-ex{
    margin:10px 0
}
.hb-radio-ex label{
    overflow:visible
}
.hb-radio-ex label:after{
    top:6px;
    left:0;
    background:#f5f5f5;
    width:24px;
    height:24px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px
}
.lt-ie9 .hb-radio-ex label:after{
    display:none
}
.hb-radio-ex label:before{
    top:12px;
    left:5px
}
.hb-radio-ex label.hb-is-checked:before{
    width:14px;
    height:12px;
    background:transparent url('../img/honeyBee/ico_check.svg') center center no-repeat;
    -moz-background-size:14px 12px;
    -o-background-size:14px 12px;
    -webkit-background-size:14px 12px;
    background-size:14px 12px
}
.no-svg .hb-radio-ex label.hb-is-checked:before,.no-js .hb-radio-ex label.hb-is-checked:before{
    background-image:url('../img/honeyBee/ico_check.png') !important
}
.lt-ie9 .hb-radio-ex label.hb-is-checked:before{
    display:none
}
.lt-ie9 .hb-radio-ex label.hb-is-checked:before{
    top:10px
}
.hb-radio-ex label.hb-is-checked:after{
    background:#39aadc;
    width:24px;
    height:24px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px
}
.lt-ie9 .hb-radio-ex label.hb-is-checked:after{
    display:none
}
.lt-ie9 .hb-radio-ex label{
    padding:10px 10px 10px 0
}
.lt-ie9 .hb-radio-ex input{
    position:relative;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    width:20px
}
.hb-radio-ex span{
    margin:10px 0 20px;
    display:block;
    color:#a0a0a0
}
.lt-ie9 .hb-radio-ex span{
    margin:0;
    display:inline-block;
    vertical-align:middle
}
@media screen and (min-width: 640px){
    .hb-radio-ex span{
        margin:0;
        display:inline-block;
        vertical-align:middle
    }
}
.hb-radio-ex .hb-radio-ex-inner{
    display:inline-block;
    margin-right:10px
}
.hb-error-bubble{
    position:absolute;
    top:-36px;
    left:0;
    margin:0;
    padding:7px;
    font-size:14px;
    font-size:1.4rem;
    color:#977115;
    font-weight:bold;
    background:#fffeb4;
    border:1px solid #d3cc5c;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    z-index:1;
    line-height:1.2 !important
}
.hb-error-bubble:after{
    content:'';
    position:absolute;
    border-top:10px solid #fffeb4;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    bottom:-9px;
    left:5px
}
.hb-error-bubble:before{
    content:'';
    position:absolute;
    border-top:10px solid #d3cc5c;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    bottom:-11px;
    left:5px
}
.csstransitions .hb-nav-nnid-bubble.hb-anim-init{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -moz-transform:translate(0, -10px);
    -ms-transform:translate(0, -10px);
    -webkit-transform:translate(0, -10px);
    transform:translate(0, -10px);
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s
}
.lt-ie9 .csstransitions .hb-nav-nnid-bubble.hb-anim-init{
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s
}
@media screen and (min-width: 640px){
    .csstransitions .hb-nav-nnid-bubble.hb-anim-init{
        -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
        -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
        -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
        transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s
    }
}
.csstransitions .hb-nav-nnid-bubble.hb-anim-start{
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s
}
.lt-ie9 .csstransitions .hb-nav-nnid-bubble.hb-anim-start{
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s
}
@media screen and (min-width: 640px){
    .csstransitions .hb-nav-nnid-bubble.hb-anim-start{
        -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
        -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
        -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
        transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s
    }
}
@-moz-keyframes moveArrowHorizon{
    0%{
        opacity:0;
        -moz-transform:translate(-30px, 0);
        transform:translate(-30px, 0)
    }
    50%{
        opacity:.4
    }
    100%{
        opacity:1;
        -moz-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-webkit-keyframes moveArrowHorizon{
    0%{
        opacity:0;
        -webkit-transform:translate(-30px, 0);
        transform:translate(-30px, 0)
    }
    50%{
        opacity:.4
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@keyframes moveArrowHorizon{
    0%{
        opacity:0;
        -moz-transform:translate(-30px, 0);
        -ms-transform:translate(-30px, 0);
        -webkit-transform:translate(-30px, 0);
        transform:translate(-30px, 0)
    }
    50%{
        opacity:.4
    }
    100%{
        opacity:1;
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-moz-keyframes moveArrowVertical{
    0%{
        opacity:0;
        -moz-transform:translate(0, -10px);
        transform:translate(0, -10px)
    }
    50%{
        opacity:.5
    }
    100%{
        opacity:1;
        -moz-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@-webkit-keyframes moveArrowVertical{
    0%{
        opacity:0;
        -webkit-transform:translate(0, -10px);
        transform:translate(0, -10px)
    }
    50%{
        opacity:.5
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
@keyframes moveArrowVertical{
    0%{
        opacity:0;
        -moz-transform:translate(0, -10px);
        -ms-transform:translate(0, -10px);
        -webkit-transform:translate(0, -10px);
        transform:translate(0, -10px)
    }
    50%{
        opacity:.5
    }
    100%{
        opacity:1;
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
}
.hb-nav-nnid .hb-nav-nnid-icon{
    display:block;
    height:40px;
    -webkit-tap-highlight-color:transparent
}
.hb-nav-nnid .hb-nav-nnid-icon:after{
    z-index:5
}
.hb-nav-nnid .hb-nav-nnid-icon .hb-nav-nnid-icon-mii{
    display:inline-block;
    vertical-align:middle;
    background:#fff;
    border:#dcdcdc solid 1px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    width:40px;
    height:40px;
    overflow:hidden;
    z-index:2
}
.hb-nav-nnid .hb-nav-nnid-icon .hb-nav-nnid-icon-mii img{
    width:40px;
    height:40px;
    vertical-align:middle;
    margin-top:-2px
}
.hb-nav-nnid .hb-nav-nnid-bubble{
    position:absolute;
    top:56px;
    right:0;
    background:#fff;
    border:#d9d9d9 solid 1px;
    padding:14px 0 0;
    -moz-box-shadow:rgba(0,0,0,0.1) 0 1px 4px 0;
    -webkit-box-shadow:rgba(0,0,0,0.1) 0 1px 4px 0;
    box-shadow:rgba(0,0,0,0.1) 0 1px 4px 0;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.lt-ie9 .hb-nav-nnid .hb-nav-nnid-bubble{
    right:3px
}
@media screen and (min-width: 640px){
    .hb-nav-nnid .hb-nav-nnid-bubble{
        right:3px
    }
}
.csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-init{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    -moz-transform:translate(0, -10px);
    -ms-transform:translate(0, -10px);
    -webkit-transform:translate(0, -10px);
    transform:translate(0, -10px);
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .1s
}
.lt-ie9 .csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-init{
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s
}
@media screen and (min-width: 640px){
    .csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-init{
        -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
        -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
        -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
        transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s
    }
}
.csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-init .btn{
    cursor:default
}
.csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-start{
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1;
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .3s
}
.lt-ie9 .csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-start{
    -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
    -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
    -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
    transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s
}
@media screen and (min-width: 640px){
    .csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-start{
        -moz-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
        -o-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
        -webkit-transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s;
        transition:cubic-bezier(0.190, 1.000, 0.220, 1.000) .5s
    }
}
.csstransitions .hb-nav-nnid .hb-nav-nnid-bubble.hb-anim-start .btn{
    cursor:pointer
}
.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info{
    width:298px;
    padding:0 14px;
    margin-bottom:14px;
    overflow:hidden;
    *zoom:1
}
.lt-ie9 .hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info{
    width:320px
}
@media screen and (min-width: 640px){
    .hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info{
        width:320px
    }
}
.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info img,.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info dl{
    float:left
}
.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info img{
    width:80px;
    height:80px;
    background:#fafafa;
    margin-right:10px
}
.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info dl{
    width:180px;
    margin:0
}
.lt-ie9 .hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info dl{
    width:202px
}
@media screen and (min-width: 640px){
    .hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info dl{
        width:202px
    }
}
.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info dl dt{
    color:#a0a0a0;
    font-size:14px;
    font-size:1.4rem;
    margin-bottom:2px
}
.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info dl dd{
    margin:0;
    color:#323232;
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
    margin-bottom:10px
}
.hb-nav-nnid .hb-nav-nnid-bubble .hb-nav-nnid-info dl dd:last-child{
    margin-bottom:0
}
.hb-nav-nnid .hb-nav-nnid-bubble nav{
    background:#fafafa;
    padding:10px 14px;
    text-align:center;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0;
    border-radius:0 0 4px 4px
}
.hb-nav-nnid .hb-nav-nnid-bubble:after{
    content:'';
    position:absolute;
    border-bottom:12px solid #fff;
    border-right:12px solid transparent;
    border-left:12px solid transparent;
    top:-11px;
    right:23px
}
.lt-ie9 .hb-nav-nnid .hb-nav-nnid-bubble:after{
    right:21px
}
@media screen and (min-width: 640px){
    .hb-nav-nnid .hb-nav-nnid-bubble:after{
        right:21px
    }
}
.hb-nav-nnid .hb-nav-nnid-bubble:before{
    content:'';
    position:absolute;
    border-bottom:12px solid #d9d9d9;
    border-right:12px solid transparent;
    border-left:12px solid transparent;
    top:-13px;
    right:23px
}
.lt-ie9 .hb-nav-nnid .hb-nav-nnid-bubble:before{
    right:21px
}
@media screen and (min-width: 640px){
    .hb-nav-nnid .hb-nav-nnid-bubble:before{
        right:21px
    }
}
.hb-loading,.hb-popup{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:50
}
.lt-ie9 .hb-loading,.lt-ie9 .hb-popup{
    position:fixed
}
@media screen and (min-width: 640px){
    .hb-loading,.hb-popup{
        position:fixed
    }
}
.hb-loading .hb-popup-bg,.hb-popup .hb-popup-bg{
    width:100%;
    height:100%;
    background:#000;
    z-index:51
}
.hb-page blockquote,.auth-service-info{
    background:#f0f0f0;
    padding:16px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px
}
.hb-page blockquote p,.auth-service-info p,.hb-page blockquote strong,.auth-service-info strong,.hb-page blockquote span,.auth-service-info span{
    color:#646464
}
.lt-ie9 .hb-page blockquote,.hb-page .lt-ie9 blockquote,.lt-ie9 .auth-service-info{
    padding:20px
}
@media screen and (min-width: 640px){
    .hb-page blockquote,.auth-service-info{
        padding:20px
    }
}
.hb-container.hb-l-inside,.hb-container.hb-l-inside-half,.hb-container.hb-l-inside-pc{
    padding:10px;
    position:relative
}
.lt-ie9 .hb-container.hb-l-inside,.lt-ie9 .hb-container.hb-l-inside-half,.lt-ie9 .hb-container.hb-l-inside-pc{
    width:72%;
    margin:0 auto
}
@media screen and (min-width: 640px){
    .hb-container.hb-l-inside,.hb-container.hb-l-inside-half,.hb-container.hb-l-inside-pc{
        width:72%;
        margin:0 auto
    }
}
.hb-list,.hb-list-disc,.hb-list-decimal{
    margin-top:20px
}
.hb-list li,.hb-list-disc li,.hb-list-decimal li{
    padding:8px 0;
    color:#646464;
    line-height:1.5;
    font-size:14px;
    font-size:1.4rem
}
.hb-list li ul,.hb-list-disc li ul,.hb-list-decimal li ul,.hb-list li ol,.hb-list-disc li ol,.hb-list-decimal li ol{
    margin:10px 0;
    margin-left:1em
}
.hb-list li ul li,.hb-list-disc li ul li,.hb-list-decimal li ul li,.hb-list li ol li,.hb-list-disc li ol li,.hb-list-decimal li ol li{
    padding:4px 0
}
.hb-list li ul:last-child,.hb-list-disc li ul:last-child,.hb-list-decimal li ul:last-child,.hb-list li ol:last-child,.hb-list-disc li ol:last-child,.hb-list-decimal li ol:last-child{
    margin-bottom:0
}
.lt-ie9 html,.lt-ie9 body{
    height:100%
}
@media screen and (min-width: 640px){
    html,body{
        height:100%
    }
}
.hb-wrapper{
    min-width:320px
}
.lt-ie9 .hb-wrapper{
    position:relative;
    height:100%
}
@media screen and (min-width: 640px){
    .hb-wrapper{
        position:relative;
        height:100%
    }
}
.hb-wrapper.hb-l-fixed .hb-header,.hb-wrapper.hb-l-fixed .no-js .hb-header-wrapper,.no-js .hb-wrapper.hb-l-fixed .hb-header-wrapper{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:11
}
.lt-ie9 .hb-wrapper.hb-l-fixed .hb-contents,.lt-ie9 .hb-wrapper.hb-l-fixed .hb-noscript{
    width:100%;
    height:100%
}
@media screen and (min-width: 640px){
    .hb-wrapper.hb-l-fixed .hb-contents,.hb-wrapper.hb-l-fixed .hb-noscript{
        width:100%;
        height:100%
    }
}
.hb-wrapper.hb-l-fixed .hb-contents-wrapper{
    padding:50px 0 90px
}
.lt-ie9 .hb-wrapper.hb-l-fixed .hb-contents-wrapper{
    padding:90px 30px 90px;
    margin:0 auto
}
@media screen and (min-width: 640px){
    .hb-wrapper.hb-l-fixed .hb-contents-wrapper{
        padding:90px 30px 90px;
        margin:0 auto
    }
}
@media screen and (min-width: 940px){
    .hb-wrapper.hb-l-fixed .hb-contents-wrapper{
        padding:90px 80px 90px
    }
}
.hb-wrapper.hb-l-fixed .hb-footer,.hb-wrapper.hb-l-fixed .no-js .hb-footer-wrapper,.no-js .hb-wrapper.hb-l-fixed .hb-footer-wrapper{
    position:fixed;
    z-index:10;
    left:0;
    bottom:0;
    width:100%
}
.hb-wrapper.hb-l-override-relative .hb-header,.hb-wrapper.hb-l-override-relative .no-js .hb-header-wrapper,.no-js .hb-wrapper.hb-l-override-relative .hb-header-wrapper,.hb-wrapper.hb-l-override-relative .hb-footer,.hb-wrapper.hb-l-override-relative .no-js .hb-footer-wrapper,.no-js .hb-wrapper.hb-l-override-relative .hb-footer-wrapper{
    position:relative
}
.lt-ie9 .hb-wrapper.hb-l-override-relative .hb-contents,.lt-ie9 .hb-wrapper.hb-l-override-relative .hb-noscript{
    height:auto
}
@media screen and (min-width: 640px){
    .hb-wrapper.hb-l-override-relative .hb-contents,.hb-wrapper.hb-l-override-relative .hb-noscript{
        height:auto
    }
}
.hb-wrapper.hb-l-override-relative .hb-contents-wrapper{
    padding:0 0 50px
}
.lt-ie9 .hb-wrapper.hb-l-override-relative .hb-contents-wrapper{
    margin:30px auto 50px;
    padding:0 30px 50px
}
@media screen and (min-width: 640px){
    .hb-wrapper.hb-l-override-relative .hb-contents-wrapper{
        margin:30px auto 50px;
        padding:0 30px 50px
    }
}
@media screen and (min-width: 940px){
    .hb-wrapper.hb-l-override-relative .hb-contents-wrapper{
        width:940px;
        padding:0 80px 50px
    }
}
.hb-wrapper.l-override-relative header,.hb-wrapper.l-override-relative footer{
    position:relative
}
.lt-ie9 .hb-wrapper.l-override-relative #contents{
    height:auto
}
@media screen and (min-width: 640px){
    .hb-wrapper.l-override-relative #contents{
        height:auto
    }
}
.hb-wrapper.l-override-relative .contents-wrapper{
    padding:0 0 50px
}
.lt-ie9 .hb-wrapper.l-override-relative .contents-wrapper{
    margin:30px auto 50px;
    padding:0 30px 50px
}
@media screen and (min-width: 640px){
    .hb-wrapper.l-override-relative .contents-wrapper{
        margin:30px auto 50px;
        padding:0 30px 50px
    }
}
@media screen and (min-width: 940px){
    .hb-wrapper.l-override-relative .contents-wrapper{
        width:940px;
        padding:0 80px 50px
    }
}
.hb-header,.no-js .hb-header-wrapper{
    background:#fafafa;
    padding:0 10px
}
.lt-ie9 .hb-header,.lt-ie9 .no-js .hb-header-wrapper,.no-js .lt-ie9 .hb-header-wrapper{
    padding:0 20px
}
@media screen and (min-width: 640px){
    .hb-header,.no-js .hb-header-wrapper{
        padding:0 20px
    }
}
.hb-header-wrapper{
    overflow:hidden;
    *zoom:1;
    position:relative;
    height:50px;
    width:100%;
    overflow:visible;
    z-index:1
}
.lt-ie9 .hb-header-wrapper{
    height:60px;
    margin:0 auto
}
@media screen and (min-width: 640px){
    .hb-header-wrapper{
        height:60px;
        margin:0 auto
    }
}
@media screen and (min-width: 940px){
    .hb-header-wrapper{
        width:940px;
        margin:0 auto
    }
}
.hb-header-wrapper h1,.hb-header-wrapper .hb-nav-nnid{
    position:absolute
}
.hb-header-wrapper h1{
    left:0;
    top:10px;
    margin:0;
    display:block;
    line-height:40px;
    z-index:2;
    width:93px;
    height:30px;
    background:transparent url('../img/honeyBee/ico_spfnnet.svg') 0 0 no-repeat;
    -moz-background-size:93px 38.5px;
    -o-background-size:93px 38.5px;
    -webkit-background-size:93px 38.5px;
    background-size:93px 30px
}
.no-svg .hb-header-wrapper h1,.no-js .hb-header-wrapper h1{
    background-image:url('../img/honeyBee/ico_spfnnet.png') !important
}
.lt-ie9 .hb-header-wrapper h1{
    width:170px;
    height:40px;
    background:transparent url('../img/honeyBee/ico_spfnnet.svg') 0 0 no-repeat;
    -moz-background-size:170px 40px;
    -o-background-size:224px 40px;
    -webkit-background-size:170px 40px;
    background-size:170px 40px
}
.no-svg .lt-ie9 .hb-header-wrapper h1,.no-js .lt-ie9 .hb-header-wrapper h1{
    background-image:url('../img/honeyBee/ico_spfnnet.png') !important
}
@media screen and (min-width: 640px){
    .hb-header-wrapper h1{
        width:224px;
        height:40px;
        background:transparent url('../img/honeyBee/ico_spfnnet.svg') 0 0 no-repeat;
        -moz-background-size:170px 40px;
        -o-background-size:170px 40px;
        -webkit-background-size:170px 40px;
        background-size:170px 40px
    }
    .no-svg .hb-header-wrapper h1,.no-js .hb-header-wrapper h1{
        background-image:url('../img/honeyBee/ico_spfnnet.png') !important
    }
}
.no-js .hb-header-wrapper h1{
    left:10px
}
.hb-header-wrapper .hb-nav-nnid{
    right:0;
    top:5px;
    z-index:5
}
.lt-ie9 .hb-header-wrapper .hb-nav-nnid{
    top:10px;
    right:10px
}
@media screen and (min-width: 640px){
    .hb-header-wrapper .hb-nav-nnid{
        top:10px;
        right:10px
    }
}
.hb-header-wrapper .hb-select-language{
    position:absolute;
    right:0;
    background:#fff;
    top:6px;
    line-height:1.2em;
    margin-right:0;
    height:24px
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .hb-header-wrapper .hb-select-language{
        width:10px;
        height:7px;
        background:#fff url('../img/honeyBee/ico_pulldown.svg') 94% center no-repeat;
        -moz-background-size:10px 7px;
        -o-background-size:10px 7px;
        -webkit-background-size:10px 7px;
        background-size:10px 7px;
        width:auto;
        height:24px
    }
    .no-svg .hb-header-wrapper .hb-select-language,.no-js .hb-header-wrapper .hb-select-language{
        background-image:url('../img/honeyBee/ico_pulldown.png') !important
    }
}
@media screen and (max-width: 320px){
    .hb-header-wrapper .hb-select-language{
        width:160px
    }
}
.lt-ie9 .hb-header-wrapper .hb-select-language{
    height:24px;
    top:12px;
    font-size:14px;
    font-size:1.4rem
}
@media screen and (min-width: 640px){
    .hb-header-wrapper .hb-select-language{
        height:24px;
        top:12px;
        font-size:14px;
        font-size:1.4rem
    }
}
.hb-nav-nnid-bg{
    position:absolute;
    top:0;
    left:-10px;
    width:100%;
    height:0;
    padding-left:20px;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    background:#000;
    z-index:3;
    display:none;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity:.6
}
@media screen and (max-width: 640px){
    .hb-nav-nnid-bg.hb-is-visible{
        display:block;
        height:100%
    }
}
.lt-ie9 .hb-nav-nnid-bg{
    left:-20px;
    padding-left:40px
}
@media screen and (min-width: 640px){
    .hb-nav-nnid-bg{
        left:-20px;
        padding-left:40px
    }
}
.hb-contents,.hb-noscript{
    position:relative;
    z-index:1
}
.hb-contents .hb-contents-wrapper,.hb-noscript .hb-contents-wrapper{
    margin:15px 10px;
    padding:0 0 50px
}
.lt-ie9 .hb-contents .hb-contents-wrapper,.lt-ie9 .hb-noscript .hb-contents-wrapper{
    margin:30px auto 50px;
    padding:0 30px 50px
}
@media screen and (min-width: 640px){
    .hb-contents .hb-contents-wrapper,.hb-noscript .hb-contents-wrapper{
        margin:30px auto 50px;
        padding:0 30px 50px
    }
}
@media screen and (min-width: 940px){
    .hb-contents .hb-contents-wrapper,.hb-noscript .hb-contents-wrapper{
        width:940px;
        padding:0 80px 50px
    }
}
.hb-container{
    margin:0 10px;
    position:relative
}
.hb-container.hb-l-outside{
    margin:0
}
.lt-ie9 .hb-container.hb-l-inside-half{
    width:50%
}
@media screen and (min-width: 640px){
    .hb-container.hb-l-inside-half{
        width:50%
    }
}
@media screen and (max-width: 640px){
    .hb-container.hb-l-inside-pc{
        padding:0
    }
}
.hb-container+.hb-container{
    margin-top:30px
}
.hb-mg-top-none{
    margin-top:0 !important
}
.hb-page h2{
    margin:0 0 15px 0;
    font-size:24px;
    font-size:2.4rem
}
.hb-page h2.mg-btm-2x{
    margin:0 0 30px 0
}
.hb-page h2 span{
    color:#646464;
    font-size:18px;
    font-size:1.8rem;
    margin-left:0.5em
}
.hb-page h3{
    font-weight:normal;
    font-size:20px;
    font-size:2rem;
    margin:0 0 15px 0
}
.hb-page blockquote{
    margin:0
}
.hb-page blockquote p:first-child,.hb-page blockquote p:last-child{
    margin:0
}
.hb-page p{
    line-height:1.5
}
.hb-page a{
    cursor:pointer
}
.hb-footer,.no-js .hb-footer-wrapper{
    background:#fafafa;
    font-size:14px;
    font-size:1.4rem
}
.hb-footer-wrapper{
    overflow:hidden;
    *zoom:1;
    padding:10px
}
@media screen and (min-width: 940px){
    .hb-footer-wrapper{
        width:940px;
        margin:0 auto
    }
}
.hb-footer-wrapper .hb-footer-copyright{
    color:#a0a0a0;
    text-align:right;
    margin:0;
    float:right;
    clear:right
}
.hb-footer-wrapper .hb-footer-link{
    float:left;
    font-weight:bold;
    overflow:hidden;
    *zoom:1
}
.hb-footer-wrapper .hb-footer-link a{
    float:left;
    padding:4px 6px 4px 0
}
@media screen and (max-width: 321px){
    .hb-footer-wrapper .hb-footer-link a{
        display:block
    }
}
.hb-list-disc li{
    margin-left:1em;
    list-style-type:disc;
    margin-left:1.4em
}
.hb-list-disc li ul li,.hb-list-disc li ol li{
    list-style:circle outside;
    margin-left:0.4em
}
.hb-list-decimal li{
    margin-left:1em;
    list-style:decimal outside;
    margin-left:1.6em
}
.hb-list-decimal li ul li,.hb-list-decimal li ol li{
    margin-left:1.6em
}
.hb-error-wrapper p,.hb-error-wrapper span,.hb-error-wrapper strong{
    color:#fa320f
}
.hb-error-wrapper p{
    margin:0
}
.hb-loading{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity:.6
}
.hb-loading img{
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-25px;
    margin-top:-25px;
    z-index:52
}
.hb-popup .hb-popup-box{
    background:#fff;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    position:absolute;
    left:5%;
    top:5%;
    width:90%
}
.lt-ie9 .hb-popup .hb-popup-box{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-191px;
    width:600px;
    height:382px
}
@media screen and (min-width: 640px){
    .hb-popup .hb-popup-box{
        position:absolute;
        left:50%;
        top:50%;
        margin-left:-300px;
        margin-top:-191px;
        width:600px;
        height:382px
    }
}
.hb-popup .hb-popup-bg{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity:.6
}
.hb-popup .hb-popup-header{
    background:none;
    border-bottom:#f5f5f5 solid 1px;
    padding:20px 0;
    margin:0 10px
}
.lt-ie9 .hb-popup .hb-popup-header{
    margin:20px 30px 0
}
@media screen and (min-width: 640px){
    .hb-popup .hb-popup-header{
        margin:20px 30px 0
    }
}
.hb-popup .hb-popup-header h2{
    margin-bottom:0;
    padding:0 10px
}
.hb-popup .hb-popup-content{
    position:relative;
    margin:10px 0;
    padding:0 20px
}
.lt-ie9 .hb-popup .hb-popup-content{
    overflow-y:auto;
    height:190px;
    padding:0 40px
}
@media screen and (min-width: 640px){
    .hb-popup .hb-popup-content{
        overflow-y:auto;
        height:190px;
        padding:0 40px
    }
}
.hb-popup .hb-popup-content p:first-child{
    margin-top:0
}
.hb-popup .hb-popup-footer{
    padding:20px;
    background:#f5f5f5;
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0;
    border-radius:0 0 10px 10px
}
.hb-popup .hb-popup-footer .btn{
    width:150px;
    margin:0 auto
}
.hb-t-align-l{
    text-align:left
}
.hb-t-align-c{
    text-align:center
}
.hb-t-align-r{
    text-align:right
}
.hb-t-color-normal{
    color:#323232
}
.hb-t-color-soft{
    color:#646464
}
.hb-t-color-light{
    color:#a0a0a0
}
.hb-t-color-error{
    color:#fa320f
}
.hb-t-size-xsmall{
    font-size:12px;
    font-size:1.2rem
}
.hb-t-size-small{
    font-size:14px;
    font-size:1.4rem
}
.hb-t-size-middle{
    font-size:18px;
    font-size:1.8rem
}
.hb-tsize-large{
    font-size:24px;
    font-size:2.4rem
}
.hb-t-size-xlarge{
    font-size:30px;
    font-size:3rem
}
.hb-t-nowrap{
    display:inline-block
}
.hb-contents,.hb-noscript{
    display:none
}
.hb-noscript{
    display:block
}
@media screen and (max-width: 320px){
    .hb-container.hb-l-inside,.hb-container.hb-l-inside-half{
        padding:10px 0
    }
}
@media screen and (max-width: 940px){
    .hb-container.hb-l-inside-half{
        width:70%
    }
}
@media screen and (max-width: 640px){
    .hb-container.hb-l-inside-half{
        width:auto
    }
}
@media screen and (max-width: 320px){
    .hb-container.hb-l-inside-half{
        padding:10px 0
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .hb-select-language{
        line-height:24px !important
    }
}
.auth-input-double label input{
    font-size:16px;
    font-size:1.6rem;
    -webkit-appearance:none
}
@media screen and (min-width: 321px){
    .auth-input-double label input{
        font-size:18px;
        font-size:1.8rem
    }
}
.lt-ie9 .auth-input-double label input{
    font-size:22px;
    font-size:2.2rem
}
@media screen and (min-width: 640px){
    .auth-input-double label input{
        font-size:22px;
        font-size:2.2rem
    }
}
.auth-input-double label:first-child input{
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px;
    border-radius:4px 4px 0 0
}
.auth-input-double label:last-child{
    margin-top:-4px
}
.auth-input-double label:last-child input{
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0;
    border-radius:0 0 4px 4px
}
.auth-input-double+input{
    margin-top:20px
}
.lt-ie9 .auth-input-double label+label{
    margin-top:-4px
}
.auth-service-info{
    margin:20px 0
}
.auth-service-info .service-icon{
    display:table-cell;
    vertical-align:top;
    width:40px;
    height:40px
}
.lt-ie9 .auth-service-info .service-icon{
    width:64px;
    height:64px
}
@media screen and (min-width: 640px){
    .auth-service-info .service-icon{
        width:64px;
        height:64px
    }
}
.auth-service-info .service-icon img{
    width:40px;
    height:40px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px
}
.lt-ie9 .auth-service-info .service-icon img{
    width:64px;
    height:64px
}
@media screen and (min-width: 640px){
    .auth-service-info .service-icon img{
        width:64px;
        height:64px
    }
}
.auth-service-info .service-title-wrapper{
    display:table-cell;
    vertical-align:middle;
    padding-left:14px
}
.auth-service-info .service-title,.auth-service-info .service-company,.auth-service-info .service-url{
    word-break:break-all
}
.auth-service-info .service-title{
    margin:0 0 6px 0;
    font-weight:bold;
    font-size:14px;
    font-size:1.4rem
}
.lt-ie9 .auth-service-info .service-title{
    font-size:18px;
    font-size:1.8rem
}
@media screen and (min-width: 640px){
    .auth-service-info .service-title{
        font-size:18px;
        font-size:1.8rem
    }
}
.auth-service-info .service-company{
    margin:0;
    color:#646464;
    font-size:12px;
    font-size:1.2rem;
    font-weight:normal
}
.lt-ie9 .auth-service-info .service-company{
    font-size:14px;
    font-size:1.4rem
}
@media screen and (min-width: 640px){
    .auth-service-info .service-company{
        font-size:14px;
        font-size:1.4rem
    }
}
.auth-service-info .service-url-wrapper{
    display:block;
    margin-top:10px
}
.lt-ie9 .auth-service-info .service-url-wrapper{
    margin-top:4px;
    margin-left:78px
}
@media screen and (min-width: 640px){
    .auth-service-info .service-url-wrapper{
        margin-top:4px;
        margin-left:78px
    }
}
.auth-service-info .service-url{
    display:block;
    margin-bottom:6px;
    margin-right:0
}
.auth-service-info .hb-icon-external{
    font-weight:normal;
    padding:4px 0;
    font-size:12px;
    font-size:1.2rem;
    margin-right:10px
}
.lt-ie9 .auth-service-info .hb-icon-external{
    font-size:14px;
    font-size:1.4rem;
    padding:0
}
@media screen and (min-width: 640px){
    .auth-service-info .hb-icon-external{
        font-size:14px;
        font-size:1.4rem;
        padding:0
    }
}
@media screen and (max-width: 320px){
    .auth-service-info .hb-icon-external{
        display:block
    }
}
.auth-service-list li{
    border-top:#f0f0f0 solid 1px;
    padding:20px 0;
    overflow:hidden;
    *zoom:1;
    width:100%;
    font-size:14px;
    font-size:1.4rem;
    color:#646464
}
.lt-ie9 .auth-service-list li{
    display:table
}
@media screen and (min-width: 640px){
    .auth-service-list li{
        display:table
    }
}
.auth-service-list li .service-icon,.auth-service-list li .service-title{
    display:table-cell;
    vertical-align:middle
}
.auth-service-list li .service-icon{
    width:40px;
    vertical-align:top
}
.lt-ie9 .auth-service-list li .service-icon{
    vertical-align:middle
}
@media screen and (min-width: 640px){
    .auth-service-list li .service-icon{
        vertical-align:middle
    }
}
.auth-service-list li .service-icon img{
    width:40px;
    height:40px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    vertical-align:middle
}
.auth-service-list li .service-title{
    padding:0 14px;
    font-size:18px;
    font-size:1.8rem;
    font-weight:bold;
    color:#323232;
    vertical-align:middle
}
.auth-service-list li .btn-wrapper{
    display:block;
    float:right;
    margin-top:10px;
    overflow:hidden;
    *zoom:1
}
.lt-ie9 .auth-service-list li .btn-wrapper{
    display:table-cell;
    vertical-align:middle;
    width:20%;
    float:none;
    margin-top:0
}
@media screen and (min-width: 640px){
    .auth-service-list li .btn-wrapper{
        display:table-cell;
        vertical-align:middle;
        width:20%;
        float:none;
        margin-top:0
    }
}
.auth-service-list li .btn-wrapper .hb-btn{
    float:right;
    width:auto
}
.auth-search-field-switch{
    height:40px
}
.hb-container h2 .hb-t-nowrap{
    font-size:24px;
    font-size:2.4rem;
    color:#323232;
    margin-left:0
}
/* what the fuck am i reading above, i just threw it into a css beautifier so it might help.. maybe? */
.auth-error {
    color: #e60012;
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 12px;
    line-height: 1.4;
}