|
|
|
@ -4,8 +4,8 @@ a{color: #aaadb2;text-decoration: none}
@@ -4,8 +4,8 @@ a{color: #aaadb2;text-decoration: none}
|
|
|
|
|
.header{padding:10px 10px 0 10px;position: relative;} |
|
|
|
|
.header .logo{display: inline-block;margin:10px 10px 6px 10px;font-size: 1.86em;color: #e8eaed} |
|
|
|
|
.header .logo img{vertical-align: middle;} |
|
|
|
|
.menu{max-width: 80%;white-space: nowrap;overflow-x:auto;overflow-y: hidden;margin: 0 auto;} |
|
|
|
|
.menu a{display: inline-block;line-height: 16px;margin: 0 1px;padding: 16px 12px 12px 10px;text-align: center} |
|
|
|
|
.menu{max-width: 80%;white-space: nowrap;overflow-x:auto;overflow-y: hidden;margin: 0 auto;font-size:18px} |
|
|
|
|
.menu a{display: inline-block;line-height:1;margin: 0 1px;padding: 16px 12px 12px 10px;text-align: center} |
|
|
|
|
.menu .selected{color: #8ab4f8;border-bottom: 3px solid #8ab4f8;padding: 20px 12px 11px 10px;} |
|
|
|
|
.hr{border-bottom: solid 1px #3c4043;margin-bottom: 11px} |
|
|
|
|
.about{display: block;position: absolute;right: 10px;top: 14px;width: 24px;height: 24px;padding: 8px;border-radius: 50%} |
|
|
|
@ -50,7 +50,6 @@ a{color: #aaadb2;text-decoration: none}
@@ -50,7 +50,6 @@ a{color: #aaadb2;text-decoration: none}
|
|
|
|
|
|
|
|
|
|
/* for pad */ |
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 1024px) { |
|
|
|
|
.menu{font-size: 14px} |
|
|
|
|
.img-item{max-width: 226px} |
|
|
|
|
.img-item strong{font-size: 13px;} |
|
|
|
|
} |
|
|
|
|