forked from spacebar/SplatNet
2061 lines
No EOL
49 KiB
CSS
2061 lines
No EOL
49 KiB
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/logo_ninNet.svg') 0 0 no-repeat;
|
||
-moz-background-size:93px 30px;
|
||
-o-background-size:93px 30px;
|
||
-webkit-background-size:93px 30px;
|
||
background-size:93px 30px
|
||
}
|
||
.no-svg .hb-header-wrapper h1,.no-js .hb-header-wrapper h1{
|
||
background-image:url('../img/honeyBee/logo_ninNet.png') !important
|
||
}
|
||
.lt-ie9 .hb-header-wrapper h1{
|
||
width:124px;
|
||
height:40px;
|
||
background:transparent url('../img/honeyBee/logo_ninNet.svg') 0 0 no-repeat;
|
||
-moz-background-size:124px 40px;
|
||
-o-background-size:124px 40px;
|
||
-webkit-background-size:124px 40px;
|
||
background-size:124px 40px
|
||
}
|
||
.no-svg .lt-ie9 .hb-header-wrapper h1,.no-js .lt-ie9 .hb-header-wrapper h1{
|
||
background-image:url('../img/honeyBee/logo_ninNet.png') !important
|
||
}
|
||
@media screen and (min-width: 640px){
|
||
.hb-header-wrapper h1{
|
||
width:124px;
|
||
height:40px;
|
||
background:transparent url('../img/honeyBee/logo_ninNet.svg') 0 0 no-repeat;
|
||
-moz-background-size:124px 40px;
|
||
-o-background-size:124px 40px;
|
||
-webkit-background-size:124px 40px;
|
||
background-size:124px 40px
|
||
}
|
||
.no-svg .hb-header-wrapper h1,.no-js .hb-header-wrapper h1{
|
||
background-image:url('../img/honeyBee/logo_ninNet.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;
|
||
} |