html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol,
ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q,
blockquote {
quotes: none
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none
}
a img {
border: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
.b-space-preline {
white-space: pre-wrap
}
.b-bg-dots {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMyUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWFlYiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMyUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWFlYiIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #FFF;
background: -moz-radial-gradient(rgba(255, 234, 235, 0.7) 3px, rgba(255, 255, 255, 0) 3px), -moz-radial-gradient(rgba(255, 234, 235, 0.7) 3px, rgba(255, 255, 255, 0) 3px), #FFF;
background: -webkit-radial-gradient(rgba(255, 234, 235, 0.7) 3px, rgba(255, 255, 255, 0) 3px), -webkit-radial-gradient(rgba(255, 234, 235, 0.7) 3px, rgba(255, 255, 255, 0) 3px), #FFF;
background: radial-gradient(rgba(255, 234, 235, 0.7) 3px, rgba(255, 255, 255, 0) 3px), radial-gradient(rgba(255, 234, 235, 0.7) 3px, rgba(255, 255, 255, 0) 3px), #FFF;
background-position: 0 0, 10px 10px;
background-size: 20px 20px
}
.b-play:before,
.b-play:after {
content: "";
top: 50%;
left: 50%;
position: absolute;
z-index: 1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.b-play:before {
background-color: rgba(51, 51, 51, 0.5)
}
.b-play:after {
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #FFF
}
@media screen and (min-width: 1001px) {
.b-flex-row,
.b-flex-row-md,
.b-flex-row-dt,
.b-flex-row-reverse,
.b-flex-row-reverse-md,
.b-flex-row-reverse-dt,
.b-flex-column,
.b-flex-column-md,
.b-flex-column-dt,
.b-flex-column-reverse,
.b-flex-column-reverse-md,
.b-flex-column-reverse-dt {
display: -webkit-flex;
display: flex
}
.b-flex-row.is-wrap,
.b-flex-row-md.is-wrap,
.b-flex-row-dt.is-wrap,
.b-flex-row-reverse.is-wrap,
.b-flex-row-reverse-md.is-wrap,
.b-flex-row-reverse-dt.is-wrap,
.b-flex-column.is-wrap,
.b-flex-column-md.is-wrap,
.b-flex-column-dt.is-wrap,
.b-flex-column-reverse.is-wrap,
.b-flex-column-reverse-md.is-wrap,
.b-flex-column-reverse-dt.is-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.b-flex-row.is-wrap-reverse,
.b-flex-row-md.is-wrap-reverse,
.b-flex-row-dt.is-wrap-reverse,
.b-flex-row-reverse.is-wrap-reverse,
.b-flex-row-reverse-md.is-wrap-reverse,
.b-flex-row-reverse-dt.is-wrap-reverse,
.b-flex-column.is-wrap-reverse,
.b-flex-column-md.is-wrap-reverse,
.b-flex-column-dt.is-wrap-reverse,
.b-flex-column-reverse.is-wrap-reverse,
.b-flex-column-reverse-md.is-wrap-reverse,
.b-flex-column-reverse-dt.is-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.b-flex-column,
.b-flex-column-md,
.b-flex-column-dt {
-webkit-flex-direction: column;
flex-direction: column
}
.b-flex-row-reverse,
.b-flex-row-reverse-md,
.b-flex-row-reverse-dt {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.b-flex-column-reverse,
.b-flex-column-reverse-md,
.b-flex-column-reverse-dt {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse
}
.b-flex-wrap,
.b-flex-wrap-md,
.b-flex-wrap-dt {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.b-content-center,
.b-content-center-md,
.b-content-center-dt {
-webkit-justify-content: center;
justify-content: center
}
.b-content-right,
.b-content-right-md,
.b-content-right-dt {
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.b-content-left,
.b-content-left-md,
.b-content-left-dt {
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.b-align-center,
.b-align-center-md,
.b-align-center-dt {
-webkit-align-items: center;
align-items: center
}
.b-align-top,
.b-align-top-md,
.b-align-top-dt {
-webkit-align-items: flex-start;
align-items: flex-start
}
.b-align-bottom,
.b-align-bottom-md,
.b-align-bottom-dt {
-webkit-align-items: flex-end;
align-items: flex-end
}
.b-nowrap,
.b-nowrap-md,
.b-nowrap-dt {
white-space: nowrap
}
.b-flex-shrink,
.b-flex-shrink-md,
.b-flex-shrink-dt {
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important
}
.b-flex-grow,
.b-flex-grow-md,
.b-flex-grow-dt {
-webkit-flex-grow: 1 !important;
flex-grow: 1 !important
}
.b-play:before {
width: 88px;
height: 52px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px
}
.b-play:after {
margin-left: 2px;
border-width: 7px 0 7px 14px
}
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.b-h2 {
font-size: 48px
}
.b-h3 {
font-size: 36px
}
.b-h3.is-lg {
font-size: 40px
}
.b-h3.is-sm {
font-size: 30px
}
.b-h4 {
font-size: 20px
}
.b-h4.is-lg {
font-size: 24px
}
.b-h4.is-sm {
font-size: 18px
}
.b-desc {
font-size: 14px
}
.b-desc.is-lg {
font-size: 16px
}
.b-desc.is-sm {
font-size: 13px
}
.b-desc.is-xs {
font-size: 12px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.b-h2 {
font-size: 4.13793vw
}
.b-h3 {
font-size: 3.10345vw
}
.b-h3.is-lg {
font-size: 3.44828vw
}
.b-h3.is-sm {
font-size: 2.58621vw
}
.b-h4 {
font-size: 1.72414vw
}
.b-h4.is-lg {
font-size: 2.06897vw
}
.b-h4.is-sm {
font-size: 1.55172vw
}
.b-desc {
font-size: 1.2069vw
}
.b-desc.is-lg {
font-size: 1.37931vw
}
.b-desc.is-sm {
font-size: 1.12069vw
}
.b-desc.is-xs {
font-size: 1.03448vw
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.b-flex-row,
.b-flex-row-dt,
.b-flex-row-sm,
.b-flex-row-tm,
.b-flex-row-reverse,
.b-flex-row-reverse-dt,
.b-flex-row-reverse-sm,
.b-flex-row-reverse-tm,
.b-flex-column,
.b-flex-column-dt,
.b-flex-column-sm,
.b-flex-column-tm,
.b-flex-column-reverse,
.b-flex-column-reverse-dt,
.b-flex-column-reverse-sm,
.b-flex-column-reverse-tm {
display: -webkit-flex;
display: flex
}
.b-flex-row.is-wrap,
.b-flex-row-dt.is-wrap,
.b-flex-row-sm.is-wrap,
.b-flex-row-tm.is-wrap,
.b-flex-row-reverse.is-wrap,
.b-flex-row-reverse-dt.is-wrap,
.b-flex-row-reverse-sm.is-wrap,
.b-flex-row-reverse-tm.is-wrap,
.b-flex-column.is-wrap,
.b-flex-column-dt.is-wrap,
.b-flex-column-sm.is-wrap,
.b-flex-column-tm.is-wrap,
.b-flex-column-reverse.is-wrap,
.b-flex-column-reverse-dt.is-wrap,
.b-flex-column-reverse-sm.is-wrap,
.b-flex-column-reverse-tm.is-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.b-flex-row.is-wrap-reverse,
.b-flex-row-dt.is-wrap-reverse,
.b-flex-row-sm.is-wrap-reverse,
.b-flex-row-tm.is-wrap-reverse,
.b-flex-row-reverse.is-wrap-reverse,
.b-flex-row-reverse-dt.is-wrap-reverse,
.b-flex-row-reverse-sm.is-wrap-reverse,
.b-flex-row-reverse-tm.is-wrap-reverse,
.b-flex-column.is-wrap-reverse,
.b-flex-column-dt.is-wrap-reverse,
.b-flex-column-sm.is-wrap-reverse,
.b-flex-column-tm.is-wrap-reverse,
.b-flex-column-reverse.is-wrap-reverse,
.b-flex-column-reverse-dt.is-wrap-reverse,
.b-flex-column-reverse-sm.is-wrap-reverse,
.b-flex-column-reverse-tm.is-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.b-flex-column,
.b-flex-column-dt,
.b-flex-column-sm,
.b-flex-column-tm {
-webkit-flex-direction: column;
flex-direction: column
}
.b-flex-row-reverse,
.b-flex-row-reverse-dt,
.b-flex-row-reverse-sm,
.b-flex-row-reverse-tm {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.b-flex-column-reverse,
.b-flex-column-reverse-dt,
.b-flex-column-reverse-sm,
.b-flex-column-reverse-tm {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse
}
.b-flex-wrap,
.b-flex-wrap-dt,
.b-flex-wrap-sm,
.b-flex-wrap-tm {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.b-content-center,
.b-content-center-dt,
.b-content-center-tm,
.b-content-center-sm {
-webkit-justify-content: center;
justify-content: center
}
.b-content-right,
.b-content-right-dt,
.b-content-right-tm,
.b-content-right-sm {
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.b-content-left,
.b-content-left-dt,
.b-content-left-tm,
.b-content-left-sm {
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.b-align-center,
.b-align-center-dt,
.b-align-center-tm,
.b-align-center-sm {
-webkit-align-items: center;
align-items: center
}
.b-align-top,
.b-align-top-dt,
.b-align-top-tm,
.b-align-top-sm {
-webkit-align-items: flex-start;
align-items: flex-start
}
.b-align-bottom,
.b-align-bottom-dt,
.b-align-bottom-tm,
.b-align-bottom-sm {
-webkit-align-items: flex-end;
align-items: flex-end
}
.b-nowrap,
.b-nowrap-dt,
.b-nowrap-tm,
.b-nowrap-sm {
white-space: nowrap
}
.b-flex-shrink,
.b-flex-shrink-dt,
.b-flex-shrink-tm,
.b-flex-shrink-sm {
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important
}
.b-flex-grow,
.b-flex-grow-dt,
.b-flex-grow-tm,
.b-flex-grow-sm {
-webkit-flex-grow: 1 !important;
flex-grow: 1 !important
}
.b-play:before {
width: 11.45833vw;
height: 6.77083vw;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px
}
.b-play:after {
margin-left: 1px;
border-width: .91146vw 0 .91146vw 1.82292vw
}
.b-h2 {
font-size: 4.94792vw
}
.b-h3 {
font-size: 3.90625vw
}
.b-h3.is-sm {
font-size: 3.38542vw
}
.b-h3.is-xs {
font-size: 2.86458vw
}
.b-h4 {
font-size: 2.34375vw
}
.b-h4.is-lg {
font-size: 2.60417vw
}
.b-h4.is-sm {
font-size: 2.08333vw
}
.b-desc {
font-size: 1.82292vw
}
.b-desc.is-lg {
font-size: 1.95313vw
}
.b-desc.is-sm {
font-size: 1.69271vw
}
.b-desc.is-xs {
font-size: 1.5625vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.b-flex-row,
.b-flex-row-tm,
.b-flex-row-xs,
.b-flex-row-reverse,
.b-flex-row-reverse-tm,
.b-flex-row-reverse-xs,
.b-flex-column,
.b-flex-column-tm,
.b-flex-column-xs,
.b-flex-column-reverse,
.b-flex-column-reverse-tm,
.b-flex-column-reverse-xs {
display: -webkit-flex;
display: flex
}
.b-flex-row.is-wrap,
.b-flex-row-tm.is-wrap,
.b-flex-row-xs.is-wrap,
.b-flex-row-reverse.is-wrap,
.b-flex-row-reverse-tm.is-wrap,
.b-flex-row-reverse-xs.is-wrap,
.b-flex-column.is-wrap,
.b-flex-column-tm.is-wrap,
.b-flex-column-xs.is-wrap,
.b-flex-column-reverse.is-wrap,
.b-flex-column-reverse-tm.is-wrap,
.b-flex-column-reverse-xs.is-wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.b-flex-row.is-wrap-reverse,
.b-flex-row-tm.is-wrap-reverse,
.b-flex-row-xs.is-wrap-reverse,
.b-flex-row-reverse.is-wrap-reverse,
.b-flex-row-reverse-tm.is-wrap-reverse,
.b-flex-row-reverse-xs.is-wrap-reverse,
.b-flex-column.is-wrap-reverse,
.b-flex-column-tm.is-wrap-reverse,
.b-flex-column-xs.is-wrap-reverse,
.b-flex-column-reverse.is-wrap-reverse,
.b-flex-column-reverse-tm.is-wrap-reverse,
.b-flex-column-reverse-xs.is-wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.b-flex-column,
.b-flex-column-tm,
.b-flex-column-xs {
-webkit-flex-direction: column;
flex-direction: column
}
.b-flex-row-reverse,
.b-flex-row-reverse-tm,
.b-flex-row-reverse-xs {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.b-flex-column-reverse,
.b-flex-column-reverse-tm,
.b-flex-column-reverse-xs {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse
}
.b-flex-wrap,
.b-flex-wrap-tm,
.b-flex-wrap-xs {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.b-content-center,
.b-content-center-tm,
.b-content-center-xs {
-webkit-justify-content: center;
justify-content: center
}
.b-content-right,
.b-content-right-tm,
.b-content-right-xs {
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.b-content-left,
.b-content-left-tm,
.b-content-left-xs {
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.b-align-center,
.b-align-center-tm,
.b-align-center-xs {
-webkit-align-items: center;
align-items: center
}
.b-align-top,
.b-align-top-tm,
.b-align-top-xs {
-webkit-align-items: flex-start;
align-items: flex-start
}
.b-align-bottom,
.b-align-bottom-tm,
.b-align-bottom-xs {
-webkit-align-items: flex-end;
align-items: flex-end
}
.b-nowrap,
.b-nowrap-tm,
.b-nowrap-xs {
white-space: nowrap
}
.b-flex-shrink,
.b-flex-shrink-tm,
.b-flex-shrink-xs {
-webkit-flex-shrink: 0 !important;
flex-shrink: 0 !important
}
.b-flex-grow,
.b-flex-grow-tm,
.b-flex-grow-xs {
-webkit-flex-grow: 1 !important;
flex-grow: 1 !important
}
.b-play:before {
width: 18.75vw;
height: 10vw;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px
}
.b-play:after {
margin-left: 1px;
border-width: 1.5625vw 0 1.5625vw 3.125vw
}
.b-h2 {
font-size: 11.25vw
}
.b-h3 {
font-size: 7.5vw
}
.b-h3.is-lg {
font-size: 8.75vw
}
.b-h3.is-sm {
font-size: 6.25vw
}
.b-h4 {
font-size: 5.625vw
}
.b-h4.is-lg {
font-size: 6.875vw
}
.b-h4.is-sm {
font-size: 5vw
}
.b-desc {
font-size: 4.375vw
}
.b-desc.is-lg {
font-size: 5vw
}
.b-desc.is-sm {
font-size: 4.0625vw
}
.b-desc.is-xs {
font-size: 3.75vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.b-play:before {
width: 18.75vw;
height: 10vw;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px
}
.b-play:after {
margin-left: 1px;
border-width: 1.5625vw 0 1.5625vw 3.125vw
}
.b-h2 {
font-size: 6.35593vw
}
.b-h3 {
font-size: 4.23729vw
}
.b-h3.is-lg {
font-size: 4.9435vw
}
.b-h3.is-sm {
font-size: 3.53107vw
}
.b-h4 {
font-size: 3.17797vw
}
.b-h4.is-lg {
font-size: 3.88418vw
}
.b-h4.is-sm {
font-size: 2.82486vw
}
.b-desc {
font-size: 2.47175vw
}
.b-desc.is-lg {
font-size: 2.82486vw
}
.b-desc.is-sm {
font-size: 2.2952vw
}
.b-desc.is-xs {
font-size: 2.11864vw
}
}
.b-nowrap {
white-space: nowrap
}
.b-break-all {
word-break: break-all
}
.b-break-word {
word-wrap: break-word;
word-break: normal
}
.b-bold {
font-weight: bold
}
[class*="b-br-"] {
display: none
}
.b-underline {
text-decoration: underline
}
.b-transition-none {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none
}
.b-normalize html {
font-size: 100%;
line-height: 1.5em
}
.b-normalize html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
.b-normalize body {
margin: 0
}
.b-normalize article,
.b-normalize aside,
.b-normalize details,
.b-normalize figcaption,
.b-normalize figure,
.b-normalize footer,
.b-normalize header,
.b-normalize main,
.b-normalize menu,
.b-normalize nav,
.b-normalize section,
.b-normalize summary {
display: block
}
.b-normalize audio,
.b-normalize canvas,
.b-normalize progress,
.b-normalize video {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: baseline
}
.b-normalize audio:not([controls]) {
display: none;
height: 0
}
.b-normalize progress {
vertical-align: baseline
}
.b-normalize ul,
.b-normalize ul>li {
list-style-position: outside;
list-style-type: disc
}
.b-normalize ol,
.b-normalize ol>li {
list-style-position: outside;
list-style-type: decimal
}
.b-normalize [hidden] {
display: none
}
.b-normalize template {
display: none
}
.b-normalize a {
background: transparent
}
.b-normalize a:active,
.b-normalize a:hover {
outline: 0
}
.b-normalize abbr[title] {
border-bottom: 1px dotted
}
.b-normalize b,
.b-normalize strong {
font-weight: bold
}
.b-normalize blockquote {
margin: 1.5em 40px
}
.b-normalize code,
.b-normalize kbd,
.b-normalize pre,
.b-normalize samp {
font-family: monospace, serif;
font-size: 1em
}
.b-normalize dfn,
.b-normalize i,
.b-normalize em {
font-style: italic
}
.b-normalize h1 {
font-size: 2em;
line-height: 1.5em;
margin-top: .75em;
margin-bottom: .75em
}
.b-normalize h2 {
font-size: 1.5em;
line-height: 2em;
margin-top: 1em;
margin-bottom: 1em
}
.b-normalize h3 {
font-size: 1.17em;
line-height: 1.28205em;
margin-top: 1.28205em;
margin-bottom: 1.28205em
}
.b-normalize h4 {
font-size: 1em;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 1.5em
}
.b-normalize h5 {
font-size: .83em;
line-height: 1.80723em;
margin-top: 1.80723em;
margin-bottom: 1.80723em
}
.b-normalize h6 {
font-size: .67em;
line-height: 2.23881em;
margin-top: 2.23881em;
margin-bottom: 2.23881em
}
.b-normalize mark {
background: #ff0;
color: #000
}
.b-normalize p,
.b-normalize pre {
margin: 1.5em 0;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px
}
.b-normalize pre {
overflow: auto
}
.b-normalize small {
font-size: 80%
}
.b-normalize sub,
.b-normalize sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.b-normalize sup {
top: -0.5em
}
.b-normalize sub {
bottom: -0.25em
}
.b-normalize dl,
.b-normalize menu,
.b-normalize ol,
.b-normalize ul {
margin: 1.5em 0
}
.b-normalize dd {
margin: 0 0 0 40px
}
.b-normalize menu,
.b-normalize ol,
.b-normalize ul {
padding: 0 0 0 40px
}
.b-normalize nav ul,
.b-normalize nav ol {
list-style: none;
list-style-image: none
}
.b-normalize img {
border: 0;
-ms-interpolation-mode: bicubic
}
.b-normalize svg:not(:root) {
overflow: hidden
}
.b-normalize figure {
margin: 1.5em 40px
}
.b-normalize hr {
box-sizing: content-box;
box-sizing: content-box;
box-sizing: content-box;
height: 0
}
.b-normalize form {
margin: 0
}
.b-normalize button,
.b-normalize input,
.b-normalize optgroup,
.b-normalize select,
.b-normalize textarea {
color: inherit;
font: inherit;
margin: 0;
*font-family: sans-serif;
*vertical-align: middle
}
.b-normalize button {
overflow: visible
}
.b-normalize button,
.b-normalize select {
text-transform: none
}
.b-normalize button,
.b-normalize html input[type="button"],
.b-normalize input[type="reset"],
.b-normalize input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible
}
.b-normalize button[disabled],
.b-normalize html input[disabled] {
cursor: default
}
.b-normalize button::-moz-focus-inner,
.b-normalize input::-moz-focus-inner {
border: 0;
padding: 0
}
.b-normalize input {
line-height: normal
}
.b-normalize input[type="checkbox"],
.b-normalize input[type="radio"] {
box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px
}
.b-normalize input[type="number"]::-webkit-inner-spin-button,
.b-normalize input[type="number"]::-webkit-outer-spin-button {
height: auto
}
.b-normalize input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
box-sizing: content-box;
box-sizing: content-box
}
.b-normalize input[type="search"]::-webkit-search-cancel-button,
.b-normalize input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
.b-normalize fieldset {
margin: 0 2px;
border-color: #c0c0c0;
border-top-width: .0625em;
border-top-style: solid;
padding-top: .4625em;
border-bottom-width: .0625em;
border-bottom-style: solid;
padding-bottom: .9125em;
border-left-width: .0625em;
border-left-style: solid;
padding-left: .875em;
border-right-width: .0625em;
border-right-style: solid;
padding-right: .875em
}
.b-normalize legend {
border: 0;
padding: 0;
*margin-left: -7px
}
.b-normalize textarea {
overflow: auto
}
.b-normalize optgroup {
font-weight: bold
}
.b-normalize table,
.b-normalize tr,
.b-normalize td {
border-collapse: separate;
border: 1px solid gray;
border-spacing: 2px
}
.b-normalize table {
margin-top: auto;
margin-bottom: auto;
font-style: normal;
font-variant: normal normal;
font-weight: normal;
text-align: start;
white-space: normal;
line-height: normal
}
.b-normalize table[align="center"] {
margin-right: auto;
margin-left: auto
}
.b-normalize tr {
margin: auto;
vertical-align: inherit;
border-color: inherit
}
.b-normalize td,
.b-normalize th {
margin: auto;
padding: 0
}
.b-normalize strike,
.b-normalize del {
text-decoration: line-through
}
.b-normalize u {
text-decoration: underline
}
.b-normalize:after {
content: "";
width: 100%;
height: 0;
clear: both;
display: block;
overflow: hidden;
*zoom: 1
}
.b-normalize iframe {
max-width: 100%
}
.b-clearfix:after,
.b-row.b-clearfix:after,
[class*="b-row-"].b-clearfix:after {
content: "";
width: 100%;
height: 0;
display: block;
clear: both;
overflow: hidden;
*zoom: 1
}
.b-middle {
height: 100%;
position: relative;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-middle>* {
letter-spacing: normal;
line-height: 1.35
}
.b-middle:before {
content: "";
font-size: 0;
height: 100%;
line-height: 0;
zoom: 1;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-middle>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-mark {
color: inherit;
background: transparent
}
.b-margin-auto {
margin-right: auto;
margin-left: auto
}
.b-text-left {
text-align: left
}
.b-text-center {
text-align: center
}
.b-text-right {
text-align: right
}
.b-text-justify {
text-align: justify
}
.b-text-italic {
font-style: italic
}
.b-hide {
display: none !important
}
.b-block {
display: block
}
.b-inline-space {
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-inline-space>* {
letter-spacing: normal;
line-height: 1.35
}
.b-inline {
display: inline-block;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-inline.is-vtop {
vertical-align: top
}
.b-inline.is-vbottom {
vertical-align: bottom
}
.b-table {
width: 100%;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table>* {
display: table-cell;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table>*.b-table-nowrap {
width: 1%;
white-space: nowrap
}
.b-float-left {
float: left
}
.b-float-right {
float: right
}
.b-row,
[class*="b-row-"] {
overflow: hidden;
*zoom: 1;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-row>*,
[class*="b-row-"]>* {
letter-spacing: normal;
line-height: 1.35
}
.b-row.b-clearfix,
[class*="b-row-"].b-clearfix {
overflow: visible
}
.b-text-white {
color: #FFF
}
.b-bg-white {
background-color: #FFF
}
.b-bg-white-opacity-100 {
background-color: #fff
}
.b-bg-white-opacity-95 {
background-color: rgba(255, 255, 255, 0.95)
}
.b-bg-white-opacity-90 {
background-color: rgba(255, 255, 255, 0.9)
}
.b-bg-white-opacity-85 {
background-color: rgba(255, 255, 255, 0.85)
}
.b-bg-white-opacity-80 {
background-color: rgba(255, 255, 255, 0.8)
}
.b-bg-white-opacity-75 {
background-color: rgba(255, 255, 255, 0.75)
}
.b-bg-white-opacity-70 {
background-color: rgba(255, 255, 255, 0.7)
}
.b-bg-white-opacity-65 {
background-color: rgba(255, 255, 255, 0.65)
}
.b-bg-white-opacity-60 {
background-color: rgba(255, 255, 255, 0.6)
}
.b-bg-white-opacity-55 {
background-color: rgba(255, 255, 255, 0.55)
}
.b-bg-white-opacity-50 {
background-color: rgba(255, 255, 255, 0.5)
}
.b-bg-white-opacity-45 {
background-color: rgba(255, 255, 255, 0.45)
}
.b-bg-white-opacity-40 {
background-color: rgba(255, 255, 255, 0.4)
}
.b-bg-white-opacity-35 {
background-color: rgba(255, 255, 255, 0.35)
}
.b-bg-white-opacity-30 {
background-color: rgba(255, 255, 255, 0.3)
}
.b-bg-white-opacity-25 {
background-color: rgba(255, 255, 255, 0.25)
}
.b-bg-white-opacity-20 {
background-color: rgba(255, 255, 255, 0.2)
}
.b-bg-white-opacity-15 {
background-color: rgba(255, 255, 255, 0.15)
}
.b-bg-white-opacity-10 {
background-color: rgba(255, 255, 255, 0.1)
}
.b-bg-white-opacity-5 {
background-color: rgba(255, 255, 255, 0.05)
}
.b-text-black {
color: #000
}
.b-bg-black {
background-color: #000
}
.b-bg-black-opacity-100 {
background-color: #000
}
.b-bg-black-opacity-95 {
background-color: rgba(0, 0, 0, 0.95)
}
.b-bg-black-opacity-90 {
background-color: rgba(0, 0, 0, 0.9)
}
.b-bg-black-opacity-85 {
background-color: rgba(0, 0, 0, 0.85)
}
.b-bg-black-opacity-80 {
background-color: rgba(0, 0, 0, 0.8)
}
.b-bg-black-opacity-75 {
background-color: rgba(0, 0, 0, 0.75)
}
.b-bg-black-opacity-70 {
background-color: rgba(0, 0, 0, 0.7)
}
.b-bg-black-opacity-65 {
background-color: rgba(0, 0, 0, 0.65)
}
.b-bg-black-opacity-60 {
background-color: rgba(0, 0, 0, 0.6)
}
.b-bg-black-opacity-55 {
background-color: rgba(0, 0, 0, 0.55)
}
.b-bg-black-opacity-50 {
background-color: rgba(0, 0, 0, 0.5)
}
.b-bg-black-opacity-45 {
background-color: rgba(0, 0, 0, 0.45)
}
.b-bg-black-opacity-40 {
background-color: rgba(0, 0, 0, 0.4)
}
.b-bg-black-opacity-35 {
background-color: rgba(0, 0, 0, 0.35)
}
.b-bg-black-opacity-30 {
background-color: rgba(0, 0, 0, 0.3)
}
.b-bg-black-opacity-25 {
background-color: rgba(0, 0, 0, 0.25)
}
.b-bg-black-opacity-20 {
background-color: rgba(0, 0, 0, 0.2)
}
.b-bg-black-opacity-15 {
background-color: rgba(0, 0, 0, 0.15)
}
.b-bg-black-opacity-10 {
background-color: rgba(0, 0, 0, 0.1)
}
.b-bg-black-opacity-5 {
background-color: rgba(0, 0, 0, 0.05)
}
.b-text-gray {
color: gray
}
.b-bg-gray {
background-color: gray
}
.b-bg-gray-opacity-100 {
background-color: gray
}
.b-bg-gray-opacity-95 {
background-color: rgba(128, 128, 128, 0.95)
}
.b-bg-gray-opacity-90 {
background-color: rgba(128, 128, 128, 0.9)
}
.b-bg-gray-opacity-85 {
background-color: rgba(128, 128, 128, 0.85)
}
.b-bg-gray-opacity-80 {
background-color: rgba(128, 128, 128, 0.8)
}
.b-bg-gray-opacity-75 {
background-color: rgba(128, 128, 128, 0.75)
}
.b-bg-gray-opacity-70 {
background-color: rgba(128, 128, 128, 0.7)
}
.b-bg-gray-opacity-65 {
background-color: rgba(128, 128, 128, 0.65)
}
.b-bg-gray-opacity-60 {
background-color: rgba(128, 128, 128, 0.6)
}
.b-bg-gray-opacity-55 {
background-color: rgba(128, 128, 128, 0.55)
}
.b-bg-gray-opacity-50 {
background-color: rgba(128, 128, 128, 0.5)
}
.b-bg-gray-opacity-45 {
background-color: rgba(128, 128, 128, 0.45)
}
.b-bg-gray-opacity-40 {
background-color: rgba(128, 128, 128, 0.4)
}
.b-bg-gray-opacity-35 {
background-color: rgba(128, 128, 128, 0.35)
}
.b-bg-gray-opacity-30 {
background-color: rgba(128, 128, 128, 0.3)
}
.b-bg-gray-opacity-25 {
background-color: rgba(128, 128, 128, 0.25)
}
.b-bg-gray-opacity-20 {
background-color: rgba(128, 128, 128, 0.2)
}
.b-bg-gray-opacity-15 {
background-color: rgba(128, 128, 128, 0.15)
}
.b-bg-gray-opacity-10 {
background-color: rgba(128, 128, 128, 0.1)
}
.b-bg-gray-opacity-5 {
background-color: rgba(128, 128, 128, 0.05)
}
.b-text-gray-l-p40 {
color: #e6e6e6
}
.b-bg-gray-l-p40 {
background-color: #e6e6e6
}
.b-bg-gray-l-p40-opacity-100 {
background-color: #e6e6e6
}
.b-bg-gray-l-p40-opacity-95 {
background-color: rgba(230, 230, 230, 0.95)
}
.b-bg-gray-l-p40-opacity-90 {
background-color: rgba(230, 230, 230, 0.9)
}
.b-bg-gray-l-p40-opacity-85 {
background-color: rgba(230, 230, 230, 0.85)
}
.b-bg-gray-l-p40-opacity-80 {
background-color: rgba(230, 230, 230, 0.8)
}
.b-bg-gray-l-p40-opacity-75 {
background-color: rgba(230, 230, 230, 0.75)
}
.b-bg-gray-l-p40-opacity-70 {
background-color: rgba(230, 230, 230, 0.7)
}
.b-bg-gray-l-p40-opacity-65 {
background-color: rgba(230, 230, 230, 0.65)
}
.b-bg-gray-l-p40-opacity-60 {
background-color: rgba(230, 230, 230, 0.6)
}
.b-bg-gray-l-p40-opacity-55 {
background-color: rgba(230, 230, 230, 0.55)
}
.b-bg-gray-l-p40-opacity-50 {
background-color: rgba(230, 230, 230, 0.5)
}
.b-bg-gray-l-p40-opacity-45 {
background-color: rgba(230, 230, 230, 0.45)
}
.b-bg-gray-l-p40-opacity-40 {
background-color: rgba(230, 230, 230, 0.4)
}
.b-bg-gray-l-p40-opacity-35 {
background-color: rgba(230, 230, 230, 0.35)
}
.b-bg-gray-l-p40-opacity-30 {
background-color: rgba(230, 230, 230, 0.3)
}
.b-bg-gray-l-p40-opacity-25 {
background-color: rgba(230, 230, 230, 0.25)
}
.b-bg-gray-l-p40-opacity-20 {
background-color: rgba(230, 230, 230, 0.2)
}
.b-bg-gray-l-p40-opacity-15 {
background-color: rgba(230, 230, 230, 0.15)
}
.b-bg-gray-l-p40-opacity-10 {
background-color: rgba(230, 230, 230, 0.1)
}
.b-bg-gray-l-p40-opacity-5 {
background-color: rgba(230, 230, 230, 0.05)
}
.b-text-gray-l-p30 {
color: #cdcdcd
}
.b-bg-gray-l-p30 {
background-color: #cdcdcd
}
.b-bg-gray-l-p30-opacity-100 {
background-color: #cdcdcd
}
.b-bg-gray-l-p30-opacity-95 {
background-color: rgba(205, 205, 205, 0.95)
}
.b-bg-gray-l-p30-opacity-90 {
background-color: rgba(205, 205, 205, 0.9)
}
.b-bg-gray-l-p30-opacity-85 {
background-color: rgba(205, 205, 205, 0.85)
}
.b-bg-gray-l-p30-opacity-80 {
background-color: rgba(205, 205, 205, 0.8)
}
.b-bg-gray-l-p30-opacity-75 {
background-color: rgba(205, 205, 205, 0.75)
}
.b-bg-gray-l-p30-opacity-70 {
background-color: rgba(205, 205, 205, 0.7)
}
.b-bg-gray-l-p30-opacity-65 {
background-color: rgba(205, 205, 205, 0.65)
}
.b-bg-gray-l-p30-opacity-60 {
background-color: rgba(205, 205, 205, 0.6)
}
.b-bg-gray-l-p30-opacity-55 {
background-color: rgba(205, 205, 205, 0.55)
}
.b-bg-gray-l-p30-opacity-50 {
background-color: rgba(205, 205, 205, 0.5)
}
.b-bg-gray-l-p30-opacity-45 {
background-color: rgba(205, 205, 205, 0.45)
}
.b-bg-gray-l-p30-opacity-40 {
background-color: rgba(205, 205, 205, 0.4)
}
.b-bg-gray-l-p30-opacity-35 {
background-color: rgba(205, 205, 205, 0.35)
}
.b-bg-gray-l-p30-opacity-30 {
background-color: rgba(205, 205, 205, 0.3)
}
.b-bg-gray-l-p30-opacity-25 {
background-color: rgba(205, 205, 205, 0.25)
}
.b-bg-gray-l-p30-opacity-20 {
background-color: rgba(205, 205, 205, 0.2)
}
.b-bg-gray-l-p30-opacity-15 {
background-color: rgba(205, 205, 205, 0.15)
}
.b-bg-gray-l-p30-opacity-10 {
background-color: rgba(205, 205, 205, 0.1)
}
.b-bg-gray-l-p30-opacity-5 {
background-color: rgba(205, 205, 205, 0.05)
}
.b-text-gray-l-p20 {
color: #b3b3b3
}
.b-bg-gray-l-p20 {
background-color: #b3b3b3
}
.b-bg-gray-l-p20-opacity-100 {
background-color: #b3b3b3
}
.b-bg-gray-l-p20-opacity-95 {
background-color: rgba(179, 179, 179, 0.95)
}
.b-bg-gray-l-p20-opacity-90 {
background-color: rgba(179, 179, 179, 0.9)
}
.b-bg-gray-l-p20-opacity-85 {
background-color: rgba(179, 179, 179, 0.85)
}
.b-bg-gray-l-p20-opacity-80 {
background-color: rgba(179, 179, 179, 0.8)
}
.b-bg-gray-l-p20-opacity-75 {
background-color: rgba(179, 179, 179, 0.75)
}
.b-bg-gray-l-p20-opacity-70 {
background-color: rgba(179, 179, 179, 0.7)
}
.b-bg-gray-l-p20-opacity-65 {
background-color: rgba(179, 179, 179, 0.65)
}
.b-bg-gray-l-p20-opacity-60 {
background-color: rgba(179, 179, 179, 0.6)
}
.b-bg-gray-l-p20-opacity-55 {
background-color: rgba(179, 179, 179, 0.55)
}
.b-bg-gray-l-p20-opacity-50 {
background-color: rgba(179, 179, 179, 0.5)
}
.b-bg-gray-l-p20-opacity-45 {
background-color: rgba(179, 179, 179, 0.45)
}
.b-bg-gray-l-p20-opacity-40 {
background-color: rgba(179, 179, 179, 0.4)
}
.b-bg-gray-l-p20-opacity-35 {
background-color: rgba(179, 179, 179, 0.35)
}
.b-bg-gray-l-p20-opacity-30 {
background-color: rgba(179, 179, 179, 0.3)
}
.b-bg-gray-l-p20-opacity-25 {
background-color: rgba(179, 179, 179, 0.25)
}
.b-bg-gray-l-p20-opacity-20 {
background-color: rgba(179, 179, 179, 0.2)
}
.b-bg-gray-l-p20-opacity-15 {
background-color: rgba(179, 179, 179, 0.15)
}
.b-bg-gray-l-p20-opacity-10 {
background-color: rgba(179, 179, 179, 0.1)
}
.b-bg-gray-l-p20-opacity-5 {
background-color: rgba(179, 179, 179, 0.05)
}
.b-text-gray-l-p10 {
color: #9a9a9a
}
.b-bg-gray-l-p10 {
background-color: #9a9a9a
}
.b-bg-gray-l-p10-opacity-100 {
background-color: #9a9a9a
}
.b-bg-gray-l-p10-opacity-95 {
background-color: rgba(154, 154, 154, 0.95)
}
.b-bg-gray-l-p10-opacity-90 {
background-color: rgba(154, 154, 154, 0.9)
}
.b-bg-gray-l-p10-opacity-85 {
background-color: rgba(154, 154, 154, 0.85)
}
.b-bg-gray-l-p10-opacity-80 {
background-color: rgba(154, 154, 154, 0.8)
}
.b-bg-gray-l-p10-opacity-75 {
background-color: rgba(154, 154, 154, 0.75)
}
.b-bg-gray-l-p10-opacity-70 {
background-color: rgba(154, 154, 154, 0.7)
}
.b-bg-gray-l-p10-opacity-65 {
background-color: rgba(154, 154, 154, 0.65)
}
.b-bg-gray-l-p10-opacity-60 {
background-color: rgba(154, 154, 154, 0.6)
}
.b-bg-gray-l-p10-opacity-55 {
background-color: rgba(154, 154, 154, 0.55)
}
.b-bg-gray-l-p10-opacity-50 {
background-color: rgba(154, 154, 154, 0.5)
}
.b-bg-gray-l-p10-opacity-45 {
background-color: rgba(154, 154, 154, 0.45)
}
.b-bg-gray-l-p10-opacity-40 {
background-color: rgba(154, 154, 154, 0.4)
}
.b-bg-gray-l-p10-opacity-35 {
background-color: rgba(154, 154, 154, 0.35)
}
.b-bg-gray-l-p10-opacity-30 {
background-color: rgba(154, 154, 154, 0.3)
}
.b-bg-gray-l-p10-opacity-25 {
background-color: rgba(154, 154, 154, 0.25)
}
.b-bg-gray-l-p10-opacity-20 {
background-color: rgba(154, 154, 154, 0.2)
}
.b-bg-gray-l-p10-opacity-15 {
background-color: rgba(154, 154, 154, 0.15)
}
.b-bg-gray-l-p10-opacity-10 {
background-color: rgba(154, 154, 154, 0.1)
}
.b-bg-gray-l-p10-opacity-5 {
background-color: rgba(154, 154, 154, 0.05)
}
.b-text-gray-d-p40 {
color: #1a1a1a
}
.b-bg-gray-d-p40 {
background-color: #1a1a1a
}
.b-bg-gray-d-p40-opacity-100 {
background-color: #1a1a1a
}
.b-bg-gray-d-p40-opacity-95 {
background-color: rgba(26, 26, 26, 0.95)
}
.b-bg-gray-d-p40-opacity-90 {
background-color: rgba(26, 26, 26, 0.9)
}
.b-bg-gray-d-p40-opacity-85 {
background-color: rgba(26, 26, 26, 0.85)
}
.b-bg-gray-d-p40-opacity-80 {
background-color: rgba(26, 26, 26, 0.8)
}
.b-bg-gray-d-p40-opacity-75 {
background-color: rgba(26, 26, 26, 0.75)
}
.b-bg-gray-d-p40-opacity-70 {
background-color: rgba(26, 26, 26, 0.7)
}
.b-bg-gray-d-p40-opacity-65 {
background-color: rgba(26, 26, 26, 0.65)
}
.b-bg-gray-d-p40-opacity-60 {
background-color: rgba(26, 26, 26, 0.6)
}
.b-bg-gray-d-p40-opacity-55 {
background-color: rgba(26, 26, 26, 0.55)
}
.b-bg-gray-d-p40-opacity-50 {
background-color: rgba(26, 26, 26, 0.5)
}
.b-bg-gray-d-p40-opacity-45 {
background-color: rgba(26, 26, 26, 0.45)
}
.b-bg-gray-d-p40-opacity-40 {
background-color: rgba(26, 26, 26, 0.4)
}
.b-bg-gray-d-p40-opacity-35 {
background-color: rgba(26, 26, 26, 0.35)
}
.b-bg-gray-d-p40-opacity-30 {
background-color: rgba(26, 26, 26, 0.3)
}
.b-bg-gray-d-p40-opacity-25 {
background-color: rgba(26, 26, 26, 0.25)
}
.b-bg-gray-d-p40-opacity-20 {
background-color: rgba(26, 26, 26, 0.2)
}
.b-bg-gray-d-p40-opacity-15 {
background-color: rgba(26, 26, 26, 0.15)
}
.b-bg-gray-d-p40-opacity-10 {
background-color: rgba(26, 26, 26, 0.1)
}
.b-bg-gray-d-p40-opacity-5 {
background-color: rgba(26, 26, 26, 0.05)
}
.b-text-gray-d-p30 {
color: #343434
}
.b-bg-gray-d-p30 {
background-color: #343434
}
.b-bg-gray-d-p30-opacity-100 {
background-color: #343434
}
.b-bg-gray-d-p30-opacity-95 {
background-color: rgba(52, 52, 52, 0.95)
}
.b-bg-gray-d-p30-opacity-90 {
background-color: rgba(52, 52, 52, 0.9)
}
.b-bg-gray-d-p30-opacity-85 {
background-color: rgba(52, 52, 52, 0.85)
}
.b-bg-gray-d-p30-opacity-80 {
background-color: rgba(52, 52, 52, 0.8)
}
.b-bg-gray-d-p30-opacity-75 {
background-color: rgba(52, 52, 52, 0.75)
}
.b-bg-gray-d-p30-opacity-70 {
background-color: rgba(52, 52, 52, 0.7)
}
.b-bg-gray-d-p30-opacity-65 {
background-color: rgba(52, 52, 52, 0.65)
}
.b-bg-gray-d-p30-opacity-60 {
background-color: rgba(52, 52, 52, 0.6)
}
.b-bg-gray-d-p30-opacity-55 {
background-color: rgba(52, 52, 52, 0.55)
}
.b-bg-gray-d-p30-opacity-50 {
background-color: rgba(52, 52, 52, 0.5)
}
.b-bg-gray-d-p30-opacity-45 {
background-color: rgba(52, 52, 52, 0.45)
}
.b-bg-gray-d-p30-opacity-40 {
background-color: rgba(52, 52, 52, 0.4)
}
.b-bg-gray-d-p30-opacity-35 {
background-color: rgba(52, 52, 52, 0.35)
}
.b-bg-gray-d-p30-opacity-30 {
background-color: rgba(52, 52, 52, 0.3)
}
.b-bg-gray-d-p30-opacity-25 {
background-color: rgba(52, 52, 52, 0.25)
}
.b-bg-gray-d-p30-opacity-20 {
background-color: rgba(52, 52, 52, 0.2)
}
.b-bg-gray-d-p30-opacity-15 {
background-color: rgba(52, 52, 52, 0.15)
}
.b-bg-gray-d-p30-opacity-10 {
background-color: rgba(52, 52, 52, 0.1)
}
.b-bg-gray-d-p30-opacity-5 {
background-color: rgba(52, 52, 52, 0.05)
}
.b-text-gray-d-p20 {
color: #4d4d4d
}
.b-bg-gray-d-p20 {
background-color: #4d4d4d
}
.b-bg-gray-d-p20-opacity-100 {
background-color: #4d4d4d
}
.b-bg-gray-d-p20-opacity-95 {
background-color: rgba(77, 77, 77, 0.95)
}
.b-bg-gray-d-p20-opacity-90 {
background-color: rgba(77, 77, 77, 0.9)
}
.b-bg-gray-d-p20-opacity-85 {
background-color: rgba(77, 77, 77, 0.85)
}
.b-bg-gray-d-p20-opacity-80 {
background-color: rgba(77, 77, 77, 0.8)
}
.b-bg-gray-d-p20-opacity-75 {
background-color: rgba(77, 77, 77, 0.75)
}
.b-bg-gray-d-p20-opacity-70 {
background-color: rgba(77, 77, 77, 0.7)
}
.b-bg-gray-d-p20-opacity-65 {
background-color: rgba(77, 77, 77, 0.65)
}
.b-bg-gray-d-p20-opacity-60 {
background-color: rgba(77, 77, 77, 0.6)
}
.b-bg-gray-d-p20-opacity-55 {
background-color: rgba(77, 77, 77, 0.55)
}
.b-bg-gray-d-p20-opacity-50 {
background-color: rgba(77, 77, 77, 0.5)
}
.b-bg-gray-d-p20-opacity-45 {
background-color: rgba(77, 77, 77, 0.45)
}
.b-bg-gray-d-p20-opacity-40 {
background-color: rgba(77, 77, 77, 0.4)
}
.b-bg-gray-d-p20-opacity-35 {
background-color: rgba(77, 77, 77, 0.35)
}
.b-bg-gray-d-p20-opacity-30 {
background-color: rgba(77, 77, 77, 0.3)
}
.b-bg-gray-d-p20-opacity-25 {
background-color: rgba(77, 77, 77, 0.25)
}
.b-bg-gray-d-p20-opacity-20 {
background-color: rgba(77, 77, 77, 0.2)
}
.b-bg-gray-d-p20-opacity-15 {
background-color: rgba(77, 77, 77, 0.15)
}
.b-bg-gray-d-p20-opacity-10 {
background-color: rgba(77, 77, 77, 0.1)
}
.b-bg-gray-d-p20-opacity-5 {
background-color: rgba(77, 77, 77, 0.05)
}
.b-text-gray-d-p10 {
color: #676767
}
.b-bg-gray-d-p10 {
background-color: #676767
}
.b-bg-gray-d-p10-opacity-100 {
background-color: #676767
}
.b-bg-gray-d-p10-opacity-95 {
background-color: rgba(103, 103, 103, 0.95)
}
.b-bg-gray-d-p10-opacity-90 {
background-color: rgba(103, 103, 103, 0.9)
}
.b-bg-gray-d-p10-opacity-85 {
background-color: rgba(103, 103, 103, 0.85)
}
.b-bg-gray-d-p10-opacity-80 {
background-color: rgba(103, 103, 103, 0.8)
}
.b-bg-gray-d-p10-opacity-75 {
background-color: rgba(103, 103, 103, 0.75)
}
.b-bg-gray-d-p10-opacity-70 {
background-color: rgba(103, 103, 103, 0.7)
}
.b-bg-gray-d-p10-opacity-65 {
background-color: rgba(103, 103, 103, 0.65)
}
.b-bg-gray-d-p10-opacity-60 {
background-color: rgba(103, 103, 103, 0.6)
}
.b-bg-gray-d-p10-opacity-55 {
background-color: rgba(103, 103, 103, 0.55)
}
.b-bg-gray-d-p10-opacity-50 {
background-color: rgba(103, 103, 103, 0.5)
}
.b-bg-gray-d-p10-opacity-45 {
background-color: rgba(103, 103, 103, 0.45)
}
.b-bg-gray-d-p10-opacity-40 {
background-color: rgba(103, 103, 103, 0.4)
}
.b-bg-gray-d-p10-opacity-35 {
background-color: rgba(103, 103, 103, 0.35)
}
.b-bg-gray-d-p10-opacity-30 {
background-color: rgba(103, 103, 103, 0.3)
}
.b-bg-gray-d-p10-opacity-25 {
background-color: rgba(103, 103, 103, 0.25)
}
.b-bg-gray-d-p10-opacity-20 {
background-color: rgba(103, 103, 103, 0.2)
}
.b-bg-gray-d-p10-opacity-15 {
background-color: rgba(103, 103, 103, 0.15)
}
.b-bg-gray-d-p10-opacity-10 {
background-color: rgba(103, 103, 103, 0.1)
}
.b-bg-gray-d-p10-opacity-5 {
background-color: rgba(103, 103, 103, 0.05)
}
.b-text-transparent {
color: transparent
}
.b-bg-transparent {
background-color: transparent
}
.b-bg-transparent-opacity-100 {
background-color: #000
}
.b-bg-transparent-opacity-95 {
background-color: rgba(0, 0, 0, 0.95)
}
.b-bg-transparent-opacity-90 {
background-color: rgba(0, 0, 0, 0.9)
}
.b-bg-transparent-opacity-85 {
background-color: rgba(0, 0, 0, 0.85)
}
.b-bg-transparent-opacity-80 {
background-color: rgba(0, 0, 0, 0.8)
}
.b-bg-transparent-opacity-75 {
background-color: rgba(0, 0, 0, 0.75)
}
.b-bg-transparent-opacity-70 {
background-color: rgba(0, 0, 0, 0.7)
}
.b-bg-transparent-opacity-65 {
background-color: rgba(0, 0, 0, 0.65)
}
.b-bg-transparent-opacity-60 {
background-color: rgba(0, 0, 0, 0.6)
}
.b-bg-transparent-opacity-55 {
background-color: rgba(0, 0, 0, 0.55)
}
.b-bg-transparent-opacity-50 {
background-color: rgba(0, 0, 0, 0.5)
}
.b-bg-transparent-opacity-45 {
background-color: rgba(0, 0, 0, 0.45)
}
.b-bg-transparent-opacity-40 {
background-color: rgba(0, 0, 0, 0.4)
}
.b-bg-transparent-opacity-35 {
background-color: rgba(0, 0, 0, 0.35)
}
.b-bg-transparent-opacity-30 {
background-color: rgba(0, 0, 0, 0.3)
}
.b-bg-transparent-opacity-25 {
background-color: rgba(0, 0, 0, 0.25)
}
.b-bg-transparent-opacity-20 {
background-color: rgba(0, 0, 0, 0.2)
}
.b-bg-transparent-opacity-15 {
background-color: rgba(0, 0, 0, 0.15)
}
.b-bg-transparent-opacity-10 {
background-color: rgba(0, 0, 0, 0.1)
}
.b-bg-transparent-opacity-5 {
background-color: rgba(0, 0, 0, 0.05)
}
.b-text-gray-44 {
color: #444
}
.b-bg-gray-44 {
background-color: #444
}
.b-bg-gray-44-opacity-100 {
background-color: #444
}
.b-bg-gray-44-opacity-95 {
background-color: rgba(68, 68, 68, 0.95)
}
.b-bg-gray-44-opacity-90 {
background-color: rgba(68, 68, 68, 0.9)
}
.b-bg-gray-44-opacity-85 {
background-color: rgba(68, 68, 68, 0.85)
}
.b-bg-gray-44-opacity-80 {
background-color: rgba(68, 68, 68, 0.8)
}
.b-bg-gray-44-opacity-75 {
background-color: rgba(68, 68, 68, 0.75)
}
.b-bg-gray-44-opacity-70 {
background-color: rgba(68, 68, 68, 0.7)
}
.b-bg-gray-44-opacity-65 {
background-color: rgba(68, 68, 68, 0.65)
}
.b-bg-gray-44-opacity-60 {
background-color: rgba(68, 68, 68, 0.6)
}
.b-bg-gray-44-opacity-55 {
background-color: rgba(68, 68, 68, 0.55)
}
.b-bg-gray-44-opacity-50 {
background-color: rgba(68, 68, 68, 0.5)
}
.b-bg-gray-44-opacity-45 {
background-color: rgba(68, 68, 68, 0.45)
}
.b-bg-gray-44-opacity-40 {
background-color: rgba(68, 68, 68, 0.4)
}
.b-bg-gray-44-opacity-35 {
background-color: rgba(68, 68, 68, 0.35)
}
.b-bg-gray-44-opacity-30 {
background-color: rgba(68, 68, 68, 0.3)
}
.b-bg-gray-44-opacity-25 {
background-color: rgba(68, 68, 68, 0.25)
}
.b-bg-gray-44-opacity-20 {
background-color: rgba(68, 68, 68, 0.2)
}
.b-bg-gray-44-opacity-15 {
background-color: rgba(68, 68, 68, 0.15)
}
.b-bg-gray-44-opacity-10 {
background-color: rgba(68, 68, 68, 0.1)
}
.b-bg-gray-44-opacity-5 {
background-color: rgba(68, 68, 68, 0.05)
}
.b-text-gray-4a {
color: #4a4a4a
}
.b-bg-gray-4a {
background-color: #4a4a4a
}
.b-bg-gray-4a-opacity-100 {
background-color: #4a4a4a
}
.b-bg-gray-4a-opacity-95 {
background-color: rgba(74, 74, 74, 0.95)
}
.b-bg-gray-4a-opacity-90 {
background-color: rgba(74, 74, 74, 0.9)
}
.b-bg-gray-4a-opacity-85 {
background-color: rgba(74, 74, 74, 0.85)
}
.b-bg-gray-4a-opacity-80 {
background-color: rgba(74, 74, 74, 0.8)
}
.b-bg-gray-4a-opacity-75 {
background-color: rgba(74, 74, 74, 0.75)
}
.b-bg-gray-4a-opacity-70 {
background-color: rgba(74, 74, 74, 0.7)
}
.b-bg-gray-4a-opacity-65 {
background-color: rgba(74, 74, 74, 0.65)
}
.b-bg-gray-4a-opacity-60 {
background-color: rgba(74, 74, 74, 0.6)
}
.b-bg-gray-4a-opacity-55 {
background-color: rgba(74, 74, 74, 0.55)
}
.b-bg-gray-4a-opacity-50 {
background-color: rgba(74, 74, 74, 0.5)
}
.b-bg-gray-4a-opacity-45 {
background-color: rgba(74, 74, 74, 0.45)
}
.b-bg-gray-4a-opacity-40 {
background-color: rgba(74, 74, 74, 0.4)
}
.b-bg-gray-4a-opacity-35 {
background-color: rgba(74, 74, 74, 0.35)
}
.b-bg-gray-4a-opacity-30 {
background-color: rgba(74, 74, 74, 0.3)
}
.b-bg-gray-4a-opacity-25 {
background-color: rgba(74, 74, 74, 0.25)
}
.b-bg-gray-4a-opacity-20 {
background-color: rgba(74, 74, 74, 0.2)
}
.b-bg-gray-4a-opacity-15 {
background-color: rgba(74, 74, 74, 0.15)
}
.b-bg-gray-4a-opacity-10 {
background-color: rgba(74, 74, 74, 0.1)
}
.b-bg-gray-4a-opacity-5 {
background-color: rgba(74, 74, 74, 0.05)
}
.b-text-gray-59 {
color: #595959
}
.b-bg-gray-59 {
background-color: #595959
}
.b-bg-gray-59-opacity-100 {
background-color: #595959
}
.b-bg-gray-59-opacity-95 {
background-color: rgba(89, 89, 89, 0.95)
}
.b-bg-gray-59-opacity-90 {
background-color: rgba(89, 89, 89, 0.9)
}
.b-bg-gray-59-opacity-85 {
background-color: rgba(89, 89, 89, 0.85)
}
.b-bg-gray-59-opacity-80 {
background-color: rgba(89, 89, 89, 0.8)
}
.b-bg-gray-59-opacity-75 {
background-color: rgba(89, 89, 89, 0.75)
}
.b-bg-gray-59-opacity-70 {
background-color: rgba(89, 89, 89, 0.7)
}
.b-bg-gray-59-opacity-65 {
background-color: rgba(89, 89, 89, 0.65)
}
.b-bg-gray-59-opacity-60 {
background-color: rgba(89, 89, 89, 0.6)
}
.b-bg-gray-59-opacity-55 {
background-color: rgba(89, 89, 89, 0.55)
}
.b-bg-gray-59-opacity-50 {
background-color: rgba(89, 89, 89, 0.5)
}
.b-bg-gray-59-opacity-45 {
background-color: rgba(89, 89, 89, 0.45)
}
.b-bg-gray-59-opacity-40 {
background-color: rgba(89, 89, 89, 0.4)
}
.b-bg-gray-59-opacity-35 {
background-color: rgba(89, 89, 89, 0.35)
}
.b-bg-gray-59-opacity-30 {
background-color: rgba(89, 89, 89, 0.3)
}
.b-bg-gray-59-opacity-25 {
background-color: rgba(89, 89, 89, 0.25)
}
.b-bg-gray-59-opacity-20 {
background-color: rgba(89, 89, 89, 0.2)
}
.b-bg-gray-59-opacity-15 {
background-color: rgba(89, 89, 89, 0.15)
}
.b-bg-gray-59-opacity-10 {
background-color: rgba(89, 89, 89, 0.1)
}
.b-bg-gray-59-opacity-5 {
background-color: rgba(89, 89, 89, 0.05)
}
.b-text-gray-8e {
color: #8e8e8e
}
.b-bg-gray-8e {
background-color: #8e8e8e
}
.b-bg-gray-8e-opacity-100 {
background-color: #8e8e8e
}
.b-bg-gray-8e-opacity-95 {
background-color: rgba(142, 142, 142, 0.95)
}
.b-bg-gray-8e-opacity-90 {
background-color: rgba(142, 142, 142, 0.9)
}
.b-bg-gray-8e-opacity-85 {
background-color: rgba(142, 142, 142, 0.85)
}
.b-bg-gray-8e-opacity-80 {
background-color: rgba(142, 142, 142, 0.8)
}
.b-bg-gray-8e-opacity-75 {
background-color: rgba(142, 142, 142, 0.75)
}
.b-bg-gray-8e-opacity-70 {
background-color: rgba(142, 142, 142, 0.7)
}
.b-bg-gray-8e-opacity-65 {
background-color: rgba(142, 142, 142, 0.65)
}
.b-bg-gray-8e-opacity-60 {
background-color: rgba(142, 142, 142, 0.6)
}
.b-bg-gray-8e-opacity-55 {
background-color: rgba(142, 142, 142, 0.55)
}
.b-bg-gray-8e-opacity-50 {
background-color: rgba(142, 142, 142, 0.5)
}
.b-bg-gray-8e-opacity-45 {
background-color: rgba(142, 142, 142, 0.45)
}
.b-bg-gray-8e-opacity-40 {
background-color: rgba(142, 142, 142, 0.4)
}
.b-bg-gray-8e-opacity-35 {
background-color: rgba(142, 142, 142, 0.35)
}
.b-bg-gray-8e-opacity-30 {
background-color: rgba(142, 142, 142, 0.3)
}
.b-bg-gray-8e-opacity-25 {
background-color: rgba(142, 142, 142, 0.25)
}
.b-bg-gray-8e-opacity-20 {
background-color: rgba(142, 142, 142, 0.2)
}
.b-bg-gray-8e-opacity-15 {
background-color: rgba(142, 142, 142, 0.15)
}
.b-bg-gray-8e-opacity-10 {
background-color: rgba(142, 142, 142, 0.1)
}
.b-bg-gray-8e-opacity-5 {
background-color: rgba(142, 142, 142, 0.05)
}
.b-text-gray-d7 {
color: #d7d7d7
}
.b-bg-gray-d7 {
background-color: #d7d7d7
}
.b-bg-gray-d7-opacity-100 {
background-color: #d7d7d7
}
.b-bg-gray-d7-opacity-95 {
background-color: rgba(215, 215, 215, 0.95)
}
.b-bg-gray-d7-opacity-90 {
background-color: rgba(215, 215, 215, 0.9)
}
.b-bg-gray-d7-opacity-85 {
background-color: rgba(215, 215, 215, 0.85)
}
.b-bg-gray-d7-opacity-80 {
background-color: rgba(215, 215, 215, 0.8)
}
.b-bg-gray-d7-opacity-75 {
background-color: rgba(215, 215, 215, 0.75)
}
.b-bg-gray-d7-opacity-70 {
background-color: rgba(215, 215, 215, 0.7)
}
.b-bg-gray-d7-opacity-65 {
background-color: rgba(215, 215, 215, 0.65)
}
.b-bg-gray-d7-opacity-60 {
background-color: rgba(215, 215, 215, 0.6)
}
.b-bg-gray-d7-opacity-55 {
background-color: rgba(215, 215, 215, 0.55)
}
.b-bg-gray-d7-opacity-50 {
background-color: rgba(215, 215, 215, 0.5)
}
.b-bg-gray-d7-opacity-45 {
background-color: rgba(215, 215, 215, 0.45)
}
.b-bg-gray-d7-opacity-40 {
background-color: rgba(215, 215, 215, 0.4)
}
.b-bg-gray-d7-opacity-35 {
background-color: rgba(215, 215, 215, 0.35)
}
.b-bg-gray-d7-opacity-30 {
background-color: rgba(215, 215, 215, 0.3)
}
.b-bg-gray-d7-opacity-25 {
background-color: rgba(215, 215, 215, 0.25)
}
.b-bg-gray-d7-opacity-20 {
background-color: rgba(215, 215, 215, 0.2)
}
.b-bg-gray-d7-opacity-15 {
background-color: rgba(215, 215, 215, 0.15)
}
.b-bg-gray-d7-opacity-10 {
background-color: rgba(215, 215, 215, 0.1)
}
.b-bg-gray-d7-opacity-5 {
background-color: rgba(215, 215, 215, 0.05)
}
.b-text-gray-e7 {
color: #e7e7e7
}
.b-bg-gray-e7 {
background-color: #e7e7e7
}
.b-bg-gray-e7-opacity-100 {
background-color: #e7e7e7
}
.b-bg-gray-e7-opacity-95 {
background-color: rgba(231, 231, 231, 0.95)
}
.b-bg-gray-e7-opacity-90 {
background-color: rgba(231, 231, 231, 0.9)
}
.b-bg-gray-e7-opacity-85 {
background-color: rgba(231, 231, 231, 0.85)
}
.b-bg-gray-e7-opacity-80 {
background-color: rgba(231, 231, 231, 0.8)
}
.b-bg-gray-e7-opacity-75 {
background-color: rgba(231, 231, 231, 0.75)
}
.b-bg-gray-e7-opacity-70 {
background-color: rgba(231, 231, 231, 0.7)
}
.b-bg-gray-e7-opacity-65 {
background-color: rgba(231, 231, 231, 0.65)
}
.b-bg-gray-e7-opacity-60 {
background-color: rgba(231, 231, 231, 0.6)
}
.b-bg-gray-e7-opacity-55 {
background-color: rgba(231, 231, 231, 0.55)
}
.b-bg-gray-e7-opacity-50 {
background-color: rgba(231, 231, 231, 0.5)
}
.b-bg-gray-e7-opacity-45 {
background-color: rgba(231, 231, 231, 0.45)
}
.b-bg-gray-e7-opacity-40 {
background-color: rgba(231, 231, 231, 0.4)
}
.b-bg-gray-e7-opacity-35 {
background-color: rgba(231, 231, 231, 0.35)
}
.b-bg-gray-e7-opacity-30 {
background-color: rgba(231, 231, 231, 0.3)
}
.b-bg-gray-e7-opacity-25 {
background-color: rgba(231, 231, 231, 0.25)
}
.b-bg-gray-e7-opacity-20 {
background-color: rgba(231, 231, 231, 0.2)
}
.b-bg-gray-e7-opacity-15 {
background-color: rgba(231, 231, 231, 0.15)
}
.b-bg-gray-e7-opacity-10 {
background-color: rgba(231, 231, 231, 0.1)
}
.b-bg-gray-e7-opacity-5 {
background-color: rgba(231, 231, 231, 0.05)
}
.b-text-gray-f2 {
color: #f2f2f2
}
.b-bg-gray-f2 {
background-color: #f2f2f2
}
.b-bg-gray-f2-opacity-100 {
background-color: #f2f2f2
}
.b-bg-gray-f2-opacity-95 {
background-color: rgba(242, 242, 242, 0.95)
}
.b-bg-gray-f2-opacity-90 {
background-color: rgba(242, 242, 242, 0.9)
}
.b-bg-gray-f2-opacity-85 {
background-color: rgba(242, 242, 242, 0.85)
}
.b-bg-gray-f2-opacity-80 {
background-color: rgba(242, 242, 242, 0.8)
}
.b-bg-gray-f2-opacity-75 {
background-color: rgba(242, 242, 242, 0.75)
}
.b-bg-gray-f2-opacity-70 {
background-color: rgba(242, 242, 242, 0.7)
}
.b-bg-gray-f2-opacity-65 {
background-color: rgba(242, 242, 242, 0.65)
}
.b-bg-gray-f2-opacity-60 {
background-color: rgba(242, 242, 242, 0.6)
}
.b-bg-gray-f2-opacity-55 {
background-color: rgba(242, 242, 242, 0.55)
}
.b-bg-gray-f2-opacity-50 {
background-color: rgba(242, 242, 242, 0.5)
}
.b-bg-gray-f2-opacity-45 {
background-color: rgba(242, 242, 242, 0.45)
}
.b-bg-gray-f2-opacity-40 {
background-color: rgba(242, 242, 242, 0.4)
}
.b-bg-gray-f2-opacity-35 {
background-color: rgba(242, 242, 242, 0.35)
}
.b-bg-gray-f2-opacity-30 {
background-color: rgba(242, 242, 242, 0.3)
}
.b-bg-gray-f2-opacity-25 {
background-color: rgba(242, 242, 242, 0.25)
}
.b-bg-gray-f2-opacity-20 {
background-color: rgba(242, 242, 242, 0.2)
}
.b-bg-gray-f2-opacity-15 {
background-color: rgba(242, 242, 242, 0.15)
}
.b-bg-gray-f2-opacity-10 {
background-color: rgba(242, 242, 242, 0.1)
}
.b-bg-gray-f2-opacity-5 {
background-color: rgba(242, 242, 242, 0.05)
}
.b-text-gray-f8 {
color: #f8f8f8
}
.b-bg-gray-f8 {
background-color: #f8f8f8
}
.b-bg-gray-f8-opacity-100 {
background-color: #f8f8f8
}
.b-bg-gray-f8-opacity-95 {
background-color: rgba(248, 248, 248, 0.95)
}
.b-bg-gray-f8-opacity-90 {
background-color: rgba(248, 248, 248, 0.9)
}
.b-bg-gray-f8-opacity-85 {
background-color: rgba(248, 248, 248, 0.85)
}
.b-bg-gray-f8-opacity-80 {
background-color: rgba(248, 248, 248, 0.8)
}
.b-bg-gray-f8-opacity-75 {
background-color: rgba(248, 248, 248, 0.75)
}
.b-bg-gray-f8-opacity-70 {
background-color: rgba(248, 248, 248, 0.7)
}
.b-bg-gray-f8-opacity-65 {
background-color: rgba(248, 248, 248, 0.65)
}
.b-bg-gray-f8-opacity-60 {
background-color: rgba(248, 248, 248, 0.6)
}
.b-bg-gray-f8-opacity-55 {
background-color: rgba(248, 248, 248, 0.55)
}
.b-bg-gray-f8-opacity-50 {
background-color: rgba(248, 248, 248, 0.5)
}
.b-bg-gray-f8-opacity-45 {
background-color: rgba(248, 248, 248, 0.45)
}
.b-bg-gray-f8-opacity-40 {
background-color: rgba(248, 248, 248, 0.4)
}
.b-bg-gray-f8-opacity-35 {
background-color: rgba(248, 248, 248, 0.35)
}
.b-bg-gray-f8-opacity-30 {
background-color: rgba(248, 248, 248, 0.3)
}
.b-bg-gray-f8-opacity-25 {
background-color: rgba(248, 248, 248, 0.25)
}
.b-bg-gray-f8-opacity-20 {
background-color: rgba(248, 248, 248, 0.2)
}
.b-bg-gray-f8-opacity-15 {
background-color: rgba(248, 248, 248, 0.15)
}
.b-bg-gray-f8-opacity-10 {
background-color: rgba(248, 248, 248, 0.1)
}
.b-bg-gray-f8-opacity-5 {
background-color: rgba(248, 248, 248, 0.05)
}
.b-text-red {
color: #333333
}
.b-bg-red {
background-color: #d70c18
}
.b-bg-red-opacity-100 {
background-color: #d70c18
}
.b-bg-red-opacity-95 {
background-color: rgba(215, 12, 24, 0.95)
}
.b-bg-red-opacity-90 {
background-color: rgba(215, 12, 24, 0.9)
}
.b-bg-red-opacity-85 {
background-color: rgba(215, 12, 24, 0.85)
}
.b-bg-red-opacity-80 {
background-color: rgba(215, 12, 24, 0.8)
}
.b-bg-red-opacity-75 {
background-color: rgba(215, 12, 24, 0.75)
}
.b-bg-red-opacity-70 {
background-color: rgba(215, 12, 24, 0.7)
}
.b-bg-red-opacity-65 {
background-color: rgba(215, 12, 24, 0.65)
}
.b-bg-red-opacity-60 {
background-color: rgba(215, 12, 24, 0.6)
}
.b-bg-red-opacity-55 {
background-color: rgba(215, 12, 24, 0.55)
}
.b-bg-red-opacity-50 {
background-color: rgba(215, 12, 24, 0.5)
}
.b-bg-red-opacity-45 {
background-color: rgba(215, 12, 24, 0.45)
}
.b-bg-red-opacity-40 {
background-color: rgba(215, 12, 24, 0.4)
}
.b-bg-red-opacity-35 {
background-color: rgba(215, 12, 24, 0.35)
}
.b-bg-red-opacity-30 {
background-color: rgba(215, 12, 24, 0.3)
}
.b-bg-red-opacity-25 {
background-color: rgba(215, 12, 24, 0.25)
}
.b-bg-red-opacity-20 {
background-color: rgba(215, 12, 24, 0.2)
}
.b-bg-red-opacity-15 {
background-color: rgba(215, 12, 24, 0.15)
}
.b-bg-red-opacity-10 {
background-color: rgba(215, 12, 24, 0.1)
}
.b-bg-red-opacity-5 {
background-color: rgba(215, 12, 24, 0.05)
}
.b-text-pink {
color: #f7ced1
}
.b-bg-pink {
background-color: #f7ced1
}
.b-bg-pink-opacity-100 {
background-color: #f7ced1
}
.b-bg-pink-opacity-95 {
background-color: rgba(247, 206, 209, 0.95)
}
.b-bg-pink-opacity-90 {
background-color: rgba(247, 206, 209, 0.9)
}
.b-bg-pink-opacity-85 {
background-color: rgba(247, 206, 209, 0.85)
}
.b-bg-pink-opacity-80 {
background-color: rgba(247, 206, 209, 0.8)
}
.b-bg-pink-opacity-75 {
background-color: rgba(247, 206, 209, 0.75)
}
.b-bg-pink-opacity-70 {
background-color: rgba(247, 206, 209, 0.7)
}
.b-bg-pink-opacity-65 {
background-color: rgba(247, 206, 209, 0.65)
}
.b-bg-pink-opacity-60 {
background-color: rgba(247, 206, 209, 0.6)
}
.b-bg-pink-opacity-55 {
background-color: rgba(247, 206, 209, 0.55)
}
.b-bg-pink-opacity-50 {
background-color: rgba(247, 206, 209, 0.5)
}
.b-bg-pink-opacity-45 {
background-color: rgba(247, 206, 209, 0.45)
}
.b-bg-pink-opacity-40 {
background-color: rgba(247, 206, 209, 0.4)
}
.b-bg-pink-opacity-35 {
background-color: rgba(247, 206, 209, 0.35)
}
.b-bg-pink-opacity-30 {
background-color: rgba(247, 206, 209, 0.3)
}
.b-bg-pink-opacity-25 {
background-color: rgba(247, 206, 209, 0.25)
}
.b-bg-pink-opacity-20 {
background-color: rgba(247, 206, 209, 0.2)
}
.b-bg-pink-opacity-15 {
background-color: rgba(247, 206, 209, 0.15)
}
.b-bg-pink-opacity-10 {
background-color: rgba(247, 206, 209, 0.1)
}
.b-bg-pink-opacity-5 {
background-color: rgba(247, 206, 209, 0.05)
}
.b-text-pink-1 {
color: #ffeaeb
}
.b-bg-pink-1 {
background-color: #ffeaeb
}
.b-bg-pink-1-opacity-100 {
background-color: #ffeaeb
}
.b-bg-pink-1-opacity-95 {
background-color: rgba(255, 234, 235, 0.95)
}
.b-bg-pink-1-opacity-90 {
background-color: rgba(255, 234, 235, 0.9)
}
.b-bg-pink-1-opacity-85 {
background-color: rgba(255, 234, 235, 0.85)
}
.b-bg-pink-1-opacity-80 {
background-color: rgba(255, 234, 235, 0.8)
}
.b-bg-pink-1-opacity-75 {
background-color: rgba(255, 234, 235, 0.75)
}
.b-bg-pink-1-opacity-70 {
background-color: rgba(255, 234, 235, 0.7)
}
.b-bg-pink-1-opacity-65 {
background-color: rgba(255, 234, 235, 0.65)
}
.b-bg-pink-1-opacity-60 {
background-color: rgba(255, 234, 235, 0.6)
}
.b-bg-pink-1-opacity-55 {
background-color: rgba(255, 234, 235, 0.55)
}
.b-bg-pink-1-opacity-50 {
background-color: rgba(255, 234, 235, 0.5)
}
.b-bg-pink-1-opacity-45 {
background-color: rgba(255, 234, 235, 0.45)
}
.b-bg-pink-1-opacity-40 {
background-color: rgba(255, 234, 235, 0.4)
}
.b-bg-pink-1-opacity-35 {
background-color: rgba(255, 234, 235, 0.35)
}
.b-bg-pink-1-opacity-30 {
background-color: rgba(255, 234, 235, 0.3)
}
.b-bg-pink-1-opacity-25 {
background-color: rgba(255, 234, 235, 0.25)
}
.b-bg-pink-1-opacity-20 {
background-color: rgba(255, 234, 235, 0.2)
}
.b-bg-pink-1-opacity-15 {
background-color: rgba(255, 234, 235, 0.15)
}
.b-bg-pink-1-opacity-10 {
background-color: rgba(255, 234, 235, 0.1)
}
.b-bg-pink-1-opacity-5 {
background-color: rgba(255, 234, 235, 0.05)
}
.b-text-pink-2 {
color: #ef7886
}
.b-bg-pink-2 {
background-color: #579bd3
}
.b-bg-pink-2-opacity-100 {
background-color: #ef7886
}
.b-bg-pink-2-opacity-95 {
background-color: rgba(239, 120, 134, 0.95)
}
.b-bg-pink-2-opacity-90 {
background-color: rgba(239, 120, 134, 0.9)
}
.b-bg-pink-2-opacity-85 {
background-color: rgba(239, 120, 134, 0.85)
}
.b-bg-pink-2-opacity-80 {
background-color: rgba(239, 120, 134, 0.8)
}
.b-bg-pink-2-opacity-75 {
background-color: rgba(239, 120, 134, 0.75)
}
.b-bg-pink-2-opacity-70 {
background-color: rgba(239, 120, 134, 0.7)
}
.b-bg-pink-2-opacity-65 {
background-color: rgba(239, 120, 134, 0.65)
}
.b-bg-pink-2-opacity-60 {
background-color: rgba(239, 120, 134, 0.6)
}
.b-bg-pink-2-opacity-55 {
background-color: rgba(239, 120, 134, 0.55)
}
.b-bg-pink-2-opacity-50 {
background-color: rgba(239, 120, 134, 0.5)
}
.b-bg-pink-2-opacity-45 {
background-color: rgba(239, 120, 134, 0.45)
}
.b-bg-pink-2-opacity-40 {
background-color: rgba(239, 120, 134, 0.4)
}
.b-bg-pink-2-opacity-35 {
background-color: rgba(239, 120, 134, 0.35)
}
.b-bg-pink-2-opacity-30 {
background-color: rgba(239, 120, 134, 0.3)
}
.b-bg-pink-2-opacity-25 {
background-color: rgba(239, 120, 134, 0.25)
}
.b-bg-pink-2-opacity-20 {
background-color: rgba(239, 120, 134, 0.2)
}
.b-bg-pink-2-opacity-15 {
background-color: rgba(239, 120, 134, 0.15)
}
.b-bg-pink-2-opacity-10 {
background-color: rgba(239, 120, 134, 0.1)
}
.b-bg-pink-2-opacity-5 {
background-color: rgba(239, 120, 134, 0.05)
}
.b-text-peach-purple {
color: #cc3467
}
.b-bg-peach-purple {
background-color: #cc3467
}
.b-bg-peach-purple-opacity-100 {
background-color: #cc3467
}
.b-bg-peach-purple-opacity-95 {
background-color: rgba(204, 52, 103, 0.95)
}
.b-bg-peach-purple-opacity-90 {
background-color: rgba(204, 52, 103, 0.9)
}
.b-bg-peach-purple-opacity-85 {
background-color: rgba(204, 52, 103, 0.85)
}
.b-bg-peach-purple-opacity-80 {
background-color: rgba(204, 52, 103, 0.8)
}
.b-bg-peach-purple-opacity-75 {
background-color: rgba(204, 52, 103, 0.75)
}
.b-bg-peach-purple-opacity-70 {
background-color: rgba(204, 52, 103, 0.7)
}
.b-bg-peach-purple-opacity-65 {
background-color: rgba(204, 52, 103, 0.65)
}
.b-bg-peach-purple-opacity-60 {
background-color: rgba(204, 52, 103, 0.6)
}
.b-bg-peach-purple-opacity-55 {
background-color: rgba(204, 52, 103, 0.55)
}
.b-bg-peach-purple-opacity-50 {
background-color: rgba(204, 52, 103, 0.5)
}
.b-bg-peach-purple-opacity-45 {
background-color: rgba(204, 52, 103, 0.45)
}
.b-bg-peach-purple-opacity-40 {
background-color: rgba(204, 52, 103, 0.4)
}
.b-bg-peach-purple-opacity-35 {
background-color: rgba(204, 52, 103, 0.35)
}
.b-bg-peach-purple-opacity-30 {
background-color: rgba(204, 52, 103, 0.3)
}
.b-bg-peach-purple-opacity-25 {
background-color: rgba(204, 52, 103, 0.25)
}
.b-bg-peach-purple-opacity-20 {
background-color: rgba(204, 52, 103, 0.2)
}
.b-bg-peach-purple-opacity-15 {
background-color: rgba(204, 52, 103, 0.15)
}
.b-bg-peach-purple-opacity-10 {
background-color: rgba(204, 52, 103, 0.1)
}
.b-bg-peach-purple-opacity-5 {
background-color: rgba(204, 52, 103, 0.05)
}
.b-text-green {
color: #55c187
}
.b-bg-green {
background-color: #55c187
}
.b-bg-green-opacity-100 {
background-color: #55c187
}
.b-bg-green-opacity-95 {
background-color: rgba(85, 193, 135, 0.95)
}
.b-bg-green-opacity-90 {
background-color: rgba(85, 193, 135, 0.9)
}
.b-bg-green-opacity-85 {
background-color: rgba(85, 193, 135, 0.85)
}
.b-bg-green-opacity-80 {
background-color: rgba(85, 193, 135, 0.8)
}
.b-bg-green-opacity-75 {
background-color: rgba(85, 193, 135, 0.75)
}
.b-bg-green-opacity-70 {
background-color: rgba(85, 193, 135, 0.7)
}
.b-bg-green-opacity-65 {
background-color: rgba(85, 193, 135, 0.65)
}
.b-bg-green-opacity-60 {
background-color: rgba(85, 193, 135, 0.6)
}
.b-bg-green-opacity-55 {
background-color: rgba(85, 193, 135, 0.55)
}
.b-bg-green-opacity-50 {
background-color: rgba(85, 193, 135, 0.5)
}
.b-bg-green-opacity-45 {
background-color: rgba(85, 193, 135, 0.45)
}
.b-bg-green-opacity-40 {
background-color: rgba(85, 193, 135, 0.4)
}
.b-bg-green-opacity-35 {
background-color: rgba(85, 193, 135, 0.35)
}
.b-bg-green-opacity-30 {
background-color: rgba(85, 193, 135, 0.3)
}
.b-bg-green-opacity-25 {
background-color: rgba(85, 193, 135, 0.25)
}
.b-bg-green-opacity-20 {
background-color: rgba(85, 193, 135, 0.2)
}
.b-bg-green-opacity-15 {
background-color: rgba(85, 193, 135, 0.15)
}
.b-bg-green-opacity-10 {
background-color: rgba(85, 193, 135, 0.1)
}
.b-bg-green-opacity-5 {
background-color: rgba(85, 193, 135, 0.05)
}
.b-text-brown {
color: #a58329
}
.b-bg-brown {
background-color: #a58329
}
.b-bg-brown-opacity-100 {
background-color: #a58329
}
.b-bg-brown-opacity-95 {
background-color: rgba(165, 131, 41, 0.95)
}
.b-bg-brown-opacity-90 {
background-color: rgba(165, 131, 41, 0.9)
}
.b-bg-brown-opacity-85 {
background-color: rgba(165, 131, 41, 0.85)
}
.b-bg-brown-opacity-80 {
background-color: rgba(165, 131, 41, 0.8)
}
.b-bg-brown-opacity-75 {
background-color: rgba(165, 131, 41, 0.75)
}
.b-bg-brown-opacity-70 {
background-color: rgba(165, 131, 41, 0.7)
}
.b-bg-brown-opacity-65 {
background-color: rgba(165, 131, 41, 0.65)
}
.b-bg-brown-opacity-60 {
background-color: rgba(165, 131, 41, 0.6)
}
.b-bg-brown-opacity-55 {
background-color: rgba(165, 131, 41, 0.55)
}
.b-bg-brown-opacity-50 {
background-color: rgba(165, 131, 41, 0.5)
}
.b-bg-brown-opacity-45 {
background-color: rgba(165, 131, 41, 0.45)
}
.b-bg-brown-opacity-40 {
background-color: rgba(165, 131, 41, 0.4)
}
.b-bg-brown-opacity-35 {
background-color: rgba(165, 131, 41, 0.35)
}
.b-bg-brown-opacity-30 {
background-color: rgba(165, 131, 41, 0.3)
}
.b-bg-brown-opacity-25 {
background-color: rgba(165, 131, 41, 0.25)
}
.b-bg-brown-opacity-20 {
background-color: rgba(165, 131, 41, 0.2)
}
.b-bg-brown-opacity-15 {
background-color: rgba(165, 131, 41, 0.15)
}
.b-bg-brown-opacity-10 {
background-color: rgba(165, 131, 41, 0.1)
}
.b-bg-brown-opacity-5 {
background-color: rgba(165, 131, 41, 0.05)
}
.b-text-gray-apple {
color: #d6d5d8
}
.b-bg-gray-apple {
background-color: #d6d5d8
}
.b-bg-gray-apple-opacity-100 {
background-color: #d6d5d8
}
.b-bg-gray-apple-opacity-95 {
background-color: rgba(214, 213, 216, 0.95)
}
.b-bg-gray-apple-opacity-90 {
background-color: rgba(214, 213, 216, 0.9)
}
.b-bg-gray-apple-opacity-85 {
background-color: rgba(214, 213, 216, 0.85)
}
.b-bg-gray-apple-opacity-80 {
background-color: rgba(214, 213, 216, 0.8)
}
.b-bg-gray-apple-opacity-75 {
background-color: rgba(214, 213, 216, 0.75)
}
.b-bg-gray-apple-opacity-70 {
background-color: rgba(214, 213, 216, 0.7)
}
.b-bg-gray-apple-opacity-65 {
background-color: rgba(214, 213, 216, 0.65)
}
.b-bg-gray-apple-opacity-60 {
background-color: rgba(214, 213, 216, 0.6)
}
.b-bg-gray-apple-opacity-55 {
background-color: rgba(214, 213, 216, 0.55)
}
.b-bg-gray-apple-opacity-50 {
background-color: rgba(214, 213, 216, 0.5)
}
.b-bg-gray-apple-opacity-45 {
background-color: rgba(214, 213, 216, 0.45)
}
.b-bg-gray-apple-opacity-40 {
background-color: rgba(214, 213, 216, 0.4)
}
.b-bg-gray-apple-opacity-35 {
background-color: rgba(214, 213, 216, 0.35)
}
.b-bg-gray-apple-opacity-30 {
background-color: rgba(214, 213, 216, 0.3)
}
.b-bg-gray-apple-opacity-25 {
background-color: rgba(214, 213, 216, 0.25)
}
.b-bg-gray-apple-opacity-20 {
background-color: rgba(214, 213, 216, 0.2)
}
.b-bg-gray-apple-opacity-15 {
background-color: rgba(214, 213, 216, 0.15)
}
.b-bg-gray-apple-opacity-10 {
background-color: rgba(214, 213, 216, 0.1)
}
.b-bg-gray-apple-opacity-5 {
background-color: rgba(214, 213, 216, 0.05)
}
.b-text-green-android {
color: #aac148
}
.b-bg-green-android {
background-color: #aac148
}
.b-bg-green-android-opacity-100 {
background-color: #aac148
}
.b-bg-green-android-opacity-95 {
background-color: rgba(170, 193, 72, 0.95)
}
.b-bg-green-android-opacity-90 {
background-color: rgba(170, 193, 72, 0.9)
}
.b-bg-green-android-opacity-85 {
background-color: rgba(170, 193, 72, 0.85)
}
.b-bg-green-android-opacity-80 {
background-color: rgba(170, 193, 72, 0.8)
}
.b-bg-green-android-opacity-75 {
background-color: rgba(170, 193, 72, 0.75)
}
.b-bg-green-android-opacity-70 {
background-color: rgba(170, 193, 72, 0.7)
}
.b-bg-green-android-opacity-65 {
background-color: rgba(170, 193, 72, 0.65)
}
.b-bg-green-android-opacity-60 {
background-color: rgba(170, 193, 72, 0.6)
}
.b-bg-green-android-opacity-55 {
background-color: rgba(170, 193, 72, 0.55)
}
.b-bg-green-android-opacity-50 {
background-color: rgba(170, 193, 72, 0.5)
}
.b-bg-green-android-opacity-45 {
background-color: rgba(170, 193, 72, 0.45)
}
.b-bg-green-android-opacity-40 {
background-color: rgba(170, 193, 72, 0.4)
}
.b-bg-green-android-opacity-35 {
background-color: rgba(170, 193, 72, 0.35)
}
.b-bg-green-android-opacity-30 {
background-color: rgba(170, 193, 72, 0.3)
}
.b-bg-green-android-opacity-25 {
background-color: rgba(170, 193, 72, 0.25)
}
.b-bg-green-android-opacity-20 {
background-color: rgba(170, 193, 72, 0.2)
}
.b-bg-green-android-opacity-15 {
background-color: rgba(170, 193, 72, 0.15)
}
.b-bg-green-android-opacity-10 {
background-color: rgba(170, 193, 72, 0.1)
}
.b-bg-green-android-opacity-5 {
background-color: rgba(170, 193, 72, 0.05)
}
@media screen and (min-width: 1001px) {
.b-nowrap-md {
white-space: nowrap
}
.b-bold-md {
font-weight: bold
}
.b-br-md {
display: block
}
.b-underline-md {
text-decoration: underline
}
.b-middle-md {
height: 100%;
position: relative;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-middle-md>* {
letter-spacing: normal;
line-height: 1.35
}
.b-middle-md:before {
content: "";
font-size: 0;
height: 100%;
line-height: 0;
zoom: 1;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-middle-md>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-margin-auto-md {
margin-right: auto;
margin-left: auto
}
.b-text-left-md {
text-align: left
}
.b-text-center-md {
text-align: center
}
.b-text-right-md {
text-align: right
}
.b-text-justify-md {
text-align: justify
}
.b-text-italic-md {
font-style: italic
}
.b-hide-md {
display: none !important
}
.b-block-md {
display: block
}
[class*="b-inline-md"] {
display: inline-block;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
[class*="b-inline-md"].is-vtop {
vertical-align: top
}
[class*="b-inline-md"].is-vbottom {
vertical-align: bottom
}
.b-table-md {
width: 100%;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-md>* {
display: table-cell;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-md>*.b-table-nowrap {
width: 1%;
white-space: nowrap
}
.b-float-left-md {
float: left
}
.b-float-right-md {
float: right
}
.b-row,
.b-row-md,
.b-row-dt {
margin: -10px
}
.b-row>[class*="b-col-md-"],
.b-row>[class*="b-col-dt-"],
.b-row-md>[class*="b-col-md-"],
.b-row-md>[class*="b-col-dt-"],
.b-row-dt>[class*="b-col-md-"],
.b-row-dt>[class*="b-col-dt-"] {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.b-col-md-12 {
width: 100%
}
.b-col-md-11h {
width: 95.83333%
}
.b-col-md-11 {
width: 91.66667%
}
.b-col-md-10h {
width: 87.5%
}
.b-col-md-10 {
width: 83.33333%
}
.b-col-md-9h {
width: 79.16667%
}
.b-col-md-9 {
width: 75%
}
.b-col-md-8h {
width: 70.83333%
}
.b-col-md-8 {
width: 66.66667%
}
.b-col-md-7h {
width: 62.5%
}
.b-col-md-7 {
width: 58.33333%
}
.b-col-md-6h {
width: 54.16667%
}
.b-col-md-6 {
width: 50%
}
.b-col-md-5h {
width: 45.83333%
}
.b-col-md-5 {
width: 41.66667%
}
.b-col-md-4h {
width: 37.5%
}
.b-col-md-4 {
width: 33.33333%
}
.b-col-md-3h {
width: 29.16667%
}
.b-col-md-3 {
width: 25%
}
.b-col-md-2h {
width: 20.83333%
}
.b-col-md-2 {
width: 16.66667%
}
.b-col-md-1h {
width: 12.5%
}
.b-col-md-1 {
width: 8.33333%
}
.b-col-md-0h {
width: 4.16667%
}
.b-col-md-5d {
width: 20%
}
[class*="b-col-md-"] {
min-height: 1px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media screen and (min-width: 740px) and (min-height: 414px) {
.b-nowrap-dt {
white-space: nowrap
}
.b-bold-dt {
font-weight: bold
}
.b-br-dt {
display: block
}
.b-underline-dt {
text-decoration: underline
}
.b-middle-dt {
height: 100%;
position: relative;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-middle-dt>* {
letter-spacing: normal;
line-height: 1.35
}
.b-middle-dt:before {
content: "";
font-size: 0;
height: 100%;
line-height: 0;
zoom: 1;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-middle-dt>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-margin-auto-dt {
margin-right: auto;
margin-left: auto
}
.b-text-left-dt {
text-align: left
}
.b-text-center-dt {
text-align: center
}
.b-text-right-dt {
text-align: right
}
.b-text-justify-dt {
text-align: justify
}
.b-text-italic-dt {
font-style: italic
}
.b-hide-dt {
display: none !important
}
.b-block-dt {
display: block
}
[class*="b-inline-dt"] {
display: inline-block;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
[class*="b-inline-dt"].is-vtop {
vertical-align: top
}
[class*="b-inline-dt"].is-vbottom {
vertical-align: bottom
}
.b-table-dt {
width: 100%;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-dt>* {
display: table-cell;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-dt>*.b-table-nowrap {
width: 1%;
white-space: nowrap
}
.b-float-left-dt {
float: left
}
.b-float-right-dt {
float: right
}
.b-col-dt-12 {
width: 100%
}
.b-col-dt-11h {
width: 95.83333%
}
.b-col-dt-11 {
width: 91.66667%
}
.b-col-dt-10h {
width: 87.5%
}
.b-col-dt-10 {
width: 83.33333%
}
.b-col-dt-9h {
width: 79.16667%
}
.b-col-dt-9 {
width: 75%
}
.b-col-dt-8h {
width: 70.83333%
}
.b-col-dt-8 {
width: 66.66667%
}
.b-col-dt-7h {
width: 62.5%
}
.b-col-dt-7 {
width: 58.33333%
}
.b-col-dt-6h {
width: 54.16667%
}
.b-col-dt-6 {
width: 50%
}
.b-col-dt-5h {
width: 45.83333%
}
.b-col-dt-5 {
width: 41.66667%
}
.b-col-dt-4h {
width: 37.5%
}
.b-col-dt-4 {
width: 33.33333%
}
.b-col-dt-3h {
width: 29.16667%
}
.b-col-dt-3 {
width: 25%
}
.b-col-dt-2h {
width: 20.83333%
}
.b-col-dt-2 {
width: 16.66667%
}
.b-col-dt-1h {
width: 12.5%
}
.b-col-dt-1 {
width: 8.33333%
}
.b-col-dt-0h {
width: 4.16667%
}
.b-col-dt-5d {
width: 20%
}
[class*="b-col-dt-"] {
min-height: 1px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media screen and (max-width: 1000px) {
.b-nowrap-tm {
white-space: nowrap
}
.b-bold-tm {
font-weight: bold
}
.b-br-tm {
display: block
}
.b-underline-tm {
text-decoration: underline
}
.b-middle-tm {
height: 100%;
position: relative;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-middle-tm>* {
letter-spacing: normal;
line-height: 1.35
}
.b-middle-tm:before {
content: "";
font-size: 0;
height: 100%;
line-height: 0;
zoom: 1;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-middle-tm>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-margin-auto-tm {
margin-right: auto;
margin-left: auto
}
.b-text-left-tm {
text-align: left
}
.b-text-center-tm {
text-align: center
}
.b-text-right-tm {
text-align: right
}
.b-text-justify-tm {
text-align: justify
}
.b-text-italic-tm {
font-style: italic
}
.b-hide-tm {
display: none !important
}
.b-block-tm {
display: block
}
[class*="b-inline-tm"] {
display: inline-block;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
[class*="b-inline-tm"].is-vtop {
vertical-align: top
}
[class*="b-inline-tm"].is-vbottom {
vertical-align: bottom
}
.b-table-tm {
width: 100%;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-tm>* {
display: table-cell;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-tm>*.b-table-nowrap {
width: 1%;
white-space: nowrap
}
.b-float-left-tm {
float: left
}
.b-float-right-tm {
float: right
}
.b-col-tm-12 {
width: 100%
}
.b-col-tm-11h {
width: 95.83333%
}
.b-col-tm-11 {
width: 91.66667%
}
.b-col-tm-10h {
width: 87.5%
}
.b-col-tm-10 {
width: 83.33333%
}
.b-col-tm-9h {
width: 79.16667%
}
.b-col-tm-9 {
width: 75%
}
.b-col-tm-8h {
width: 70.83333%
}
.b-col-tm-8 {
width: 66.66667%
}
.b-col-tm-7h {
width: 62.5%
}
.b-col-tm-7 {
width: 58.33333%
}
.b-col-tm-6h {
width: 54.16667%
}
.b-col-tm-6 {
width: 50%
}
.b-col-tm-5h {
width: 45.83333%
}
.b-col-tm-5 {
width: 41.66667%
}
.b-col-tm-4h {
width: 37.5%
}
.b-col-tm-4 {
width: 33.33333%
}
.b-col-tm-3h {
width: 29.16667%
}
.b-col-tm-3 {
width: 25%
}
.b-col-tm-2h {
width: 20.83333%
}
.b-col-tm-2 {
width: 16.66667%
}
.b-col-tm-1h {
width: 12.5%
}
.b-col-tm-1 {
width: 8.33333%
}
.b-col-tm-0h {
width: 4.16667%
}
.b-col-tm-5d {
width: 20%
}
[class*="b-col-tm-"] {
min-height: 1px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.b-nowrap-sm {
white-space: nowrap
}
.b-bold-sm {
font-weight: bold
}
.b-br-sm {
display: block
}
.b-underline-sm {
text-decoration: underline
}
.b-middle-sm {
height: 100%;
position: relative;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-middle-sm>* {
letter-spacing: normal;
line-height: 1.35
}
.b-middle-sm:before {
content: "";
font-size: 0;
height: 100%;
line-height: 0;
zoom: 1;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-middle-sm>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-margin-auto-sm {
margin-right: auto;
margin-left: auto
}
.b-text-left-sm {
text-align: left
}
.b-text-center-sm {
text-align: center
}
.b-text-right-sm {
text-align: right
}
.b-text-justify-sm {
text-align: justify
}
.b-text-italic-sm {
font-style: italic
}
.b-hide-sm {
display: none !important
}
.b-block-sm {
display: block
}
[class*="b-inline-sm"] {
display: inline-block;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
[class*="b-inline-sm"].is-vtop {
vertical-align: top
}
[class*="b-inline-sm"].is-vbottom {
vertical-align: bottom
}
.b-table-sm {
width: 100%;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-sm>* {
display: table-cell;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-sm>*.b-table-nowrap {
width: 1%;
white-space: nowrap
}
.b-float-left-sm {
float: left
}
.b-float-right-sm {
float: right
}
.b-row,
.b-row-sm,
.b-row-dt,
.b-row-tm {
margin: -10px
}
.b-row>[class*="b-col-sm-"],
.b-row>[class*="b-col-dt-"],
.b-row>[class*="b-col-tm-"],
.b-row-sm>[class*="b-col-sm-"],
.b-row-sm>[class*="b-col-dt-"],
.b-row-sm>[class*="b-col-tm-"],
.b-row-dt>[class*="b-col-sm-"],
.b-row-dt>[class*="b-col-dt-"],
.b-row-dt>[class*="b-col-tm-"],
.b-row-tm>[class*="b-col-sm-"],
.b-row-tm>[class*="b-col-dt-"],
.b-row-tm>[class*="b-col-tm-"] {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.b-col-sm-12 {
width: 100%
}
.b-col-sm-11h {
width: 95.83333%
}
.b-col-sm-11 {
width: 91.66667%
}
.b-col-sm-10h {
width: 87.5%
}
.b-col-sm-10 {
width: 83.33333%
}
.b-col-sm-9h {
width: 79.16667%
}
.b-col-sm-9 {
width: 75%
}
.b-col-sm-8h {
width: 70.83333%
}
.b-col-sm-8 {
width: 66.66667%
}
.b-col-sm-7h {
width: 62.5%
}
.b-col-sm-7 {
width: 58.33333%
}
.b-col-sm-6h {
width: 54.16667%
}
.b-col-sm-6 {
width: 50%
}
.b-col-sm-5h {
width: 45.83333%
}
.b-col-sm-5 {
width: 41.66667%
}
.b-col-sm-4h {
width: 37.5%
}
.b-col-sm-4 {
width: 33.33333%
}
.b-col-sm-3h {
width: 29.16667%
}
.b-col-sm-3 {
width: 25%
}
.b-col-sm-2h {
width: 20.83333%
}
.b-col-sm-2 {
width: 16.66667%
}
.b-col-sm-1h {
width: 12.5%
}
.b-col-sm-1 {
width: 8.33333%
}
.b-col-sm-0h {
width: 4.16667%
}
.b-col-sm-5d {
width: 20%
}
[class*="b-col-sm-"] {
min-height: 1px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.b-nowrap-xs {
white-space: nowrap
}
.b-bold-xs {
font-weight: bold
}
.b-br-xs {
display: block
}
.b-underline-xs {
text-decoration: underline
}
.b-middle-xs {
height: 100%;
position: relative;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.b-middle-xs>* {
letter-spacing: normal;
line-height: 1.35
}
.b-middle-xs:before {
content: "";
font-size: 0;
height: 100%;
line-height: 0;
zoom: 1;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-middle-xs>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.b-margin-auto-xs {
margin-right: auto;
margin-left: auto
}
.b-text-left-xs {
text-align: left
}
.b-text-center-xs {
text-align: center
}
.b-text-right-xs {
text-align: right
}
.b-text-justify-xs {
text-align: justify
}
.b-text-italic-xs {
font-style: italic
}
.b-hide-xs {
display: none !important
}
.b-block-xs {
display: block
}
[class*="b-inline-xs"] {
display: inline-block;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
[class*="b-inline-xs"].is-vtop {
vertical-align: top
}
[class*="b-inline-xs"].is-vbottom {
vertical-align: bottom
}
.b-table-xs {
width: 100%;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-xs>* {
display: table-cell;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.b-table-xs>*.b-table-nowrap {
width: 1%;
white-space: nowrap
}
.b-float-left-xs {
float: left
}
.b-float-right-xs {
float: right
}
.b-row,
.b-row-xs,
.b-row-tm {
margin: -10px
}
.b-row>[class*="b-col-xs-"],
.b-row>[class*="b-col-tm-"],
.b-row-xs>[class*="b-col-xs-"],
.b-row-xs>[class*="b-col-tm-"],
.b-row-tm>[class*="b-col-xs-"],
.b-row-tm>[class*="b-col-tm-"] {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px
}
.b-col-xs-12 {
width: 100%
}
.b-col-xs-11h {
width: 95.83333%
}
.b-col-xs-11 {
width: 91.66667%
}
.b-col-xs-10h {
width: 87.5%
}
.b-col-xs-10 {
width: 83.33333%
}
.b-col-xs-9h {
width: 79.16667%
}
.b-col-xs-9 {
width: 75%
}
.b-col-xs-8h {
width: 70.83333%
}
.b-col-xs-8 {
width: 66.66667%
}
.b-col-xs-7h {
width: 62.5%
}
.b-col-xs-7 {
width: 58.33333%
}
.b-col-xs-6h {
width: 54.16667%
}
.b-col-xs-6 {
width: 50%
}
.b-col-xs-5h {
width: 45.83333%
}
.b-col-xs-5 {
width: 41.66667%
}
.b-col-xs-4h {
width: 37.5%
}
.b-col-xs-4 {
width: 33.33333%
}
.b-col-xs-3h {
width: 29.16667%
}
.b-col-xs-3 {
width: 25%
}
.b-col-xs-2h {
width: 20.83333%
}
.b-col-xs-2 {
width: 16.66667%
}
.b-col-xs-1h {
width: 12.5%
}
.b-col-xs-1 {
width: 8.33333%
}
.b-col-xs-0h {
width: 4.16667%
}
.b-col-xs-5d {
width: 20%
}
[class*="b-col-xs-"] {
min-height: 1px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: portrait),
screen and (max-width: 739px) and (orientation: portrait) {
.b-br-portrait-xs {
display: block
}
.b-hide-portrait-xs {
display: none !important
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape),
screen and (max-width: 739px) and (orientation: landscape) {
.b-br-landscape-xs {
display: block
}
.b-hide-landscape-xs {
display: none !important
}
}
html,
body {
font-family: "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "黑體", Arial, sans-serif, serif;
line-height: 1.35;
color: #333;
background: #FFF;
-webkit-text-size-adjust: none
}
b,
strong {
font-weight: bold
}
img {
vertical-align: middle
}
a,
button {
margin: 0;
padding: 0;
font-size: inherit;
border: 0;
border-spacing: 0;
position: relative;
background: none;
outline: 0;
text-indent: 0;
text-rendering: auto;
text-transform: none;
speak: none;
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
button {
font-family: "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "黑體", Arial, sans-serif, serif
}
a {
color: inherit;
text-decoration: none
}
input,
textarea {
font-family: "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "黑體", Arial, sans-serif, serif;
line-height: 1.6
}
@media screen and (min-width: 1001px) {
html,
body {
font-size: 15px
}
a>*.b-inline:not(:first-child),
a>*.b-inline-md:not(:first-child),
a>*.b-inline-dt:not(:first-child),
button>*.b-inline:not(:first-child),
button>*.b-inline-md:not(:first-child),
button>*.b-inline-dt:not(:first-child) {
margin-left: 5px
}
img.is-max-width,
img.is-max-width-md,
img.is-max-width-dt {
max-width: 100%
}
img.is-max-height,
img.is-max-height-md,
img.is-max-height-dt {
max-height: 100%
}
button:not(:disabled) {
cursor: pointer
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
html,
body {
font-size: 1.95313vw
}
a>*.b-inline:not(:first-child),
a>*.b-inline-dt:not(:first-child),
a>*.b-inline-tm:not(:first-child),
a>*.b-inline-sm:not(:first-child),
button>*.b-inline:not(:first-child),
button>*.b-inline-dt:not(:first-child),
button>*.b-inline-tm:not(:first-child),
button>*.b-inline-sm:not(:first-child) {
margin-left: .52083vw
}
img.is-max-width,
img.is-max-width-sm,
img.is-max-width-dt,
img.is-max-width-tm {
max-width: 100%
}
img.is-max-height,
img.is-max-height-sm,
img.is-max-height-dt,
img.is-max-height-tm {
max-height: 100%
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
html,
body {
font-size: 4.6875vw
}
a>*.b-inline:not(:first-child),
a>*.b-inline-dt:not(:first-child),
a>*.b-inline-tm:not(:first-child),
a>*.b-inline-sm:not(:first-child),
button>*.b-inline:not(:first-child),
button>*.b-inline-dt:not(:first-child),
button>*.b-inline-tm:not(:first-child),
button>*.b-inline-sm:not(:first-child) {
margin-left: .9375vw
}
img.is-max-width,
img.is-max-width-xs,
img.is-max-width-tm {
max-width: 100%
}
img.is-max-height,
img.is-max-height-xs,
img.is-max-height-tm {
max-height: 100%
}
}
.l-body {
overflow: hidden;
*zoom: 1
}
.l-header {
width: 100%;
position: fixed;
z-index: 10;
box-sizing: border-box
}
.l-main-hd {
background-color: #FFF
}
.l-main-hd .m-title-fig {
margin-left: auto;
margin-right: auto;
z-index: 1
}
.l-main-bd {
position: relative
}
.l-main-bd:before {
content: "";
width: 0;
height: 0;
left: 50%;
position: absolute;
border-style: solid;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.l-main-bd.b-bg-white:before {
border-color: transparent transparent #FFF transparent
}
.l-main-bd.b-bg-black:before {
border-color: transparent transparent #000 transparent
}
.l-main-bd.b-bg-gray:before {
border-color: transparent transparent gray transparent
}
.l-main-bd.b-bg-gray-l-p40:before {
border-color: transparent transparent #e6e6e6 transparent
}
.l-main-bd.b-bg-gray-l-p30:before {
border-color: transparent transparent #cdcdcd transparent
}
.l-main-bd.b-bg-gray-l-p20:before {
border-color: transparent transparent #b3b3b3 transparent
}
.l-main-bd.b-bg-gray-l-p10:before {
border-color: transparent transparent #9a9a9a transparent
}
.l-main-bd.b-bg-gray-d-p40:before {
border-color: transparent transparent #1a1a1a transparent
}
.l-main-bd.b-bg-gray-d-p30:before {
border-color: transparent transparent #343434 transparent
}
.l-main-bd.b-bg-gray-d-p20:before {
border-color: transparent transparent #4d4d4d transparent
}
.l-main-bd.b-bg-gray-d-p10:before {
border-color: transparent transparent #676767 transparent
}
.l-main-bd.b-bg-transparent:before {
border-color: transparent transparent transparent transparent
}
.l-main-bd.b-bg-gray-44:before {
border-color: transparent transparent #444 transparent
}
.l-main-bd.b-bg-gray-4a:before {
border-color: transparent transparent #4a4a4a transparent
}
.l-main-bd.b-bg-gray-59:before {
border-color: transparent transparent #595959 transparent
}
.l-main-bd.b-bg-gray-8e:before {
border-color: transparent transparent #8e8e8e transparent
}
.l-main-bd.b-bg-gray-d7:before {
border-color: transparent transparent #d7d7d7 transparent
}
.l-main-bd.b-bg-gray-e7:before {
border-color: transparent transparent #e7e7e7 transparent
}
.l-main-bd.b-bg-gray-f2:before {
border-color: transparent transparent #f2f2f2 transparent
}
.l-main-bd.b-bg-gray-f8:before {
border-color: transparent transparent #f8f8f8 transparent
}
.l-main-bd.b-bg-red:before {
border-color: transparent transparent #d70c18 transparent
}
.l-main-bd.b-bg-pink:before {
border-color: transparent transparent #f7ced1 transparent
}
.l-main-bd.b-bg-pink-1:before {
border-color: transparent transparent #ffeaeb transparent
}
.l-main-bd.b-bg-pink-2:before {
border-color: transparent transparent #ef7886 transparent
}
.l-main-bd.b-bg-peach-purple:before {
border-color: transparent transparent #cc3467 transparent
}
.l-main-bd.b-bg-green:before {
border-color: transparent transparent #55c187 transparent
}
.l-main-bd.b-bg-brown:before {
border-color: transparent transparent #a58329 transparent
}
.l-main-bd.b-bg-gray-apple:before {
border-color: transparent transparent #d6d5d8 transparent
}
.l-main-bd.b-bg-green-android:before {
border-color: transparent transparent #aac148 transparent
}
.l-main-bd:not([data-aside="right"]):not([data-aside="left"]) .l-content {
margin-left: auto;
margin-right: auto
}
.l-caption,
.l-content,
.l-aside {
position: relative;
box-sizing: border-box
}
.l-caption {
width: 100%
}
.l-caption>* {
margin-left: auto;
margin-right: auto;
position: relative
}
.l-content>li:nth-child(2):before {
content: "";
width: 0;
height: 0;
left: 50%;
position: absolute;
z-index: -1;
border-style: solid;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.l-content>li[class*="b-bg-"] {
background-color: transparent !important;
position: relative;
z-index: 1
}
.l-content>li[class*="b-bg-"]:after {
content: "";
top: 0;
left: 50%;
width: 100vw;
height: 100%;
position: absolute;
z-index: -1;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.l-content>li.b-bg-dots {
background: transparent
}
.l-content>li.b-bg-dots:after {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMyUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWFlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMyUiPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWFlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), #FFF;
background: -moz-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), -moz-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), #FFF;
background: -webkit-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), -webkit-radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), #FFF;
background: radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), radial-gradient(#ffeaeb 3px, rgba(255, 255, 255, 0) 3px), #FFF;
background-position: 0 0, 10px 10px;
background-size: 20px 20px
}
.l-content>li.b-bg-white:nth-child(2):before {
border-color: transparent transparent #f2f2f2 transparent
}
.l-content>li.b-bg-white:after {
background-color: #f2f2f2
}
.l-content>li.b-bg-black:nth-child(2):before {
border-color: transparent transparent #000 transparent
}
.l-content>li.b-bg-black:after {
background-color: #000
}
.l-content>li.b-bg-gray:nth-child(2):before {
border-color: transparent transparent gray transparent
}
.l-content>li.b-bg-gray:after {
background-color: gray
}
.l-content>li.b-bg-gray-l-p40:nth-child(2):before {
border-color: transparent transparent #e6e6e6 transparent
}
.l-content>li.b-bg-gray-l-p40:after {
background-color: #e6e6e6
}
.l-content>li.b-bg-gray-l-p30:nth-child(2):before {
border-color: transparent transparent #cdcdcd transparent
}
.l-content>li.b-bg-gray-l-p30:after {
background-color: #cdcdcd
}
.l-content>li.b-bg-gray-l-p20:nth-child(2):before {
border-color: transparent transparent #b3b3b3 transparent
}
.l-content>li.b-bg-gray-l-p20:after {
background-color: #b3b3b3
}
.l-content>li.b-bg-gray-l-p10:nth-child(2):before {
border-color: transparent transparent #9a9a9a transparent
}
.l-content>li.b-bg-gray-l-p10:after {
background-color: #9a9a9a
}
.l-content>li.b-bg-gray-d-p40:nth-child(2):before {
border-color: transparent transparent #1a1a1a transparent
}
.l-content>li.b-bg-gray-d-p40:after {
background-color: #1a1a1a
}
.l-content>li.b-bg-gray-d-p30:nth-child(2):before {
border-color: transparent transparent #343434 transparent
}
.l-content>li.b-bg-gray-d-p30:after {
background-color: #343434
}
.l-content>li.b-bg-gray-d-p20:nth-child(2):before {
border-color: transparent transparent #4d4d4d transparent
}
.l-content>li.b-bg-gray-d-p20:after {
background-color: #4d4d4d
}
.l-content>li.b-bg-gray-d-p10:nth-child(2):before {
border-color: transparent transparent #676767 transparent
}
.l-content>li.b-bg-gray-d-p10:after {
background-color: #676767
}
.l-content>li.b-bg-transparent:nth-child(2):before {
border-color: transparent transparent transparent transparent
}
.l-content>li.b-bg-transparent:after {
background-color: transparent
}
.l-content>li.b-bg-gray-44:nth-child(2):before {
border-color: transparent transparent #444 transparent
}
.l-content>li.b-bg-gray-44:after {
background-color: #444
}
.l-content>li.b-bg-gray-4a:nth-child(2):before {
border-color: transparent transparent #4a4a4a transparent
}
.l-content>li.b-bg-gray-4a:after {
background-color: #4a4a4a
}
.l-content>li.b-bg-gray-59:nth-child(2):before {
border-color: transparent transparent #595959 transparent
}
.l-content>li.b-bg-gray-59:after {
background-color: #595959
}
.l-content>li.b-bg-gray-8e:nth-child(2):before {
border-color: transparent transparent #8e8e8e transparent
}
.l-content>li.b-bg-gray-8e:after {
background-color: #8e8e8e
}
.l-content>li.b-bg-gray-d7:nth-child(2):before {
border-color: transparent transparent #d7d7d7 transparent
}
.l-content>li.b-bg-gray-d7:after {
background-color: #d7d7d7
}
.l-content>li.b-bg-gray-e7:nth-child(2):before {
border-color: transparent transparent #e7e7e7 transparent
}
.l-content>li.b-bg-gray-e7:after {
background-color: #e7e7e7
}
.l-content>li.b-bg-gray-f2:nth-child(2):before {
border-color: transparent transparent #f2f2f2 transparent
}
.l-content>li.b-bg-gray-f2:after {
background-color: #f2f2f2
}
.l-content>li.b-bg-gray-f8:nth-child(2):before {
border-color: transparent transparent #f8f8f8 transparent
}
.l-content>li.b-bg-gray-f8:after {
background-color: #f8f8f8
}
.l-content>li.b-bg-red:nth-child(2):before {
border-color: transparent transparent #d70c18 transparent
}
.l-content>li.b-bg-red:after {
background-color: #d70c18
}
.l-content>li.b-bg-pink:nth-child(2):before {
border-color: transparent transparent #f7ced1 transparent
}
.l-content>li.b-bg-pink:after {
background-color: #f7ced1
}
.l-content>li.b-bg-pink-1:nth-child(2):before {
border-color: transparent transparent #ffeaeb transparent
}
.l-content>li.b-bg-pink-1:after {
background-color: #ffeaeb
}
.l-content>li.b-bg-pink-2:nth-child(2):before {
border-color: transparent transparent #ef7886 transparent
}
.l-content>li.b-bg-pink-2:after {
background-color: #ef7886
}
.l-content>li.b-bg-peach-purple:nth-child(2):before {
border-color: transparent transparent #cc3467 transparent
}
.l-content>li.b-bg-peach-purple:after {
background-color: #cc3467
}
.l-content>li.b-bg-green:nth-child(2):before {
border-color: transparent transparent #55c187 transparent
}
.l-content>li.b-bg-green:after {
background-color: #55c187
}
.l-content>li.b-bg-brown:nth-child(2):before {
border-color: transparent transparent #a58329 transparent
}
.l-content>li.b-bg-brown:after {
background-color: #a58329
}
.l-content>li.b-bg-gray-apple:nth-child(2):before {
border-color: transparent transparent #d6d5d8 transparent
}
.l-content>li.b-bg-gray-apple:after {
background-color: #d6d5d8
}
.l-content>li.b-bg-green-android:nth-child(2):before {
border-color: transparent transparent #aac148 transparent
}
.l-content>li.b-bg-green-android:after {
background-color: #aac148
}
.l-footer {
position: relative
}
.l-nav {
position: fixed;
z-index: 11
}
@media screen and (min-width: 1001px) {
.l-header {
height: 50px
}
/* .l-main {
margin-top: 50px
} */
/* .l-main-hd {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 38, color-stop(100%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -moz-linear-gradient(#ffffff 38px, rgba(255, 255, 255, 0) 38px), -moz-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -webkit-linear-gradient(#ffffff 38px, rgba(255, 255, 255, 0) 38px), -webkit-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: linear-gradient(#ffffff 38px, rgba(255, 255, 255, 0) 38px), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-position: -2px -2px;
background-size: 40px 40px
} */
.l-main-bd[data-aside="right"],
.l-main-bd[data-aside="left"] {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.l-main-bd[data-aside="left"] .l-caption {
order: 1
}
.l-main-bd[data-aside="left"] .l-content {
order: 3
}
.l-main-bd[data-aside="left"] .l-aside {
order: 2
}
.l-nav {
top: 0;
height: 50px;
position: fixed;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center
}
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.l-main-hd {
min-height: 250px
}
.l-main-hd .m-title {
top: 90px
}
.l-main-hd .m-title-fig {
width: 170px
}
.l-main-bd {
margin-top: 60px
}
.l-main-bd:before {
top: -80px;
border-width: 0 50vw 80px 50vw
}
.l-main-bd:not([data-aside="right"]):not([data-aside="left"]) .l-caption {
margin-bottom: 30px
}
.l-main-bd:not([data-aside="right"]):not([data-aside="left"]) .l-content {
max-width: 1100px
}
.l-main-bd[data-aside="right"] .l-caption,
.l-main-bd[data-aside="left"] .l-caption {
margin-bottom: 20px
}
.l-main-bd[data-aside="right"] .l-content,
.l-main-bd[data-aside="left"] .l-content {
width: 780px
}
.l-main-bd[data-aside="right"] .l-aside,
.l-main-bd[data-aside="left"] .l-aside {
width: 300px
}
.l-main-bd[data-aside="right"] .l-aside {
margin-left: 20px
}
.l-main-bd[data-aside="left"] .l-aside {
margin-right: 20px
}
.l-caption>* {
max-width: 1100px
}
.l-content>li {
padding-bottom: 80px
}
.l-content>li:first-child:not(:last-child) {
padding-bottom: 250px
}
.l-content>li:not(:first-child):not(:nth-child(2)) {
padding-top: 40px
}
.l-content>li:nth-child(2):before {
top: -80px;
/* border-width: 0 50vw 80px 50vw */
}
.l-content>li>* {
max-width: 1100px
}
.l-content>li>*:not(:first-child) {
margin-top: 30px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.l-main-hd {
min-height: 28.44828vw
}
.l-main-hd .m-title {
top: 7.75862vw
}
.l-main-hd .m-title-fig {
width: 14.65517vw
}
.l-main-bd {
padding-top: 5.17241vw;
padding-left: 2.58621vw;
padding-right: 2.58621vw
}
.l-main-bd:before {
top: -6.89655vw;
border-width: 0 50vw 6.89655vw 50vw
}
.l-main-bd:not([data-aside="right"]):not([data-aside="left"]) .l-caption {
margin-bottom: 2.58621vw
}
.l-main-bd[data-aside="right"] .l-caption,
.l-main-bd[data-aside="left"] .l-caption {
margin-bottom: 1.72414vw
}
.l-main-bd[data-aside="right"] .l-content,
.l-main-bd[data-aside="left"] .l-content {
width: 66.37931vw
}
.l-main-bd[data-aside="right"] .l-aside,
.l-main-bd[data-aside="left"] .l-aside {
width: 25vw
}
.l-main-bd[data-aside="right"] .l-aside {
margin-left: 1.72414vw
}
.l-main-bd[data-aside="left"] .l-aside {
margin-right: 1.72414vw
}
.l-content>li {
padding-bottom: 6.89655vw
}
.l-content>li:first-child:not(:last-child) {
padding-bottom: 11.2069vw
}
.l-content>li:not(:first-child):not(:nth-child(2)) {
padding-top: 3.44828vw
}
.l-content>li:nth-child(2):before {
top: -6.89655vw;
border-width: 0 50vw 6.89655vw 50vw
}
.l-content>li>*:not(:first-child) {
margin-top: 2.58621vw
}
}
@media screen and (min-width: 1001px) and (min-width: 1440px) {
.l-header {
padding-left: 70px;
padding-right: 70px
}
.l-nav {
right: 70px
}
}
@media screen and (min-width: 1001px) and (max-width: 1439px) {
.l-header,
.l-footer {
padding-left: 2.08333vw;
padding-right: 2.08333vw
}
.l-nav {
right: 2.08333vw
}
.l-main-bd:before {
border-width: 0 720px 80px 720px
}
.l-content>li:nth-child(2):before {
border-width: 0 720px 80px 720px
}
.l-content>li[class*="b-bg-"]:after {
width: 1440px
}
}
@media screen and (max-width: 1000px) {
.l-body.is-nav {
height: 100vh;
overflow: hidden
}
.l-nav {
left: 0;
right: 0;
bottom: 100%;
background-color: #FFF;
overflow: hidden;
-moz-transition: bottom .3s;
-o-transition: bottom .3s;
-webkit-transition: bottom .3s;
transition: bottom .3s
}
.l-nav.is-active {
bottom: 0%
}
.l-main-bd[data-aside="right"] .l-content>li:last-child,
.l-main-bd[data-aside="left"] .l-content>li:last-child {
padding-bottom: 0px
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.l-main {
margin-top: 6.51042vw
}
.l-header {
height: 6.51042vw
}
.l-main-hd {
min-height: 32.55208vw;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 34, color-stop(100%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -moz-linear-gradient(#ffffff 34px, rgba(255, 255, 255, 0) 34px), -moz-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -webkit-linear-gradient(#ffffff 34px, rgba(255, 255, 255, 0) 34px), -webkit-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: linear-gradient(#ffffff 34px, rgba(255, 255, 255, 0) 34px), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-position: -2px -2px;
background-size: 36px 36px
}
.l-main-hd .m-title {
top: 6.51042vw
}
.l-main-hd .m-title-fig {
width: 19.53125vw
}
.l-main-bd {
padding-top: 7.8125vw
}
.l-main-bd:before {
top: -40px;
border-width: 0 50vw 40px 50vw
}
.l-main-bd[data-aside="right"],
.l-main-bd[data-aside="left"] {
padding-bottom: 7.8125vw
}
.l-header,
.l-caption,
.l-content,
.l-aside,
.l-footer {
padding-left: 3.90625vw;
padding-right: 3.90625vw
}
.l-caption {
margin-bottom: 3.90625vw
}
.l-content>li {
padding-bottom: 7.8125vw
}
.l-content>li:first-child:not(:last-child) {
padding-bottom: 15.625vw
}
.l-content>li:not(:first-child):not(:nth-child(2)) {
padding-top: 5.20833vw
}
.l-content>li:nth-child(2):before {
top: -40px;
border-width: 0 50vw 40px 50vw
}
.l-content>li>*:not(:first-child) {
margin-top: 3.90625vw
}
.l-aside {
margin-top: 3.90625vw
}
.l-nav {
top: 6.51042vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: portrait),
screen and (max-width: 739px) and (orientation: portrait) {
.l-header {
padding-left: 3.125vw;
padding-right: 3.125vw;
height: 15.625vw
}
.l-main {
margin-top: 15.625vw
}
.l-main-hd {
min-height: 62.5vw;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 24, color-stop(100%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -moz-linear-gradient(#ffffff 24px, rgba(255, 255, 255, 0) 24px), -moz-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -webkit-linear-gradient(#ffffff 24px, rgba(255, 255, 255, 0) 24px), -webkit-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: linear-gradient(#ffffff 24px, rgba(255, 255, 255, 0) 24px), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-position: -2px -2px;
background-size: 26px 26px
}
.l-main-hd .m-title {
top: 12.5vw
}
.l-main-hd .m-title-fig {
width: 31.25vw
}
.l-main-bd {
padding-top: 12.5vw
}
.l-main-bd:before {
top: -20px;
border-width: 0 50vw 20px 50vw
}
.l-main-bd[data-aside="right"],
.l-main-bd[data-aside="left"] {
padding-bottom: 12.5vw
}
.l-caption {
margin-bottom: 7.8125vw
}
.l-caption,
.l-content,
.l-aside {
padding-left: 3.125vw;
padding-right: 3.125vw
}
.l-content>li {
padding-bottom: 12.5vw
}
.l-content>li:first-child:not(:last-child) {
padding-bottom: 12.5vw
}
.l-content>li:not(:first-child):not(:nth-child(2)) {
padding-top: 12.5vw
}
.l-content>li:nth-child(2) {
padding-top: 4.6875vw
}
.l-content>li:nth-child(2):before {
top: -20px;
border-width: 0 50vw 20px 50vw
}
.l-content>li>*:not(:first-child) {
margin-top: 9.375vw
}
.l-aside {
margin-top: 9.375vw
}
.l-footer {
padding-left: 6.25vw;
padding-right: 6.25vw
}
.l-nav {
top: 15.625vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape),
screen and (max-width: 739px) and (orientation: landscape) {
.l-header {
padding-left: 1.76554vw;
padding-right: 1.76554vw;
height: 8.82768vw
}
.l-main {
margin-top: 8.82768vw
}
.l-main-hd {
min-height: 35.31073vw;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2RjZGNkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 24, color-stop(100%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -moz-linear-gradient(#ffffff 24px, rgba(255, 255, 255, 0) 24px), -moz-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: -webkit-linear-gradient(#ffffff 24px, rgba(255, 255, 255, 0) 24px), -webkit-linear-gradient(0deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-image: linear-gradient(#ffffff 24px, rgba(255, 255, 255, 0) 24px), linear-gradient(90deg, #cdcdcd 2px, rgba(255, 255, 255, 0) 2px);
background-position: -2px -2px;
background-size: 26px 26px
}
.l-main-hd .m-title {
top: 7.06215vw
}
.l-main-hd .m-title-fig {
width: 17.65537vw
}
.l-main-bd {
padding-top: 7.06215vw
}
.l-main-bd:before {
top: -20px;
border-width: 0 50vw 20px 50vw
}
.l-main-bd[data-aside="right"],
.l-main-bd[data-aside="left"] {
padding-bottom: 7.06215vw
}
.l-caption {
margin-bottom: 4.41384vw
}
.l-caption,
.l-content,
.l-aside {
padding-left: 1.76554vw;
padding-right: 1.76554vw
}
.l-content>li {
padding-bottom: 7.06215vw
}
.l-content>li:first-child:not(:last-child) {
padding-bottom: 7.06215vw
}
.l-content>li:not(:first-child):not(:nth-child(2)) {
padding-top: 7.06215vw
}
.l-content>li:nth-child(2) {
padding-top: 2.64831vw
}
.l-content>li:nth-child(2):before {
top: -20px;
border-width: 0 50vw 20px 50vw
}
.l-content>li>*:not(:first-child) {
margin-top: 5.29661vw
}
.l-aside {
margin-top: 5.29661vw
}
.l-footer {
padding-left: 3.53107vw;
padding-right: 3.53107vw
}
.l-nav {
top: 8.82768vw
}
}
@font-face {
font-family: "taishin-webfont";
src: url('https://tshr.taishinholdings.com.tw/Content/fonts/taishin-webfont.woff?1539248544') format("woff"), url('https://tshr.taishinholdings.com.tw/Content/fonts/taishin-webfont.ttf?1539248544') format("truetype"), url('https://tshr.taishinholdings.com.tw/Content/fonts/taishin-webfont.svg?&1539248544#taishin-webfont') format("svg");
font-weight: normal;
font-style: normal
}
.m-icon {
position: relative;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
font-family: taishin-webfont;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.m-icon-android:before {
content: ""
}
.m-icon-arrowhead-left:before {
content: ""
}
.m-icon-arrowhead-right:before {
content: ""
}
.m-icon-arrow-top:before {
content: ""
}
.m-icon-briefcase:before {
content: ""
}
.m-icon-building:before {
content: ""
}
.m-icon-clock:before {
content: ""
}
.m-icon-collaboration:before {
content: ""
}
.m-icon-commitment:before {
content: ""
}
.m-icon-dancing:before {
content: ""
}
.m-icon-edit:before {
content: ""
}
.m-icon-fb:before {
content: ""
}
.m-icon-file-img:before {
content: ""
}
.m-icon-file-pdf:before {
content: ""
}
.m-icon-great-office:before {
content: ""
}
.m-icon-heart:before {
content: ""
}
.m-icon-heart-solid:before {
content: ""
}
.m-icon-human:before {
content: ""
}
.m-icon-innovation:before {
content: ""
}
.m-icon-integrity:before {
content: ""
}
.m-icon-ios:before {
content: ""
}
.m-icon-location:before {
content: ""
}
.m-icon-login:before {
content: ""
}
.m-icon-mark:before {
content: ""
}
.m-icon-papper:before {
content: ""
}
.m-icon-pension:before {
content: ""
}
.m-icon-plus:before {
content: ""
}
.m-icon-search:before {
content: ""
}
.m-icon-secure-office:before {
content: ""
}
.m-icon-sort:before {
content: ""
}
.m-icon-superman:before {
content: ""
}
.m-icon-ticked:before {
content: ""
}
.m-icon-trashcan:before {
content: ""
}
.m-icon-upload:before {
content: ""
}
.l-not-support {
display: none
}
.m-not-support {
width: 100%;
height: 100%;
position: relative;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all
}
.m-not-support-content {
*top: 50%;
*left: 0;
*margin-top: -10%;
position: relative;
width: 100%;
*position: absolute;
display: table-cell;
vertical-align: middle
}
.m-not-support-hd {
margin-bottom: 50px
}
.m-not-support-title {
font-size: 24px
}
.m-not-support-bd {
font-size: 0;
*width: 100%
}
.m-not-support-bd>ul {
overflow: hidden;
*zoom: 1;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-not-support-bd>ul>li {
padding-right: 20px;
padding-left: 20px;
width: 120px;
float: left
}
.m-not-support-bd>ul>li>a {
*width: 100%;
*height: 100%;
display: block;
color: #000
}
.m-not-support-ft {
margin-top: 50px
}
.m-not-support-desc {
margin-top: 15px;
font-size: 15px
}
.m-not-support-copyright {
margin-top: 10px;
font-size: 0
}
.m-not-support-copyright.is-line>p {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-not-support-copyright em,
.m-not-support-copyright i {
font-style: normal
}
.m-not-support-copyright>p {
padding-right: 5px;
padding-left: 5px;
font-size: 13px
}
@media \0screen\,screen\9 {
html,
body {
height: 100%
}
body>* {
display: none
}
.l-not-support {
width: 100%;
height: 100%;
display: block;
position: relative
}
}
@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
html,
body {
height: 100%
}
body>* {
display: none
}
.l-not-support {
width: 100%;
height: 100%;
display: block;
position: relative
}
}
.m-col {
position: relative
}
.m-col-hd,
.m-col-bd {
position: relative
}
@media screen and (min-width: 1001px) {
.m-col-bd[data-order="hor"],
.m-col-bd[data-order-md="hor"],
.m-col-bd[data-order-dt="hor"] {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.m-col-bd[data-sub-order="hor"]>li,
.m-col-bd[data-sub-order-md="hor"]>li,
.m-col-bd[data-sub-order-dt="hor"]>li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center
}
.m-col-bd.is-equal-height>li>*:not(.m-section) {
height: 100%
}
.m-col-bd.is-equal-height>li>.m-section {
height: calc(100% - 5px)
}
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.m-col-hd {
padding-bottom: 20px
}
.m-col-bd {
margin: -10px
}
.m-col-bd>* {
padding: 10px
}
.m-col-bd[data-sub-order="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-md="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-dt="ver"]>li .m-col-title {
margin-bottom: 10px
}
.m-col-bd[data-sub-order="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-md="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-dt="hor"]>li .m-col-title {
margin-right: 20px
}
.m-col-ft {
padding-top: 20px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.m-col-hd {
padding-bottom: 1.72414vw
}
.m-col-bd {
margin: -.86207vw
}
.m-col-bd>* {
padding: .86207vw
}
.m-col-bd[data-sub-order="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-md="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-dt="ver"]>li .m-col-title {
margin-bottom: .86207vw
}
.m-col-bd[data-sub-order="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-md="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-dt="hor"]>li .m-col-title {
margin-right: 1.72414vw
}
.m-col-ft {
padding-top: 1.72414vw
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-col-hd {
padding-bottom: 2.60417vw
}
.m-col-bd {
margin: -1.30208vw
}
.m-col-bd>* {
padding: 1.30208vw
}
.m-col-bd[data-order="hor"],
.m-col-bd[data-order-sm="hor"],
.m-col-bd[data-order-dt="hor"],
.m-col-bd[data-order-tm="hor"] {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.m-col-bd[data-sub-order="hor"]>li,
.m-col-bd[data-sub-order-sm="hor"]>li,
.m-col-bd[data-sub-order-dt="hor"]>li,
.m-col-bd[data-sub-order-tm="hor"]>li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center
}
.m-col-bd[data-sub-order="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-sm="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-dt="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-tm="ver"]>li .m-col-title {
margin-bottom: 1.30208vw
}
.m-col-bd[data-sub-order="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-sm="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-dt="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-tm="hor"]>li .m-col-title {
margin-right: 2.60417vw
}
.m-col-bd.is-equal-height>li>.m-section {
height: calc(100% - 4px)
}
.m-col-bd.is-equal-height>li>*:not(.m-section) {
height: 100%
}
.m-col-ft {
padding-top: 2.60417vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.m-col-bd[data-order="hor"],
.m-col-bd[data-order-xs="hor"],
.m-col-bd[data-order-tm="hor"] {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.m-col-bd[data-sub-order="hor"]>li,
.m-col-bd[data-sub-order-xs="hor"]>li,
.m-col-bd[data-sub-order-tm="hor"]>li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center
}
.m-col-bd.is-equal-height>li>.m-section {
height: calc(100% - 3px)
}
.m-col-bd.is-equal-height>li>*:not(.m-section) {
height: 100%
}
.m-col-hd {
padding-bottom: 6.25vw
}
.m-col-bd {
margin: -3.125vw
}
.m-col-bd>* {
padding: 3.125vw
}
.m-col-bd[data-sub-order="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-xs="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-tm="ver"]>li .m-col-title {
margin-bottom: 3.125vw
}
.m-col-bd[data-sub-order="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-xs="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-tm="hor"]>li .m-col-title {
margin-right: 3.125vw
}
.m-col-ft {
padding-top: 6.25vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.m-col-hd {
padding-bottom: 3.53107vw
}
.m-col-bd {
margin: -1.76554vw
}
.m-col-bd>* {
padding: 1.76554vw
}
.m-col-bd[data-sub-order="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-xs="ver"]>li .m-col-title,
.m-col-bd[data-sub-order-tm="ver"]>li .m-col-title {
margin-bottom: 1.76554vw
}
.m-col-bd[data-sub-order="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-xs="hor"]>li .m-col-title,
.m-col-bd[data-sub-order-tm="hor"]>li .m-col-title {
margin-right: 1.76554vw
}
.m-col-ft {
padding-top: 3.53107vw
}
}
.m-content {
position: relative
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.m-content-hd {
margin-bottom: 30px
}
.m-content-hd>*:not(:first-child) {
margin-top: 20px
}
.m-content-bd>*:not(:first-child) {
margin-top: 20px
}
.m-content-ft {
margin-top: 40px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.m-content-hd {
margin-bottom: 2.58621vw
}
.m-content-hd>*:not(:first-child) {
margin-top: 1.72414vw
}
.m-content-bd>*:not(:first-child) {
margin-top: 1.72414vw
}
.m-content-ft {
margin-top: 3.44828vw
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-content-hd {
margin-bottom: 3.90625vw
}
.m-content-hd>*:not(:first-child) {
margin-top: 1.30208vw
}
.m-content-bd>*:not(:first-child) {
margin-top: 1.30208vw
}
.m-content-ft {
margin-top: 3.90625vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.m-content-hd {
margin-bottom: 7.8125vw
}
.m-content-hd>*:not(:first-child) {
margin-top: 3.125vw
}
.m-content-bd>*:not(:first-child) {
margin-top: 3.125vw
}
.m-content-ft {
margin-top: 9.375vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.m-content-hd {
margin-bottom: 7.8125vw
}
.m-content-hd>*:not(:first-child) {
margin-top: 3.125vw
}
.m-content-bd>*:not(:first-child) {
margin-top: 3.125vw
}
.m-content-ft {
margin-top: 9.375vw
}
}
.m-form {
position: relative
}
.m-form-label label {
display: inline-block
}
.m-form-type {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none
}
.m-form-type::-ms-expand {
display: none
}
.m-form-type:disabled {
opacity: 0.5
}
.m-form-type::placeholder {
color: #8e8e8e
}
.m-form-type:-ms-input-placeholder {
color: #8e8e8e
}
.m-form-type::-ms-input-placeholder {
color: #8e8e8e
}
input.m-form-type:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
select.m-form-type:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
width: 100%;
border: 1px solid #d7d7d7;
background-color: #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
input.m-form-type[type="radio"],
input.m-form-type[type="checkbox"],
select.m-form-type[type="radio"],
select.m-form-type[type="checkbox"] {
left: -99999px;
position: absolute
}
input.m-form-type[type="radio"]:checked+.m-form-addon,
select.m-form-type[type="radio"]:checked+.m-form-addon {
color: #333
}
input.m-form-type[type="radio"]:checked+.m-form-addon:after,
select.m-form-type[type="radio"]:checked+.m-form-addon:after {
border: 3px solid #d70c18
}
input.m-form-type[type="radio"]:checked+.m-form-addon>.m-icon,
select.m-form-type[type="radio"]:checked+.m-form-addon>.m-icon {
opacity: 1
}
input.m-form-type[type="radio"]+.m-form-addon,
select.m-form-type[type="radio"]+.m-form-addon {
text-align: center;
background-color: #FFF;
position: relative;
color: #8e8e8e;
box-sizing: border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: color .3s;
-o-transition: color .3s;
-webkit-transition: color .3s;
transition: color .3s
}
input.m-form-type[type="radio"]+.m-form-addon:after,
select.m-form-type[type="radio"]+.m-form-addon:after {
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
border: 1px solid #d7d7d7;
box-sizing: border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: border .3s;
-o-transition: border .3s;
-webkit-transition: border .3s;
transition: border .3s
}
input.m-form-type[type="radio"]+.m-form-addon>.m-icon,
select.m-form-type[type="radio"]+.m-form-addon>.m-icon {
text-align: center;
color: #FFF;
background-color: #d70c18;
position: absolute;
z-index: 2;
opacity: 0;
border-radius: 50%;
box-sizing: border-box;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
input.m-form-type[type="checkbox"]:checked+.m-form-addon>.m-icon,
select.m-form-type[type="checkbox"]:checked+.m-form-addon>.m-icon {
background-color: #d70c18;
border-color: #d70c18
}
input.m-form-type[type="checkbox"]:checked+.m-form-addon>.m-icon:before,
select.m-form-type[type="checkbox"]:checked+.m-form-addon>.m-icon:before {
opacity: 1
}
input.m-form-type[type="checkbox"]+.m-form-addon,
select.m-form-type[type="checkbox"]+.m-form-addon {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start
}
input.m-form-type[type="checkbox"]+.m-form-addon>.m-icon,
select.m-form-type[type="checkbox"]+.m-form-addon>.m-icon {
text-align: center;
border-radius: 3px;
border: 1px solid #d7d7d7;
box-sizing: border-box;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
input.m-form-type[type="checkbox"]+.m-form-addon>.m-icon:before,
select.m-form-type[type="checkbox"]+.m-form-addon>.m-icon:before {
opacity: 0;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
input.m-form-type[type="file"],
select.m-form-type[type="file"] {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 2;
opacity: 0;
cursor: pointer
}
input.m-form-type[type="file"]+.m-form-addon,
select.m-form-type[type="file"]+.m-form-addon {
border: 3px dashed #d7d7d7;
border-radius: 3px;
position: relative;
z-index: 1
}
input.m-form-type[type="file"]+.m-form-addon:not(.is-uploaded) .m-form-file.is-after,
select.m-form-type[type="file"]+.m-form-addon:not(.is-uploaded) .m-form-file.is-after {
display: none
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded:after,
select.m-form-type[type="file"]+.m-form-addon.is-uploaded:after {
content: "";
width: 100%;
left: 0;
position: absolute;
z-index: -1;
background-color: rgba(0, 0, 0, 0.6);
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-file.is-before,
select.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-file.is-before {
display: none
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-button,
select.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-button {
background-color: #FFF;
color: #333;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-img,
select.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-img {
opacity: 1
}
input.m-form-type[type="file"]+.m-form-addon .m-form-img,
select.m-form-type[type="file"]+.m-form-addon .m-form-img {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: -1;
opacity: 0
}
input.m-form-type[type="file"]+.m-form-addon .m-form-button,
select.m-form-type[type="file"]+.m-form-addon .m-form-button {
border-radius: 5px;
box-sizing: border-box
}
select.m-form-type {
font-family: "微軟正黑體", "Microsoft JhengHei", "Heiti TC", "黑體", Arial, sans-serif, serif;
background: url('../img/common/select-arrow74a9.png?1536658851');
background-repeat: no-repeat
}
select.m-form-type[data-ready="1"]:not(:only-child) {
left: -9999px;
position: absolute
}
select.m-form-type:disabled+.m-form-select {
opacity: .5
}
textarea.m-form-type {
width: 100%;
resize: none;
border: 1px solid #d7d7d7;
background-color: #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.m-form-elem {
position: relative
}
.m-form-error {
display: block;
color: #d70c18
}
.m-form-select {
width: 100%;
position: relative
}
.m-form-select-bd {
width: 100%;
height: 0;
overflow: hidden;
position: absolute;
z-index: 9;
background-color: #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
-moz-transition: height .3s;
-o-transition: height .3s;
-webkit-transition: height .3s;
transition: height .3s
}
.m-form-select-bd>ul>li.is-active>* {
color: #d70c18;
font-weight: bold
}
.m-form-select-ctrl {
width: 100%;
text-align: left;
box-sizing: border-box;
background: url('../img/common/select-arrow74a9.png?1536658851');
background-repeat: no-repeat;
border: 1px solid #d7d7d7;
background-color: #FFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.m-form-select-option {
width: 100%;
box-sizing: border-box;
text-align: left
}
.m-form-select-bd {
overflow-y: auto
}
.m-form-addon {
box-sizing: border-box
}
@media screen and (min-width: 1001px) {
.m-form-label[data-order="hor"],
.m-form-label[data-order-md="hor"],
.m-form-label[data-order-dt="hor"] {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center
}
.m-form-label[data-order="hor"]:not(.is-nowrap):not(.is-nowrap-md):not(.is-nowrap-dt),
.m-form-label[data-order-md="hor"]:not(.is-nowrap):not(.is-nowrap-md):not(.is-nowrap-dt),
.m-form-label[data-order-dt="hor"]:not(.is-nowrap):not(.is-nowrap-md):not(.is-nowrap-dt) {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.m-form-label label {
cursor: pointer
}
input.m-form-type[type="file"].is-drop-over+.m-form-addon {
background-color: rgba(0, 0, 0, 0.05)
}
input.m-form-type[type="file"]:hover+.m-form-addon.is-uploaded:after {
background-color: rgba(0, 0, 0, 0.6)
}
input.m-form-type[type="file"]:hover+.m-form-addon.is-uploaded .m-form-file.is-after {
opacity: 1
}
input.m-form-type[type="file"]:hover+.m-form-addon.is-uploaded .m-form-button {
opacity: 1
}
input.m-form-type[type="file"]+.m-form-addon {
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded:after {
height: 100%;
top: 0;
background-color: transparent
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-file.is-after {
opacity: 0;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-button {
opacity: 0;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.m-form-label {
margin: -10px
}
.m-form-label>.m-form-elem {
padding: 10px
}
.m-form-type {
font-size: 15px
}
input.m-form-type:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
padding: 5px 10px;
height: 45px
}
input.m-form-type[type="radio"]+.m-form-addon {
width: 120px;
height: 45px
}
input.m-form-type[type="radio"]+.m-form-addon>.m-icon {
top: -8px;
right: -8px;
width: 22px;
height: 22px;
line-height: 22px !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>.m-icon {
margin-right: 10px;
width: 25px;
height: 25px;
line-height: 23px !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>*:not(.m-icon) {
margin-top: 2px
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-row,
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-md,
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-dt {
padding: 40px 100px
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-row>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-md>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-dt>*:not(:first-child):not(.m-form-file) {
margin-left: 20px
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-md,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt {
padding: 40px
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-md>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt>*:not(:first-child):not(.m-form-file) {
margin-top: 20px
}
input.m-form-type[type="file"]+.m-form-addon .m-form-file>*:not(:first-child) {
margin-top: 10px
}
input.m-form-type[type="file"]+.m-form-addon .m-icon {
font-size: 45px
}
input.m-form-type[type="file"]+.m-form-addon .m-form-button {
width: 120px;
padding: 12px
}
select.m-form-type {
padding: 5px 10px;
height: 45px;
background-position: calc(100% - 10px) center
}
textarea.m-form-type {
padding: 5px
}
.m-form-elem.b-flex-row>*:not(:first-child),
.m-form-elem.b-flex-row-md>*:not(:first-child),
.m-form-elem.b-flex-row-dt>*:not(:first-child) {
margin-left: 10px
}
.m-form-error.is-error {
margin-top: 5px
}
.m-form-select:not(.is-up) .m-form-select-bd {
top: calc(100% + 5px)
}
.m-form-select.is-up .m-form-select-bd {
bottom: calc(100% + 5px)
}
.m-form-select-bd {
max-height: 280px
}
.m-form-select-bd>ul {
padding: 5px
}
.m-form-select-ctrl {
padding: 5px 10px;
height: 45px;
background-position: calc(100% - 10px) center
}
.m-form-select-option {
padding: 7px 25px
}
.m-form-tool>*:not(:first-child) {
margin-top: 10px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.m-form-label {
margin: -.86207vw
}
.m-form-label>.m-form-elem {
padding: .86207vw
}
.m-form-type {
font-size: 1.2931vw
}
input.m-form-type:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
padding: .43103vw .86207vw;
height: 3.87931vw
}
input.m-form-type[type="radio"]+.m-form-addon {
width: 10.34483vw;
height: 3.87931vw
}
input.m-form-type[type="radio"]+.m-form-addon>.m-icon {
top: -.68966vw;
right: -.68966vw;
width: 1.89655vw;
height: 1.89655vw;
line-height: 1.89655vw !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>.m-icon {
margin-right: .86207vw;
width: 2.15517vw;
height: 2.15517vw;
line-height: 1.98276vw !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>*:not(.m-icon) {
margin-top: .17241vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-row,
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-md,
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-dt {
padding: 3.44828vw 8.62069vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-row>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-md>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-dt>*:not(:first-child):not(.m-form-file) {
margin-left: 1.72414vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-md,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt {
padding: 3.44828vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-md>*:not(:first-child):not(.m-form-file),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt>*:not(:first-child):not(.m-form-file) {
margin-top: 1.72414vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-file>*:not(:first-child) {
margin-top: .86207vw
}
input.m-form-type[type="file"]+.m-form-addon .m-icon {
font-size: 3.87931vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-button {
width: 10.34483vw;
padding: 1.03448vw
}
select.m-form-type {
padding: .43103vw .86207vw;
height: 3.87931vw;
background-position: calc(100% - .86207vw) center
}
textarea.m-form-type {
padding: .43103vw
}
.m-form-elem.b-flex-row>*:not(:first-child),
.m-form-elem.b-flex-row-md>*:not(:first-child),
.m-form-elem.b-flex-row-dt>*:not(:first-child) {
margin-left: .86207vw
}
.m-form-error.is-error {
margin-top: .43103vw
}
.m-form-select:not(.is-up) .m-form-select-bd {
top: calc(100% + .43103vw)
}
.m-form-select.is-up .m-form-select-bd {
bottom: calc(100% + .43103vw)
}
.m-form-select-bd {
max-height: 24.13793vw
}
.m-form-select-bd>ul {
padding: .43103vw
}
.m-form-select-ctrl {
padding: .43103vw .86207vw;
height: 3.87931vw;
background-position: calc(100% - .86207vw) center
}
.m-form-select-option {
padding: .60345vw 2.15517vw
}
.m-form-tool>*:not(:first-child) {
margin-top: .86207vw
}
}
@media screen and (max-width: 1000px) {
input.m-form-type[type="file"]+.m-form-addon.is-uploaded:after {
bottom: 0
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-file {
display: none
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-button {
position: absolute
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-form-label {
margin: -1.30208vw
}
.m-form-label[data-order="hor"],
.m-form-label[data-order-sm="hor"],
.m-form-label[data-order-dt="hor"],
.m-form-label[data-order-tm="hor"] {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center
}
.m-form-label[data-order="hor"]:not(.is-nowrap):not(.is-nowrap-sm):not(.is-nowrap-dt):not(.is-nowrap-tm),
.m-form-label[data-order-sm="hor"]:not(.is-nowrap):not(.is-nowrap-sm):not(.is-nowrap-dt):not(.is-nowrap-tm),
.m-form-label[data-order-dt="hor"]:not(.is-nowrap):not(.is-nowrap-sm):not(.is-nowrap-dt):not(.is-nowrap-tm),
.m-form-label[data-order-tm="hor"]:not(.is-nowrap):not(.is-nowrap-sm):not(.is-nowrap-dt):not(.is-nowrap-tm) {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.m-form-label>.m-form-elem {
padding: 1.30208vw
}
.m-form-type {
font-size: 1.95313vw
}
input.m-form-type:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
padding: .65104vw 1.30208vw;
height: 5.20833vw
}
input.m-form-type[type="radio"]+.m-form-addon {
width: 15.625vw;
height: 5.85938vw
}
input.m-form-type[type="radio"]+.m-form-addon>.m-icon {
top: -1.04167vw;
right: -1.04167vw;
width: 2.86458vw;
height: 2.86458vw;
line-height: 2.86458vw !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>.m-icon {
margin-right: 1.30208vw;
width: 3.25521vw;
height: 3.25521vw;
line-height: 2.99479vw !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>*:not(.m-icon) {
margin-top: .26042vw
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded:after {
height: 8.46354vw
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-button {
bottom: 1.5625vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-row,
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-sm,
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-dt,
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-tm {
padding: 5.20833vw 13.02083vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-row>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-sm>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-dt>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-row-tm>*:not(:first-child) {
margin-left: 2.60417vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-sm,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm {
padding: 5.20833vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-sm>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm>*:not(:first-child) {
margin-top: 1.30208vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-file>*:not(:first-child) {
margin-top: 1.30208vw
}
input.m-form-type[type="file"]+.m-form-addon .m-icon {
font-size: 5.85938vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-button {
width: 15.625vw;
padding: 1.5625vw
}
select.m-form-type {
padding: .65104vw 1.30208vw;
height: 5.20833vw;
background-position: calc(100% - 1.30208vw) center
}
textarea.m-form-type {
padding: .65104vw
}
.m-form-elem.b-flex-row>*:not(:first-child),
.m-form-elem.b-flex-row-sm>*:not(:first-child),
.m-form-elem.b-flex-row-dt>*:not(:first-child),
.m-form-elem.b-flex-row-tm>*:not(:first-child) {
margin-left: 1.30208vw
}
.m-form-select:not(.is-up) .m-form-select-bd {
top: calc(100% + .65104vw)
}
.m-form-select.is-up .m-form-select-bd {
bottom: calc(100% + .65104vw)
}
.m-form-select-bd {
max-height: 36.45833vw
}
.m-form-select-bd>ul {
padding: .65104vw
}
.m-form-select-ctrl {
padding: .65104vw 1.30208vw;
height: 5.20833vw;
background-position: calc(100% - 1.30208vw) center
}
.m-form-select-option {
padding: .91146vw 3.25521vw
}
.m-form-error.is-error {
margin-top: 1.30208vw
}
.m-form-tool>*:not(:first-child) {
margin-top: 1.30208vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.m-form-label[data-order="hor"],
.m-form-label[data-order-xs="hor"],
.m-form-label[data-order-tm="hor"] {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center
}
.m-form-label[data-order="hor"]:not(.is-nowrap):not(.is-nowrap-xs):not(.is-nowrap-tm),
.m-form-label[data-order-xs="hor"]:not(.is-nowrap):not(.is-nowrap-xs):not(.is-nowrap-tm),
.m-form-label[data-order-tm="hor"]:not(.is-nowrap):not(.is-nowrap-xs):not(.is-nowrap-tm) {
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.m-form-elem>label {
width: 100%
}
.m-form-label {
margin: -3.125vw
}
.m-form-label>.m-form-elem {
padding: 3.125vw
}
.m-form-type {
font-size: 4.6875vw
}
input.m-form-type:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
padding: 1.5625vw 3.125vw;
height: 12.5vw
}
input.m-form-type[type="radio"]+.m-form-addon {
height: 12.5vw
}
input.m-form-type[type="radio"]+.m-form-addon>.m-icon {
top: -2.5vw;
right: -2.5vw;
width: 6.25vw;
height: 6.25vw;
line-height: 6.25vw !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>.m-icon {
margin-right: 3.125vw;
width: 6.25vw;
height: 6.25vw;
line-height: 5.625vw !important
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded:after {
height: 20.3125vw
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-button {
bottom: 3.125vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-xs,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm {
padding: 6.25vw 4.6875vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-xs>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm>*:not(:first-child) {
margin-top: 4.6875vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-sm,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm {
padding: 6.25vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-sm>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm>*:not(:first-child) {
margin-top: 3.125vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-file>*:not(:first-child) {
margin-top: 3.125vw
}
input.m-form-type[type="file"]+.m-form-addon .m-icon {
font-size: 14.0625vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-button {
width: 37.5vw;
padding: 3.75vw
}
select.m-form-type {
padding: 1.5625vw 3.125vw;
height: 12.5vw;
background-position: calc(100% - 3.125vw) center
}
textarea.m-form-type {
padding: 1.5625vw
}
.m-form-elem.b-flex-row>*:not(:first-child),
.m-form-elem.b-flex-row-xs>*:not(:first-child),
.m-form-elem.b-flex-row-tm>*:not(:first-child) {
margin-left: 3.125vw
}
.m-form-select:not(.is-up) .m-form-select-bd {
top: calc(100% + 1.5625vw)
}
.m-form-select.is-up .m-form-select-bd {
bottom: calc(100% + 1.5625vw)
}
.m-form-select-bd {
max-height: 62.5vw
}
.m-form-select-bd>ul {
padding: 1.5625vw
}
.m-form-select-ctrl {
padding: 1.5625vw 3.125vw;
height: 12.5vw;
background-position: calc(100% - 3.125vw) center
}
.m-form-select-option {
padding: 1.5625vw 6.25vw
}
.m-form-error.is-error {
margin-top: 3.125vw
}
.m-form-tool>*:not(:first-child) {
margin-top: 3.125vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.m-form-label {
margin: -1.76554vw
}
.m-form-label>.m-form-elem {
padding: 1.76554vw
}
.m-form-type {
font-size: 2.64831vw
}
input.m-form-type:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
padding: .88277vw 1.76554vw;
height: 7.06215vw
}
input.m-form-type[type="radio"]+.m-form-addon {
height: 7.06215vw
}
input.m-form-type[type="radio"]+.m-form-addon>.m-icon {
top: -1.41243vw;
right: -1.41243vw;
width: 3.53107vw;
height: 3.53107vw;
line-height: 3.53107vw !important
}
input.m-form-type[type="checkbox"]+.m-form-addon>.m-icon {
margin-right: 1.76554vw;
width: 3.53107vw;
height: 3.53107vw;
line-height: 3.17797vw !important
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded:after {
height: 11.47599vw
}
input.m-form-type[type="file"]+.m-form-addon.is-uploaded .m-form-button {
bottom: 1.76554vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-xs,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm {
padding: 3.53107vw 2.64831vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-xs>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm>*:not(:first-child) {
margin-top: 2.64831vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-sm,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt,
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm {
padding: 3.53107vw
}
input.m-form-type[type="file"]+.m-form-addon.b-flex-column>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-sm>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-dt>*:not(:first-child),
input.m-form-type[type="file"]+.m-form-addon.b-flex-column-tm>*:not(:first-child) {
margin-top: 1.76554vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-file>*:not(:first-child) {
margin-top: 1.76554vw
}
input.m-form-type[type="file"]+.m-form-addon .m-icon {
font-size: 7.94492vw
}
input.m-form-type[type="file"]+.m-form-addon .m-form-button {
width: 21.18644vw;
padding: 2.11864vw
}
select.m-form-type {
padding: .88277vw 1.76554vw;
height: 7.06215vw;
background-position: calc(100% - 1.76554vw) center
}
textarea.m-form-type {
padding: .88277vw
}
.m-form-elem.b-flex-row>*:not(:first-child),
.m-form-elem.b-flex-row-xs>*:not(:first-child),
.m-form-elem.b-flex-row-tm>*:not(:first-child) {
margin-left: 1.76554vw
}
.m-form-select:not(.is-up) .m-form-select-bd {
top: calc(100% + .88277vw)
}
.m-form-select.is-up .m-form-select-bd {
bottom: calc(100% + .88277vw)
}
.m-form-select-bd {
max-height: 35.31073vw
}
.m-form-select-bd>ul {
padding: .88277vw
}
.m-form-select-ctrl {
padding: .88277vw 1.76554vw;
height: 7.06215vw;
background-position: calc(100% - 1.76554vw) center
}
.m-form-select-option {
padding: .88277vw 3.53107vw
}
.m-form-error.is-error {
margin-top: 1.76554vw
}
.m-form-tool>*:not(:first-child) {
margin-top: 1.76554vw
}
}
.m-footer {
position: relative
}
.m-footer>* {
margin-left: auto;
margin-right: auto;
max-width: 1440px;
box-sizing: border-box
}
.m-footer-bd>* {
position: relative
}
.m-footer-download,
.m-footer-about {
box-sizing: border-box
}
.m-footer-ft {
position: relative
}
.m-footer-link {
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.m-footer-link>* {
letter-spacing: normal;
line-height: 1.35
}
.m-footer-link>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-footer-link figure {
line-height: 1em
}
.m-footer-device-item {
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center
}
.m-footer-device-item>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-footer-shortcut {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.m-footer-shortcut>* {
letter-spacing: normal;
line-height: 1.35
}
.m-footer-shortcut>* {
border-left: 1px solid #FFF;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-footer-shortcut .m-footer-link {
display: block
}
.m-footer-logo {
display: block
}
@media screen and (min-width: 1001px) {
.m-footer-bd {
display: -webkit-flex;
display: flex
}
.m-footer-bd>*:not(:first-child):before {
content: "";
top: 50%;
left: 0;
width: 1px;
position: absolute;
background-color: #4d4d4d;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.m-footer-bd .m-footer-link:hover em,
.m-footer-bd .m-footer-link:hover p,
.m-footer-bd .m-footer-link:hover span {
text-decoration: underline
}
.m-footer-ft:before {
content: "";
top: 0;
left: 50%;
width: 100vw;
height: 1px;
position: absolute;
background-color: #4d4d4d;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.m-footer-download {
display: -webkit-flex;
display: flex
}
.m-footer-download .m-footer-frame {
-webkit-flex-shrink: 1;
flex-shrink: 1
}
.m-footer-qrcode {
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0
}
.m-footer-device-item {
border: 2px solid rgba(255, 255, 255, 0.2);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px
}
.m-footer-about {
-webkit-flex-shrink: 0;
flex-shrink: 0
}
.m-footer-shortcut .m-footer-link:hover em,
.m-footer-shortcut .m-footer-link:hover p,
.m-footer-shortcut .m-footer-link:hover span {
font-weight: bold;
color: #d7d7d7
}
.m-footer-logo {
top: 50%;
right: 0;
position: absolute;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media screen and (min-width: 1001px) and (min-width: 1440px) {
.m-footer>* {
padding-left: 70px;
padding-right: 70px
}
.m-footer-bd {
padding-top: 35px;
padding-bottom: 15px
}
.m-footer-bd>*:not(:first-child):before {
height: 130px
}
.m-footer-ft {
padding-top: 25px;
padding-bottom: 25px
}
.m-footer-ft>*:not(:first-child) {
margin-top: 10px
}
.m-footer-download {
width: 860px;
padding-right: 100px
}
.m-footer-qrcode {
margin-left: 80px
}
.m-footer-qrcode>figure {
width: 146px
}
.m-footer-qrcode>*:not(:first-child) {
margin-left: 40px
}
.m-footer-device>*:not(:first-child) {
margin-top: 20px
}
.m-footer-device-item {
padding: 15px 30px;
width: 172px
}
.m-footer-about {
width: 440px;
padding-left: 100px
}
.m-footer-frame-hd {
margin-bottom: 20px
}
.m-footer-frame-ft {
margin-top: 20px
}
.m-footer-link>figure {
width: 25px
}
.m-footer-link>.m-icon:not(.m-icon-arrow-right) {
font-size: 25px
}
.m-footer-link>.m-icon .m-icon-arrow-right {
font-size: 18px
}
.m-footer-link>*:not(:first-child) {
margin-left: 5px
}
.m-footer-shortcut {
margin-top: -12px;
margin-bottom: -12px
}
.m-footer-shortcut>* {
padding-left: 12px;
padding-right: 12px;
margin-top: 12px;
margin-bottom: 12px
}
.m-footer-logo>figure {
width: 40px
}
}
@media screen and (min-width: 1001px) and (max-width: 1439px) {
.m-footer-bd {
padding-top: 2.43056vw;
padding-bottom: 1.04167vw
}
.m-footer-bd>*:not(:first-child):before {
height: 9.02778vw
}
.m-footer-ft {
padding-top: 1.73611vw;
padding-bottom: 1.73611vw
}
.m-footer-ft>*:not(:first-child) {
margin-top: .69444vw
}
.m-footer-download {
width: 59.72222vw;
padding-right: 6.94444vw
}
.m-footer-qrcode {
margin-left: 5.55556vw
}
.m-footer-qrcode>figure {
width: 10.13889vw
}
.m-footer-qrcode>*:not(:first-child) {
margin-left: 2.77778vw
}
.m-footer-device>*:not(:first-child) {
margin-top: 1.38889vw
}
.m-footer-device-item {
padding: 1.04167vw 2.08333vw;
width: 11.94444vw
}
.m-footer-about {
width: 30.55556vw;
padding-left: 6.94444vw
}
.m-footer-frame-hd {
margin-bottom: 1.38889vw
}
.m-footer-frame-ft {
margin-top: 1.38889vw
}
.m-footer-link>figure {
width: 1.73611vw
}
.m-footer-link>.m-icon:not(.m-icon-arrow-right) {
font-size: 1.73611vw
}
.m-footer-link>.m-icon .m-icon-arrow-right {
font-size: 1.25vw
}
.m-footer-link>*:not(:first-child) {
margin-left: .34722vw
}
.m-footer-shortcut {
margin-top: -.83333vw;
margin-bottom: -.83333vw
}
.m-footer-shortcut>* {
padding-left: .83333vw;
padding-right: .83333vw;
margin-top: .83333vw;
margin-bottom: .83333vw
}
.m-footer-logo>figure {
width: 2.77778vw
}
}
@media screen and (max-width: 1000px) {
.m-footer-bd>*:not(:first-child) {
border-top: 1px solid #4d4d4d
}
.m-footer-ft {
border-top: 1px solid #4d4d4d
}
.m-footer-copyright {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center
}
.m-footer-copyright .m-footer-text {
-webkit-flex-grow: 1;
flex-grow: 1
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-footer-bd .m-footer-link {
padding-top: 2.60417vw;
padding-bottom: 2.60417vw
}
.m-footer-ft {
padding-top: 2.60417vw;
padding-bottom: 2.60417vw
}
.m-footer-ft>*:not(:first-child) {
margin-top: 2.60417vw
}
.m-footer-link>figure {
width: 3.25521vw
}
.m-footer-link>.m-icon:not(.m-icon-arrow-right) {
font-size: 3.25521vw
}
.m-footer-link>.m-icon .m-icon-arrow-right {
font-size: 2.34375vw
}
.m-footer-link>*:not(:first-child) {
margin-left: .65104vw
}
.m-footer-shortcut {
margin-top: -1.5625vw;
margin-bottom: -1.5625vw
}
.m-footer-shortcut>* {
padding-left: 1.5625vw;
padding-right: 1.5625vw;
margin-top: 1.5625vw;
margin-bottom: 1.5625vw
}
.m-footer-logo>figure {
width: 5.20833vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: portrait),
screen and (max-width: 739px) and (orientation: portrait) {
.m-footer-bd .m-footer-link {
padding-top: 6.25vw;
padding-bottom: 6.25vw
}
.m-footer-ft {
padding-top: 6.25vw;
padding-bottom: 6.25vw
}
.m-footer-ft>*:not(:first-child) {
margin-top: 6.25vw
}
.m-footer-link>figure {
width: 7.8125vw
}
.m-footer-link>.m-icon:not(.m-icon-arrow-right) {
font-size: 7.8125vw
}
.m-footer-link>.m-icon .m-icon-arrow-right {
font-size: 5.625vw
}
.m-footer-link>*:not(:first-child) {
margin-left: 1.5625vw
}
.m-footer-shortcut {
margin-top: -2.5vw;
margin-bottom: -2.5vw
}
.m-footer-shortcut>* {
padding-left: 3.75vw;
padding-right: 3.75vw;
margin-top: 2.5vw;
margin-bottom: 2.5vw
}
.m-footer-logo>figure {
width: 12.5vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape),
screen and (max-width: 739px) and (orientation: landscape) {
.m-footer-bd .m-footer-link {
padding-top: 3.53107vw;
padding-bottom: 3.53107vw
}
.m-footer-ft {
padding-top: 3.53107vw;
padding-bottom: 3.53107vw
}
.m-footer-ft>*:not(:first-child) {
margin-top: 3.53107vw
}
.m-footer-link>figure {
width: 4.41384vw
}
.m-footer-link>.m-icon:not(.m-icon-arrow-right) {
font-size: 4.41384vw
}
.m-footer-link>.m-icon .m-icon-arrow-right {
font-size: 3.17797vw
}
.m-footer-link>*:not(:first-child) {
margin-left: .88277vw
}
.m-footer-shortcut {
margin-top: -1.41243vw;
margin-bottom: -1.41243vw
}
.m-footer-shortcut>* {
padding-left: 2.11864vw;
padding-right: 2.11864vw;
margin-top: 1.41243vw;
margin-bottom: 1.41243vw
}
.m-footer-logo>figure {
width: 7.06215vw
}
}
.m-floating[data-position="fixed"] {
position: fixed
}
.m-floating-gotop {
position: fixed;
z-index: 10;
opacity: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.m-floating-gotop:not(.is-show) {
pointer-events: none
}
.m-floating-gotop.is-show {
opacity: 1
}
@media screen and (min-width: 1001px) {
.m-floating-gotop {
right: 5px;
width: 35px;
height: 35px
}
}
@media screen and (min-width: 740px) and (min-height: 414px) {
.m-floating-gotop {
bottom: 5px
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-floating-gotop {
right: .65104vw;
width: 4.55729vw;
height: 4.55729vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.m-floating-gotop {
bottom: 15%
}
.m-floating-gotop {
right: 1.5625vw;
width: 10.9375vw;
height: 10.9375vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.m-floating-gotop {
right: .88277vw;
width: 6.17938vw;
height: 6.17938vw
}
}
.m-header {
width: 100%;
height: 100%;
box-sizing: border-box;
display: table;
vertical-align: middle;
table-layout: auto;
word-wrap: break-word;
word-break: break-all
}
.m-header>* {
display: table-cell;
vertical-align: middle
}
.m-header-logo {
width: 1%;
white-space: nowrap
}
.m-header-logo>h1 {
top: 0;
left: -9999px;
position: absolute
}
.m-header-logo>a {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.m-header-logo>a>* {
letter-spacing: normal;
line-height: 1.35
}
.m-header-logo>a>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
@media screen and (min-width: 1001px) {
.m-header-logo>a>* {
font-size: 20px
}
.m-header-logo>a>*:not(:first-child) {
margin-left: 20px
}
.m-header-logo .m-header-figure {
width: 40px
}
}
@media screen and (max-width: 1000px) {
.m-header-ctrl {
position: relative;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-header-ctrl.is-active:before,
.m-header-ctrl.is-active:after {
-moz-transition: -moz-transform .3s .3s, top .3s, bottom .3s;
-o-transition: -o-transform .3s .3s, top .3s, bottom .3s;
-webkit-transition: -webkit-transform .3s, top .3s, bottom .3s;
-webkit-transition-delay: .3s, 0s, 0s;
transition: transform .3s .3s, top .3s, bottom .3s
}
.m-header-ctrl.is-active:before {
top: 50%;
margin-top: -1px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.m-header-ctrl.is-active:after {
bottom: 50%;
margin-bottom: -1px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.m-header-ctrl.is-active>i {
opacity: 0
}
.m-header-ctrl:before,
.m-header-ctrl:after {
content: "";
height: 2px;
position: absolute;
background-color: #FFF;
-moz-transition: -moz-transform .3s, top .3s .3s, bottom .3s .3s;
-o-transition: -o-transform .3s, top .3s .3s, bottom .3s .3s;
-webkit-transition: -webkit-transform .3s, top .3s, bottom .3s;
-webkit-transition-delay: 0s, .3s, .3s;
transition: transform .3s, top .3s .3s, bottom .3s .3s
}
.m-header-ctrl>i {
top: 50%;
height: 2px;
margin-top: -1px;
position: absolute;
background-color: #FFF;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-header-logo>a>* {
font-size: 2.60417vw
}
.m-header-logo>a>*:not(:first-child) {
margin-left: .65104vw
}
.m-header-logo .m-header-figure {
width: 3.25521vw
}
.m-header-ctrl {
width: 3.90625vw;
height: 3.90625vw
}
.m-header-ctrl:before,
.m-header-ctrl:after {
width: 70%;
left: 15%
}
.m-header-ctrl:before {
top: .91146vw
}
.m-header-ctrl:after {
bottom: .91146vw
}
.m-header-ctrl>i {
width: 55%;
left: 15%
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: portrait),
screen and (max-width: 739px) and (orientation: portrait) {
.m-header-logo>a>*:not(:first-child) {
margin-left: 1.5625vw
}
.m-header-logo .m-header-figure {
width: 7.8125vw
}
.m-header-ctrl {
width: 9.375vw;
height: 9.375vw
}
.m-header-ctrl:before,
.m-header-ctrl:after {
width: 70%;
left: 15%
}
.m-header-ctrl:before {
top: 2.1875vw
}
.m-header-ctrl:after {
bottom: 2.1875vw
}
.m-header-ctrl>i {
width: 55%;
left: 15%
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape),
screen and (max-width: 739px) and (orientation: landscape) {
.m-header-logo>a>*:not(:first-child) {
margin-left: .88277vw
}
.m-header-logo .m-header-figure {
width: 4.41384vw
}
.m-header-ctrl {
width: 5.29661vw;
height: 5.29661vw
}
.m-header-ctrl:before,
.m-header-ctrl:after {
width: 70%;
left: 15%
}
.m-header-ctrl:before {
top: 1.23588vw
}
.m-header-ctrl:after {
bottom: 1.23588vw
}
.m-header-ctrl>i {
width: 55%;
left: 15%
}
}
.m-nav {
position: relative
}
.m-nav-menu>ul>li,
.m-nav-logged>ul>li {
position: relative
}
.m-nav-item {
box-sizing: border-box
}
.m-nav-sub {
max-height: 0;
box-sizing: border-box;
overflow: hidden;
*zoom: 1;
-moz-transition: max-height .3s;
-o-transition: max-height .3s;
-webkit-transition: max-height .3s;
transition: max-height .3s
}
.m-nav-sub-item {
display: block;
white-space: nowrap
}
.m-nav-frame {
position: relative;
box-sizing: border-box
}
@media screen and (min-width: 1001px) {
.m-nav {
height: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center
}
.m-nav-menu>ul>li:hover .m-nav-item:before {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1
}
.m-nav-menu,
.m-nav-logged {
height: 100%
}
.m-nav-menu>ul,
.m-nav-logged>ul {
height: 100%;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.m-nav-menu>ul>*,
.m-nav-logged>ul>* {
letter-spacing: normal;
line-height: 1.35
}
.m-nav-menu>ul>li,
.m-nav-logged>ul>li {
height: 100%;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-nav-menu>ul>li:hover .m-nav-sub,
.m-nav-logged>ul>li:hover .m-nav-sub {
max-height: 500px
}
.m-nav-menu {
order: 1
}
.m-nav-logged {
margin-left: 15px;
order: 3
}
.m-nav-item {
color: #FFF;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-nav-item:before {
content: "";
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
position: absolute;
background-color: #FFF;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.m-nav-item>* {
font-size: 14px
}
.m-nav-sub {
top: 60px;
left: 50%;
position: absolute;
background-color: #FFF;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.m-nav-sub-item:hover {
font-weight: bold;
color: #d70c18
}
.m-nav-tab {
order: 2
}
.m-nav-tab-hd {
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed
}
.m-nav-tab-hd>* {
letter-spacing: normal;
line-height: 1.35
}
.m-nav-tab-hd>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-nav-tab-bd {
top: calc(100% + 5px);
right: 0;
position: absolute
}
.m-nav-tab-bd>ul>li {
top: 0;
right: 0;
position: absolute;
opacity: 0;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.m-nav-tab-bd>ul>li.is-show {
opacity: 1
}
.m-nav-tab-bd>ul>li:not(.is-show) {
pointer-events: none
}
.m-nav-func,
.m-nav-item {
color: #FFF
}
.m-nav-func>*,
.m-nav-item>* {
display: block
}
.m-nav-func>.m-icon,
.m-nav-item>.m-icon {
-moz-transition: -moz-transform .3s;
-o-transition: -o-transform .3s;
-webkit-transition: -webkit-transform .3s;
transition: transform .3s
}
.m-nav-func .m-nav-desc,
.m-nav-item .m-nav-desc {
font-size: 12px
}
.m-nav-func:hover .m-nav-desc,
.m-nav-item:hover .m-nav-desc {
max-height: 20px;
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1)
}
.m-nav-func:hover .m-icon,
.m-nav-item:hover .m-icon {
-moz-transform: scale(.8, .8);
-ms-transform: scale(.8, .8);
-webkit-transform: scale(.8, .8);
transform: scale(.8, .8)
}
.m-nav-desc {
max-height: 0;
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-moz-transition: -moz-transform .3s, max-height .3s;
-o-transition: -o-transform .3s, max-height .3s;
-webkit-transition: -webkit-transform .3s, max-height .3s;
transition: transform .3s, max-height .3s
}
.m-nav-frame {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.m-nav-frame:before {
content: "";
position: absolute;
z-index: 2;
pointer-events: none
}
.m-nav-frame.is-search:before {
background: url('../img/common/nav-reach-job05b6.png?1534758853') center center no-repeat;
background-size: 100% auto
}
.m-nav-frame.is-login:before {
background: url('../img/common/nav-login42a3.png?1534758863') center center no-repeat;
background-size: 100% auto
}
}
@media screen and (min-width: 1001px) and (max-height: 699px) {
.m-nav-frame {
overflow-y: auto;
max-height: 85.71429vh
}
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.m-nav-menu>ul>li:not(:first-child),
.m-nav-logged>ul>li:not(:first-child) {
margin-left: 20px
}
.m-nav-sub>ul {
padding: 20px 35px
}
.m-nav-sub>ul>li:not(:first-child) {
margin-top: 15px
}
.m-nav-tab {
margin-left: 30px
}
.m-nav-tab-hd>*:not(:first-child) {
margin-left: 15px
}
.m-nav-func>.m-icon,
.m-nav-item>.m-icon {
font-size: 25px
}
.m-nav-frame.is-search {
padding: 30px 30px 55px 30px;
width: 340px
}
.m-nav-frame.is-search:before {
bottom: 15px;
right: 30px;
width: 70px;
height: 77px
}
.m-nav-frame.is-search .m-nav-frame-ft {
margin-top: 10px
}
.m-nav-frame.is-login {
padding: 30px;
width: 400px
}
.m-nav-frame.is-login:before {
top: 15px;
right: 35px;
width: 31px;
height: 83px
}
.m-nav-frame.is-login .m-nav-frame-hd {
margin-bottom: 30px
}
.m-nav-frame.is-login .m-nav-frame-ft {
margin-top: 20px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.m-nav-menu>ul>li:not(:first-child),
.m-nav-logged>ul>li:not(:first-child) {
margin-left: 1.72414vw
}
.m-nav-sub>ul {
padding: 1.72414vw 3.01724vw
}
.m-nav-sub>ul>li:not(:first-child) {
margin-top: 1.2931vw
}
.m-nav-tab {
margin-left: 2.58621vw
}
.m-nav-tab-hd>*:not(:first-child) {
margin-left: 1.2931vw
}
.m-nav-func>.m-icon,
.m-nav-item>.m-icon {
font-size: 2.15517vw
}
.m-nav-frame.is-search {
padding: 2.58621vw 2.58621vw 4.74138vw 2.58621vw;
width: 29.31034vw
}
.m-nav-frame.is-search:before {
bottom: 1.2931vw;
right: 2.58621vw;
width: 6.03448vw;
height: 6.63793vw
}
.m-nav-frame.is-search .m-nav-frame-ft {
margin-top: .86207vw
}
.m-nav-frame.is-login {
padding: 2.58621vw;
width: 34.48276vw
}
.m-nav-frame.is-login:before {
top: 1.2931vw;
right: 3.01724vw;
width: 2.67241vw;
height: 7.15517vw
}
.m-nav-frame.is-login .m-nav-frame-hd {
margin-bottom: 2.58621vw
}
.m-nav-frame.is-login .m-nav-frame-ft {
margin-top: 1.72414vw
}
}
@media screen and (max-width: 1000px) {
.m-nav {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.m-nav-menu {
order: 3
}
.m-nav-menu>ul>li .m-nav-item {
border-bottom: 1px solid #d7d7d7
}
.m-nav-menu>ul>li:first-child .m-nav-item {
border-top: 1px solid #d7d7d7
}
.m-nav-logged {
order: 2
}
.m-nav-item {
display: block;
text-align: left;
width: 100%;
border-left-style: solid;
border-left-color: transparent;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed;
-moz-transition: border-color .3s;
-o-transition: border-color .3s;
-webkit-transition: border-color .3s;
transition: border-color .3s
}
.m-nav-item>* {
letter-spacing: normal;
line-height: 1.35
}
button.m-nav-item.is-active {
border-left-color: #d70c18
}
button.m-nav-item.is-active:before {
height: 0
}
button.m-nav-item.is-active+.m-nav-sub {
max-height: 500px
}
button.m-nav-item:before,
button.m-nav-item:after {
content: "";
top: 50%;
width: 2px;
position: absolute;
background-color: #333
}
button.m-nav-item:before {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transition: height .3s;
-o-transition: height .3s;
-webkit-transition: height .3s;
transition: height .3s
}
button.m-nav-item:after {
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg)
}
.m-nav-item>* {
font-weight: bold;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-nav-item .m-icon {
color: #d70c18
}
.m-nav-sub {
width: 100%;
background-color: #f2f2f2
}
.m-nav-tab {
order: 1
}
.m-nav-tab-hd {
border-bottom: 1px solid #d7d7d7;
display: -webkit-flex;
display: flex
}
.m-nav-tab-hd>* {
width: 50%
}
.m-nav-tab-hd>*.is-active .m-nav-func {
color: #d70c18
}
.m-nav-tab-bd {
white-space: nowrap
}
.m-nav-tab-bd>ul {
width: 200%;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed;
-moz-transition: -moz-transform .3s;
-o-transition: -o-transform .3s;
-webkit-transition: -webkit-transform .3s;
transition: transform .3s
}
.m-nav-tab-bd>ul>* {
letter-spacing: normal;
line-height: 1.35
}
.m-nav-tab-bd>ul.is-stop {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none
}
.m-nav-tab-bd>ul.is-slide {
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.m-nav-tab-bd>ul>li {
width: 50%;
display: none
}
.m-nav-tab-bd>ul>li.is-active {
display: inline-block;
vertical-align: top;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-nav-func {
width: 100%;
letter-spacing: -0.34em !important;
line-height: 0;
text-rendering: optimizespeed;
-moz-transition: color .3s;
-o-transition: color .3s;
-webkit-transition: color .3s;
transition: color .3s
}
.m-nav-func>* {
letter-spacing: normal;
line-height: 1.35
}
.m-nav-func>* {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-nav-item {
padding-top: 2.60417vw;
padding-bottom: 2.60417vw;
padding-left: 3.51563vw;
padding-right: 3.90625vw;
border-left-width: .39063vw;
font-size: 2.34375vw
}
button.m-nav-item:before,
button.m-nav-item:after {
right: 4.94792vw;
height: 1.95313vw
}
.m-nav-item .m-icon {
margin-right: 1.30208vw;
font-size: 3.90625vw
}
.m-nav-sub>ul {
padding-top: 1.5625vw;
padding-bottom: 1.5625vw
}
.m-nav-sub-item {
padding-top: 1.04167vw;
padding-bottom: 1.04167vw;
padding-left: 5.20833vw;
padding-right: 5.20833vw
}
.m-nav-sub-item>* {
font-size: 2.34375vw
}
.m-nav-frame {
padding: 2.60417vw 2.60417vw 3.90625vw 2.60417vw
}
.m-nav-frame.is-search .m-nav-frame-ft {
margin-top: 1.30208vw
}
.m-nav-frame.is-login .m-nav-frame-hd {
margin-bottom: 3.90625vw
}
.m-nav-frame.is-login .m-nav-frame-ft {
margin-top: 2.60417vw
}
.m-nav-func {
padding: 2.60417vw 1.30208vw
}
.m-nav-func>.m-icon {
font-size: 3.25521vw
}
.m-nav-func>em,
.m-nav-func>p>span {
font-size: 2.34375vw
}
.m-nav-func>*:not(:first-child) {
margin-left: 1.30208vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: portrait),
screen and (max-width: 739px) and (orientation: portrait) {
.m-nav-menu {
padding-bottom: 15.625vw
}
.m-nav-item {
padding-top: 6.25vw;
padding-bottom: 6.25vw;
padding-left: 2.1875vw;
padding-right: 3.125vw;
border-left-width: .9375vw;
font-size: 5.625vw
}
button.m-nav-item:before,
button.m-nav-item:after {
right: 5.625vw;
height: 4.6875vw
}
.m-nav-item .m-icon {
margin-right: 3.125vw;
font-size: 9.375vw
}
.m-nav-sub>ul {
padding-top: 3.75vw;
padding-bottom: 3.75vw
}
.m-nav-sub-item {
padding-top: 2.5vw;
padding-bottom: 2.5vw;
padding-left: 12.5vw;
padding-right: 12.5vw
}
.m-nav-sub-item>* {
font-size: 5.625vw
}
.m-nav-frame {
padding: 6.25vw 6.25vw 9.375vw 6.25vw
}
.m-nav-frame.is-search .m-nav-frame-ft {
margin-top: 3.125vw
}
.m-nav-frame.is-login .m-nav-frame-hd {
margin-bottom: 9.375vw
}
.m-nav-frame.is-login .m-nav-frame-ft {
margin-top: 6.25vw
}
.m-nav-func {
padding: 6.25vw 1.5625vw
}
.m-nav-func>.m-icon {
font-size: 7.8125vw
}
.m-nav-func>em,
.m-nav-func>p>span {
font-size: 5.625vw
}
.m-nav-func>*:not(:first-child) {
margin-left: 3.125vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape),
screen and (max-width: 739px) and (orientation: landscape) {
.m-nav-menu {
padding-bottom: 8.82768vw
}
.m-nav-item {
padding-top: 3.53107vw;
padding-bottom: 3.53107vw;
padding-left: 1.23588vw;
padding-right: 1.76554vw;
border-left-width: .52966vw;
font-size: 3.17797vw
}
button.m-nav-item:before,
button.m-nav-item:after {
right: 3.17797vw;
height: 2.64831vw
}
.m-nav-item .m-icon {
margin-right: 1.76554vw;
font-size: 5.29661vw
}
.m-nav-sub>ul {
padding-top: 2.11864vw;
padding-bottom: 2.11864vw
}
.m-nav-sub-item {
padding-top: 1.41243vw;
padding-bottom: 1.41243vw;
padding-left: 7.06215vw;
padding-right: 7.06215vw
}
.m-nav-sub-item>* {
font-size: 3.17797vw
}
.m-nav-frame {
padding: 3.53107vw 3.53107vw 5.29661vw 3.53107vw
}
.m-nav-frame.is-search .m-nav-frame-ft {
margin-top: 1.76554vw
}
.m-nav-frame.is-login .m-nav-frame-hd {
margin-bottom: 5.29661vw
}
.m-nav-frame.is-login .m-nav-frame-ft {
margin-top: 3.53107vw
}
.m-nav-func {
padding: 3.53107vw .88277vw
}
.m-nav-func>.m-icon {
font-size: 4.41384vw
}
.m-nav-func>em,
.m-nav-func>p>span {
font-size: 3.17797vw
}
.m-nav-func>*:not(:first-child) {
margin-left: 1.76554vw
}
}
@media screen\0 {
.m-nav-tab-bd>ul>li:not(.is-show) {
visibility: hidden
}
}
.m-button-group {
overflow: hidden
}
.m-button-group>ul {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.m-button-group>ul>li>* {
height: calc(100% - 3px)
}
@media screen and (min-width: 1001px) {
.m-button-group.b-text-center>ul,
.m-button-group.b-text-center-md>ul,
.m-button-group.b-text-center-dt>ul {
-webkit-justify-content: center;
justify-content: center
}
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.m-button-group[data-spacing="s"]>ul {
margin: -5px
}
.m-button-group[data-spacing="s"]>ul>li {
padding: 5px
}
.m-button-group[data-spacing="m"]>ul {
margin: -10px
}
.m-button-group[data-spacing="m"]>ul>li {
padding: 10px
}
.m-button-group[data-spacing="l"]>ul {
margin: -20px
}
.m-button-group[data-spacing="l"]>ul>li {
padding: 20px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.m-button-group[data-spacing="s"]>ul {
margin: -.43103vw
}
.m-button-group[data-spacing="s"]>ul>li {
padding: .43103vw
}
.m-button-group[data-spacing="m"]>ul {
margin: -.86207vw
}
.m-button-group[data-spacing="m"]>ul>li {
padding: .86207vw
}
.m-button-group[data-spacing="l"]>ul {
margin: -1.72414vw
}
.m-button-group[data-spacing="l"]>ul>li {
padding: 1.72414vw
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-button-group[data-spacing="s"]>ul {
margin: -.65104vw
}
.m-button-group[data-spacing="s"]>ul>li {
padding: .65104vw
}
.m-button-group[data-spacing="m"]>ul {
margin: -1.30208vw
}
.m-button-group[data-spacing="m"]>ul>li {
padding: 1.30208vw
}
.m-button-group[data-spacing="l"]>ul {
margin: -2.60417vw
}
.m-button-group[data-spacing="l"]>ul>li {
padding: 2.60417vw
}
.m-button-group.b-text-center>ul,
.m-button-group.b-text-center-sm>ul,
.m-button-group.b-text-center-dt>ul,
.m-button-group.b-text-center-tm>ul {
-webkit-justify-content: center;
justify-content: center
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.m-button-group.b-text-center>ul,
.m-button-group.b-text-center-xs>ul,
.m-button-group.b-text-center-tm>ul {
-webkit-justify-content: center;
justify-content: center
}
.m-button-group[data-spacing="s"]>ul {
margin: -1.5625vw
}
.m-button-group[data-spacing="s"]>ul>li {
padding: 1.5625vw
}
.m-button-group[data-spacing="m"]>ul {
margin: -3.125vw
}
.m-button-group[data-spacing="m"]>ul>li {
padding: 3.125vw
}
.m-button-group[data-spacing="l"]>ul {
margin: -6.25vw
}
.m-button-group[data-spacing="l"]>ul>li {
padding: 6.25vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.m-button-group[data-spacing="s"]>ul {
margin: -.88277vw
}
.m-button-group[data-spacing="s"]>ul>li {
padding: .88277vw
}
.m-button-group[data-spacing="m"]>ul {
margin: -1.76554vw
}
.m-button-group[data-spacing="m"]>ul>li {
padding: 1.76554vw
}
.m-button-group[data-spacing="l"]>ul {
margin: -3.53107vw
}
.m-button-group[data-spacing="l"]>ul>li {
padding: 3.53107vw
}
}
.m-button {
width: 100%;
position: relative;
display: block;
box-sizing: border-box;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.m-button:disabled {
color: #8e8e8e;
background-color: #e7e7e7
}
.m-button[class*="b-bg-"] {
margin-bottom: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}
.m-button:not(:disabled).b-bg-white {
-moz-box-shadow: 0 3px 0 0 #e0e0e0;
-webkit-box-shadow: 0 3px 0 0 #e0e0e0;
box-shadow: 0 3px 0 0 #e0e0e0
}
.m-button:not(:disabled).b-bg-black {
-moz-box-shadow: 0 3px 0 0 #000;
-webkit-box-shadow: 0 3px 0 0 #000;
box-shadow: 0 3px 0 0 #000
}
.m-button:not(:disabled).b-bg-gray {
-moz-box-shadow: 0 3px 0 0 #616161;
-webkit-box-shadow: 0 3px 0 0 #616161;
box-shadow: 0 3px 0 0 #616161
}
.m-button:not(:disabled).b-bg-gray-l-p40 {
-moz-box-shadow: 0 3px 0 0 #c7c7c7;
-webkit-box-shadow: 0 3px 0 0 #c7c7c7;
box-shadow: 0 3px 0 0 #c7c7c7
}
.m-button:not(:disabled).b-bg-gray-l-p30 {
-moz-box-shadow: 0 3px 0 0 #aeaeae;
-webkit-box-shadow: 0 3px 0 0 #aeaeae;
box-shadow: 0 3px 0 0 #aeaeae
}
.m-button:not(:disabled).b-bg-gray-l-p20 {
-moz-box-shadow: 0 3px 0 0 #949494;
-webkit-box-shadow: 0 3px 0 0 #949494;
box-shadow: 0 3px 0 0 #949494
}
.m-button:not(:disabled).b-bg-gray-l-p10 {
-moz-box-shadow: 0 3px 0 0 #7b7b7b;
-webkit-box-shadow: 0 3px 0 0 #7b7b7b;
box-shadow: 0 3px 0 0 #7b7b7b
}
.m-button:not(:disabled).b-bg-gray-d-p40 {
-moz-box-shadow: 0 3px 0 0 #000;
-webkit-box-shadow: 0 3px 0 0 #000;
box-shadow: 0 3px 0 0 #000
}
.m-button:not(:disabled).b-bg-gray-d-p30 {
-moz-box-shadow: 0 3px 0 0 #151515;
-webkit-box-shadow: 0 3px 0 0 #151515;
box-shadow: 0 3px 0 0 #151515
}
.m-button:not(:disabled).b-bg-gray-d-p20 {
-moz-box-shadow: 0 3px 0 0 #2e2e2e;
-webkit-box-shadow: 0 3px 0 0 #2e2e2e;
box-shadow: 0 3px 0 0 #2e2e2e
}
.m-button:not(:disabled).b-bg-gray-d-p10 {
-moz-box-shadow: 0 3px 0 0 #484848;
-webkit-box-shadow: 0 3px 0 0 #484848;
box-shadow: 0 3px 0 0 #484848
}
.m-button:not(:disabled).b-bg-transparent {
-moz-box-shadow: 0 3px 0 0 transparent;
-webkit-box-shadow: 0 3px 0 0 transparent;
box-shadow: 0 3px 0 0 transparent
}
.m-button:not(:disabled).b-bg-gray-44 {
-moz-box-shadow: 0 3px 0 0 #252525;
-webkit-box-shadow: 0 3px 0 0 #252525;
box-shadow: 0 3px 0 0 #252525
}
.m-button:not(:disabled).b-bg-gray-4a {
-moz-box-shadow: 0 3px 0 0 #2b2b2b;
-webkit-box-shadow: 0 3px 0 0 #2b2b2b;
box-shadow: 0 3px 0 0 #2b2b2b
}
.m-button:not(:disabled).b-bg-gray-59 {
-moz-box-shadow: 0 3px 0 0 #3a3a3a;
-webkit-box-shadow: 0 3px 0 0 #3a3a3a;
box-shadow: 0 3px 0 0 #3a3a3a
}
.m-button:not(:disabled).b-bg-gray-8e {
-moz-box-shadow: 0 3px 0 0 #6f6f6f;
-webkit-box-shadow: 0 3px 0 0 #6f6f6f;
box-shadow: 0 3px 0 0 #6f6f6f
}
.m-button:not(:disabled).b-bg-gray-d7 {
-moz-box-shadow: 0 3px 0 0 #b8b8b8;
-webkit-box-shadow: 0 3px 0 0 #b8b8b8;
box-shadow: 0 3px 0 0 #b8b8b8
}
.m-button:not(:disabled).b-bg-gray-e7 {
-moz-box-shadow: 0 3px 0 0 #c8c8c8;
-webkit-box-shadow: 0 3px 0 0 #c8c8c8;
box-shadow: 0 3px 0 0 #c8c8c8
}
.m-button:not(:disabled).b-bg-gray-f2 {
-moz-box-shadow: 0 3px 0 0 #d3d3d3;
-webkit-box-shadow: 0 3px 0 0 #d3d3d3;
box-shadow: 0 3px 0 0 #d3d3d3
}
.m-button:not(:disabled).b-bg-gray-f8 {
-moz-box-shadow: 0 3px 0 0 #d9d9d9;
-webkit-box-shadow: 0 3px 0 0 #d9d9d9;
box-shadow: 0 3px 0 0 #d9d9d9
}
.m-button:not(:disabled).b-bg-red {
-moz-box-shadow: 0 3px 0 0 #9d0912;
-webkit-box-shadow: 0 3px 0 0 #9d0912;
box-shadow: 0 3px 0 0 #9d0912
}
.m-button:not(:disabled).b-bg-pink {
-moz-box-shadow: 0 3px 0 0 #ee99a0;
-webkit-box-shadow: 0 3px 0 0 #ee99a0;
box-shadow: 0 3px 0 0 #ee99a0
}
.m-button:not(:disabled).b-bg-pink-1 {
-moz-box-shadow: 0 3px 0 0 #ffadb1;
-webkit-box-shadow: 0 3px 0 0 #ffadb1;
box-shadow: 0 3px 0 0 #ffadb1
}
.m-button:not(:disabled).b-bg-pink-2 {
-moz-box-shadow: 0 3px 0 0 #e94155;
-webkit-box-shadow: 0 3px 0 0 #e94155;
box-shadow: 0 3px 0 0 #e94155
}
.m-button:not(:disabled).b-bg-peach-purple {
-moz-box-shadow: 0 3px 0 0 #9c274e;
-webkit-box-shadow: 0 3px 0 0 #9c274e;
box-shadow: 0 3px 0 0 #9c274e
}
.m-button:not(:disabled).b-bg-green {
-moz-box-shadow: 0 3px 0 0 #3a9f69;
-webkit-box-shadow: 0 3px 0 0 #3a9f69;
box-shadow: 0 3px 0 0 #3a9f69
}
.m-button:not(:disabled).b-bg-brown {
-moz-box-shadow: 0 3px 0 0 #745c1d;
-webkit-box-shadow: 0 3px 0 0 #745c1d;
box-shadow: 0 3px 0 0 #745c1d
}
.m-button:not(:disabled).b-bg-gray-apple {
-moz-box-shadow: 0 3px 0 0 #b7b5bb;
-webkit-box-shadow: 0 3px 0 0 #b7b5bb;
box-shadow: 0 3px 0 0 #b7b5bb
}
.m-button:not(:disabled).b-bg-green-android {
-moz-box-shadow: 0 3px 0 0 #859834;
-webkit-box-shadow: 0 3px 0 0 #859834;
box-shadow: 0 3px 0 0 #859834
}
@media screen and (min-width: 1001px) {
.m-button:not(:disabled).b-bg-white:hover {
background-color: #f0f0f0 !important
}
.m-button:not(:disabled).b-bg-black:hover {
background-color: #000 !important
}
.m-button:not(:disabled).b-bg-gray:hover {
background-color: #717171 !important
}
.m-button:not(:disabled).b-bg-gray-l-p40:hover {
background-color: #d7d7d7 !important
}
.m-button:not(:disabled).b-bg-gray-l-p30:hover {
background-color: #bdbdbd !important
}
.m-button:not(:disabled).b-bg-gray-l-p20:hover {
background-color: #a4a4a4 !important
}
.m-button:not(:disabled).b-bg-gray-l-p10:hover {
background-color: #8a8a8a !important
}
.m-button:not(:disabled).b-bg-gray-d-p40:hover {
background-color: #0b0b0b !important
}
.m-button:not(:disabled).b-bg-gray-d-p30:hover {
background-color: #242424 !important
}
.m-button:not(:disabled).b-bg-gray-d-p20:hover {
background-color: #3e3e3e !important
}
.m-button:not(:disabled).b-bg-gray-d-p10:hover {
background-color: #575757 !important
}
.m-button:not(:disabled).b-bg-transparent:hover {
background-color: transparent !important
}
.m-button:not(:disabled).b-bg-gray-44:hover {
background-color: #353535 !important
}
.m-button:not(:disabled).b-bg-gray-4a:hover {
background-color: #3b3b3b !important
}
.m-button:not(:disabled).b-bg-gray-59:hover {
background-color: #4a4a4a !important
}
.m-button:not(:disabled).b-bg-gray-8e:hover {
background-color: #7f7f7f !important
}
.m-button:not(:disabled).b-bg-gray-d7:hover {
background-color: #c8c8c8 !important
}
.m-button:not(:disabled).b-bg-gray-e7:hover {
background-color: #d8d8d8 !important
}
.m-button:not(:disabled).b-bg-gray-f2:hover {
background-color: #e3e3e3 !important
}
.m-button:not(:disabled).b-bg-gray-f8:hover {
background-color: #e9e9e9 !important
}
.m-button:not(:disabled).b-bg-red:hover {
background-color: #ba0a15 !important
}
.m-button:not(:disabled).b-bg-pink:hover {
background-color: #f3b4b8 !important
}
.m-button:not(:disabled).b-bg-pink-1:hover {
background-color: #ffcbce !important
}
.m-button:not(:disabled).b-bg-pink-2:hover {
background-color: #ec5d6d !important
}
.m-button:not(:disabled).b-bg-peach-purple:hover {
background-color: #b42d5b !important
}
.m-button:not(:disabled).b-bg-green:hover {
background-color: #42b577 !important
}
.m-button:not(:disabled).b-bg-brown:hover {
background-color: #8c7023 !important
}
.m-button:not(:disabled).b-bg-gray-apple:hover {
background-color: #c7c5c9 !important
}
.m-button:not(:disabled).b-bg-green-android:hover {
background-color: #99af3b !important
}
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.m-button[data-width="m"],
.m-button[data-width-md="m"],
.m-button[data-width-dt="m"] {
width: 185px
}
.m-button[data-width="l"],
.m-button[data-width-md="l"],
.m-button[data-width-dt="l"] {
width: 250px
}
.m-button[data-height="m"],
.m-button[data-height-md="m"],
.m-button[data-height-md="m"] {
padding: 14px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.m-button[data-width="m"],
.m-button[data-width-md="m"],
.m-button[data-width-dt="m"] {
width: 15.94828vw
}
.m-button[data-width="l"],
.m-button[data-width-md="l"],
.m-button[data-width-dt="l"] {
width: 21.55172vw
}
.m-button[data-height="m"],
.m-button[data-height-md="m"],
.m-button[data-height-md="m"] {
padding: 1.2069vw
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-button[data-width="m"],
.m-button[data-width-sm="m"],
.m-button[data-width-dt="m"],
.m-button[data-width-tm="m"] {
width: 20.83333vw
}
.m-button[data-width="l"],
.m-button[data-width-sm="l"],
.m-button[data-width-dt="l"],
.m-button[data-width-tm="l"] {
width: 26.04167vw
}
.m-button[data-height="m"],
.m-button[data-height-sm="m"],
.m-button[data-height-dt="m"],
.m-button[data-height-tm="m"] {
padding: 1.30208vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.m-button[data-width="m"],
.m-button[data-width-xs="m"],
.m-button[data-width-tm="m"] {
width: 46.875vw
}
.m-button[data-height="m"],
.m-button[data-height-xs="m"],
.m-button[data-height-tm="m"] {
padding: 3.125vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.m-button[data-width="m"],
.m-button[data-width-xs="m"],
.m-button[data-width-tm="m"] {
width: 26.48305vw
}
.m-button[data-height="m"],
.m-button[data-height-xs="m"],
.m-button[data-height-tm="m"] {
padding: 1.76554vw
}
}
.m-title {
position: relative
}
.m-title-item {
position: relative
}
.m-title-item[data-type-color="white"][data-type="underline"]:before {
background-color: #FFF
}
.m-title-item[data-type-color="white"][data-type="underline"]:after {
border-top-color: #FFF
}
.m-title-item[data-type-color="white"][data-type="middle"]>*:before {
background-color: #FFF
}
.m-title-item[data-type-color="white"][data-type="slash"]:before,
.m-title-item[data-type-color="white"][data-type="slash"]:after {
background-color: #FFF
}
.m-title-item[data-type-color="white"][data-type="mark"]:before {
color: #FFF
}
.m-title-item[data-type-color="black"][data-type="underline"]:before {
background-color: #000
}
.m-title-item[data-type-color="black"][data-type="underline"]:after {
border-top-color: #000
}
.m-title-item[data-type-color="black"][data-type="middle"]>*:before {
background-color: #000
}
.m-title-item[data-type-color="black"][data-type="slash"]:before,
.m-title-item[data-type-color="black"][data-type="slash"]:after {
background-color: #000
}
.m-title-item[data-type-color="black"][data-type="mark"]:before {
color: #000
}
.m-title-item[data-type-color="gray"][data-type="underline"]:before {
background-color: gray
}
.m-title-item[data-type-color="gray"][data-type="underline"]:after {
border-top-color: gray
}
.m-title-item[data-type-color="gray"][data-type="middle"]>*:before {
background-color: gray
}
.m-title-item[data-type-color="gray"][data-type="slash"]:before,
.m-title-item[data-type-color="gray"][data-type="slash"]:after {
background-color: gray
}
.m-title-item[data-type-color="gray"][data-type="mark"]:before {
color: gray
}
.m-title-item[data-type-color="gray-l-p40"][data-type="underline"]:before {
background-color: #e6e6e6
}
.m-title-item[data-type-color="gray-l-p40"][data-type="underline"]:after {
border-top-color: #e6e6e6
}
.m-title-item[data-type-color="gray-l-p40"][data-type="middle"]>*:before {
background-color: #e6e6e6
}
.m-title-item[data-type-color="gray-l-p40"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-l-p40"][data-type="slash"]:after {
background-color: #e6e6e6
}
.m-title-item[data-type-color="gray-l-p40"][data-type="mark"]:before {
color: #e6e6e6
}
.m-title-item[data-type-color="gray-l-p30"][data-type="underline"]:before {
background-color: #cdcdcd
}
.m-title-item[data-type-color="gray-l-p30"][data-type="underline"]:after {
border-top-color: #cdcdcd
}
.m-title-item[data-type-color="gray-l-p30"][data-type="middle"]>*:before {
background-color: #cdcdcd
}
.m-title-item[data-type-color="gray-l-p30"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-l-p30"][data-type="slash"]:after {
background-color: #cdcdcd
}
.m-title-item[data-type-color="gray-l-p30"][data-type="mark"]:before {
color: #cdcdcd
}
.m-title-item[data-type-color="gray-l-p20"][data-type="underline"]:before {
background-color: #b3b3b3
}
.m-title-item[data-type-color="gray-l-p20"][data-type="underline"]:after {
border-top-color: #b3b3b3
}
.m-title-item[data-type-color="gray-l-p20"][data-type="middle"]>*:before {
background-color: #b3b3b3
}
.m-title-item[data-type-color="gray-l-p20"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-l-p20"][data-type="slash"]:after {
background-color: #b3b3b3
}
.m-title-item[data-type-color="gray-l-p20"][data-type="mark"]:before {
color: #b3b3b3
}
.m-title-item[data-type-color="gray-l-p10"][data-type="underline"]:before {
background-color: #9a9a9a
}
.m-title-item[data-type-color="gray-l-p10"][data-type="underline"]:after {
border-top-color: #9a9a9a
}
.m-title-item[data-type-color="gray-l-p10"][data-type="middle"]>*:before {
background-color: #9a9a9a
}
.m-title-item[data-type-color="gray-l-p10"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-l-p10"][data-type="slash"]:after {
background-color: #9a9a9a
}
.m-title-item[data-type-color="gray-l-p10"][data-type="mark"]:before {
color: #9a9a9a
}
.m-title-item[data-type-color="gray-d-p40"][data-type="underline"]:before {
background-color: #1a1a1a
}
.m-title-item[data-type-color="gray-d-p40"][data-type="underline"]:after {
border-top-color: #1a1a1a
}
.m-title-item[data-type-color="gray-d-p40"][data-type="middle"]>*:before {
background-color: #1a1a1a
}
.m-title-item[data-type-color="gray-d-p40"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-d-p40"][data-type="slash"]:after {
background-color: #1a1a1a
}
.m-title-item[data-type-color="gray-d-p40"][data-type="mark"]:before {
color: #1a1a1a
}
.m-title-item[data-type-color="gray-d-p30"][data-type="underline"]:before {
background-color: #343434
}
.m-title-item[data-type-color="gray-d-p30"][data-type="underline"]:after {
border-top-color: #343434
}
.m-title-item[data-type-color="gray-d-p30"][data-type="middle"]>*:before {
background-color: #343434
}
.m-title-item[data-type-color="gray-d-p30"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-d-p30"][data-type="slash"]:after {
background-color: #343434
}
.m-title-item[data-type-color="gray-d-p30"][data-type="mark"]:before {
color: #343434
}
.m-title-item[data-type-color="gray-d-p20"][data-type="underline"]:before {
background-color: #4d4d4d
}
.m-title-item[data-type-color="gray-d-p20"][data-type="underline"]:after {
border-top-color: #4d4d4d
}
.m-title-item[data-type-color="gray-d-p20"][data-type="middle"]>*:before {
background-color: #4d4d4d
}
.m-title-item[data-type-color="gray-d-p20"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-d-p20"][data-type="slash"]:after {
background-color: #4d4d4d
}
.m-title-item[data-type-color="gray-d-p20"][data-type="mark"]:before {
color: #4d4d4d
}
.m-title-item[data-type-color="gray-d-p10"][data-type="underline"]:before {
background-color: #676767
}
.m-title-item[data-type-color="gray-d-p10"][data-type="underline"]:after {
border-top-color: #676767
}
.m-title-item[data-type-color="gray-d-p10"][data-type="middle"]>*:before {
background-color: #676767
}
.m-title-item[data-type-color="gray-d-p10"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-d-p10"][data-type="slash"]:after {
background-color: #676767
}
.m-title-item[data-type-color="gray-d-p10"][data-type="mark"]:before {
color: #676767
}
.m-title-item[data-type-color="transparent"][data-type="underline"]:before {
background-color: transparent
}
.m-title-item[data-type-color="transparent"][data-type="underline"]:after {
border-top-color: transparent
}
.m-title-item[data-type-color="transparent"][data-type="middle"]>*:before {
background-color: transparent
}
.m-title-item[data-type-color="transparent"][data-type="slash"]:before,
.m-title-item[data-type-color="transparent"][data-type="slash"]:after {
background-color: transparent
}
.m-title-item[data-type-color="transparent"][data-type="mark"]:before {
color: transparent
}
.m-title-item[data-type-color="gray-44"][data-type="underline"]:before {
background-color: #444
}
.m-title-item[data-type-color="gray-44"][data-type="underline"]:after {
border-top-color: #444
}
.m-title-item[data-type-color="gray-44"][data-type="middle"]>*:before {
background-color: #444
}
.m-title-item[data-type-color="gray-44"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-44"][data-type="slash"]:after {
background-color: #444
}
.m-title-item[data-type-color="gray-44"][data-type="mark"]:before {
color: #444
}
.m-title-item[data-type-color="gray-4a"][data-type="underline"]:before {
background-color: #4a4a4a
}
.m-title-item[data-type-color="gray-4a"][data-type="underline"]:after {
border-top-color: #4a4a4a
}
.m-title-item[data-type-color="gray-4a"][data-type="middle"]>*:before {
background-color: #4a4a4a
}
.m-title-item[data-type-color="gray-4a"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-4a"][data-type="slash"]:after {
background-color: #4a4a4a
}
.m-title-item[data-type-color="gray-4a"][data-type="mark"]:before {
color: #4a4a4a
}
.m-title-item[data-type-color="gray-59"][data-type="underline"]:before {
background-color: #595959
}
.m-title-item[data-type-color="gray-59"][data-type="underline"]:after {
border-top-color: #595959
}
.m-title-item[data-type-color="gray-59"][data-type="middle"]>*:before {
background-color: #595959
}
.m-title-item[data-type-color="gray-59"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-59"][data-type="slash"]:after {
background-color: #595959
}
.m-title-item[data-type-color="gray-59"][data-type="mark"]:before {
color: #595959
}
.m-title-item[data-type-color="gray-8e"][data-type="underline"]:before {
background-color: #8e8e8e
}
.m-title-item[data-type-color="gray-8e"][data-type="underline"]:after {
border-top-color: #8e8e8e
}
.m-title-item[data-type-color="gray-8e"][data-type="middle"]>*:before {
background-color: #8e8e8e
}
.m-title-item[data-type-color="gray-8e"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-8e"][data-type="slash"]:after {
background-color: #8e8e8e
}
.m-title-item[data-type-color="gray-8e"][data-type="mark"]:before {
color: #8e8e8e
}
.m-title-item[data-type-color="gray-d7"][data-type="underline"]:before {
background-color: #d7d7d7
}
.m-title-item[data-type-color="gray-d7"][data-type="underline"]:after {
border-top-color: #d7d7d7
}
.m-title-item[data-type-color="gray-d7"][data-type="middle"]>*:before {
background-color: #d7d7d7
}
.m-title-item[data-type-color="gray-d7"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-d7"][data-type="slash"]:after {
background-color: #d7d7d7
}
.m-title-item[data-type-color="gray-d7"][data-type="mark"]:before {
color: #d7d7d7
}
.m-title-item[data-type-color="gray-e7"][data-type="underline"]:before {
background-color: #e7e7e7
}
.m-title-item[data-type-color="gray-e7"][data-type="underline"]:after {
border-top-color: #e7e7e7
}
.m-title-item[data-type-color="gray-e7"][data-type="middle"]>*:before {
background-color: #e7e7e7
}
.m-title-item[data-type-color="gray-e7"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-e7"][data-type="slash"]:after {
background-color: #e7e7e7
}
.m-title-item[data-type-color="gray-e7"][data-type="mark"]:before {
color: #e7e7e7
}
.m-title-item[data-type-color="gray-f2"][data-type="underline"]:before {
background-color: #f2f2f2
}
.m-title-item[data-type-color="gray-f2"][data-type="underline"]:after {
border-top-color: #f2f2f2
}
.m-title-item[data-type-color="gray-f2"][data-type="middle"]>*:before {
background-color: #f2f2f2
}
.m-title-item[data-type-color="gray-f2"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-f2"][data-type="slash"]:after {
background-color: #f2f2f2
}
.m-title-item[data-type-color="gray-f2"][data-type="mark"]:before {
color: #f2f2f2
}
.m-title-item[data-type-color="gray-f8"][data-type="underline"]:before {
background-color: #f8f8f8
}
.m-title-item[data-type-color="gray-f8"][data-type="underline"]:after {
border-top-color: #f8f8f8
}
.m-title-item[data-type-color="gray-f8"][data-type="middle"]>*:before {
background-color: #f8f8f8
}
.m-title-item[data-type-color="gray-f8"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-f8"][data-type="slash"]:after {
background-color: #f8f8f8
}
.m-title-item[data-type-color="gray-f8"][data-type="mark"]:before {
color: #f8f8f8
}
.m-title-item[data-type-color="red"][data-type="underline"]:before {
background-color: #d70c18
}
.m-title-item[data-type-color="red"][data-type="underline"]:after {
border-top-color: #d70c18
}
.m-title-item[data-type-color="red"][data-type="middle"]>*:before {
background-color: #d70c18
}
.m-title-item[data-type-color="red"][data-type="slash"]:before,
.m-title-item[data-type-color="red"][data-type="slash"]:after {
background-color: #d70c18
}
.m-title-item[data-type-color="red"][data-type="mark"]:before {
color: #d70c18
}
.m-title-item[data-type-color="pink"][data-type="underline"]:before {
background-color: #f7ced1
}
.m-title-item[data-type-color="pink"][data-type="underline"]:after {
border-top-color: #f7ced1
}
.m-title-item[data-type-color="pink"][data-type="middle"]>*:before {
background-color: #f7ced1
}
.m-title-item[data-type-color="pink"][data-type="slash"]:before,
.m-title-item[data-type-color="pink"][data-type="slash"]:after {
background-color: #f7ced1
}
.m-title-item[data-type-color="pink"][data-type="mark"]:before {
color: #f7ced1
}
.m-title-item[data-type-color="pink-1"][data-type="underline"]:before {
background-color: #ffeaeb
}
.m-title-item[data-type-color="pink-1"][data-type="underline"]:after {
border-top-color: #ffeaeb
}
.m-title-item[data-type-color="pink-1"][data-type="middle"]>*:before {
background-color: #ffeaeb
}
.m-title-item[data-type-color="pink-1"][data-type="slash"]:before,
.m-title-item[data-type-color="pink-1"][data-type="slash"]:after {
background-color: #ffeaeb
}
.m-title-item[data-type-color="pink-1"][data-type="mark"]:before {
color: #ffeaeb
}
.m-title-item[data-type-color="pink-2"][data-type="underline"]:before {
background-color: #ef7886
}
.m-title-item[data-type-color="pink-2"][data-type="underline"]:after {
border-top-color: #ef7886
}
.m-title-item[data-type-color="pink-2"][data-type="middle"]>*:before {
background-color: #ef7886
}
.m-title-item[data-type-color="pink-2"][data-type="slash"]:before,
.m-title-item[data-type-color="pink-2"][data-type="slash"]:after {
background-color: #ef7886
}
.m-title-item[data-type-color="pink-2"][data-type="mark"]:before {
color: #ef7886
}
.m-title-item[data-type-color="peach-purple"][data-type="underline"]:before {
background-color: #cc3467
}
.m-title-item[data-type-color="peach-purple"][data-type="underline"]:after {
border-top-color: #cc3467
}
.m-title-item[data-type-color="peach-purple"][data-type="middle"]>*:before {
background-color: #cc3467
}
.m-title-item[data-type-color="peach-purple"][data-type="slash"]:before,
.m-title-item[data-type-color="peach-purple"][data-type="slash"]:after {
background-color: #cc3467
}
.m-title-item[data-type-color="peach-purple"][data-type="mark"]:before {
color: #cc3467
}
.m-title-item[data-type-color="green"][data-type="underline"]:before {
background-color: #55c187
}
.m-title-item[data-type-color="green"][data-type="underline"]:after {
border-top-color: #55c187
}
.m-title-item[data-type-color="green"][data-type="middle"]>*:before {
background-color: #55c187
}
.m-title-item[data-type-color="green"][data-type="slash"]:before,
.m-title-item[data-type-color="green"][data-type="slash"]:after {
background-color: #55c187
}
.m-title-item[data-type-color="green"][data-type="mark"]:before {
color: #55c187
}
.m-title-item[data-type-color="brown"][data-type="underline"]:before {
background-color: #a58329
}
.m-title-item[data-type-color="brown"][data-type="underline"]:after {
border-top-color: #a58329
}
.m-title-item[data-type-color="brown"][data-type="middle"]>*:before {
background-color: #a58329
}
.m-title-item[data-type-color="brown"][data-type="slash"]:before,
.m-title-item[data-type-color="brown"][data-type="slash"]:after {
background-color: #a58329
}
.m-title-item[data-type-color="brown"][data-type="mark"]:before {
color: #a58329
}
.m-title-item[data-type-color="gray-apple"][data-type="underline"]:before {
background-color: #d6d5d8
}
.m-title-item[data-type-color="gray-apple"][data-type="underline"]:after {
border-top-color: #d6d5d8
}
.m-title-item[data-type-color="gray-apple"][data-type="middle"]>*:before {
background-color: #d6d5d8
}
.m-title-item[data-type-color="gray-apple"][data-type="slash"]:before,
.m-title-item[data-type-color="gray-apple"][data-type="slash"]:after {
background-color: #d6d5d8
}
.m-title-item[data-type-color="gray-apple"][data-type="mark"]:before {
color: #d6d5d8
}
.m-title-item[data-type-color="green-android"][data-type="underline"]:before {
background-color: #aac148
}
.m-title-item[data-type-color="green-android"][data-type="underline"]:after {
border-top-color: #aac148
}
.m-title-item[data-type-color="green-android"][data-type="middle"]>*:before {
background-color: #aac148
}
.m-title-item[data-type-color="green-android"][data-type="slash"]:before,
.m-title-item[data-type-color="green-android"][data-type="slash"]:after {
background-color: #aac148
}
.m-title-item[data-type-color="green-android"][data-type="mark"]:before {
color: #aac148
}
.m-title-item:not([data-type-color])[data-type="underline"]:before {
background-color: #3e9be7bd;
padding-bottom: 6px;
margin-bottom: 15px;
/* background: linear-gradient(transparent 70%, #579bd3 70%); */
}
/* .m-title-item:not([data-type-color])[data-type="underline"]:after {
border-top-color: #d70c18
} */
.m-title-item:not([data-type-color])[data-type="middle"]>*:before {
background-color: #e7e7e7
}
/* .m-title-item:not([data-type-color])[data-type="slash"]:before,
.m-title-item:not([data-type-color])[data-type="slash"]:after {
background-color: #579bd3
} */
.m-title-item:not([data-type-color])[data-type="mark"]:before {
color: #e7e7e7
}
.m-title-item:not([data-type="middle"]) {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-title-item[data-type="underline"] {
padding-bottom: .2em
}
.m-title-item[data-type="underline"]:before,
.m-title-item[data-type="underline"]:after {
content: "";
bottom: 0;
left: 50%;
position: absolute;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.m-title-item[data-type="underline"]:before {
width: 100%;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
-webkit-transition: background-color .3s;
transition: background-color .3s
}
.m-title-item[data-type="underline"]:after {
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
-moz-transition: border-color .3s;
-o-transition: border-color .3s;
-webkit-transition: border-color .3s;
transition: border-color .3s
}
.m-title-item[data-type="middle"] {
overflow: hidden
}
.m-title-item[data-type="middle"]>* {
position: relative;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline
}
.m-title-item[data-type="middle"]>*:before {
content: "";
position: absolute;
top: 50%;
width: 1000px;
height: 1px
}
.m-title-item[data-type="slash"]:before,
.m-title-item[data-type="slash"]:after {
content: "";
top: 50%;
height: 75%;
position: absolute
}
.m-title-item[data-type="slash"]:before {
-moz-transform: translateY(-50%) rotate(325deg);
-ms-transform: translateY(-50%) rotate(325deg);
-webkit-transform: translateY(-50%) rotate(325deg);
transform: translateY(-50%) rotate(325deg);
}
.m-title-item[data-type="slash"]:after {
-moz-transform: translateY(-50%) rotate(29deg);
-ms-transform: translateY(-50%) rotate(29deg);
-webkit-transform: translateY(-50%) rotate(29deg);
transform: translateY(-50%) rotate(29deg);
}
.m-title-item[data-type="mark"] {
z-index: 1
}
/* .m-title-item[data-type="mark"]:before {
content: ""
} */
.m-title-item[data-type="mark"]:before {
top: 0;
left: 0;
font-size: 150%;
position: absolute;
z-index: -1;
font-family: taishin-webfont;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
transform: translate(-50%, -20%)
}
.m-title-fig {
position: relative
}
@media screen and (min-width: 1001px) and (min-width: 1160px) {
.m-title .m-title-fig:not(:first-child) {
margin-top: 10px
}
.m-title .m-title-fig:first-child {
margin-bottom: 10px
}
.m-title-item[data-type="underline"] {
margin-bottom: 8px
}
.m-title-item[data-type="underline"]:before {
height: 2px
}
.m-title-item[data-type="underline"]:after {
margin-bottom: -7px;
border-width: 8px 8px 0 8px
}
.m-title-item[data-type="middle"]>*:before {
left: calc(100% + 20px)
}
.m-title-item[data-type="slash"]:before,
.m-title-item[data-type="slash"]:after {
width: 2px
}
.m-title-item[data-type="slash"]:before {
left: -15px
}
.m-title-item[data-type="slash"]:after {
right: -15px
}
}
@media screen and (min-width: 1001px) and (max-width: 1159px) {
.m-title .m-title-fig:not(:first-child) {
margin-top: .86207vw
}
.m-title .m-title-fig:first-child {
margin-bottom: .86207vw
}
.m-title-item[data-type="underline"] {
margin-bottom: .68966vw
}
.m-title-item[data-type="underline"]:before {
height: .17241vw
}
.m-title-item[data-type="underline"]:after {
margin-bottom: -.60345vw;
border-width: .68966vw .68966vw 0 .68966vw
}
.m-title-item[data-type="middle"]>*:before {
left: calc(100% + 1.72414vw)
}
.m-title-item[data-type="slash"]:before,
.m-title-item[data-type="slash"]:after {
width: .17241vw
}
.m-title-item[data-type="slash"]:before {
left: -1.2931vw
}
.m-title-item[data-type="slash"]:after {
right: -1.2931vw
}
}
@media screen and (min-width: 740px) and (orientation: portrait) and (max-width: 1000px),
screen and (min-width: 740px) and (max-width: 1000px) {
.m-title .m-title-fig:not(:first-child) {
margin-top: 1.30208vw
}
.m-title .m-title-fig:first-child {
margin-bottom: 1.30208vw
}
.m-title-item[data-type="underline"] {
margin-bottom: 6px
}
.m-title-item[data-type="underline"]:before {
height: .26042vw
}
.m-title-item[data-type="underline"]:after {
margin-bottom: -5px;
border-width: 6px 6px 0 6px
}
.m-title-item[data-type="middle"]>*:before {
left: calc(100% + 2.60417vw)
}
.m-title-item[data-type="slash"]:before,
.m-title-item[data-type="slash"]:after {
width: .26042vw
}
.m-title-item[data-type="slash"]:before {
left: -1.95313vw
}
.m-title-item[data-type="slash"]:after {
right: -1.95313vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape),
screen and (max-width: 739px) {
.m-title .m-title-fig:not(:first-child) {
margin-top: 3.125vw
}
.m-title .m-title-fig:first-child {
margin-bottom: 3.125vw
}
.m-title-item[data-type="underline"] {
margin-bottom: 6px
}
.m-title-item[data-type="underline"]:before {
height: .625vw
}
.m-title-item[data-type="underline"]:after {
margin-bottom: -5px;
border-width: 6px 6px 0 6px
}
.m-title-item[data-type="middle"]>*:before {
left: calc(100% + 3.125vw)
}
.m-title-item[data-type="slash"]:before,
.m-title-item[data-type="slash"]:after {
width: .625vw
}
.m-title-item[data-type="slash"]:before {
left: -4.6875vw
}
.m-title-item[data-type="slash"]:after {
right: -4.6875vw
}
}
@media screen and (device-width: 375px) and (orientation: landscape) and (orientation: landscape) and (min-width: 480px),
screen and (max-width: 739px) and (orientation: landscape) and (min-width: 480px) {
.m-title .m-title-fig:not(:first-child) {
margin-top: 1.76554vw
}
.m-title .m-title-fig:first-child {
margin-bottom: 1.76554vw
}
.m-title-item[data-type="underline"] {
margin-bottom: 6px
}
.m-title-item[data-type="underline"]:before {
height: .35311vw
}
.m-title-item[data-type="underline"]:after {
margin-bottom: -5px;
border-width: 6px 6px 0 6px
}
.m-title-item[data-type="middle"]>*:before {
left: calc(100% + 1.76554vw)
}
.m-title-item[data-type="slash"]:before,
.m-title-item[data-type="slash"]:after {
width: .35311vw
}
.m-title-item[data-type="slash"]:before {
left: -2.64831vw
}
.m-title-item[data-type="slash"]:after {
right: -2.64831vw
}
}