html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Visiapro;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62820110b2137d332cc3766f_VisiaPro-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/6282011088758516ddfc41cc_VisiaPro-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Visiapro;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/628201107ec5797e5e4a2cbf_VisiaPro-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Visiapro;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62820110146ffa363b13da55_VisiaPro-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902871219ac34e12ccf637_OpenSans-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902871219ac34e12ccf637_OpenSans-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872586684254cbe43b3_OpenSans-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872dcf8bf135c620a5e_OpenSans-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872f46f0131ff96a084_OpenSans-ExtraBoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/6290287218d76d206bf084d9_OpenSans-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872d2df3d52f01a5ad8_OpenSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872f173b7ec10094348_OpenSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872586684a93dbe43b4_OpenSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629028720cbd6328c7722a80_OpenSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872dff0479abafb76b5_OpenSans-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62902872dff0473eaafb76b6_OpenSans-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Opensans;
src: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629028724fda35c94ab1cb40_OpenSans-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
:root {
--v2_card-background: #242629;
--dark-orangey\: #ffbc8f;
--shadow\: #3e314f;
--white\: white;
--navigation-backgrounders-2\: #5f3cc9;
--text-coloe\: #2b2b2b;
--black: black;
--buying-save\: #f5ede2;
--nav-分割-line\: #3a455f33;
--v2_background: #16161a;
--line\: #fefaec;
--navigation-background-color\: #5f3cc9;
--v2_textcolor_headline\: #fffffe;
--chinese: "Noto Sans TC", sans-serif;
--v2_headline: #fffffe;
--english: "Open Sans", sans-serif;
--v2_button: #5f3cc9;
--small-text\: #909090;
--orange-nav-contact-line\: #ffc299cc;
--v2_tertiary: #2cb67d;
--v2_paragraph: #aab9cc;
--me-photo-font\: #fbead9;
--background-2: #fefaec;
--tomato\: #ff6640;
--stroke: #010101;
--v2_button_press: #3c2680;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: #333;
background-color: #0000;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
overflow: visible;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: bold;
line-height: 44px;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 32px;
font-weight: bold;
line-height: 36px;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-family: Roboto, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
h5 {
margin-top: 1.25rem;
margin-bottom: .75rem;
font-family: Roboto, sans-serif;
font-size: .87rem;
font-weight: 700;
line-height: 1.5;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
p {
margin-bottom: 10px;
}
ul {
margin-top: 0;
margin-bottom: 0;
padding-left: .25rem;
font-family: Roboto, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
img {
max-width: 100%;
display: inline-block;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.social-icon {
background-color: #242629;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
margin: 0 4px;
padding: 19px 0 0;
display: inline-flex;
}
.social-icon:hover {
background-color: var(--v2_card-background);
border: 1px #000;
}
.banner {
z-index: 1;
object-fit: cover;
justify-content: center;
align-items: stretch;
margin-top: 0;
padding: 100px 4%;
display: flex;
position: relative;
overflow: hidden;
}
.banner.about-me.yuying {
background-color: #394950;
}
.banner.about-me.asus-new-year {
background-color: #fdefe6;
}
.banner.about-me {
border-bottom: 1px #ffbc8f;
padding: 60px 5%;
}
.grid-7 {
grid-column-gap: 40px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-areas: "Title image";
}
.file-image {
max-width: 100%;
}
.section-15 {
justify-content: center;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.web-preview {
background-color: #f7f7f7;
justify-content: center;
align-items: center;
height: auto;
margin-top: 40px;
margin-bottom: 60px;
display: flex;
overflow: visible;
}
.web-gif {
position: relative;
overflow: visible;
}
.phone {
margin-top: 40px;
}
.check-phone {
margin-top: 2rem;
margin-bottom: 2rem;
}
.grid-8 {
grid-template-rows: auto;
grid-template-areas: "Area Area-2";
place-items: center;
}
.grid-9 {
grid-row-gap: 0px;
grid-template-columns: 1fr;
grid-template-areas: "hend"
"context";
place-items: center;
}
.heading-20 {
margin-left: 0;
padding-left: 0;
font-family: noto-sans, sans-serif;
}
.grid-10 {
grid-row-gap: 0px;
grid-template-columns: 1fr;
place-items: stretch stretch;
}
.heading-21 {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: noto-sans, sans-serif;
}
.drag-and-drop {
background-color: #f7f7f7;
margin-top: 40px;
}
.bold-text-2 {
display: inline;
}
.find-search {
margin-left: 0;
padding-left: 0;
font-family: noto-sans, sans-serif;
}
.file-edm {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.file-edm1 {
justify-content: center;
align-items: center;
width: 1232px;
display: flex;
overflow: hidden;
}
.grid-13 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "icon1 icon2 icon3"
"text1 text2 text3";
place-items: center;
}
.div-block-32 {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/5e16ed86cb9d519128df8c5f_background_%E5%B7%A5%E4%BD%9C%E5%8D%80%E5%9F%9F%201.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 1200px;
justify-content: center;
align-items: center;
height: auto;
margin-top: 280px;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: 0%;
}
.paragraph-20 {
color: var(--white\);
text-align: center;
margin-top: 2px;
margin-bottom: 0;
margin-right: 0;
font-family: noto-sans, sans-serif;
font-size: 18px;
line-height: 17px;
}
.div-block-34 {
overflow: hidden;
}
.section-17 {
display: none;
}
.div-block-36 {
position: absolute;
}
.webpreview-text {
z-index: 0;
box-shadow: 0 1px 5px 0 var(--navigation-backgrounders-2\), inset -1px -1px 6px 1px #ff6f61;
background-color: #0f4c81;
border-radius: 60px;
justify-content: center;
align-items: center;
width: 200px;
height: 60px;
display: none;
position: absolute;
inset: auto -5% -6% auto;
overflow: visible;
}
.paragraph-21 {
color: var(--white\);
text-align: center;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
font-family: Helveticanowmicro;
font-size: 18px;
font-weight: 500;
}
.context-1 {
justify-content: center;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
}
.banner-logo {
justify-content: center;
align-items: center;
height: 300px;
margin-top: 50px;
display: block;
position: relative;
overflow: hidden;
}
.logo {
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.action-beach {
flex: 0 auto;
}
.button-line {
justify-content: center;
align-items: center;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.cloud-1 {
z-index: -1;
position: absolute;
left: 102px;
}
.cloud-2 {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
bottom: 58.5px;
right: 80px;
}
.visual-clean {
background-color: #f7f7f7;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.image-photo {
flex-wrap: nowrap;
place-content: center;
align-items: center;
display: flex;
position: relative;
}
.branding-1 {
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 40px;
display: flex;
}
.introduction {
background-color: #f7f7f7;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.introduction-2 {
padding-left: 27px;
padding-right: 27px;
}
.grid-21 {
grid-template: "image text"
/ 1fr 1fr;
overflow: hidden;
}
.gif-1 {
background-color: #f7f7f7;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.grid-22 {
grid-row-gap: 15px;
grid-template: "text-1"
"team-text"
"team-name"
"award"
/ 1fr;
}
.paragraph-29 {
color: var(--text-coloe\);
text-align: left;
letter-spacing: .5px;
padding-left: 25px;
padding-right: 25px;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 25px;
}
.paragraph-32 {
color: var(--text-coloe\);
padding-left: 25px;
padding-right: 25px;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 25px;
}
.paragraph-34 {
color: var(--text-coloe\);
letter-spacing: .5px;
padding-left: 25px;
padding-right: 25px;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 25px;
}
.grid-23 {
grid-column-gap: 2px;
grid-template: "image text"
/ .25fr 1.5fr;
place-items: center start;
}
.paragraph-35 {
letter-spacing: 6px;
margin-bottom: 0;
font-family: noto-sans, sans-serif;
font-size: 16px;
font-weight: 700;
}
.cube-gif {
z-index: 1;
background-color: #888a8c66;
justify-content: flex-start;
align-items: center;
height: 70px;
margin-left: 4px;
margin-right: 4px;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.heading-24 {
color: #3e314f;
margin-top: 0;
margin-bottom: 0;
padding-left: 14px;
font-family: noto-sans, sans-serif;
font-size: 19px;
line-height: 20px;
}
.text-span-5 {
font-size: 14px;
}
.text-span-6 {
font-size: 24px;
}
.image-30 {
position: relative;
}
.link-block-7 {
z-index: 3;
cursor: pointer;
display: block;
position: absolute;
inset: 0%;
}
.three-image {
justify-content: center;
align-items: center;
margin: 35px 25px 100px;
display: flex;
}
.layout-three {
justify-content: center;
align-items: center;
display: flex;
}
.grid-24 {
grid-column-gap: 40px;
grid-row-gap: 30px;
grid-template: "_1 _2 _3"
/ 1fr 1fr 1fr;
}
.ev-image, .glass-image {
justify-content: center;
align-items: center;
display: flex;
}
.grid-25 {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-areas: "image right-text";
}
.layout-2-bracding {
justify-content: center;
align-items: center;
display: flex;
}
.grid-26 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template: "top-image" 420px
"down-text"
/ 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.paragraph-36 {
color: var(--text-coloe\);
letter-spacing: .5px;
padding-left: 50px;
padding-right: 50px;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 23px;
}
.branding-color {
justify-content: center;
align-items: center;
margin-bottom: 100px;
display: flex;
}
.grid-27 {
grid-column-gap: 100px;
grid-template-rows: auto;
grid-template-areas: "color1 color2";
}
.grid-28 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-columns: 1fr;
grid-template-areas: "text"
"image";
place-items: center;
}
.heading-25 {
color: var(--black);
letter-spacing: 1px;
padding-left: 0;
font-family: ar-yuanb5std;
font-weight: 500;
}
.grid-29 {
grid-row-gap: 5px;
grid-template-columns: 1fr;
grid-template-areas: "heand"
"color-image";
place-items: center;
}
.heading-26 {
letter-spacing: 1px;
font-family: ar-yuanb5std;
}
.bold-text-8 {
padding-left: 0;
font-size: 14px;
}
.bold-text-9 {
font-size: 24px;
}
.product-layout {
justify-content: center;
align-items: center;
display: flex;
}
.grid-30 {
flex: 1;
grid-template-rows: auto;
grid-template-areas: "text product-image";
align-items: center;
}
.paragraph-37 {
color: var(--black);
letter-spacing: .5px;
justify-content: center;
align-items: center;
padding-left: 35px;
padding-right: 35px;
font-family: noto-sans, sans-serif;
font-size: 16px;
line-height: 24px;
display: flex;
}
.product2-wave {
background-color: #f7f7f7;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.grid-31 {
grid-column-gap: 150px;
grid-template-rows: auto;
grid-template-areas: "left right";
}
.grid-32 {
grid-row-gap: 5px;
grid-template-columns: 1fr;
grid-template-areas: "left-image"
"text";
}
.grid-33 {
grid-template-columns: 1fr;
grid-template-areas: "right-image"
"Area";
}
.paragraph-38, .paragraph-39 {
color: var(--black);
font-family: noto-sans, sans-serif;
}
.interior-design-1 {
justify-content: center;
align-items: center;
margin-top: 100px;
display: flex;
}
.grid-34 {
grid-template-rows: auto;
grid-template-areas: "image text";
}
.paragraph-41 {
color: var(--text-coloe\);
letter-spacing: .5px;
padding-left: 45px;
padding-right: 45px;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 24px;
}
.div-block-40 {
justify-content: center;
align-items: center;
height: 100px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.grid-35 {
grid-column-gap: 100px;
grid-template: "b p i"
/ 1fr 1fr 1fr;
}
.titile-1 {
color: var(--white\);
letter-spacing: .5px;
}
.titile-1:hover {
color: #f8b157;
font-style: italic;
}
.b {
position: relative;
}
.b:hover {
color: #f8b157;
text-shadow: 3px 3px 20px var(--shadow\);
font-style: italic;
}
.p {
position: relative;
}
.p:hover {
text-shadow: 3px 3px 20px #000;
font-style: italic;
}
.i {
position: relative;
}
.i:hover {
text-shadow: 3px 3px 20px #000;
font-style: italic;
}
.link-block-9, .link-block-10, .link-block-11 {
position: absolute;
inset: 0%;
}
.div-block-44 {
justify-content: center;
display: flex;
}
.yuying-banner {
background-color: #394950;
justify-content: center;
align-items: center;
height: 700px;
margin-top: 0;
display: flex;
position: relative;
}
.left-bg {
z-index: -10;
background-color: #394950;
justify-content: flex-end;
align-items: flex-end;
width: 300px;
height: 300px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.left-bg2 {
z-index: -10;
background-color: var(--white\);
border-radius: 600px;
width: 600px;
height: 600px;
position: absolute;
top: 0;
left: 0;
}
.right-bg {
z-index: -10;
background-color: #394950;
justify-content: flex-end;
align-items: flex-end;
width: 300px;
height: 300px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.right-bg1 {
z-index: -10;
background-color: var(--white\);
border-radius: 600px;
width: 600px;
height: 600px;
position: absolute;
inset: 0% 0% auto auto;
}
.yuying-branding {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.yuying-logo {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.yuying-banner-3r {
position: absolute;
inset: auto auto 5% 5%;
}
.bamboo-element {
position: absolute;
inset: auto 5% 5% auto;
}
.banner-small-text {
position: absolute;
inset: 20% auto auto 10%;
}
.paragraph-42 {
color: var(--white\);
letter-spacing: 30px;
font-family: futura-pt, sans-serif;
font-size: 10px;
line-height: 30px;
}
.yuying-banner-save {
justify-content: space-between;
align-items: flex-end;
display: flex;
position: absolute;
inset: 14% auto auto 10%;
}
.paragraph-43 {
color: var(--buying-save\);
justify-content: center;
align-items: center;
margin-bottom: 2px;
font-family: noto-sans, sans-serif;
font-size: 20px;
font-weight: 700;
display: flex;
}
.cube-save-banner {
background-color: #f5ede2;
width: 10px;
height: 10px;
}
.grid-36 {
grid-row-gap: 0px;
grid-template-columns: 1fr;
grid-template-areas: "save"
"cube";
}
.buying-branding-induce {
margin-top: 140px;
}
.grid-37 {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-areas: "logo hoz-logo";
}
.logo-how-long {
justify-content: center;
align-items: center;
display: flex;
}
.grid-38 {
grid-template-columns: 1fr;
grid-template-areas: "hoz"
"long";
}
.buying-induce-text {
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-44 {
letter-spacing: .5px;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 65px;
padding-right: 65px;
font-family: noto-sans, sans-serif;
line-height: 24px;
}
.bold-text-10 {
font-size: 16px;
line-height: 34px;
}
.buying-guid {
justify-content: center;
align-items: center;
margin-top: 100px;
display: flex;
}
.buying-guid-layout {
flex-flow: row;
place-content: center flex-start;
align-items: stretch;
display: flex;
}
.grid-39 {
grid-column-gap: 18px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-areas: "logo text";
}
.grid-40 {
grid-row-gap: 20px;
grid-template: "buying-element"
"context"
"color"
/ 1fr;
align-items: stretch;
}
.paragraph-46 {
letter-spacing: .5px;
padding-left: 0;
padding-right: 70px;
font-family: noto-sans, sans-serif;
line-height: 22px;
}
.bold-text-11 {
font-size: 16px;
line-height: 30px;
}
.buying-graphics {
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.grid-42 {
grid-row-gap: 5px;
grid-template: "text"
"image"
/ 1fr;
padding-left: 50px;
padding-right: 50px;
}
.grid-43 {
grid-column-gap: 0px;
grid-template: "image text image2 text2"
/ .5fr .5fr .5fr .5fr;
}
.paragraph-47 {
letter-spacing: .5px;
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
line-height: 23px;
}
.heading-29 {
color: #394950;
margin-bottom: 0;
padding-left: 0;
}
.paragraph-48 {
color: var(--black);
letter-spacing: .5px;
line-height: 23px;
}
.yuying-applygraphic1 {
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex;
}
.grid-44 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto auto;
grid-template-areas: "image1 image2"
"image3 image4"
"image5 image6";
}
.yuying-applygraphic2, .yuying-applygraphic3 {
justify-content: center;
align-items: center;
margin-top: 8px;
display: flex;
}
.regress-guid {
justify-content: center;
align-items: center;
margin-top: 100px;
margin-bottom: 60px;
display: flex;
}
.grid-45 {
grid-column-gap: 28px;
grid-template: "logo text"
/ .8fr 1fr;
}
.right-layout {
padding-right: 20px;
}
.grid-46 {
grid-template: "element"
"text"
"color"
/ 1fr;
}
.paragraph-49 {
color: var(--text-coloe\);
letter-spacing: .5px;
padding-right: 50px;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 28px;
}
.regress-applygraphic {
justify-content: center;
align-items: center;
margin-top: 50px;
display: flex;
}
.grid-47 {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-areas: "image image2";
margin-bottom: 60px;
}
.bold-text-12 {
font-size: 18px;
}
.icon-copy {
background-color: #0000;
justify-content: center;
align-items: center;
height: 200px;
margin-top: 0;
display: flex;
}
.bold-text-14 {
font-family: ar-yuanb5std;
font-size: 18px;
}
.body-3 {
background-color: #19653c;
}
.bount-hunter-title {
margin-top: 0;
padding-top: 120px;
position: relative;
overflow: hidden;
}
.grid-69 {
grid-template: "title"
/ 1fr;
place-items: center;
}
.image-83 {
position: absolute;
inset: 0% 0% auto auto;
}
.image-84 {
position: absolute;
inset: auto auto 0% 0%;
}
.grid-72 {
grid-template-columns: 1fr;
grid-template-areas: "text"
"image";
position: relative;
}
.link-block-14 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.page-content {
width: auto;
height: auto;
margin-left: 90px;
margin-right: auto;
padding-left: 0;
overflow: hidden;
}
.navigation-wrapper {
display: flex;
position: absolute;
}
.navigation {
z-index: 100;
border-style: none solid none none;
border-width: 1px;
border-color: var(--nav-分割-line\) #010101 var(--nav-分割-line\) var(--nav-分割-line\);
background-color: var(--v2_background);
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90px;
display: flex;
position: fixed;
inset: 0% auto 0% 0%;
}
.top-part {
background-color: #242629;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
}
.hamburger {
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: relative;
overflow: hidden;
}
.line-1 {
background-color: var(--line\);
width: 30px;
height: 3px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
}
.body-4 {
background-color: var(--v2_background);
justify-content: center;
align-items: center;
overflow: visible;
}
.line-2 {
background-color: var(--line\);
width: 30px;
height: 3px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
}
.center-part {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: stretch;
align-items: center;
min-height: 28vh;
margin-top: auto;
padding-top: 1rem;
padding-bottom: 1rem;
text-decoration: none;
display: flex;
overflow: visible;
}
.center-part.w--current {
grid-column-gap: 0px;
grid-row-gap: 80px;
flex-flow: column;
flex: 0 auto;
place-content: flex-end center;
align-self: auto;
align-items: center;
min-height: 28vh;
padding-bottom: 1rem;
display: flex;
}
.link-block-15 {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.last-part {
flex: none;
align-self: stretch;
}
.social-wrapper-nav {
position: relative;
}
.social-content {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.navigation-menu {
z-index: 9;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--v2_card-background);
border-right: 1px #3a455f33;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
align-items: center;
width: 550px;
padding-left: 90px;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.menu-weapper {
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
padding-top: 15%;
padding-bottom: 40px;
display: flex;
}
.flex-nav {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.nav-link-01 {
margin-bottom: 7px;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
position: relative;
}
.nav-link-01.w--current {
text-decoration: none;
}
.navigation-line {
background-color: var(--navigation-background-color\);
width: 100%;
height: 2px;
position: absolute;
inset: auto 0% 0%;
}
.contact-flex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.nav-social-line {
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
width: 70%;
height: 1px;
margin-top: 19px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.button-simple {
border: 1px solid var(--navigation-background-color\);
border-radius: 4px;
align-items: center;
height: 50px;
padding-right: 20px;
text-decoration: none;
display: flex;
position: relative;
}
.contact-icon {
border-right: 1px solid var(--navigation-background-color\);
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 13px;
display: flex;
}
.email-text {
text-decoration: none;
}
.button-line {
background-color: #16161a80;
width: 100%;
height: 1px;
margin-top: 0;
padding-bottom: 0;
position: relative;
bottom: auto;
}
.button-line-absolute {
z-index: 1;
background-color: #5f3cc9;
width: 100%;
height: 1px;
position: absolute;
}
.top-margin {
flex-direction: column;
align-items: flex-start;
margin-top: 16px;
padding-top: 0;
display: block;
}
.asus-one-page-banner {
justify-content: center;
align-items: center;
margin-top: 80px;
display: flex;
}
.banner-grid {
grid-column-gap: 32px;
grid-template: "Area"
/ .8fr 1fr;
align-items: center;
}
.banner-info {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.banner-info.text-weight-medium-2 {
height: 100%;
}
.banner-visual-image {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.heading-33 {
color: #fc4921;
letter-spacing: 1px;
border-bottom: 7px #ffc299;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
font-family: Open Sans, sans-serif;
font-size: 44px;
}
.banner-info-title {
margin-bottom: 20px;
padding-top: 0;
font-size: 20px;
display: none;
position: relative;
}
.banner-info-name-title {
color: var(--v2_textcolor_headline\);
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
margin-top: 0;
margin-bottom: 0;
font-family: noto-sans-condensed, sans-serif;
font-size: 40px;
display: flex;
}
.banner-info-name-title.chenese-text {
font-family: var(--chinese);
color: var(--v2_headline);
font-size: 2.5rem;
}
.banner-info-name-title.chenese-text.english {
font-family: var(--english);
}
.text-bg-accent {
z-index: -1;
background-color: #fff;
width: 100%;
height: 20px;
display: block;
position: absolute;
inset: auto 0% 3%;
}
.image-89 {
max-width: 35%;
}
.banner-info-download-button {
border: 2px solid var(--navigation-background-color\);
background-color: var(--navigation-backgrounders-2\);
border-radius: 12px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: .75rem 24px;
text-decoration: none;
transition: border-color .4s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.banner-info-download-button:hover {
border-color: var(--navigation-background-color\);
background-color: var(--v2_background);
color: #5f4f3a;
}
.banner-info-download-button.dark-mode {
border: 2px solid var(--navigation-background-color\);
border-radius: 12px;
width: auto;
height: 52px;
padding-left: 24px;
padding-right: 24px;
}
.banner-info-download-button.dark-mode:hover {
border: 2px solid var(--navigation-background-color\);
background-color: var(--v2_background);
}
.banner-info-download-button.button-secoundary {
background-color: var(--v2_background);
}
.banner-info-download-button.button-secoundary:hover {
background-color: var(--navigation-background-color\);
}
.container-18 {
max-width: 1200px;
}
.me-layout {
grid-column-gap: 140px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr .8fr;
grid-auto-columns: 1fr;
max-width: 1200px;
margin-bottom: 40px;
display: grid;
overflow: hidden;
}
.me-photographics {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.me-education-text-div {
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 2px;
display: flex;
}
.paragraph-67 {
color: var(--text-coloe\);
width: 80%;
font-family: Helveticanowmicro;
font-size: 16px;
line-height: 24px;
display: block;
}
.text-span-10 {
padding-bottom: 4px;
font-size: 22px;
display: flex;
}
.text-span-11 {
color: #2b2b2bb3;
}
.works-space {
z-index: -1;
justify-content: center;
width: auto;
margin-bottom: 3rem;
display: flex;
overflow: hidden;
}
.all-creative-div {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-width: 1100px;
margin-left: auto;
margin-right: auto;
padding: 2rem 0%;
display: flex;
}
.creative-works-title {
color: var(--text-coloe\);
font-family: Opensans, sans-serif;
font-size: 40px;
display: none;
}
.creative-works-title.chinese-text {
font-family: ar-yuanb5std;
}
.paragraph-68 {
color: var(--small-text\);
font-family: Helveticanowmicro;
font-size: 15px;
font-weight: 300;
}
.line-div {
background-color: var(--navigation-backgrounders-2\);
width: 100%;
height: 1px;
padding-right: 0;
}
.container-22 {
max-width: 1200px;
display: none;
}
.link-block-18 {
z-index: 30;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding-right: 0;
text-decoration: none;
display: flex;
position: fixed;
inset: auto 5% 5% auto;
}
.link-block-18.w--current {
width: 100px;
height: 100px;
display: block;
inset: auto 0% 0% auto;
overflow: hidden;
}
.link-block-18.lollipop {
right: -7.5%;
}
.text-block-21 {
color: #5c5c84;
font-family: Helveticanowmicro;
font-weight: 500;
}
.text-block-21.hunter {
color: #fefaec;
padding-left: 0;
padding-right: 0;
font-size: 13px;
}
.scroll-animation-js {
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.scroll-animation-js.hunter {
margin-left: -30px;
display: flex;
}
.scroll-to-top-animation-js-file {
width: 50%;
}
.scroll-to-top-animation-js-file.hunter {
width: 40%;
}
.text-span-15 {
font-family: Helveticanowmicro;
}
.section-32 {
margin-bottom: 40px;
display: inline-block;
overflow: hidden;
}
.skill {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-bottom: 40px;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.grid-74 {
grid-column-gap: 80px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
place-items: center;
}
.skill-block {
background-color: #6acad5;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 140px;
height: 140px;
padding-top: 14px;
display: flex;
overflow: hidden;
}
.skill-progress-rate {
background-color: #3a455f;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
justify-content: center;
align-items: center;
width: 100%;
height: 28px;
margin-right: auto;
display: flex;
}
.text-block-22 {
color: #f9ba41;
font-family: Helveticanowmicro;
font-weight: 700;
}
.skill-progress-rate-ae {
background-color: #3a455f;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
justify-content: center;
align-items: center;
width: 80%;
height: 28px;
margin-right: auto;
display: flex;
}
.skill-progress-rate-sketch {
background-color: #3a455f;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
justify-content: center;
align-items: center;
width: 99%;
height: 28px;
margin-right: auto;
display: flex;
}
.skill-progress-rate-web {
background-color: #3a455f;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
justify-content: center;
align-items: center;
width: 65%;
height: 28px;
margin-right: auto;
display: flex;
}
.container-25 {
max-width: 1200px;
}
.wrapper {
border-bottom: 1px none var(--orange-nav-contact-line\);
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: static;
}
.wrapper.image-custom.bottom-margin {
margin-bottom: 1.5rem;
}
.wrapper.content-center {
justify-content: center;
align-items: center;
display: flex;
}
.wrapper.content-center.letstalk-padding {
padding-left: 2rem;
padding-right: 2rem;
}
.main-grid {
z-index: -1;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 40px;
display: grid;
position: relative;
}
.into-left {
z-index: 1;
flex-direction: column;
align-items: flex-start;
margin-right: auto;
display: none;
position: sticky;
top: 10px;
}
.heading-34 {
color: var(--text-coloe\);
margin-top: 0;
margin-bottom: 15px;
font-family: Helveticanowmicro;
font-size: 38px;
}
.text-block-23 {
margin-bottom: 25px;
font-family: Helveticanowmicro;
font-weight: 300;
}
.button-10 {
background-color: var(--navigation-backgrounders-2\);
color: var(--white\);
text-align: center;
border-radius: 24px;
justify-content: center;
align-items: center;
height: 48px;
padding: 13px 24px;
font-family: Helveticanowmicro;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: border-color .4s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.button-10:hover {
background-color: #f0ad81;
}
.image-98 {
padding-bottom: 0;
}
.career-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Date"
/ auto minmax(32px, auto) 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.career-date {
color: var(--text-coloe\);
text-align: right;
width: 120px;
padding-top: 6px;
padding-bottom: 6px;
font-family: Helveticanowmicro;
font-size: 13px;
font-weight: 300;
}
.timeline {
background-color: var(--v2_tertiary);
flex-direction: column;
align-items: center;
width: 2px;
margin-top: 12px;
display: flex;
position: relative;
}
.timeline-dot {
z-index: 2;
background-color: #2cb67d;
border-radius: 50%;
width: 8px;
height: 8px;
margin-top: 12px;
position: absolute;
top: 0;
box-shadow: 0 0 0 6px #424150, 0 0 0 12px #16161a;
}
.timeline-none-line {
background-color: var(--v2_tertiary);
background-image: none;
flex-direction: column;
align-items: center;
width: 2px;
margin-top: 12px;
display: flex;
position: relative;
}
.section-34 {
background-color: var(--v2_card-background);
overflow: hidden;
}
.form-block-2 {
width: 100%;
margin-top: 0;
padding-left: 96px;
padding-right: 96px;
}
.text-field-3 {
background-color: var(--buying-save\);
color: var(--navigation-backgrounders-2\);
letter-spacing: 1px;
border-radius: 5px;
min-height: 55px;
font-family: Helveticanowmicro;
font-weight: 700;
}
.text-span-16 {
color: #c90000;
}
.field-label-6 {
color: var(--text-coloe\);
letter-spacing: .5px;
font-family: Helveticanowmicro;
}
.text-field-4 {
background-color: var(--buying-save\);
color: var(--text-coloe\);
letter-spacing: 1px;
min-height: 55px;
font-family: Helveticanowmicro;
font-weight: 700;
}
.field-label-7 {
color: var(--text-coloe\);
letter-spacing: .5px;
font-family: Helveticanowmicro;
}
.text-block-25 {
color: var(--text-coloe\);
font-family: Helveticanowmicro;
font-weight: 700;
}
.textarea-2 {
background-color: var(--buying-save\);
letter-spacing: 1px;
min-height: 140px;
font-family: Helveticanowmicro;
font-weight: 700;
}
.submit-button-2 {
background-color: var(--navigation-backgrounders-2\);
text-align: center;
border-radius: 40px;
height: 48px;
margin-top: 20px;
padding: 12px 24px;
font-family: Opensans, sans-serif;
font-weight: 700;
transition: border-color .2s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
}
.submit-button-2:hover {
background-color: var(--navigation-background-color\);
}
.form-2 {
margin-bottom: 40px;
padding: 24px 28px;
}
.container-27, .container-29 {
max-width: 1200px;
}
.footer-section {
background-color: #3a455f;
width: auto;
margin-left: 0;
display: block;
}
.footer-section.tw-layout, .footer-section.en-layout {
margin-left: 90px;
}
.footer {
grid-column-gap: 8px;
grid-row-gap: 16px;
background-color: var(--v2_background);
border-top: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: .9fr auto;
grid-auto-columns: 1fr;
padding: 3vw;
display: grid;
}
.footer-nav {
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-nav-link {
margin-top: 8px;
margin-bottom: 8px;
margin-right: 36px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.footer-nav-link.w--current {
margin-right: 30px;
}
.hover-line {
background-color: var(--v2_button);
width: 50%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.footer-contact {
padding-top: 8px;
padding-bottom: 8px;
}
.footer-contact-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
margin-bottom: 12px;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
}
.footer-contact-item.home-margin-custom {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-bottom: 0;
}
.image-99 {
width: 24px;
margin-right: 12px;
}
.fotter-bottom {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--v2_card-background);
flex-wrap: wrap;
align-items: center;
padding: 1.6vw 3vw;
display: flex;
}
.text-span-17 {
color: var(--v2_paragraph);
}
.sub-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.75fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-37 {
color: var(--text-coloe\);
margin-top: 0;
margin-bottom: 20px;
font-family: Helveticanowmicro;
font-size: 60px;
}
.heading-37.hunter {
color: var(--me-photo-font\);
font-size: 44px;
}
.heading-37.yuying {
color: var(--background-2);
font-family: Helveticanowmicro;
font-weight: 700;
}
.heading-37.action-beach-clean {
color: #5490b5;
}
.container {
flex: 1;
max-width: 1200px;
position: static;
}
.container.hunter {
padding-left: 20px;
padding-right: 20px;
}
.breadcrumbs {
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.link-block-19 {
flex-direction: column;
text-decoration: none;
display: flex;
position: relative;
}
.text-block-30 {
color: #f2e0ce;
font-family: Helveticanowmicro;
font-size: 11px;
font-weight: 400;
}
.text-block-30.hunter {
color: #f2e0ce;
}
.text-block-30.action-beach-clean {
color: var(--navigation-backgrounders-2\);
}
.text-block-30.about {
font-family: var(--english);
color: var(--v2_headline);
font-size: .75rem;
}
.text-block-30.dark-text {
color: #cc853d;
}
.breadcrumb-divider {
background-color: var(--v2_headline);
color: var(--v2_headline);
border-radius: 4px;
width: 3px;
height: 3px;
margin-left: 12px;
margin-right: 12px;
}
.breadcrumbs-link {
flex-direction: column;
display: flex;
}
.text-block-31 {
font-family: var(--english);
color: var(--v2_paragraph);
font-size: .75rem;
}
.text-block-31.action-beach-clean {
color: #3a455f99;
}
.section-35 {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.media-wrapper {
position: relative;
overflow: hidden;
}
.overlay {
z-index: 2;
background-color: var(--v2_background);
width: 100%;
height: 100%;
margin: auto;
padding: 50%;
display: none;
position: absolute;
inset: 0%;
}
.overlay.lollipop, .overlay.bank {
background-color: #fcfcfc;
}
.overlay.color-ffffff {
background-color: var(--v2_card-background);
}
.bg-image {
border-radius: 16px;
width: 100%;
height: auto;
}
.bg-image.height-edit {
object-fit: cover;
height: 100%;
}
.bg-image.height-edit.weight-edit {
width: 30%;
}
.bg-image.rounded-corners {
border-radius: 12px;
}
.intro-left {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.image-106 {
opacity: .5;
}
.image-107 {
padding-right: 33px;
}
.body-6 {
background-color: #f5f5f5;
}
.div-block-48 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr .6fr;
grid-auto-columns: 1fr;
align-items: stretch;
height: 100%;
display: grid;
}
.left-block-contact {
border-right: 1px solid var(--orange-nav-contact-line\);
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 8%;
display: flex;
}
.form-block-contact-page {
width: 100%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.form-contact-page {
margin-bottom: 40px;
padding: 24px 0;
}
.section-36 {
margin-top: 40px;
margin-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
}
.section-36.contact-height-custom {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.right-block-contact-page {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 5%;
display: flex;
}
.div-block-49 {
background-color: var(--orange-nav-contact-line\);
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}
.heading-43 {
color: #fefaec99;
margin-bottom: 30px;
font-family: Helveticanowmicro;
}
.heading-43.hunter {
color: #fbead9b3;
font-size: 34px;
}
.heading-43.action-clean-brach {
color: #5490b599;
}
.heading-43.dark-title {
color: #2b2b2b99;
}
.illustration-image {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.image-110 {
max-width: 80%;
margin: auto 0;
}
.image-110.lollipop-project-key-visual {
flex: 0 auto;
width: 70%;
max-width: 100%;
}
.image-110.bank {
max-width: 100%;
}
.image-110.will {
opacity: 1;
border-radius: 20px;
}
.section-37 {
padding-top: 60px;
padding-bottom: 0;
}
.section-37.second {
padding-top: 0;
}
.work-into {
align-items: center;
margin-bottom: 40px;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.work-into.other-layout {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.work-into.asus-new-year {
align-items: center;
margin-bottom: 0;
}
.work-into.lollipop-project, .work-into.bank {
align-items: center;
}
.work-decription {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 50%;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 5%;
display: flex;
}
.work-decription.other-layout {
align-items: stretch;
width: 100%;
padding-bottom: 0;
}
.work-decription.asus-new-year {
justify-content: space-between;
padding-left: 2rem;
padding-right: 2rem;
}
.work-decription.bank {
padding-right: 6%;
}
.text-block-34 {
color: var(--text-coloe\);
letter-spacing: 1px;
font-family: ar-yuanb5std;
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.text-block-34.white-text {
color: #fefaec;
}
.grid-75 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--navigation-background-color\);
border-radius: 8px;
flex: 1;
grid-template-rows: auto;
}
.work-blocks {
box-shadow: 1px 1px 0 0 var(--navigation-background-color\);
flex-direction: column;
align-items: center;
padding: 32px 28px;
display: flex;
}
.work-blocks.other-layout {
box-shadow: none;
justify-content: center;
}
.work-blocks.right-no-line {
box-shadow: none;
}
.heading-44 {
color: var(--text-coloe\);
font-family: Helveticanowmicro;
font-size: 15px;
font-weight: 700;
}
.heading-44.white-text {
color: #decf9b;
}
.text-block-35 {
color: var(--small-text\);
font-family: Helveticanowmicro;
font-weight: 700;
}
.text-block-35.white-text {
color: #fefaec;
}
.illustrator-line {
background-color: #3a455f66;
width: 100%;
height: 1px;
}
.grid-76 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 55% 45%;
}
.image-111 {
max-width: 92%;
}
.image-112 {
max-width: 100%;
}
.image-113 {
max-width: 70%;
}
.image-114 {
max-width: 90%;
}
.work-nav-container {
padding-bottom: 40px;
position: relative;
}
.work-nav-container.action-beach-clean {
padding-top: 40px;
}
.work-nav-container.hunter {
border-top: 1px solid #fefaec;
padding-top: 40px;
}
.work-nav {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(80px, auto) 1fr;
padding-top: 40px;
padding-bottom: 40px;
}
.work-nav-link {
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.work-nav-preview {
background-color: #e4e8ed;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: relative;
overflow: hidden;
}
.image-116 {
max-width: 240%;
margin: auto;
position: absolute;
inset: 0% 0% 0% -88%;
}
.image-116.hunter-other-page {
max-width: 180%;
left: -13%;
}
.image-116.lollipop {
max-width: 180%;
left: -44%;
}
.work-nav-hover {
z-index: 1;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background-color: #fefefe66;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
position: absolute;
inset: auto;
}
.work-nav-hover.asus-one-page {
background-color: #fb7f64;
width: 56px;
height: 56px;
inset: auto;
}
.work-nav-hover.video-component {
background-color: var(--v2_card-background);
width: 62px;
height: 62px;
padding: 0;
box-shadow: 0 0 20px 4px #362666a3;
}
.work-nav-info {
flex: 1;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
}
.text-block-36 {
color: var(--small-text\);
font-family: Helveticanowmicro;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.text-block-36.align-right {
text-align: right;
}
.heading-45 {
color: var(--text-coloe\);
margin-top: 0;
margin-bottom: 4px;
font-family: ar-yuanb5std;
font-weight: 500;
}
.heading-45.english-text {
font-family: Helveticanowmicro;
font-size: 24px;
font-weight: 700;
}
.heading-45.english-text.light-text {
color: #fefaec;
}
.heading-45.english-text.next {
text-align: right;
}
.work-nav-button {
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
padding: 12px;
display: flex;
position: relative;
}
.circle {
z-index: 3;
background-color: var(--v2_background);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.circle-wave-1 {
background-color: var(--v2_button);
opacity: .2;
border-radius: 50%;
margin: auto;
position: absolute;
inset: 8px;
}
.circle-wave-2 {
background-color: var(--v2_button);
opacity: .1;
border-radius: 50%;
margin: auto;
position: absolute;
inset: 4px;
}
.image-116-copy {
max-width: 240%;
margin: auto;
position: absolute;
inset: 0% 0% 0% -71%;
}
.image-116-copy.hunter-other-page {
max-width: 190%;
left: -45%;
}
.image-116-copy.letstalk-mobile {
max-width: 180%;
inset: 0% 0% 0% -36%;
}
.project-intro-left {
z-index: 1;
flex-direction: column;
align-items: flex-start;
margin-right: auto;
display: flex;
position: sticky;
top: 10px;
}
.accent {
color: #d8d8d8;
background-color: #d8d8d8;
width: 95px;
height: 6px;
margin-bottom: 10px;
}
.accent.asus-new-year {
background-color: #f2b791;
}
.accent.lollipop {
color: #d9c4b1;
background-color: #d9c4b1;
width: 50%;
height: 16px;
}
.heading-46 {
color: #fefaec;
font-family: Helveticanowmicro;
}
.paragraph-70 {
color: #fefaec;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 32px;
}
.bold-text-22 {
font-size: 18px;
}
.project-intro-right {
flex-flow: column wrap;
justify-content: center;
align-items: stretch;
max-width: 100%;
margin-bottom: 0;
display: block;
}
.image-117 {
border-radius: 10px;
flex: 1;
order: 0;
margin-bottom: 0;
display: block;
}
.image-118 {
border-radius: 10px;
flex: 1;
margin-bottom: 0;
display: block;
}
.section-39 {
position: relative;
}
.section-40 {
margin-bottom: 0;
position: static;
}
.section-41 {
justify-content: center;
align-items: center;
display: flex;
}
.image-119 {
border-radius: 10px;
}
.image-119.asus-new-year {
border-radius: 10px;
display: block;
}
.image-120 {
opacity: .5;
margin-top: 4px;
}
.asus-new-year-key-visual {
background-color: #fdefe6;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
display: flex;
}
.section-angle {
flex-direction: column;
display: flex;
}
.asus-new-year-line-banner {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/5f8429f744a1f6019b7738b4_%E5%BA%95%E4%B8%8Bpage-14.png");
background-position: 50% 112%;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
}
.section-42 {
background-color: #fdefe6;
}
.section-43 {
padding-top: 60px;
padding-bottom: 150px;
}
.asus-web-preview {
justify-content: center;
align-items: center;
display: flex;
}
.image-123 {
border-radius: 50px;
box-shadow: 3px 3px 40px #f2e4da, 3px 3px 64px #fdefe6;
}
.asus-new-year-circle-key-visual {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 60px;
display: flex;
}
.image-124 {
max-width: 20%;
}
.image-124.asus-ny-register-banner {
max-width: 100%;
}
.image-124.asus-ny-login-page {
width: auto;
max-width: 100%;
}
.asus-new-year-register-banner {
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.asus-new-year-register-banner.text-align-left {
align-items: flex-start;
}
.asus-ny-edm-context {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: stretch;
padding-left: 0;
padding-right: 0;
display: flex;
}
._90 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
._50 {
width: 50%;
margin-left: auto;
margin-right: auto;
}
.lollipop-work-text {
margin-top: 10px;
padding-left: 32px;
padding-right: 32px;
}
.lollipop-sleep-tracking-video {
cursor: pointer;
margin-top: 20px;
margin-bottom: 10px;
transition: transform .35s;
position: relative;
}
.lollipop-sleep-tracking-video:hover {
transform: scale(1.03);
}
.lollipop-sleep-tracking-video.sleep-tracking-line {
justify-content: center;
align-items: center;
margin-bottom: 60px;
display: flex;
}
.lollipop-sleep-tracking-video.sleep-tracking-line.no-scale:hover {
transform: none;
}
.background-video {
max-width: 100%;
height: 700px;
display: block;
position: relative;
}
.link-block-20 {
z-index: 1;
position: absolute;
inset: 0%;
}
.lollipop-right-part {
padding-top: 10px;
}
.paragraph-71 {
color: var(--text-coloe\);
letter-spacing: .5px;
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 26px;
}
.lollipop-ui-key-visual {
height: 700px;
padding-top: 0;
position: relative;
overflow: hidden;
}
.lollipop-android-visual-div {
margin-top: 80px;
margin-left: auto;
margin-right: auto;
display: block;
}
.body {
background-color: #fcfcfc;
}
.lollipop-ios-visual-div {
margin: 40px auto;
display: block;
}
.lollipop-icon-div {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.image-126 {
border-radius: 20px;
}
.lollipop-web-div {
margin-top: 60px;
}
.lollipop-web-preview {
margin-left: auto;
margin-right: auto;
}
.lollipop-web-preview._20 {
margin-top: 60px;
margin-bottom: 100px;
}
.columns-2 {
margin-left: -12px;
margin-right: -12px;
}
.column, .column-2 {
flex-direction: column;
align-items: center;
height: 600px;
display: flex;
overflow: visible;
}
.lollipop-web-title {
text-align: center;
flex-direction: row;
justify-content: space-between;
align-self: stretch;
align-items: center;
width: 100%;
display: block;
}
.lollipop-web-title.mobile {
margin-bottom: 10px;
}
.lollipop-web-title.margin-bottom {
margin-bottom: 1.5rem;
}
.lollipop-web-image {
justify-content: center;
align-items: center;
height: 600px;
display: inline-block;
position: relative;
overflow: scroll;
}
.lollipop-web-image.mobile {
display: inline-block;
}
.lollipop-line {
background-color: #cc9b7a;
width: 100%;
height: 1px;
margin-top: 4px;
margin-bottom: 4px;
}
.lollipop-ui-andrid, .lollipop-ui-ios {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1% 1fr 1fr 1% 1fr 1fr 1% 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
margin-bottom: 10px;
display: grid;
}
.bank-the-thumb-div {
margin-bottom: 60px;
}
.grid-77 {
grid-column-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 20px;
}
.the-thumb-zone-image {
transition: transform .35s;
}
.the-thumb-zone-image:hover {
perspective: 1000px;
transform: translate(0, -14px)scale(1.02);
}
.bank-text {
position: relative;
}
.heading-53 {
color: var(--text-coloe\);
font-family: Helveticanowmicro;
}
.paragraph-72 {
color: var(--text-coloe\);
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 26px;
}
.bank-ui-screen {
margin-bottom: 60px;
}
.grid-78 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
}
.bank-image {
box-shadow: 0 10px 28px #c6b89508, 0 3px 20px #c6b8950a, 0 0 5px #c6b89505;
}
.grid-79 {
grid-column-gap: 20px;
grid-row-gap: 0px;
}
.bank-left {
justify-content: flex-end;
align-items: center;
display: flex;
}
.image-127 {
max-width: 60%;
}
.image-128 {
max-width: 50%;
}
.image-129 {
padding-right: 20px;
}
.image-131 {
margin-top: -31px;
}
.text-block-40 {
color: #2b2b2b99;
font-family: Helveticanowmicro;
font-size: 11px;
}
.link-block-21 {
position: absolute;
inset: 0%;
}
.lottie-animation {
max-width: 50%;
}
.socialdiv {
justify-content: center;
align-items: center;
width: 36px;
height: 28px;
display: flex;
}
.top {
height: 0;
}
.scroll-top {
z-index: 1;
width: auto;
height: 48px;
position: fixed;
inset: auto 2% 2% auto;
}
.scroll-top.w--current {
z-index: 50;
cursor: pointer;
width: 48px;
position: fixed;
inset: auto 2% 2% auto;
}
.scroll-lotttie {
border-radius: 100px;
width: 48px;
height: 48px;
box-shadow: 0 1px 20px #331e0540;
}
.scroll-top-arrow {
z-index: 100;
width: 32px;
height: 32px;
margin: auto;
position: absolute;
inset: 0%;
}
.ios_emoji {
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: 1;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: 24%;
max-width: 24%;
height: auto;
display: block;
}
.emoji_photo {
aspect-ratio: 1;
width: 100%;
max-width: none;
display: inline-block;
}
.home_myfeatures {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
height: 100%;
margin-bottom: 64px;
padding-left: 0;
display: flex;
}
.myfeatures_item-1 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: nowrap;
align-items: center;
display: flex;
}
.myfeatures_item-1.align-top {
grid-row-gap: 8px;
flex-direction: row;
place-content: stretch flex-start;
align-items: center;
width: 100%;
overflow: visible;
}
.diamond {
justify-content: center;
align-items: center;
width: auto;
height: 100%;
display: flex;
}
.diamond.alighn-top {
justify-content: flex-start;
align-items: flex-start;
width: auto;
padding-top: 8px;
}
.padding-xlarge {
padding: 4rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xsmall {
margin: .5rem;
}
.overflow-auto {
overflow: auto;
}
.padding-xhuge {
padding: 8rem;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.heading-small {
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.heading-small.text-color-white {
color: var(--v2_paragraph);
margin-bottom: .25rem;
}
.heading-small.text-color-white.english {
font-family: var(--english);
color: var(--v2_paragraph);
}
.heading-small.text-color-white.chinese {
font-family: var(--chinese);
color: var(--v2_paragraph);
}
.padding-0 {
padding: 0;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-huge {
padding: 6rem;
}
.margin-large {
margin: 3rem;
}
.text-weight-semibold {
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.max-width-full {
width: 100%;
max-width: none;
}
.text-color-black {
color: #000;
font-family: Opensans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-color-grey {
color: gray;
font-family: Opensans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.padding-xxlarge {
padding: 5rem;
}
.margin-xxsmall {
margin: .25rem;
}
.padding-large {
padding: 3rem;
}
.margin-tiny {
margin: .125rem;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.padding-small {
padding: 1rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.text-weight-medium {
font-family: Opensans, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.text-weight-medium.text-color-white {
color: var(--white\);
}
.text-weight-medium.text-color-white.english {
font-family: var(--english);
color: var(--v2_headline);
}
.overflow-hidden {
overflow: hidden;
}
.text-size-tiny {
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: .75rem;
line-height: 1.5;
}
.text-size-tiny.text-color-white {
color: var(--v2_paragraph);
}
.text-size-tiny.text-color--b3a192 {
font-family: var(--chinese);
color: var(--v2_paragraph);
}
.text-size-tiny.text-color--b3a192.chinese {
font-family: var(--chinese);
}
.text-size-tiny.text-color-custom {
color: var(--v2_headline);
}
.text-size-tiny.text-color-custom.chinese {
font-family: var(--chinese);
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.text-weight-light {
font-family: Opensans, sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.text-size-regular {
color: var(--v2_paragraph);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-size-regular.margin-bottom {
margin-bottom: 1rem;
}
.text-size-regular.addcolor--c78218 {
color: var(--v2_headline);
}
.text-size-regular.addcolor--80725f {
color: var(--v2_paragraph);
width: 73%;
height: auto;
}
.text-size-regular.text-color-white {
font-family: var(--english);
}
.text-size-regular.text-color-white.english {
font-family: var(--english);
color: var(--v2_paragraph);
}
.text-size-regular.text-color-white.chinese {
font-family: var(--chinese);
color: var(--v2_paragraph);
}
.text-size-regular.text-weight-medium {
font-family: Opensans, sans-serif;
}
.text-size-regular.text-weight-medium.padding-custom1 {
margin-bottom: .5rem;
}
.text-size-regular.text-weight-medium.margin-bottom.text-color-black {
font-family: var(--english);
color: var(--v2_paragraph);
}
.text-size-regular.text-weight-medium.margin-bottom.text-color-black.chinese {
font-family: var(--chinese);
}
.text-size-regular.max-width-medium.aboutme-table-custom.chinese {
font-family: var(--chinese);
max-width: 44ch;
}
.text-size-regular.text-weight-bold {
color: var(--v2_headline);
}
.text-size-regular.text-color-black {
color: var(--black);
}
.text-size-regular.text-color-black.margin-bottom-desktop {
color: var(--v2_paragraph);
margin-bottom: 1rem;
}
.text-size-regular.text-color-black.chinese {
font-family: var(--chinese);
color: var(--v2_paragraph);
}
.text-size-regular.text-color-black.english {
font-family: var(--english);
color: var(--v2_paragraph);
}
.text-size-regular.text-color-grey {
color: var(--small-text\);
}
.text-size-regular.chinese {
letter-spacing: .5px;
}
.text-size-regular.chinese.margin-top {
margin-top: .5rem;
}
.text-size-regular.chinese.margin-top.margin-bottom-large {
margin-bottom: 2.5rem;
}
.text-size-regular.chinese.margin-vertical {
margin-top: 1rem;
margin-bottom: 1rem;
}
.text-size-regular.chinese.text-align-center.text-color-special {
color: var(--tomato\);
}
.text-size-regular.chinese.text-align-center.text-color-special.text-weight-medium {
color: var(--v2_headline);
}
.text-size-regular.chinese.max-width-full.text-align-center.margin-bottom.margin-xlarge {
margin-bottom: 4rem;
}
.text-size-regular.chinese.max-width-full.text-align-center.margin-bottom.margin-top-xlarge {
margin-top: 4rem;
}
.text-size-regular.chinese.margin-bottom-large {
margin-bottom: 2.5rem;
}
.text-size-regular.margin-top {
margin-top: 8px;
}
.text-size-regular.max-width-full {
color: var(--v2_paragraph);
}
.text-size-regular.text-weight-normal-2 {
font-family: var(--chinese);
}
.text-size-regular.text-weight-normal-2.english {
font-family: var(--english);
}
.margin-huge {
margin: 6rem;
}
.text-align-right {
text-align: right;
font-family: Opensans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-weight-bold {
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.text-weight-bold.text-white {
color: #fff;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.padding-medium {
padding: 2rem;
}
.text-size-small {
color: var(--black);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.text-size-small.padding-custom1 {
font-family: var(--english);
color: var(--v2_paragraph);
text-align: right;
width: 120px;
margin-top: 12px;
padding-top: 4px;
padding-bottom: 4px;
}
.text-size-small.text-color-white {
color: var(--v2_paragraph);
}
.text-size-small.text-color-white.english {
font-family: var(--english);
}
.text-size-small.text-color-white.padding-bottom {
padding-bottom: .3rem;
}
.text-size-small.text-weight-medium {
font-family: Opensans, sans-serif;
}
.text-size-small.text-weight-medium.text-align-center.padding-top {
font-family: var(--english);
color: var(--v2_paragraph);
}
.text-size-small.text-weight-medium.text-color-grey.margin-bottom {
margin-bottom: .5rem;
}
.text-size-small.text-color-grey {
color: var(--navigation-backgrounders-2\);
}
.text-size-small.text-color-smalltext {
color: var(--small-text\);
}
.text-rich-text {
font-family: Opensans, sans-serif;
}
.text-rich-text h1 {
margin-top: 2rem;
margin-bottom: 1.5rem;
font-family: Opensans, sans-serif;
font-size: 4rem;
line-height: 1.1;
}
.text-rich-text h2 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-family: Opensans, sans-serif;
font-size: 3rem;
line-height: 1.2;
}
.text-rich-text h3 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-family: Opensans, sans-serif;
font-size: 2rem;
line-height: 1.2;
}
.text-rich-text h5, .text-rich-text h4 {
font-family: Opensans, sans-serif;
}
.text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: .5rem;
font-family: Opensans, sans-serif;
font-size: .75rem;
line-height: 1.5;
}
.text-rich-text p {
margin-bottom: .75rem;
font-family: Opensans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-rich-text ul {
margin-bottom: .75rem;
padding-left: 1.25rem;
font-family: Roboto, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-rich-text blockquote {
padding: .75rem 1.25rem;
font-family: Opensans, sans-serif;
font-size: 1.25rem;
line-height: 1.5;
}
.text-rich-text figcaption {
margin-top: .25rem;
font-family: Opensans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-rich-text li {
font-family: Opensans, sans-serif;
}
.text-rich-text.text-weight-medium.text-size-medium.chinese {
color: var(--v2_headline);
letter-spacing: .5px;
}
.form-label {
color: var(--black);
margin-bottom: .25rem;
font-family: Opensans, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.padding-xsmall {
padding: .5rem;
}
.margin-xxlarge {
margin: 5rem;
}
.padding-xxsmall {
padding: .25rem;
}
.text-align-left {
text-align: left;
font-family: Opensans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.text-size-large {
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.5rem;
line-height: 1.5;
display: flex;
}
.text-size-large.text-align-left {
display: block;
}
.margin-xhuge {
margin: 8rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.overflow-scroll {
overflow: scroll;
}
.text-align-center {
text-align: center;
font-family: Opensans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.padding-tiny {
padding: .125rem;
}
.margin-small {
margin: 1rem;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.margin-medium {
margin: 2rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.margin-0 {
margin: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.text-size-medium {
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.25rem;
line-height: 1.5;
}
.text-size-medium.text-weight-medium {
font-family: Opensans, sans-serif;
}
.text-size-medium.text-weight-medium.chinese {
letter-spacing: .5px;
}
.text-size-medium.text-weight-medium.chinese.margin-top {
color: var(--v2_headline);
margin-top: 12px;
}
.text-size-medium.text-align-center.text-color-80725f {
color: #80725f;
}
.text-size-medium.text-align-center.text-color-80725f.text-weight-medium.padding-custom1 {
color: var(--v2_headline);
padding-top: .75rem;
padding-bottom: .75rem;
font-size: 1.125rem;
transition: color .4s cubic-bezier(.25, .46, .45, .94);
}
.text-size-medium.text-align-center.text-color-80725f.text-weight-medium.padding-custom1:hover {
color: var(--v2_headline);
}
.text-size-medium.chinese {
letter-spacing: .5px;
}
.text-size-medium.chinese.margin-top {
color: var(--v2_headline);
margin-top: 1.5rem;
margin-bottom: .75rem;
}
.text-size-medium.chinese.margin-top.margin-bottom {
margin-bottom: 1rem;
}
.text-size-medium.text-color-secondary.text-weight-medium.margin-bottom {
font-family: var(--chinese);
margin-bottom: 2rem;
}
.text-size-medium.text-color-secondary.text-weight-medium.margin-bottom.english {
font-family: var(--english);
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide {
display: none;
}
.heading-medium {
color: var(--v2_headline);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.heading-medium.work-7--text-custom {
font-size: 1.8rem;
}
.heading-medium.chinese {
font-family: var(--chinese);
font-size: 1.75rem;
line-height: 1.4;
}
.heading-medium.english {
font-family: var(--english);
font-size: 1.625rem;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.heading-1_guide {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
.heading-1_guide.margin-bottom {
margin-bottom: .5rem;
}
.heading-1_guide.margin-bottom.heading-2_guide.chinese {
font-family: var(--chinese);
color: var(--v2_headline);
margin-bottom: 1rem;
}
.heading-1_guide.heading-2_guide.text-color--f06c17 {
color: #f06c17;
}
.heading-1_guide.heading-2_guide.english {
font-family: var(--english);
color: var(--v2_headline);
margin-bottom: 1rem;
}
.heading-2_guide {
color: var(--black);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
line-height: 1.2;
}
.heading-2_guide.text-weight-bold.text-color-white {
font-family: var(--english);
color: #fff;
}
.heading-2_guide.text-weight-bold.text-color-white.english {
font-family: var(--english);
}
.heading-2_guide.text-weight-bold.text-color-unsure {
color: #2dc653;
}
.heading-2_guide.mobile-heading {
font-family: var(--chinese);
color: var(--v2_headline);
font-size: 2rem;
}
.heading-2_guide.mobile-heading.english {
font-family: var(--english);
}
.heading-3_guide {
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 2rem;
line-height: 1.2;
}
.heading-3_guide.text-weight-medium {
font-family: Opensans, sans-serif;
}
.heading-3_guide.text-weight-medium.max-width-full.text-color--5f4f3a {
font-family: var(--chinese);
color: var(--v2_headline);
margin-bottom: 1rem;
}
.heading-3_guide.text-weight-bold {
color: var(--v2_headline);
}
.heading-3_guide.text-weight-bold.margin-bottom {
margin-bottom: 1rem;
}
.heading-3_guide.text-weight-bold.chinese {
letter-spacing: .5px;
}
.heading-3_guide.text-weight-bold.chinese.text-color-80715f {
color: var(--v2_headline);
}
.heading-3_guide.margin-bottom {
margin-bottom: 1rem;
}
.heading-3_guide.text-color--45555a {
color: #45555a;
}
.heading-4_guide {
font-family: var(--english);
color: var(--v2_headline);
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
line-height: 1.4;
}
.heading-4_guide.text-coloe-white {
color: #fff;
}
.heading-4_guide.text-align-center {
text-align: center;
width: 100%;
}
.heading-4_guide.margin-vertical {
margin-top: 1rem;
margin-bottom: 1rem;
}
.home-guide-button {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.works-title-frame {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
justify-content: flex-start;
display: flex;
}
.color-block {
background-color: var(--v2_button);
width: 40px;
height: 8px;
margin-top: 12px;
}
._2022-newworks-frame {
z-index: -1;
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
border-radius: 12px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
display: flex;
}
.work1-frrame {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62903a6adb03af3eb7f522dd_Letstalk%20Desktop.png");
background-position: 50%;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
}
.links-to-works {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
color: var(--black);
background-color: #242629b3;
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
width: 360px;
height: 100%;
min-height: 100%;
max-height: 100%;
padding: 1.5rem;
font-weight: 400;
display: flex;
}
.linkworks-category {
border: 3px solid #ecebe5;
border-radius: 40rem;
padding: 8px 12px;
font-weight: 500;
}
.linkworks-category.text-size-regular {
background-color: var(--v2_background);
border-style: none;
border-radius: 8px;
display: block;
}
.linkworks-category.text-size-regular.hide {
display: none;
}
.linkworks-classframe {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: flex-start;
align-items: center;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 24px;
display: flex;
}
.linkworks-classframe.work-4-custom {
justify-content: flex-start;
}
.linkworks-classframe.none-margin {
margin-bottom: 0;
}
.linkworks-newbutton {
border: 3px solid #80725f;
border-radius: 40rem;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
}
.linkworks-newbutton.text-size-medium {
border-width: 2px;
border-color: var(--v2_button);
background-color: var(--v2_button);
cursor: pointer;
border-radius: 12px;
margin-top: auto;
padding-top: 0;
padding-bottom: 0;
font-family: Opensans, sans-serif;
font-weight: 500;
transition: border-color .4s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94), box-shadow .4s cubic-bezier(.25, .46, .45, .94);
}
.linkworks-newbutton.text-size-medium:hover {
border-color: var(--v2_button);
background-color: var(--v2_background);
color: #5f4f3a;
box-shadow: 0 6px 7px -1px #5f4f3a26;
}
.linkworks-newbutton.text-size-medium.disable-button {
color: #ccbaa1;
cursor: not-allowed;
background-color: #e6d8c580;
border-style: none;
border-color: #ccbaa1;
transition-property: none;
}
.linkworks-newbutton.text-size-medium.disable-button:hover {
box-shadow: none;
}
.linkworks-newbutton.text-size-medium.disable-button.hide {
display: none;
}
.linkworks-newbutton.text-size-medium.hide {
cursor: pointer;
display: none;
}
.nav-language-change {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
width: auto;
display: none;
}
.nav-lanuage-en {
align-items: center;
padding: 8px;
text-decoration: none;
display: flex;
}
.nav-lanuage-ch {
padding: 8px;
text-decoration: none;
}
.nav-divider {
background-color: #fff;
width: 2px;
height: 50%;
}
.work-2-frrame {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
background-color: #f7f7f2;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
}
.work-2---herocover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629da255ff46203d7db5b499_work%202.png");
background-position: 50%;
background-size: cover;
border-radius: 12px;
}
.work-3-frrame {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629da95d8192daef54853181_Letstalk%20Marketing.png");
background-position: 50%;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
}
.linkworks-mobile-icon {
display: block;
}
.work-4-frrame {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/6629d153d4fea98404b12aca_Showreel-Grid-Mobile-002-%5Bremix%5D.json");
background-position: 0 0;
background-size: cover;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
}
.linkworks-multiple-icon {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.work-4---herocover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629db0a0550865b8e3a78881_Lollipop_herocover.png");
background-position: 50%;
background-size: cover;
border-radius: 12px;
}
.work-4---herocover.mobile-custom-radius {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.work-5-frrame {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: not-allowed;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629db517f665fda768f9d758_Book%20Note.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
}
.work-6-frrame {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: not-allowed;
background-color: #f7f7f2;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
}
.image-132 {
display: none;
}
.work-6---herocover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629dbca0a21198738fc5ee4c_Beyond%20hero%20cover.png");
background-position: 50%;
background-size: cover;
border-radius: 12px;
}
.work-8-frrame {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629dc6fa39b6d13e8dc44c82_Illustration.png");
background-position: 50%;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
}
.job-info-logo-name {
justify-content: flex-start;
align-items: center;
display: flex;
}
.links-to-works-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
color: var(--black);
background-color: #f7f7f7e6;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
width: 360px;
height: 100%;
padding: 24px;
font-weight: 400;
display: flex;
}
.aboutme-signname-container {
justify-content: flex-end;
width: 100%;
margin-top: 4rem;
display: none;
}
.aboutme-section-line {
padding: 20px 0;
}
.aboutme-line {
background-color: var(--stroke);
width: 100%;
height: 1.5px;
}
.aboutme-section-myskill {
padding-top: 20px;
padding-bottom: 20px;
}
.aboutme-container-specialized-tools {
justify-content: space-between;
align-items: center;
padding-left: 64px;
padding-right: 64px;
display: block;
}
.aboutme-container-softwares {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: stretch;
padding: 12px 40px;
display: flex;
}
.softwares-figma {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
padding: 20px;
display: flex;
}
.figma-image {
justify-content: center;
align-items: center;
display: flex;
}
.softwares-aftereffects, .softwares-webflow, .softwares-photoshop {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
padding: 20px;
display: flex;
}
.aboutme-container-ability {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
width: auto;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.ability-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section-44 {
display: none;
}
.wg-element {
z-index: 100;
background-color: #fffefb;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 18%;
height: 6vh;
display: flex;
position: fixed;
inset: 2% 2% auto auto;
box-shadow: 0 7px 19px -6px #80725f80;
}
.wg-element.sw2 {
background-color: #242629;
border-radius: 12px;
justify-content: center;
width: auto;
height: auto;
right: 3%;
box-shadow: 0 5px 16px -9px #80725f33;
}
.html-embed-2 {
display: none;
}
.wg-element-wrapper {
align-items: center;
display: flex;
position: relative;
}
.wg-element-wrapper.sw4 {
font-family: Opensans, sans-serif;
font-weight: 400;
}
.wg-selector-3.s1, .wg-selector-3.s2 {
color: var(--black);
padding: 12px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.wg-selector3-text-lang1 {
color: var(--tomato\);
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
.wg-selector-3-line {
width: 3rem;
height: 2px;
position: relative;
overflow: hidden;
}
.wg-selector-3-line-fill.f1 {
background-color: var(--black);
width: 100%;
height: 100%;
position: relative;
}
.wg-selector-3-line-fill.f2 {
background-color: var(--tomato\);
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-100%);
}
.wg-selector3-text-lang2 {
font-size: 16px;
font-weight: 700;
}
.wg-dropdown-2 {
width: auto;
}
.wg-dd-2-togle {
z-index: 100;
color: var(--black);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 3rem;
padding: 0 1rem;
font-family: Opensans, sans-serif;
transition: color .4s cubic-bezier(.19, 1, .22, 1);
display: flex;
}
.wg-dd-2-togle:hover {
color: var(--tomato\);
}
.wg-dd-2-list {
background-color: #242629;
border-radius: 12px;
padding-top: 3.5rem;
padding-bottom: .5rem;
display: none;
inset: -.5rem auto auto -20%;
overflow: hidden;
box-shadow: 0 3px 11px -1px #000;
}
.wg-dd-2-list.en-position-custom {
display: none;
left: 0%;
}
.wg-dropdown-2-link {
color: var(--v2_paragraph);
text-align: left;
justify-content: center;
align-items: center;
height: 3rem;
padding: 0 1rem;
font-family: Opensans, sans-serif;
font-size: 1rem;
font-weight: 700;
transition: color .4s cubic-bezier(.19, 1, .22, 1);
display: flex;
}
.wg-dropdown-2-link:hover {
color: var(--v2_textcolor_headline\);
}
.aboutme-tools-group {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.aboutme-tools-1--group {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
width: 100%;
display: flex;
}
.softwares-notion {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
padding: 20px;
display: flex;
}
.work-7-frrame-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
object-fit: cover;
background-color: #f7f7f2;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.link-cloudfile-div {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/5e09a374ad6bad73c2bdd7d4_%E9%9B%B2%E7%AB%AF%E6%AA%94%E6%A1%88%E5%8B%95%E7%95%AB.gif");
background-position: 50%;
background-size: cover;
border-radius: 12px;
}
.banner-title-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
margin-bottom: 1rem;
display: flex;
}
.ltdesktop-banner-container {
position: relative;
}
.ltdesktop-banner-container.letstalk-padding {
margin-left: 2rem;
margin-right: 2rem;
}
.banner-image {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/664af4cd946cdfc70e49547e_hero%20image.png");
background-position: 50% 42%;
background-repeat: no-repeat;
background-size: cover;
height: 27.5rem;
position: relative;
}
.banner-image.letstalk-image {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62b085d344218798da63fb18_Desktop%20Mockup%2001%20%E6%8B%B7%E8%B2%9D.jpg");
background-position: 50% 37%;
}
.banner-image.remove-image {
background-image: none;
}
.ltdesktop-banner-card {
background-color: var(--v2_card-background);
border-radius: 20px;
flex-direction: column;
justify-content: center;
height: 180px;
margin-left: 28px;
margin-right: 28px;
padding: 268px 20px 24px;
display: flex;
position: static;
inset: -94px 0% 0%;
box-shadow: 0 3px 20px -8px #16161a66;
}
.ltdesktop-card-information {
justify-content: space-between;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.linetv-information {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.linetv-information.text-align-left {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.ltdesktop-container-1 {
padding-top: 9rem;
}
.information-item1 {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.item-1---photo {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62cfa7b922f09c85e9ab9ea0_mobile%20-%20sction%201%20image.png");
background-position: 50%;
background-size: cover;
border: 1px solid #80715f80;
border-radius: 12px;
justify-content: space-between;
align-items: stretch;
width: 50%;
height: 600px;
margin-right: 26px;
display: flex;
}
.item-1---photo.mobile-margin-bottom {
background-image: none;
flex-wrap: nowrap;
position: relative;
overflow: hidden;
}
.information-text {
flex-direction: column;
justify-content: space-between;
width: 100%;
display: flex;
}
.text-item1 {
margin-bottom: 1rem;
}
.list {
padding-left: 1.25rem;
font-family: Opensans, sans-serif;
}
.list.margin-bottom {
margin-bottom: .5rem;
}
.list.margin-top {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
margin-top: 1rem;
list-style-type: disc;
display: flex;
}
.list.margin-top.padding-horizontal {
padding-left: 1rem;
padding-right: 1rem;
}
.ltdesktop-container {
margin-top: 32px;
margin-bottom: 32px;
}
.before, .after {
object-fit: fill;
width: 100%;
height: 100%;
}
.image-wrapper {
border-radius: 4px;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.image-wrapper.margin-top {
margin-top: 12px;
}
.describe-container {
margin-top: 1rem;
}
.process-item.margin-top {
width: 100%;
margin-top: 20px;
}
.process-item.margin-top.custom {
margin-top: 20px;
}
.process-top-layout, .process-below-layout {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
justify-content: space-between;
display: flex;
}
.process-cards {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
display: flex;
}
.card-item {
border: 1.5px solid #707070;
border-radius: 12px;
flex-direction: column;
width: 100%;
height: auto;
padding: 12px 20px;
display: flex;
}
.line-1px {
background-color: #c3b298;
height: 1px;
}
.line-1px.margin-top {
background-color: var(--stroke);
margin-top: 12px;
}
.desktop-prototype-container {
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.ltdesktop-gif {
object-fit: fill;
border-radius: 14px;
justify-content: center;
align-items: center;
width: 74%;
height: 600px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 10px -2px #331e0540;
}
.prototype-searchchat {
width: 100%;
height: 100%;
margin-top: 0;
padding-top: 0;
}
.best-work-1 {
display: block;
position: relative;
}
.kanban-searchmenu-image {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62bb110571bbbd8fded4f3eb_kanban%20blur%20bg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
}
.white-blur {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #fff3;
width: 100%;
height: 100%;
}
.kanban-searchmenu-heroimage {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62bb1105cce0d7f75588c837_Kanban-search%20menu.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
width: 52%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
}
.best-work-2 {
justify-content: center;
display: block;
position: relative;
}
.searchmenu-introduce {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: nowrap;
justify-content: space-around;
width: 100%;
display: flex;
}
.searchmenu-introduce.margin-top {
margin-top: 12px;
}
.searchmenu-introduce.margin-top.margin-bottom {
margin-bottom: 1rem;
}
.kanban-executor, .kanban-label {
border-radius: 12px;
width: 100%;
height: auto;
box-shadow: 0 0 4px #331e054d;
}
.search-menu-explain {
background-color: #fff;
border-radius: 12px;
}
.lightbox-link-2, .lightbox-link-3 {
width: 100%;
text-decoration: none;
}
.lightbox-link-4 {
justify-content: center;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.reflection-title-container {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: row;
justify-content: center;
display: flex;
}
.reflection-title-container.margin-top {
align-items: center;
margin-top: 1rem;
}
.div-block-50 {
background-color: var(--stroke);
width: 100%;
height: 1px;
}
.title-iconandtext {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
display: flex;
}
.components-herocover, .components-button-derocover {
position: relative;
overflow: hidden;
}
.components-button-derocover.margin-vertical {
margin-top: 1rem;
margin-bottom: 1rem;
}
.asuscloud-home-images {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629dc4db7c7faf83e0cfaf3a_asuscloud%20hero%20cover.png");
background-position: 50%;
background-size: cover;
border-radius: 12px;
}
.asuscloud-link-filecloud {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
object-fit: cover;
background-color: #f7f7f2;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.asuscloud-link-newyear {
margin-top: 40px;
}
.link-asusnewyear-div {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/5e09a39176f1c6362bb7fe35_%E9%A0%98%E5%8F%96%E5%84%AA%E6%83%A0.gif");
background-position: 50%;
background-size: cover;
border-radius: 12px;
}
.asuscloud-link-newyear2020 {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
object-fit: cover;
background-color: #f7f7f2;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1064px;
height: 456px;
padding: 24px;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.banner-mobile-cover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62cfa667856dfaf700622c76_webflow%20letsalk%20app.png");
background-position: 50% 52%;
background-size: cover;
height: 440px;
position: relative;
}
.letstalk-desktop-section-1 {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62b26e07a32127642117286e_Letstalk%20Meeting%20photo.png");
background-position: 50%;
background-size: cover;
border-radius: 12px;
justify-content: space-between;
align-items: stretch;
width: 50%;
height: 600px;
margin-right: 26px;
display: flex;
}
.letstalk-mobile-section1 {
width: 100%;
height: 100%;
}
.mobile-before, .mobile-after {
object-fit: cover;
width: 100%;
height: 100%;
}
.ltmobile-container {
margin-top: 32px;
margin-bottom: 32px;
}
.ltmobile-container.cancel-topmargin {
margin-top: 0;
}
.vote-designprocess {
z-index: 0;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.vote-designprocess.full-width {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62d0fe5896e33f0cb2d11153_Gif.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
justify-content: center;
width: 100%;
display: flex;
}
.ltmobile-layout-container {
grid-column-gap: 12px;
display: flex;
}
.image-post-item-1 {
position: relative;
overflow: hidden;
}
.ltmobile-new-postlist {
background-color: #ecebe5;
border-radius: 12px;
justify-content: center;
width: 100%;
display: flex;
overflow: hidden;
}
.ltmobile-new-postlist.margin-top {
margin-top: 1rem;
position: relative;
}
.image-139 {
width: 50%;
}
.lottie-animation-2 {
width: 10%;
}
.next-letstalk-marketing, .previous-letstalk-desktop {
object-fit: cover;
height: 100%;
}
.link-previous-letstalk-desktop {
object-fit: cover;
align-items: center;
height: 100%;
padding-left: 0;
padding-right: 0;
text-decoration: none;
display: flex;
}
.lottie-animation-thank-copy {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.next-letstalk-marketing-link {
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.letstalk-marketing-section {
padding-top: 125px;
}
.letstalk-marketing-container {
grid-column-gap: 20px;
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
overflow: hidden;
}
.letstalk-festival-image {
border-radius: 12px;
justify-content: center;
align-items: center;
width: 60%;
display: flex;
position: relative;
overflow: hidden;
}
.letstalk-festival-image.margin-bottom {
grid-column-gap: 12px;
width: 100%;
height: 100%;
margin-bottom: 1rem;
}
.letstalk-festival-image.margin-bottom.margin-top-xlarge {
margin-top: 4rem;
}
.letstalk-festival-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.letstalk-festival-text.margin-bottom {
align-items: center;
margin-bottom: 1rem;
}
.link-asuscloud-newyear {
object-fit: cover;
height: 100%;
}
.link-letstalk-desktop, .previous-link-asuscloud-newyear {
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.image-lollipop-web {
object-fit: cover;
height: 100%;
}
.link-lollipop-app {
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.image-illustrator-like {
object-fit: cover;
height: 100%;
}
.link-illustrator-like {
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.previous-letstalk-mobile, .next-lollipop-app {
object-fit: cover;
height: 100%;
}
.next-lollipop-app-link {
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.link-previous-letstalk-mobile {
object-fit: cover;
align-items: center;
height: 100%;
padding-left: 0;
padding-right: 0;
text-decoration: none;
display: flex;
}
.banner-letstalk-marketing-cover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629da95d8192daef54853181_Letstalk%20Marketing.png");
background-position: 50% 52%;
background-size: cover;
height: 440px;
position: relative;
}
.letstalk-marketing-video {
object-fit: contain;
height: 100%;
display: inline-block;
overflow: hidden;
}
.letstalk-marketing-video.margin-bottom {
width: 100%;
margin-bottom: 2rem;
}
.letstalk-marketing-video.margin-bottom.large {
margin-bottom: 4rem;
}
.image-140 {
width: 20%;
height: 100%;
}
.lottie-div-text {
grid-column-gap: 20px;
justify-content: center;
align-items: center;
display: flex;
}
.youtube {
border-radius: 12px;
height: 100%;
margin-left: -1px;
overflow: hidden;
}
.youtube-2 {
border-radius: 12px;
margin-left: -1px;
overflow: hidden;
}
.lottie-animation-3, .lottie-animation-4 {
border-radius: 12px;
width: 100%;
height: 100%;
overflow: hidden;
}
.motherday-container, ._2021-2022-container {
width: 100%;
height: 100%;
}
.next-letstalk-mobile-link {
align-items: center;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.image-142, .image-143 {
width: 100%;
height: 100%;
}
.text-size-custom {
font-family: Opensans, sans-serif;
font-size: 2.6rem;
font-weight: 700;
line-height: 140%;
}
.text-size-custom.text-color--3062ac {
color: var(--v2_headline);
}
.letstalkdt-uispec-view {
justify-content: center;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.letstalkdt-uispec-view.margin-vertical {
margin-top: 16px;
margin-bottom: 16px;
}
.fs-styleguide_label {
color: #fff;
background-color: #2d62ff;
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
}
.fs-styleguide_label.is-tag {
background-color: #dd23bb;
}
.text-size-tiny-2 {
font-size: .75rem;
}
.nav_menu_link {
color: #fff;
padding: 1rem;
}
.heading-style-h2 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h2.number {
font-family: var(--english);
color: var(--v2_button);
margin-top: 0;
margin-bottom: 0;
}
.heading-style-h2.data-content {
font-family: var(--chinese);
color: var(--v2_headline);
margin-top: 0;
margin-bottom: 0;
}
.heading-style-h2.data-content.english {
font-family: var(--english);
}
.heading-style-h2.align-center {
font-family: var(--chinese);
color: var(--v2_headline);
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #eee;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.icon-1x1-medium-2 {
width: 2rem;
height: 2rem;
}
.fs-styleguide_hero-label {
color: #000;
text-transform: uppercase;
background-color: #eee;
border-radius: .25rem;
padding: .25rem .375rem;
font-size: .75rem;
font-weight: 500;
text-decoration: none;
}
.padding-custom3-2 {
padding: 3.5rem;
}
.heading-style-h6 {
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.heading-style-h6.text-color-primary.english {
font-family: var(--english);
margin-top: 0;
margin-bottom: 0;
}
.spacer-xxhuge {
width: 100%;
padding-top: 12rem;
}
.fs-styleguide_background {
border: 1px solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.background-color-secondary {
background-color: var(--v2_card-background);
}
.spacer-xhuge {
width: 100%;
padding-top: 8rem;
}
.overflow-visible {
overflow: visible;
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.pointer-events-none {
pointer-events: none;
}
.icon-1x1-large-2 {
width: 2.5rem;
height: 2.5rem;
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.fs-styleguide_heading-header {
font-size: 6rem;
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.text-weight-xbold-2 {
font-weight: 800;
}
.fs-styleguide_section-2 {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.fs-styleguide_section-2.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.icon-1x1-small-2 {
flex: none;
width: 1rem;
height: 1rem;
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.fs-styleguide_header {
color: #fff;
background-color: #000;
background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}
.form_input {
background-color: #0000;
border: 1px solid #eee;
min-height: 3rem;
margin-bottom: .75rem;
padding: .5rem 1rem;
}
.form_input::placeholder, .form_input.is-select-input {
color: #222;
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
}
.pointer-events-auto {
pointer-events: auto;
}
.text-color-alternate {
color: var(--v2_headline);
}
.text-weight-medium-2 {
font-weight: 500;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.text-style-muted-2 {
opacity: .6;
}
.margin-custom1-2 {
margin: 1.5rem;
}
.text-size-regular-2 {
font-size: 1rem;
}
.text-size-regular-2.text-color-black {
color: #fffffe;
transform: rotate(0);
}
.text-size-regular-2.text-color-black.english, .text-size-regular-2.text-color-secondary.english {
font-family: var(--english);
}
.text-size-regular-2.text-color-secondary.chinese {
font-family: var(--chinese);
font-size: 1.125rem;
line-height: 1.4;
}
.text-size-regular-2.chinese {
font-family: var(--chinese);
color: var(--v2_paragraph);
font-size: 1.125rem;
line-height: 1.4;
}
.text-size-regular-2.chinese.text-letterspacing-tiny {
letter-spacing: .1px;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.read-width {
width: 72ch;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.read-width.bottom-margin {
margin-bottom: 2.5rem;
padding-left: .75rem;
padding-right: .75rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.read-width.bottom-margin-low {
margin-bottom: .75rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width {
width: 72ch;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width.bottom-margin {
margin-bottom: 2.5rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width.bottom-margin.text-weight-medium-2 {
width: 100%;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width.bottom-margin-low {
margin-bottom: .75rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny._100--width {
width: 100%;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.bottom-margin-low {
margin-bottom: .75rem;
}
.text-size-regular-2.chinese.text-coclor-title {
color: var(--v2_headline);
border-radius: 8px;
padding: 0;
font-weight: 700;
}
.fs-styleguide_spacing-all {
display: none;
}
.form_component {
margin-bottom: 0;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.text-align-left-2 {
text-align: left;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.text-style-strikethrough-2 {
text-decoration: line-through;
}
.text-align-center-2 {
text-align: center;
}
.heading-style-h1 {
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
.icon-height-small {
height: 1rem;
}
.text-color-primary {
color: #fffffe;
}
.aspect-ratio-portrait {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.text-align-right-2 {
text-align: right;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.aspect-ratio-landscape {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.text-weight-normal-2 {
font-weight: 400;
}
.padding-custom1-2 {
padding: 1.5rem;
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.text-weight-light-2 {
font-weight: 300;
}
.fs-styleguide_classes-2 {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem;
}
.text-style-italic-2 {
font-style: italic;
}
.text-weight-semibold-2 {
font-weight: 600;
}
.padding-custom2-2 {
padding: 2.5rem;
}
.fs-styleguide_2-col-2 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_2-col-2.is-align-start {
align-items: start;
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #2d40ea0d;
border: 1px dashed #2d40ea;
min-width: 3rem;
height: 3rem;
position: relative;
}
.text-color-secondary {
color: var(--v2_paragraph);
}
.spacer-tiny {
width: 100%;
padding-top: .125rem;
}
.aspect-ratio-widescreen {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.heading-style-h4 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.heading-style-h4.chinese {
font-family: var(--chinese);
color: var(--v2_headline);
margin-top: 0;
margin-bottom: 0;
}
.heading-style-h4.chinese.fix-heigh {
height: auto;
}
.heading-style-h4.chinese.margin-bottom {
margin-bottom: .5rem;
}
.heading-style-h4.chinese.color-content {
color: var(--v2_paragraph);
}
.heading-style-h4.english {
font-family: var(--english);
color: var(--v2_headline);
margin-top: 0;
margin-bottom: 0;
}
.heading-style-h4.english.color-content {
color: var(--v2_paragraph);
}
.icon-height-large {
height: 3rem;
}
.form_message-success {
color: #114e0b;
background-color: #cef5ca;
padding: 1.25rem;
}
.aspect-ratio-square {
aspect-ratio: 1;
object-fit: cover;
}
.background-color-alternate {
background-color: #fff;
}
.heading-style-h3 {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.heading-style-h3.chinese {
font-family: var(--chinese);
color: #fffffe;
margin-top: 0;
margin-bottom: 0;
font-family: Noto Sans TC, sans-serif;
}
.fs-styleguide_heading-medium {
font-size: 4rem;
}
.button-11 {
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem;
padding: .75rem 1.5rem;
font-weight: 600;
}
.button-11.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.button-11.is-secondary {
color: #000;
background-color: #0000;
border: 1px solid #222;
}
.button-11.is-large {
padding: 1rem 2rem;
}
.button-11.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-11.is-small {
padding: .5rem 1.25rem;
}
.text-style-allcaps-2 {
text-transform: uppercase;
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(to top, #2d40ea1a, #fff0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.margin-custom2-2 {
margin: 2.5rem;
}
.nav_button {
padding: 1rem;
}
.text-weight-bold-2 {
font-weight: 700;
}
.form_radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
}
.form_radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem;
}
.form_radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.fs-styleguide_background-space {
width: 1px;
height: 1px;
margin: 5rem;
}
.text-size-small-2 {
font-size: .875rem;
}
.text-size-large-2 {
font-size: 1.5rem;
}
.form_message-error {
color: #3b0b0b;
background-color: #f8e4e4;
margin-top: .75rem;
padding: .75rem;
}
.spacer-xsmall {
width: 100%;
padding-top: .5rem;
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.heading-style-h5 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.heading-style-h5.chinese {
font-family: var(--chinese);
color: var(--v2_headline);
margin-top: 0;
margin-bottom: 0;
}
.heading-style-h5.chinese.text-color-content {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--v2_paragraph);
justify-content: flex-start;
align-items: center;
display: inline-flex;
}
.heading-style-h5.chinese.text-color-content.margin-bottom {
margin-bottom: 1rem;
}
.heading-style-h5.chinese.text-color-content.margin-bottom-low {
margin-bottom: .5rem;
}
.heading-style-h5.chinese.text-size {
font-size: 1.375rem;
}
.heading-style-h5.chinese.text-size.bottom-margin {
width: 100%;
margin-bottom: 1rem;
}
.spacer-small {
width: 100%;
padding-top: 1rem;
}
.fs-styleguide_3-col-2 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.fs-styleguide_3-col-2.is-align-start {
align-items: start;
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.fs-styleguide_item.is-stretch {
justify-items: stretch;
}
.text-style-nowrap-2 {
white-space: nowrap;
}
.nav_component {
background-color: #000;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
inset: 0% 0% auto;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.fs-styleguide_spacer-box {
background-color: #2d40ea1a;
border: 1px dashed #2d40ea;
width: 100%;
position: relative;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.text-style-link-2 {
color: #2d62ff;
text-decoration: underline;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.text-size-medium-2 {
font-size: 1.25rem;
}
.text-size-medium-2.text-color-primary {
font-family: var(--english);
}
.text-size-medium-2.text-color-primary.text-rotate {
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
display: block;
transform: rotate(90deg);
}
.text-size-medium-2.text-color-primary.text-nav-fillcontainer.text-rotate {
width: 160px;
min-width: 160px;
height: 28px;
}
.fs-styleguide_row-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.spacer-large {
padding-top: 3rem;
}
.background-color-primary {
background-color: var(--v2_background);
color: var(--v2_background);
}
.text-style-quote-2 {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.spacer-xxsmall {
width: 100%;
padding-top: .25rem;
}
.fs-styleguide_1-col-2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_message {
color: #5e5515;
background-color: #fcf8d8;
border-radius: .25rem;
padding: .25rem .5rem;
font-size: .875rem;
}
.nav_logo {
width: 10rem;
}
.margin-custom3-2 {
margin: 3.5rem;
}
.form_checkbox-icon {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-checked {
background-size: 90%;
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form_checkbox-icon.w--redirected-focus {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.nav_container {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.icon-height-medium {
height: 2rem;
}
.nav-progress-indicator {
z-index: 50;
border: 1px solid #2cb67d;
width: 1.5px;
min-width: 1.5px;
height: 8vh;
position: absolute;
inset: 0% -1% auto auto;
}
.lottie-animation-5 {
position: absolute;
inset: 0%;
}
.home_info_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.home_circle {
background-color: #5f3cc9;
border-radius: 12px;
width: 8px;
height: 8px;
}
.background-video-2 {
object-fit: cover;
width: 90%;
height: 540px;
}
.home-button-aboutme {
border: 2px solid var(--navigation-backgrounders-2\);
border-radius: 12px;
justify-content: center;
align-items: center;
padding: .75rem 24px;
text-decoration: none;
transition: border-color .4s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.home-button-aboutme:hover {
border-color: var(--v2_button);
background-color: var(--v2_button);
}
.text-chinese {
font-family: var(--chinese);
letter-spacing: 3px;
line-height: 1.4;
}
.nav-avatar {
transform: rotate(90deg);
}
.navbar {
background-color: var(--v2_background);
border-right: 1px solid #000;
width: 90px;
height: 100vh;
position: fixed;
inset: 0% auto 0% 0%;
}
.navbar-base {
z-index: 15;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
width: 100%;
height: 100%;
padding-top: 1rem;
padding-bottom: 0;
display: grid;
position: relative;
}
.nav-dropdown {
margin-left: 0;
margin-right: 0;
display: block;
}
.dropdown-toggle {
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
padding: 0;
display: flex;
}
.lottie-animation-6 {
width: 100%;
height: 100%;
}
.dropdown-list {
display: none;
}
.nav-menu {
z-index: 500;
position: fixed;
top: 0;
bottom: 0;
left: 88px;
}
.nav-menu-clip {
background-color: var(--v2_card-background);
height: 100%;
display: flex;
overflow: hidden;
}
.nav-menu-inside {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
background-color: var(--v2_card-background);
border-left: 1px solid #000;
flex-flow: column;
justify-content: space-between;
min-width: 30rem;
height: 100%;
padding: 4rem;
display: flex;
}
.nav-menu-overlay {
z-index: 10;
background-color: #0006;
display: none;
position: fixed;
inset: 0% 0% 0% 90px;
}
.nav-logoname {
height: 100%;
}
.image-146, .image-147 {
display: none;
}
.work1-linetv-payment {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 36px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
height: auto;
min-height: 599px;
max-height: 599px;
padding: 1.5rem 0 1.5rem 1.5rem;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.work1-lottiebackground {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.lottie-animation-7 {
display: inline-flex;
}
.lottie-animation-7.fill-container {
width: 170%;
}
.text-size-label {
font-family: var(--english);
color: var(--v2_headline);
font-size: .875rem;
font-weight: 400;
}
.text-size-label.textchinese {
font-family: var(--chinese);
}
.text-size-label.english {
font-size: .75rem;
}
.home-work-spcing {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.work2-linetv-gba-commercial {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 36px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: auto;
height: auto;
min-height: 599px;
max-height: 599px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.work2-gba-commercial {
height: 100%;
position: absolute;
inset: 0%;
}
.work3-letstalk-desktop {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66432d6e7809a4b41ebfa90f_Letstalk%20Desktop.png");
background-position: 50%;
background-size: cover;
border-radius: 36px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: auto;
height: auto;
min-height: 599px;
max-height: 599px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.work4-letstalk-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66434b3571395f8960878b00_Letstalk%20Mobile.png");
background-position: 50%;
background-size: cover;
border-radius: 36px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: auto;
height: auto;
min-height: 599px;
max-height: 599px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.work5-letstalk-brading {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66434f61528082fb6c9bba41_Letstalk%20Marketing.png");
background-position: 50%;
background-size: cover;
border-radius: 36px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: auto;
height: auto;
min-height: 599px;
max-height: 599px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
font-family: Opensans, sans-serif;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.project-background, .project-background-2, .project-background-3 {
display: none;
}
.work1-linetv-background {
height: 100%;
position: absolute;
inset: 0%;
}
.text-list-chinese {
font-family: var(--chinese);
color: var(--v2_paragraph);
margin-bottom: .25rem;
}
.text-list-english {
font-family: var(--english);
color: var(--v2_paragraph);
margin-bottom: .25rem;
}
.body-8, .body-9 {
background-color: var(--v2_background);
}
.image-149 {
width: 40px;
margin-top: 0;
}
.linetv-section {
height: 100vh;
}
.linetv-section.top-padding {
height: auto;
margin-bottom: 2.5rem;
padding-top: 10rem;
}
.linetv-banner-container {
position: relative;
}
.linetv-banner-card {
background-color: var(--v2_card-background);
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
height: auto;
margin-left: 2rem;
margin-right: 2rem;
padding: 1rem;
display: flex;
position: absolute;
bottom: -30%;
box-shadow: 0 3px 20px -8px #16161a66;
}
.linetv-card-information {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
padding-left: 0;
padding-right: 0;
display: grid;
}
.text-size-subject {
font-family: var(--chinese);
color: var(--v2_headline);
justify-content: space-between;
align-items: flex-start;
width: 4em;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.4;
}
.divider {
background-color: #7f5af0;
width: 2px;
height: 19px;
}
.subject-title {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-size-caption {
font-family: var(--chinese);
color: var(--v2_paragraph);
font-size: 1rem;
line-height: 1.4;
}
.text-size-caption.text-lineheigh-larch {
height: 100%;
line-height: 1.7;
}
.text-size-caption.text-letter-spacing-tiny {
letter-spacing: .1px;
}
.project-bento-container {
padding-left: 2rem;
padding-right: 2rem;
}
.bento-layout {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bento-1 {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: var(--v2_card-background);
border-radius: 20px;
justify-content: flex-start;
height: 100%;
padding: 1.5rem;
display: flex;
}
.bento-1.none-padding {
justify-content: center;
align-items: center;
padding: 0;
}
.bento-1.ipad-size {
background-image: none;
align-items: center;
height: 100%;
}
.bento-1.radius-44px {
border-radius: 44px;
justify-content: space-between;
}
.heading-topic {
font-family: var(--chinese);
color: var(--v2_headline);
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem;
line-height: 1.5;
}
.heading-topic.bottom-margin {
margin-bottom: 12px;
}
.heading-topic.bottom-margin-mid {
margin-bottom: 1.5rem;
}
.heading-topic.bottom-margin-1rem {
margin-bottom: 1rem;
}
.text-container {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
padding: 0;
overflow: hidden;
}
.text-container.padding-custom {
padding: 1rem;
}
.text-container.padding-custom.radius-20px {
border-radius: 20px;
}
.text-container.item-spacing {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border-radius: 0;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-container.item-spacing.fill-layout {
width: 100%;
}
.lineyv-image-1 {
width: 30%;
}
.image-150 {
width: 100%;
}
.card-background {
background-color: var(--v2_card-background);
background-image: linear-gradient(48deg, #eeeeedd4, #99999800 27%, #9c9c9b08 69%, #fffffee6);
border-radius: 20px;
padding: 1px;
overflow: hidden;
}
.card-background.mobile-hide {
display: block;
}
.card-background.radius-44px {
border-radius: 44px;
}
.linetv-section-content {
margin-bottom: 2.5rem;
}
.linetv-section-content.margin-bottom-tiny {
margin-bottom: 1.25rem;
}
.linetv-section-content.margin-top {
margin-top: 2.5rem;
}
.linetv-section-content.margin-top-xxlarge {
margin-top: 8rem;
}
.linetv-content {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.linetv-content.margin-bottom {
margin-bottom: 1.5rem;
}
.content-align-center {
width: 720px;
}
.content-align-center.bottom-margin {
margin-bottom: 1.5rem;
}
.project-phase-container {
padding-left: 2rem;
padding-right: 2rem;
}
.container-layout {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.box {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: var(--v2_card-background);
border-radius: 20px;
align-items: flex-start;
padding: 1.5rem;
display: block;
}
.badge {
background-color: var(--v2_button);
border-radius: 8px;
padding: .4em .8em;
}
.badge.absolute {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
position: absolute;
inset: auto auto .75rem .75rem;
}
.badge.absolute.hide {
display: none;
}
.layout-align-left {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.content-spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex;
}
.horizontal-container {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 1.25rem;
display: flex;
}
.horizontal-container.bottom-margin {
margin-bottom: 2.5rem;
}
.vertical-layout {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
padding-top: 10px;
display: flex;
}
.vertical-layout.cancel-padding {
padding-top: 0;
}
.vertical-layout.cancel-padding.cacel-gap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.title-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.title-container.margin-bottom {
margin-bottom: 1.75rem;
}
.project-currentproblem {
padding-left: 2rem;
padding-right: 2rem;
}
.first {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: flex-start;
margin-bottom: 1.5rem;
display: flex;
}
.first.center-content {
align-items: stretch;
}
.first.cancel-bottom-margin {
margin-bottom: 0;
}
.image-container {
border-radius: 12px;
height: 100%;
position: relative;
overflow: hidden;
}
.current-1 {
width: 580px;
display: block;
}
.description-container {
width: 100%;
}
.description-number {
font-family: var(--english);
color: var(--v2_button);
font-size: 1.75rem;
}
.description-list {
list-style-type: lower-alpha;
}
.content-syle {
font-family: var(--chinese);
color: var(--v2_paragraph);
margin-bottom: .5rem;
font-size: 1.125rem;
}
.list-content-style {
font-family: var(--chinese);
color: var(--v2_paragraph);
margin-bottom: .25rem;
padding-left: 0;
font-size: 1.125rem;
line-height: 1.5;
list-style-type: decimal;
}
.text-span-19 {
color: var(--v2_button);
}
.list-content-container {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: flex-start;
height: 100%;
margin-bottom: .5rem;
margin-left: 24px;
display: flex;
}
.list-content-container.center {
justify-content: flex-start;
align-items: center;
}
.list-content-container.cancel-margin {
margin-bottom: 0;
}
.list-description-style {
font-family: var(--chinese);
color: var(--v2_paragraph);
font-size: 1.125rem;
line-height: 1.5;
}
.list-description-style.margin-top {
margin-top: .5rem;
}
.list-number-style {
font-family: var(--english);
color: var(--v2_button);
font-size: 1.125rem;
font-weight: 700;
line-height: 1.5;
}
.list-number-style.color-content {
color: var(--v2_paragraph);
}
.description-container.bottom-margin {
margin-bottom: 2.5rem;
}
.fix-bottom-box {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: var(--v2_card-background);
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/664f014e785daa1a3ce1097b_stage%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 500px;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-end;
height: 380px;
padding: 1rem;
display: flex;
}
.fix-bottom-box.none-padding {
padding: 0;
}
.content-background {
background-color: #16161a80;
}
.box-design-2 {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: var(--v2_card-background);
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/664f014e84d938789f25fa2e_stage%202.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 390px;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-end;
height: 380px;
padding: 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.box-design-2.none-padding {
padding: 0;
}
.background-video-3 {
position: absolute;
inset: 0%;
}
.background-container {
z-index: 2;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: var(--v2_card-background);
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/664f014e785daa1a3ce1097b_stage%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 500px;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-end;
height: 380px;
padding: 1rem;
display: flex;
}
.background-container.none-padding {
padding: 0;
}
.background-video-4 {
height: 100%;
position: absolute;
inset: -18% 0% 0%;
}
.layout-container {
justify-content: center;
align-items: center;
display: flex;
}
.description-container--fill {
width: 100%;
}
.div-block-51 {
background-color: var(--stroke);
height: 1px;
}
.list-2 {
list-style-type: decimal;
}
.list-content {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: flex-start;
height: 100%;
margin-bottom: .5rem;
margin-left: 0;
display: flex;
}
.list-content.center {
justify-content: flex-start;
align-items: center;
}
.list-content.sublist {
padding-left: 24px;
}
.list-content.cancel-margin {
margin-bottom: 0;
}
.content-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
display: flex;
}
.current-2 {
height: 500px;
}
.read-padding {
padding-left: .75rem;
padding-right: .75rem;
}
.image-container-lowfi {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.image-151 {
margin-bottom: .75rem;
}
.flex-center {
justify-content: center;
align-items: center;
display: flex;
}
.flex-center.margin-top {
margin-top: 1.5rem;
}
.background-video-5 {
border-radius: 12px;
}
.silder {
background-color: var(--v2_background);
border-radius: 12px;
height: 50vh;
overflow: hidden;
}
.icon {
display: none;
}
.left-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.icon-2 {
display: none;
}
.right-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.image-152 {
justify-content: space-between;
align-items: stretch;
max-width: 100%;
}
.slide {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/6652e349406dfda9857b0fff_handoff-1.png");
background-position: 50%;
background-size: contain;
overflow: hidden;
}
.slide-2 {
background-color: var(--v2_background);
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/6652e4335b26b3c4e36b7deb_handoff-2.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.slide-3 {
background-color: var(--v2_background);
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/6652e4a25f11716abb2dfff2_handoff-3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.image-153 {
display: inline-block;
}
.lightbox-link-5, .lightbox-link-7 {
position: absolute;
inset: 0%;
}
.bg-video-header {
aspect-ratio: 16 / 9;
border-radius: 12px;
width: auto;
height: 730px;
}
.image-grid-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: 2fr auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.entrypoint-image {
max-width: 280%;
}
.entrypoint-image.row-2 {
max-width: 100%;
}
.entrypoint-image.row-2.content-align-top {
align-self: center;
margin-top: 0;
position: absolute;
inset: 0% auto -162%;
}
.entrypoint-image.row-2.scale-size {
max-width: 170%;
margin-left: -171px;
}
.entrypoint-container {
background-color: var(--v2_background);
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 440px;
display: flex;
overflow: hidden;
}
.entrypoint-container.fix-container {
height: 240px;
}
.lightbox-link-8 {
background-color: var(--v2_background);
justify-content: center;
align-items: center;
height: 100%;
display: flex;
overflow: hidden;
}
.lightbox-link-8.content-align-top {
justify-content: center;
align-items: flex-start;
}
.lightbox-link-8.content-align-top.fill-layout {
width: 100%;
position: relative;
}
.entrypoint-image--2 {
max-width: 94%;
}
.dataresult-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.dataresult-container.vertical-mobile {
margin-bottom: 1rem;
}
.data-result-item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.icon-container {
padding-top: .5rem;
}
.lightbox-link-9, .lightbox-link-10 {
width: 100%;
height: 100%;
}
.lightbox-link-11 {
border-radius: 12px;
width: 100%;
overflow: hidden;
}
.bg-test {
z-index: 1;
height: 100%;
position: absolute;
inset: 0%;
}
.letstalk-information {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.letstalk-banner-card {
background-color: var(--v2_card-background);
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-bottom: -6rem;
margin-left: 2rem;
margin-right: 2rem;
padding: 1rem;
display: flex;
position: absolute;
inset: auto auto 0%;
box-shadow: 0 3px 20px -8px #16161a66;
}
.letstalk-banner-card.padding-large {
padding-top: 2rem;
padding-bottom: 2rem;
}
.letstalk-card-information {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: stretch start;
width: 100%;
padding-left: 0;
padding-right: 0;
display: grid;
}
.center-container {
justify-content: center;
align-items: center;
width: auto;
margin-left: 2rem;
margin-right: 2rem;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.bold-text-23 {
padding-bottom: .25rem;
display: inline-flex;
}
.bold-text-24, .bold-text-25 {
justify-content: flex-start;
align-items: flex-start;
padding-bottom: .25rem;
display: inline-flex;
}
.forst-title-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: flex-start;
margin-bottom: 1.5rem;
display: flex;
}
.forst-title-container.center-content {
align-items: stretch;
}
.forst-title-container.cancel-margin {
width: 100%;
}
.body-10 {
background-color: var(--v2_background);
}
.bold-text-26, .bold-text-27, .bold-text-28 {
padding-bottom: .25rem;
display: inline-flex;
}
.body-11 {
background-color: var(--v2_background);
}
.next-project-image {
max-width: 200%;
}
.link-block-22 {
flex-direction: column;
text-decoration: none;
display: flex;
position: relative;
}
.breadcrumb-divider-2 {
color: #fffffe;
background-color: #fffffe;
border-radius: 4px;
width: 3px;
height: 3px;
margin-left: 12px;
margin-right: 12px;
}
.image-154 {
width: 40px;
margin-top: 0;
}
.text-size-tiny-3 {
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: .75rem;
line-height: 1.5;
}
.text-size-tiny-3.text-color-custom {
color: #fffffe;
}
.text-size-tiny-3.text-color--b3a192 {
color: #aab9cc;
font-family: Noto Sans TC, sans-serif;
}
.herobanner-video {
height: 100%;
}
.section-45 {
height: 100svh;
}
.linetv-gba-card {
background-color: var(--v2_card-background);
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
padding: 1rem 2rem;
display: flex;
position: absolute;
bottom: auto;
box-shadow: 0 3px 20px -8px #16161a66;
}
.center-card {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.linetv-gba-cardinformation {
grid-column-gap: 8.125rem;
grid-row-gap: 8.125rem;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
width: 100%;
padding-left: 0;
padding-right: 0;
display: grid;
}
.video-lightbox {
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 36rem;
display: flex;
position: relative;
overflow: hidden;
}
.background-video-6 {
width: 1920px;
height: 100%;
}
.image-next-project {
max-width: 190%;
}
.image-previous-linetv {
max-width: 200%;
margin: auto;
position: absolute;
inset: 0% auto;
}
.image-previous-linetv.hunter-other-page {
max-width: 180%;
left: -13%;
}
.image-previous-linetv.lollipop {
max-width: 180%;
left: -44%;
}
.gba-storyboard-image {
border-radius: 12px;
margin-bottom: .5rem;
}
@media screen and (min-width: 1280px) {
.banner {
padding-top: 80px;
padding-bottom: 80px;
}
.body-3 {
background-color: #19653c;
}
.grid-69 {
grid-row-gap: 10px;
grid-template-columns: 1fr;
grid-template-areas: "title"
"image";
place-items: center;
}
.center-part.w--current {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.banner-info.text-weight-medium-2, .banner-visual-image {
height: 100%;
}
.banner-info-download-button.dark-mode {
border-style: none;
}
.banner-info-download-button.dark-mode:hover {
background-color: #3c2680;
border-style: none;
}
.link-block-18.lollipop {
right: -6.8%;
}
.scroll-animation-js {
display: flex;
}
.image-131 {
margin-top: -52px;
}
.home_myfeatures {
height: 100%;
padding-left: 0;
}
.text-size-medium.text-align-center.text-color-80725f.text-weight-medium.padding-custom1.english {
font-family: var(--english);
font-weight: 600;
}
.text-size-medium.text-color-secondary.text-weight-medium.margin-bottom {
margin-bottom: 2rem;
}
.heading-medium.english {
font-family: var(--english);
font-size: 1.5rem;
}
.heading-2_guide.mobile-heading {
font-size: 2rem;
}
.home-guide-button {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.wg-dd-2-togle {
padding-left: 1rem;
padding-right: 1rem;
}
.ltdesktop-container-1 {
padding-top: 10rem;
}
.heading-style-h5.chinese.text-size.bottom-margin {
width: 100%;
}
.nav-progress-indicator {
z-index: 2;
}
.background-video-2 {
width: 520px;
height: 548px;
}
.home-button-aboutme {
border: 2px solid var(--navigation-backgrounders-2\);
border-radius: 12px;
justify-content: center;
align-items: center;
padding-left: 24px;
padding-right: 24px;
transition: border-color .4s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.home-button-aboutme:hover {
border-color: var(--v2_button);
background-color: var(--v2_button);
}
.dropdown-list {
display: none;
}
.nav-menu {
z-index: 110;
left: 82px;
}
.lottie-animation-7.fill-container {
width: auto;
}
.linetv-section.top-padding {
padding-top: 10rem;
}
.linetv-card-information {
grid-template-columns: 1fr .8fr .8fr .8fr;
}
.text-container.item-spacing.fill-layout {
width: 100%;
}
.entrypoint-image.row-2.content-align-top {
margin-top: 0;
position: absolute;
inset: 0% auto -173%;
}
.lightbox-link-8.content-align-top.fill-layout {
width: 100%;
}
.letstalk-card-information {
grid-template-columns: 1fr .8fr .8fr .8fr;
}
.forst-title-container.cancel-margin {
width: 100%;
}
.linetv-gba-cardinformation {
grid-column-gap: 8.125rem;
grid-row-gap: 8.125rem;
grid-template-columns: auto 1fr;
}
.video-lightbox {
height: 36rem;
}
}
@media screen and (min-width: 1440px) {
.banner {
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-32 {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/5e16ed86cb9d519128df8c5f_background_%E5%B7%A5%E4%BD%9C%E5%8D%80%E5%9F%9F%201.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 1284px;
}
.yuying-branding {
margin-bottom: 40px;
}
.paragraph-44 {
color: var(--text-coloe\);
font-family: ar-yuanb5std;
font-size: 16px;
line-height: 26px;
}
.bold-text-10 {
color: var(--text-coloe\);
font-size: 20px;
}
.paragraph-46 {
color: var(--text-coloe\);
font-family: ar-yuanb5std;
font-size: 16px;
}
.bold-text-11 {
font-size: 18px;
}
.navigation-wrapper {
display: inline-block;
}
.center-part.w--current {
grid-column-gap: 0px;
grid-row-gap: 0px;
vertical-align: sub;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: center;
width: 100%;
padding: 1rem;
display: flex;
}
.navigation-menu {
display: none;
}
.banner-grid {
grid-template-columns: 1fr .8fr;
}
.banner-info.text-weight-medium-2 {
height: 100%;
}
.banner-visual-image {
height: 100%;
overflow: hidden;
}
.heading-33 {
color: var(--v2_textcolor_headline\);
font-size: 36px;
}
.banner-info-title {
order: 0;
margin-bottom: 24px;
display: none;
}
.banner-info-name-title {
color: var(--v2_textcolor_headline\);
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
}
.banner-info-name-title.chenese-text {
width: 100%;
}
.text-bg-accent {
background-color: var(--navigation-background-color\);
height: 8px;
bottom: 26%;
}
.banner-info-download-button {
border-style: solid;
border-color: var(--v2_button);
}
.banner-info-download-button:hover {
border: 2px solid var(--v2_button);
background-color: var(--v2_background);
}
.banner-info-download-button.dark-mode {
border: 4px solid var(--navigation-background-color\);
border-radius: 12px;
height: 52px;
}
.banner-info-download-button.dark-mode:hover {
background-color: #16161a;
border-style: solid;
border-width: 4px;
}
.text-span-10 {
padding-bottom: 8px;
display: block;
}
.works-space {
margin-bottom: 5rem;
}
.all-creative-div {
min-width: 1200px;
}
.link-block-18, .link-block-18.w--current {
right: -5%;
}
.link-block-18.lollipop {
right: -5.5%;
}
.scroll-animation-js {
display: flex;
}
.footer-section {
width: 100%;
}
.footer-section.tw-layout, .footer-section.en-layout {
width: auto;
}
.footer {
background-color: var(--v2_background);
}
.fotter-bottom {
background-color: var(--v2_card-background);
}
.heading-37 {
color: var(--text-coloe\);
}
.text-block-30.about {
color: var(--v2_headline);
}
.text-span-18 {
font-size: 20px;
}
.asus-new-year-line-banner {
background-position: 50%;
height: 240px;
}
.grid-78 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.image-131 {
margin-top: -51px;
}
.scroll-top {
bottom: 2%;
}
.scroll-top.w--current {
bottom: 2%;
right: 2%;
}
.home_myfeatures {
height: 100%;
margin-bottom: 68px;
}
.myfeatures_item-1 {
justify-content: flex-start;
align-items: center;
}
.diamond {
border-radius: 12px;
justify-content: center;
align-self: auto;
align-items: center;
height: 100%;
min-height: 100%;
display: flex;
}
.diamond.alighn-top.more-top-spacing {
padding-top: 9px;
}
.heading-small.text-color-white, .text-size-regular.text-color-white {
color: var(--v2_headline);
}
.text-size-regular.chinese.text-align-center.text-color-special.text-weight-medium, .text-size-small.text-color-white, .text-size-small.text-color-white.english {
color: var(--v2_paragraph);
}
.text-size-medium.chinese.margin-top {
font-family: var(--chinese);
color: var(--v2_headline);
margin-bottom: .75rem;
}
.text-size-medium.text-color-secondary.text-weight-medium.margin-bottom {
margin-bottom: 2rem;
}
.heading-2_guide.mobile-heading {
font-size: 2rem;
}
.heading-3_guide.text-weight-bold {
font-family: var(--chinese);
color: var(--v2_headline);
}
.heading-3_guide.text-weight-bold.max-width-full.margin-bottom {
font-family: var(--english);
color: var(--v2_headline);
}
.heading-3_guide.text-weight-bold.chinese {
font-family: var(--chinese);
color: var(--v2_headline);
margin-bottom: 1rem;
}
.heading-3_guide.text-weight-bold.chinese.margin-bottom {
font-family: var(--chinese);
color: var(--v2_headline);
}
.home-guide-button {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.aboutme-line {
background-color: var(--stroke);
}
.wg-element.sw2 {
right: 3%;
}
.wg-dd-2-togle {
width: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.wg-dd-2-list {
display: none;
left: -24%;
}
.banner-image {
height: 30rem;
}
.ltdesktop-banner-card {
margin-left: 0;
margin-right: 0;
box-shadow: 0 3px 20px -8px #16161a66;
}
.ltdesktop-container-1 {
padding-top: 10rem;
}
.card-item {
border-color: var(--v2_paragraph);
}
.line-1px.margin-top {
background-color: var(--v2_paragraph);
}
.heading-style-h5.chinese.text-size.bottom-margin {
width: 100%;
}
.text-size-medium-2.text-color-primary.text-nav-fillcontainer.text-rotate {
vertical-align: text-bottom;
align-self: auto;
width: auto;
min-width: auto;
height: auto;
transform: none;
}
.nav-progress-indicator {
z-index: 50;
border-style: solid;
}
.home_info_container {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.home_circle {
background-color: var(--navigation-background-color\);
border-radius: 12px;
width: 8px;
height: 8px;
padding-bottom: 0;
padding-right: 0;
}
.background-video-2 {
vertical-align: middle;
height: 520px;
display: block;
}
.home-button-aboutme {
border: 2px solid var(--navigation-backgrounders-2\);
text-align: left;
border-radius: 12px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
transition: border-color .4s cubic-bezier(.25, .46, .45, .94), background-color .4s cubic-bezier(.25, .46, .45, .94);
display: flex;
}
.home-button-aboutme:hover {
border-color: var(--v2_button);
background-color: var(--v2_button);
}
.nav-menu {
left: 85px;
}
.nav-menu-overlay {
display: none;
}
.nav-logoname {
height: 100%;
}
.linetv-section.top-padding {
padding-top: 11rem;
}
.linetv-banner-card {
margin-left: 4rem;
margin-right: 4rem;
box-shadow: 0 3px 20px -8px #16161a66;
}
.project-bento-container {
padding-left: 4rem;
padding-right: 4rem;
}
.text-container.item-spacing.fill-layout {
width: 100%;
}
.project-phase-container, .project-currentproblem {
padding-left: 4rem;
padding-right: 4rem;
}
.first {
justify-content: center;
align-items: flex-start;
}
.description-container._720px-width, .description-container--fill._720px-width {
width: 720px;
}
.entrypoint-image.row-2.content-align-top {
margin-top: 0;
position: absolute;
inset: 184% auto 0%;
}
.lightbox-link-8.content-align-top.fill-layout {
width: 100%;
}
.letstalk-banner-card {
margin-left: 4rem;
margin-right: 4rem;
box-shadow: 0 3px 20px -8px #16161a66;
}
.forst-title-container {
justify-content: center;
align-items: flex-start;
}
.forst-title-container.cancel-margin {
width: 100%;
}
.linetv-gba-card {
margin-left: 4rem;
margin-right: 4rem;
box-shadow: 0 3px 20px -8px #16161a66;
}
.video-lightbox {
height: 36rem;
}
}
@media screen and (min-width: 1920px) {
.page-content {
flex: 0 auto;
overflow: visible;
}
.center-part.w--current {
width: auto;
}
.works-space {
justify-content: center;
align-items: center;
}
.link-block-18.w--current {
right: -3%;
}
.breadcrumb-divider {
border-radius: 4px;
}
.diamond.alighn-top.more-top-spacing {
padding-top: 12px;
}
.text-size-small.text-color-white, .text-size-small.text-color-white.english {
color: var(--v2_paragraph);
}
.heading-medium.chinese {
font-size: 1.625rem;
}
.aboutme-line {
background-color: var(--stroke);
}
.banner-image {
height: 34rem;
}
.linetv-information {
justify-content: center;
align-items: flex-start;
}
.linetv-information.text-align-left {
justify-content: flex-start;
align-items: flex-start;
}
.ltdesktop-container-1 {
padding-top: 10rem;
}
.text-size-regular-2.text-color-secondary.english {
font-size: .75rem;
}
.text-size-regular-2.text-color-secondary.chinese {
font-size: 1rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny {
line-height: 1.5;
}
.heading-style-h5.chinese.text-size.bottom-margin {
width: 100%;
}
.heading-style-h5.chinese.text-size.bottom-margin.padding {
padding-left: 308px;
padding-right: 308px;
}
.home-button-aboutme, .home-button-aboutme:hover {
border-color: var(--v2_button);
}
.navbar {
position: fixed;
inset: 0% auto 0% 0%;
}
.nav-menu-overlay {
z-index: 0;
display: none;
left: 90px;
}
.text-size-label, .text-size-label.textchinese {
font-size: .75rem;
}
.linetv-section.top-padding {
padding-top: 11rem;
padding-left: 4rem;
padding-right: 4rem;
}
.linetv-banner-card {
margin-left: 4rem;
margin-right: 4rem;
padding: 2rem;
inset: auto 0% -25%;
}
.linetv-card-information {
grid-template-columns: 1fr 1fr .5fr .5fr;
width: 100%;
}
.project-bento-container {
padding-left: 0;
padding-right: 0;
}
.bento-layout {
grid-template-rows: auto auto;
}
.text-container.item-spacing.fill-layout {
width: 100%;
}
.linetv-section-content.margin-top-xxlarge {
margin-top: 9rem;
}
.container-layout {
grid-template-columns: 1fr 1fr 1fr;
}
.title-container.margin-bottom {
margin-bottom: 1.5rem;
}
.description-container._720px-width, .description-container--fill._720px-width {
width: 720px;
}
.entrypoint-image {
max-width: 180%;
}
.entrypoint-image.row-2.content-align-top {
max-width: 80%;
margin-top: 0;
position: absolute;
inset: 211% auto 0%;
}
.entrypoint-image.row-2.scale-size {
max-width: 140%;
}
.lightbox-link-8.content-align-top.fill-layout {
width: 100%;
}
.entrypoint-image--2 {
max-width: 60%;
}
.entrypoint-image--2.image-max {
max-width: 70%;
}
.letstalk-banner-card {
width: auto;
margin-bottom: -7rem;
margin-left: 4rem;
margin-right: 4rem;
padding: 2rem;
inset: auto 0% -25%;
}
.letstalk-card-information {
grid-template-columns: 1fr 1fr .5fr .5fr;
width: 100%;
}
.forst-title-container {
width: 720px;
}
.forst-title-container.cancel-margin {
width: 1320px;
margin-bottom: 0;
}
.breadcrumb-divider-2 {
border-radius: 4px;
}
.linetv-gba-card {
margin-left: 4rem;
margin-right: 4rem;
padding: 2rem;
inset: auto 0%;
box-shadow: 0 3px 8px -8px #16161a99;
}
.linetv-gba-cardinformation {
grid-column-gap: 8.125rem;
grid-template-columns: auto 1fr;
width: 100%;
}
.video-lightbox {
height: 36rem;
}
}
@media screen and (max-width: 991px) {
.banner {
padding: 9.625rem 0 4rem;
}
.banner.about-me {
padding-top: 9.625rem;
padding-bottom: 3.25rem;
}
.grid-7 {
grid-column-gap: 20px;
place-content: center;
margin-left: 10px;
margin-right: 10px;
}
.web-preview {
background-color: #0000;
}
.web-gif {
box-shadow: 2px 2px 6px -2px var(--shadow\);
align-self: flex-start;
}
.find-search {
margin-left: 0;
}
.grid-13 {
grid-row-gap: 12px;
grid-template: "icon1"
"text1"
"." 20px
"icon2"
"text2"
"." 20px
"icon3"
"text3"
/ 1fr;
margin-left: 45px;
margin-right: 45px;
padding: 0;
}
.div-block-32 {
height: auto;
margin-top: 322px;
inset: 0% 0% auto;
}
.icon1 {
padding-left: 2px;
padding-right: 2px;
}
.section-17, .div-block-36 {
display: none;
}
.webpreview-text {
z-index: 0;
align-items: center;
inset: auto -5% -10% auto;
}
.paragraph-21 {
font-family: Helveticanowmicro;
font-size: 18px;
font-weight: 500;
}
.grid-21 {
grid-template: "image"
"text"
/ 1fr;
}
.grid-23 {
grid-template-columns: .25fr .75fr;
}
.cube-gif {
height: 20%;
margin-left: 0;
}
.grid-25 {
grid-row-gap: 4px;
grid-template: "image"
"right-text"
/ 1fr;
}
.grid-26 {
grid-template-rows: 200px auto;
}
.paragraph-36 {
padding-top: 10px;
padding-bottom: 10px;
}
.branding-color {
margin-bottom: 40px;
}
.grid-27 {
grid-column-gap: 150px;
}
.bold-text-8 {
font-size: 11px;
}
.bold-text-9 {
font-size: 20px;
}
.grid-30 {
grid-column-gap: 0px;
grid-template: "product-image"
"text"
/ 1fr;
justify-items: center;
}
.paragraph-37 {
padding-left: 15px;
padding-right: 15px;
font-size: 13px;
}
.grid-31 {
grid-column-gap: 50px;
padding-left: 20px;
padding-right: 20px;
}
.paragraph-38 {
padding-left: 0;
padding-right: 0;
}
.grid-34 {
padding-left: 15px;
padding-right: 15px;
}
.paragraph-41 {
padding-left: 20px;
padding-right: 20px;
}
.grid-35 {
grid-column-gap: 50px;
}
.titile-1 {
font-size: 20px;
}
.left-bg2, .right-bg1 {
background-color: #f5f5f5;
}
.buying-branding-induce {
margin-top: 100px;
}
.grid-37 {
grid-column-gap: 10px;
grid-template-columns: .8fr .8fr;
}
.paragraph-44 {
padding-left: 40px;
padding-right: 40px;
}
.grid-39 {
grid-template: "logo"
"text"
/ 1fr;
}
.grid-40 {
justify-items: center;
}
.paragraph-46 {
padding-left: 30px;
padding-right: 30px;
}
.yuying-graphics-layout {
margin-top: 20px;
}
.grid-43 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.paragraph-47, .paragraph-48 {
padding-left: 15px;
padding-right: 15px;
}
.grid-45 {
grid-template: "logo"
"text"
/ .8fr;
justify-content: center;
place-items: stretch stretch;
}
.regress-apply-layout {
padding-left: 0;
padding-right: 0;
}
.grid-47 {
grid-column-gap: 0px;
}
.image-42, .image-43 {
max-width: 80%;
}
.image-45 {
max-width: 100%;
padding-top: 0;
}
.image-46 {
padding-bottom: 0;
}
.icon-copy {
flex-direction: row;
height: auto;
position: static;
inset: 2% 5% auto auto;
}
.image-83 {
max-width: 30%;
}
.page-content {
width: 100%;
margin-left: auto;
padding-left: 0;
}
.navigation {
z-index: 10;
width: 70px;
}
.top-part {
padding-top: 5px;
padding-bottom: 5px;
}
.body-4 {
flex-flow: column;
}
.center-part {
place-content: stretch center;
align-items: center;
width: auto;
height: 100%;
min-height: auto;
padding-top: 0;
padding-bottom: 0;
}
.center-part.w--current {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-items: center;
width: auto;
height: 100%;
min-height: 0;
margin-top: 0;
padding: 0 0 0;
display: block;
}
.last-part {
height: 100%;
}
.social-wrapper-nav {
display: none;
}
.navigation-menu {
z-index: 9;
padding-left: 70px;
}
.banner-grid {
grid-column-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.banner-visual-image {
display: none;
}
.heading-33 {
font-size: 40px;
}
.banner-info-title {
margin-bottom: 10px;
}
.banner-info-name-title {
font-size: 46px;
}
.banner-info-download-button {
width: auto;
height: 50px;
}
.container-18 {
padding-left: 2rem;
padding-right: 2rem;
}
.me-layout {
grid-column-gap: 80px;
}
.text-span-11 {
font-size: 14px;
}
.works-space {
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
display: block;
}
.all-creative-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-width: auto;
display: block;
}
.creative-works-title {
font-size: 38px;
}
.paragraph-68 {
font-size: 14px;
}
.container-22 {
padding-left: 20px;
padding-right: 20px;
}
.link-block-18 {
right: -11%;
}
.link-block-18.w--current {
z-index: 10;
}
.link-block-18.lollipop {
right: -10.8%;
}
.scroll-animation-js {
display: flex;
}
.grid-74 {
grid-column-gap: 70px;
}
.skill-block {
width: 136px;
height: 136px;
padding-top: 16px;
}
.wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.wrapper.work-layout {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.main-grid {
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.into-left {
position: static;
}
.image-98 {
max-width: 39%;
}
.form-block-2 {
padding-left: 36px;
padding-right: 36px;
}
.form-2 {
padding-left: 20px;
padding-right: 20px;
}
.footer-section, .footer-section.tw-layout, .footer-section.en-layout {
margin-left: 0;
}
.footer {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.hover-line {
display: block;
}
.footer-contact-item {
margin-top: 12px;
margin-bottom: 10px;
}
.fotter-bottom {
background-color: var(--v2_card-background);
}
.bold-text-19 {
font-size: 16px;
}
.image-101 {
max-width: 54%;
}
.image-102 {
max-width: 57%;
}
.image-103 {
max-width: 70%;
}
.image-104 {
max-width: 45%;
}
.image-105 {
max-width: 38%;
}
.heading-37.hunter {
line-height: 54px;
}
.container {
padding-left: 12px;
padding-right: 12px;
}
.container.action-beach {
padding-left: 0;
padding-right: 0;
}
.bg-image.rounded-corners.custom-size {
width: 50%;
height: 50%;
}
.body-5 {
background-color: #f5f5f5;
}
.image-108 {
max-width: 140%;
position: static;
inset: 0% auto auto;
}
.div-block-48 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
place-content: stretch;
justify-items: stretch;
width: 100%;
max-width: 1200px;
display: flex;
overflow: hidden;
}
.left-block-contact {
border-right-style: none;
}
.form-block-contact-page, .form-contact-page {
padding-left: 0;
padding-right: 0;
}
.section-36 {
padding-left: 20px;
padding-right: 20px;
}
.right-block-contact-page {
flex-wrap: nowrap;
align-items: flex-start;
padding-left: 0%;
}
.div-block-49 {
display: none;
}
.heading-43.dark-title {
margin-top: 10px;
}
.image-110 {
max-width: 100%;
}
.section-37 {
padding-top: 40px;
}
.work-into {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
padding-bottom: 0;
display: grid;
}
.work-into.other-layout {
grid-column-gap: 0px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto;
}
.work-into.lollipop-project {
padding-top: 20px;
padding-bottom: 20px;
}
.work-decription {
width: 100%;
padding-right: 0%;
}
.work-decription.other-layout {
padding-bottom: 16px;
}
.work-blocks.other-layout {
justify-content: space-around;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.grid-76 {
grid-row-gap: 40px;
grid-template-rows: 40% 40%;
padding-bottom: 0;
overflow: visible;
}
.image-111 {
max-width: 60%;
}
.image-112 {
max-width: 80%;
}
.image-113 {
max-width: 50%;
}
.image-114 {
max-width: 60%;
}
.image-115 {
max-width: 80%;
}
.work-nav-link {
padding-left: 0;
padding-right: 0;
}
.work-nav-preview {
width: 88px;
height: 88px;
}
.work-nav-info {
padding-left: 14px;
padding-right: 0;
}
.work-nav-info.right-layout {
padding-left: 0;
padding-right: 14px;
}
.heading-45 {
font-size: 16px;
}
.heading-45.english-text {
text-align: right;
font-size: 15px;
}
.bold-text-21 {
font-size: 15px;
}
.asus-new-year-key-visual {
padding-top: 40px;
}
.image-124 {
max-width: 30%;
}
._50 {
width: 60%;
}
.lollipop-sleep-tracking-video.sleep-tracking-line.no-scale {
flex-direction: row;
}
.background-video {
height: 500px;
}
.lollipop-ui-key-visual {
height: 400px;
}
.image-131 {
margin-top: -19px;
}
.text-block-40 {
font-size: 10px;
}
.link-block-21 {
font-family: Helveticanowmicro;
}
.lottie-animation {
max-width: 70%;
}
.home_myfeatures {
margin-bottom: 8rem;
padding-left: 0;
}
.padding-xlarge {
padding: 3rem;
}
.margin-xlarge {
margin: 3rem;
}
.padding-xhuge {
padding: 6rem;
}
.hide-tablet {
display: none;
}
.heading-small.text-color-white {
color: var(--background-2);
}
.padding-xxhuge {
padding: 8rem;
}
.padding-huge {
padding: 5rem;
}
.margin-large {
margin: 2.5rem;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-large {
padding: 2.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.text-size-tiny {
color: #e4d4ba;
}
.text-size-tiny.padding-left {
padding-right: 1.5rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.text-size-regular {
font-family: var(--chinese);
color: var(--v2_paragraph);
font-weight: 400;
}
.text-size-regular.max-width-medium.aboutme-table-custom {
max-width: 100%;
}
.text-size-regular.max-width-medium.aboutme-table-custom.chinese {
color: var(--v2_paragraph);
}
.text-size-regular.text-weight-bold {
font-weight: 700;
}
.text-size-regular.text-weight-bold:hover {
color: var(--tomato\);
}
.text-size-regular.text-color-grey.text-weight-bold.text-align-center.no-hover:hover {
color: var(--small-text\);
}
.text-size-regular.text-weight-normal-2 {
color: var(--v2_paragraph);
}
.margin-huge {
margin: 5rem;
}
.padding-medium {
padding: 1.5rem;
}
.margin-xxlarge {
margin: 4rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.margin-xhuge {
margin: 6rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-medium {
margin: 1.5rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-xxhuge {
margin: 8rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.text-size-medium.text-color-secondary.text-weight-medium.margin-bottom {
margin-bottom: 2rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.heading-medium.work-7--text-custom {
font-size: 2rem;
}
.heading-4_guide.text-coloe-white.text-weight-bold {
color: var(--v2_paragraph);
font-weight: 400;
}
.heading-4_guide.text-coloe-white.text-weight-light {
font-weight: 400;
}
.heading-4_guide.text-color-black.text-align-left {
text-align: right;
}
.works-title-frame {
justify-content: flex-start;
}
._2022-newworks-frame {
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.work1-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: auto;
padding-right: 24px;
display: grid;
}
.links-to-works {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-radius: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
}
.linkworks-classframe {
justify-content: flex-start;
height: auto;
}
.work-1---herocover {
display: none;
}
.nav-language-change {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
display: flex;
}
.nav-lanuage-en {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.nav-lanuage-ch {
display: flex;
}
.nav-lanuage-ch.w--current {
grid-column-gap: .75px;
grid-row-gap: .75px;
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.nav-divider {
background-color: var(--v2_paragraph);
height: 12px;
}
.work-2-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.work-2---herocover.mobile-custom-radius {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.work-3-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.work-4-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.work-4---herocover.mobile-custom-radius {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.work-5-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.work-6-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.work-6---herocover {
background-size: cover;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.work-8-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.work-3---herocover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629da95d8192daef54853181_Letstalk%20Marketing.png");
background-position: 50%;
background-size: cover;
}
.works-5---herocover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629db517f665fda768f9d758_Book%20Note.png");
background-position: 50%;
background-size: cover;
}
.work-8---herocover {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/629dc6fa39b6d13e8dc44c82_Illustration.png");
background-position: 50%;
background-size: cover;
}
.links-to-works-2 {
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 100%;
}
.aboutme-container-specialized-tools {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
align-items: stretch;
padding-left: 20px;
padding-right: 20px;
}
.aboutme-specialized-text {
width: 100%;
}
.aboutme-container-softwares {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.aboutme-container-ability {
flex-direction: row;
}
.wg-element {
width: 26%;
}
.wg-selector-3-line {
width: 3rem;
height: 2px;
}
.wg-dd-2-togle {
transition: color .4s cubic-bezier(.19, 1, .22, 1);
}
.wg-dd-2-togle:hover {
background-color: var(--tomato\);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.aboutme-tools-group {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.work-7-frrame-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.link-cloudfile-div {
background-size: cover;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-image {
background-position: 50% 66%;
background-size: 900px;
background-attachment: scroll;
}
.ltdesktop-banner-card {
flex-direction: column;
align-items: stretch;
height: 320px;
margin-left: 36px;
margin-right: 36px;
top: -179px;
}
.ltdesktop-card-information {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
}
.linetv-information {
justify-content: flex-start;
align-items: flex-start;
}
.ltdesktop-container-1 {
padding-top: 12rem;
}
.information-item1 {
flex-direction: column;
}
.item-1---photo {
background-position: 50% 70%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 100%;
height: 340px;
}
.item-1---photo.mobile-margin-bottom {
margin-bottom: 1rem;
}
.list.margin-top.padding-horizontal {
padding-left: 1rem;
padding-right: 1rem;
}
.process-cards {
flex-direction: column;
align-items: center;
}
.card-item {
justify-content: space-between;
width: 80%;
height: auto;
}
.lightbox-link {
justify-content: center;
align-items: center;
display: flex;
}
.image-134, .image-135, .image-136 {
max-width: 100%;
}
.ltdesktop-gif {
width: 100%;
height: auto;
}
.prototype-searchchat {
margin-top: 0;
}
.kanban-searchmenu-heroimage {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62bb1105cce0d7f75588c837_Kanban-search%20menu.png");
background-position: 85%;
background-repeat: no-repeat;
background-size: cover;
width: 90%;
}
.asuscloud-home-images {
background-size: cover;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.asuscloud-link-filecloud {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.link-asusnewyear-div {
background-size: cover;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.asuscloud-link-newyear2020 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: stretch;
height: auto;
padding-right: 24px;
display: grid;
}
.banner-mobile-cover {
background-position: 50% 66%;
background-size: 900px;
background-attachment: scroll;
}
.letstalk-desktop-section-1 {
width: 100%;
height: 280px;
}
.letstalk-desktop-section-1.mobile-margin-bottom {
margin-bottom: 1rem;
}
.letstalk-mobile-section1 {
object-fit: cover;
object-position: 50% 63%;
height: 100%;
}
.lt-mobile-lightbox, .lt-mobile-lightbox-3 {
justify-content: center;
align-items: center;
display: flex;
}
.ltmobile-new-postlist.margin-top {
margin-top: 1rem;
}
.image-139 {
width: 80%;
}
.link-previous-letstalk-desktop, .next-letstalk-marketing-link {
padding-left: 0;
padding-right: 0;
}
.letstalk-marketing-section {
padding-top: 191px;
}
.letstalk-festival-image.margin-bottom {
grid-row-gap: 12px;
flex-direction: row;
}
.link-letstalk-desktop, .previous-link-asuscloud-newyear, .link-lollipop-app, .link-illustrator-like, .next-lollipop-app-link, .link-previous-letstalk-mobile {
padding-left: 0;
padding-right: 0;
}
.banner-letstalk-marketing-cover {
background-position: 50% 66%;
background-size: 900px;
background-attachment: scroll;
}
.next-letstalk-mobile-link {
justify-content: flex-end;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.spacer-xxhuge {
padding-top: 8rem;
}
.spacer-xhuge {
padding-top: 6rem;
}
.fs-styleguide_heading-header {
font-size: 4rem;
}
.fs-styleguide_section-2 {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.spacer-medium {
padding-top: 1.5rem;
}
.text-size-regular-2.text-color-black {
text-decoration: none;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.read-width {
width: 100%;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.read-width.bottom-margin {
width: 100%;
padding-left: 1.75rem;
padding-right: 1.5rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width {
width: 100%;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width.bottom-margin {
width: 100%;
padding-left: 1.75rem;
padding-right: 1.5rem;
}
.spacer-xxlarge {
padding-top: 4rem;
}
.spacer-huge {
padding-top: 5rem;
}
.spacer-xlarge {
padding-top: 3rem;
}
.fs-styleguide_2-col-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.nav_button {
color: #fff;
}
.fs-styleguide_4-col {
grid-template-columns: 1fr;
}
.heading-style-h5.chinese.text-size.bottom-margin.padding {
padding-left: 0;
padding-right: 0;
}
.fs-styleguide_3-col-2 {
grid-template-columns: 1fr;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-size-medium-2.text-color-primary.text-nav-fillcontainer.text-rotate {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
height: 24px;
display: inline-flex;
transform: none;
}
.spacer-large {
padding-top: 2.5rem;
}
.fs-styleguide_1-col-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.nav-progress-indicator {
display: none;
}
.home_info_container {
margin-bottom: 1rem;
}
.home-button-aboutme {
text-decoration: none;
}
.text-chinese {
letter-spacing: 1px;
}
.nav-avatar {
transform: none;
}
.navbar {
width: 100%;
height: 90px;
position: fixed;
inset: 0% auto auto;
}
.navbar-base {
border-bottom: 1px solid #000;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.nav-dropdown {
order: 1;
}
.dropdown-list {
display: none;
}
.nav-menu {
margin-top: 90px;
display: inline-block;
bottom: auto;
left: 0;
right: 0;
}
.nav-menu-inside {
width: 100%;
}
.nav-menu-overlay {
display: none;
top: 90px;
left: 0;
}
.nav-logoname {
display: none;
transform: none;
}
.image-146 {
display: inline-block;
}
.image-147 {
display: none;
}
.work1-linetv-payment {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: auto;
min-height: 532px;
max-height: none;
padding-right: 1.5rem;
display: flex;
}
.work1-lottiebackground {
z-index: -1;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: space-between;
align-items: stretch;
width: auto;
height: auto;
display: block;
position: absolute;
}
.work2-linetv-gba-commercial {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
flex-flow: column;
grid-template: "." 1fr
"." .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: auto;
min-height: 532px;
max-height: none;
padding-right: 24px;
display: flex;
}
.work3-letstalk-desktop {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66432d6e7809a4b41ebfa90f_Letstalk%20Desktop.png");
background-size: cover;
flex-flow: column;
grid-template: "." 1fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: auto;
min-height: 532px;
max-height: none;
padding-right: 24px;
display: flex;
}
.work4-letstalk-mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66434b3571395f8960878b00_Letstalk%20Mobile.png");
background-position: 90%;
background-size: cover;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: auto;
min-height: 532px;
max-height: none;
padding-right: 24px;
display: flex;
}
.work5-letstalk-brading {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66434f61528082fb6c9bba41_Letstalk%20Marketing.png");
background-size: cover;
flex-flow: column;
grid-template: "image" 1fr
"information" .25fr
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: auto;
min-height: 532px;
max-height: none;
padding-right: 24px;
display: flex;
}
.image-148 {
padding-right: .75rem;
}
.work1-linetv-background {
display: none;
}
.linetv-section.top-padding {
height: auto;
padding-top: 20rem;
}
.linetv-banner-card {
flex-direction: column;
align-items: stretch;
height: auto;
margin-left: 2rem;
margin-right: 2rem;
bottom: -64%;
box-shadow: 0 0 12px 1px #16161ab3;
}
.linetv-card-information {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.bento-layout {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
place-items: start;
}
.bento-1 {
flex-flow: column;
align-items: flex-start;
height: 100%;
}
.bento-1.ipad-size {
flex-flow: column-reverse;
justify-content: flex-end;
align-items: flex-start;
height: auto;
}
.text-container.item-spacing.fill-layout {
width: 100%;
}
.linetv-section-content.margin-bottom-tiny {
margin-bottom: 1.25rem;
}
.linetv-section-content.margin-top-xxlarge {
margin-top: 9rem;
}
.content-align-center {
width: 100%;
}
.content-align-center.padding-horizontal {
padding-left: 2rem;
padding-right: 2rem;
}
.container-layout {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.box {
flex-flow: column;
align-items: flex-start;
height: 100%;
}
.first {
flex-flow: column;
justify-content: center;
align-items: center;
}
.description-container {
width: 100%;
}
.fix-bottom-box {
flex-flow: column;
align-items: flex-start;
height: 100%;
}
.fix-bottom-box.ipad-size {
flex-flow: column-reverse;
justify-content: flex-end;
align-items: flex-start;
height: auto;
}
.box-design-2 {
flex-flow: column;
align-items: flex-start;
height: 100%;
}
.box-design-2.ipad-size {
flex-flow: column-reverse;
justify-content: flex-end;
align-items: flex-start;
height: auto;
}
.box-design-2.ipad-height {
background-position: 50% 10%;
background-size: 700px;
padding-top: 14rem;
}
.box-design-2.ipad-height.nobackground {
background-image: none;
}
.background-container {
flex-flow: column;
align-items: flex-start;
height: 100%;
}
.background-container.ipad-size {
flex-flow: column-reverse;
justify-content: flex-end;
align-items: flex-start;
height: auto;
}
.background-container.ipad-heigh {
background-position: 50% 20%;
background-size: 700px;
padding-top: 14rem;
}
.background-video-4 {
top: 0%;
}
.description-container--fill {
width: 100%;
}
.content-container {
flex-flow: column;
}
.flex-center.margin-top.padding-custom-horizontal {
padding-left: 2rem;
padding-right: 2rem;
}
.background-video-5 {
width: 100%;
height: 400px;
}
.bg-video-header {
height: 500px;
}
.image-grid-container {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
}
.entrypoint-image {
max-width: 130%;
}
.entrypoint-image.row-2 {
max-width: 100%;
}
.entrypoint-image.row-2.content-align-top {
max-width: 50%;
margin-top: 0;
margin-bottom: 0;
position: absolute;
top: 0;
bottom: -170%;
}
.entrypoint-image.row-2.scale-size {
max-width: 130%;
margin-left: -122px;
}
.entrypoint-container {
height: 300px;
}
.lightbox-link-8.content-align-top.fill-layout {
width: 100%;
}
.entrypoint-image--2 {
max-width: 34%;
}
.letstalk-banner-card {
flex-direction: column;
align-items: stretch;
height: auto;
margin-bottom: -10rem;
margin-left: 2rem;
margin-right: 2rem;
bottom: -64%;
box-shadow: 0 0 12px 1px #16161ab3;
}
.letstalk-card-information {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.forst-title-container {
flex-flow: column;
justify-content: center;
align-items: center;
}
.text-size-tiny-3 {
color: #e4d4ba;
}
.linetv-gba-card {
flex-direction: column;
align-items: stretch;
height: auto;
margin-left: 2rem;
margin-right: 2rem;
bottom: auto;
box-shadow: 0 0 12px 1px #16161ab3;
}
.center-card {
margin-left: 2rem;
margin-right: 2rem;
padding-left: 0;
padding-right: 0;
}
.linetv-gba-cardinformation {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.video-lightbox {
height: 26rem;
}
}
@media screen and (max-width: 767px) {
.social-icon {
justify-content: flex-start;
align-self: flex-start;
margin-top: 10px;
padding-top: 9px;
padding-bottom: 9px;
}
.banner {
margin-top: 0;
padding-top: 8.625rem;
padding-bottom: 2rem;
}
.banner.about-me.yuying {
display: flex;
}
.banner.about-me {
padding-top: 8.625rem;
}
.grid-7 {
grid-template-columns: 1.5fr 2fr;
margin-right: 0;
overflow: hidden;
}
.file-image {
overflow: hidden;
}
.web-preview {
margin-bottom: 20px;
}
.web-gif {
flex: 1;
}
.grid-8 {
grid-column-gap: 10px;
grid-row-gap: 5px;
grid-template: "Area-2"
"Area"
/ 1fr;
grid-auto-flow: row;
}
.find-search {
margin-left: -33px;
}
.grid-13 {
grid-column-gap: 40px;
}
.div-block-32 {
margin-top: 388px;
}
.icon1 {
padding-left: 3px;
padding-right: 3px;
}
.paragraph-20 {
color: var(--navigation-backgrounders-2\);
}
.div-block-34 {
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.section-17 {
justify-content: center;
align-items: center;
display: flex;
overflow: visible;
}
.div-block-36 {
justify-content: center;
align-items: center;
padding-right: 10px;
display: flex;
position: static;
}
.webpreview-text {
z-index: 0;
display: none;
inset: auto -10% -3% auto;
}
.paragraph-21 {
padding-left: 0;
padding-right: 0;
}
.banner-logo {
margin-top: 100px;
}
.cloud-1 {
bottom: 97px;
left: 8px;
}
.cloud-2 {
bottom: 37px;
right: 0;
}
.grid-21 {
grid-template: "image"
"text"
/ 1fr;
}
.paragraph-29, .paragraph-32, .paragraph-34 {
padding-left: 6px;
padding-right: 6px;
}
.cube-gif {
margin-left: 0;
}
.heading-24 {
line-height: 14px;
}
.three-image {
margin-left: 10px;
margin-right: 10px;
}
.grid-24 {
grid-column-gap: 10px;
}
.paragraph-36 {
padding-left: 25px;
padding-right: 25px;
}
.grid-27 {
grid-column-gap: 20px;
}
.bold-text-8 {
line-height: 4px;
}
.grid-30 {
grid-template: "product-image"
"text"
/ 1fr;
}
.div-block-40 {
height: 60px;
}
.grid-35 {
grid-column-gap: 20px;
}
.titile-1 {
margin-top: 0;
font-size: 18px;
}
.image-31 {
max-width: 60%;
}
.image-32, .image-33 {
max-width: 80%;
}
.yuying-banner {
height: 500px;
margin-top: 0;
}
.left-bg2 {
border-radius: 200px;
width: 500px;
height: 500px;
}
.right-bg1 {
border-radius: 200px;
width: 500px;
height: 500px;
inset: 0% 0% auto auto;
}
.bamboo-element {
justify-content: flex-end;
align-items: center;
display: flex;
}
.banner-small-text {
top: 16%;
}
.yuying-banner-save {
top: 10%;
}
.grid-39 {
grid-template: "logo"
"text"
/ 1fr;
}
.paragraph-46 {
padding-left: 20px;
padding-right: 20px;
}
.grid-43 {
grid-template: "image"
"text"
"image2"
"text2"
/ 1fr;
}
.grid-45 {
grid-template: "logo"
"text"
/ 1fr;
}
.paragraph-49 {
padding-left: 0;
padding-right: 20px;
}
.grid-47 {
grid-row-gap: 2px;
grid-template: "image2"
"image"
/ 1fr;
}
.image-37 {
max-width: 70%;
}
.image-38 {
max-width: 60%;
}
.image-39 {
max-width: 70%;
}
.image-40, .image-41 {
max-width: 60%;
}
.image-45, .image-46 {
max-width: 100%;
}
.image-47 {
max-width: 30%;
}
.image-48 {
max-width: 70%;
}
.image-49 {
max-width: 100%;
}
.icon-copy {
height: auto;
}
.bount-hunter-title {
margin-bottom: 0;
}
.image-84 {
max-width: 40%;
}
.page-content {
margin-left: auto;
padding-left: 0;
}
.navigation-wrapper {
z-index: 20;
}
.navigation {
border-style: none;
flex-direction: row;
justify-content: flex-start;
width: 100%;
height: auto;
padding: 0% 5% 0% 0%;
inset: 0% 0% auto;
}
.top-part {
width: auto;
padding: 2%;
}
.center-part {
order: 0;
align-self: auto;
height: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
display: flex;
overflow: hidden;
}
.center-part.w--current {
order: 0;
margin-left: 0;
padding-top: 0;
transform: none;
}
.link-block-15 {
justify-content: center;
align-items: center;
display: flex;
}
.link-block-15.w--current {
padding-bottom: 0;
overflow: hidden;
}
.last-part {
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
align-items: stretch;
display: flex;
}
.navigation-menu {
flex-wrap: nowrap;
justify-content: center;
width: auto;
padding-top: 140px;
padding-left: 0;
display: inline-flex;
}
.menu-weapper {
margin-left: 0;
padding-top: 0%;
padding-bottom: 0%;
}
.banner-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.image-89 {
max-width: 24%;
display: inline-block;
overflow: visible;
}
.banner-info-download-button {
height: auto;
}
.me-layout {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.me-photographics {
justify-content: center;
}
.works-space {
margin-bottom: 4rem;
}
.link-block-18 {
display: none;
}
.grid-74 {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.skill-block {
width: 120px;
height: 120px;
padding-top: 10px;
}
.skill-progress-rate, .skill-progress-rate-ae, .skill-progress-rate-sketch, .skill-progress-rate-web {
height: 26px;
}
.wrapper {
padding-left: 2rem;
padding-right: 2rem;
}
.wrapper.cancel-padding {
padding-left: 0;
padding-right: 0;
}
.main-grid {
grid-column-gap: 16px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.main-grid.lollipop {
grid-row-gap: 30px;
}
.heading-34 {
font-size: 34px;
}
.text-block-23 {
color: var(--text-coloe\);
}
.image-98 {
max-width: 40%;
}
.form-block-2 {
padding-left: 32px;
padding-right: 32px;
}
.form-2 {
padding-left: 0;
padding-right: 0;
}
.hover-line {
display: none;
}
.footer-contact-item {
margin-bottom: 10px;
}
.image-101 {
max-width: 60%;
}
.image-102 {
max-width: 62%;
}
.image-103 {
max-width: 76%;
}
.image-104 {
max-width: 48%;
}
.image-105 {
max-width: 40%;
}
.sub-grid {
grid-template-columns: 1.75fr;
}
.heading-37.hunter {
line-height: 54px;
}
.heading-37.yuying {
font-size: 50px;
}
.heading-37.action-beach-clean {
font-size: 42px;
}
.container.action-beach {
padding-left: 0;
padding-right: 0;
}
.bg-image.height-edit.weight-edit {
width: 50%;
}
.bg-image.rounded-corners.custom-size {
width: 100%;
height: 100%;
}
.image-107 {
padding-right: 16px;
}
.image-108 {
max-width: 110%;
}
.div-block-48 {
grid-template-rows: auto auto;
grid-template-columns: auto;
}
.left-block-contact {
border-bottom: 1px none var(--orange-nav-contact-line\);
border-right-style: none;
padding-right: 0%;
}
.form-block-contact-page, .form-contact-page {
padding-left: 0;
padding-right: 0;
}
.right-block-contact-page {
padding-left: 0%;
display: none;
}
.heading-43.action-clean-brach {
font-size: 35px;
}
.image-110.lollipop-project-key-visual {
width: 90%;
}
.section-37 {
padding-top: 40px;
}
.work-into {
grid-template-rows: auto auto;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 0;
}
.work-into.bank {
margin-bottom: 0;
}
.work-decription {
padding-right: 0%;
}
.work-decription.other-layout {
padding-bottom: 16px;
}
.work-nav {
grid-template-columns: 1fr minmax(72px, auto) 1fr;
}
.work-nav-preview {
width: 72px;
height: 72px;
}
.work-nav-hover {
display: none;
}
.heading-45 {
font-size: 14px;
line-height: 20px;
}
.heading-45.english-text {
text-align: right;
font-size: 14px;
line-height: 20px;
}
.heading-45.english-text.asus-one-page-other-page {
text-align: left;
}
.work-nav-button {
width: 72px;
height: 72px;
}
.bold-text-21 {
font-size: 14px;
line-height: 10px;
}
.project-intro-left {
position: static;
}
.image-121 {
max-width: 50%;
}
.asus-new-year-key-visual {
padding-top: 10px;
}
.section-42 {
margin-top: 0;
}
.image-124 {
max-width: 30%;
}
._50 {
width: 70%;
}
.lollipop-sleep-tracking-video.sleep-tracking-line.no-scale {
flex-direction: column;
}
.background-video {
height: 300px;
}
.lollipop-ui-key-visual {
height: 340px;
}
.column {
border: 1px solid var(--navigation-background-color\);
}
.column-2 {
border: 1px solid var(--navigation-background-color\);
margin-top: 60px;
}
.lollipop-web-title {
order: 0;
}
.lollipop-ui-andrid, .lollipop-ui-ios {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 3% 1fr 1fr;
}
.image-131 {
margin-top: -8px;
}
.lottie-animation {
max-width: 90%;
}
.padding-xlarge {
padding: 2rem;
}
.margin-xlarge {
margin: 2rem;
}
.padding-xhuge {
padding: 4rem;
}
.heading-small {
font-size: 1rem;
}
.heading-small.text-color-white {
font-family: var(--english);
color: var(--v2_paragraph);
}
.padding-xxhuge {
padding: 4.5rem;
}
.padding-huge {
padding: 3.5rem;
}
.hide-mobile-landscape {
display: none;
}
.margin-large {
margin: 1.5rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-large {
padding: 1.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.text-size-regular.text-color-black.margin-bottom-desktop {
margin-bottom: 1rem;
}
.margin-huge {
margin: 3.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.margin-xxlarge {
margin: 3rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.text-size-large {
font-size: 1.25rem;
}
.margin-xhuge {
margin: 4rem;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-medium {
margin: 1.25rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-xxhuge {
margin: 4.5rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.text-size-medium.text-color-secondary.text-weight-medium.margin-bottom {
margin-bottom: 2rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.heading-medium, .heading-medium.work-7--text-custom, .heading-medium.chinese {
font-size: 1.5rem;
}
.heading-2_guide {
font-size: 2.5rem;
}
.heading-4_guide.text-coloe-white.text-weight-light:hover {
color: #fff;
}
.home-guide-button {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.links-to-works {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-radius: 20px;
padding: 1.25rem;
}
.nav-language-change {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
display: flex;
}
.nav-lanuage-en {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.nav-lanuage-ch.w--current {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
display: flex;
}
.nav-divider {
background-color: var(--v2_paragraph);
height: 12px;
}
.work-2-frrame {
background-color: #0000;
}
.work-2---herocover.mobile-custom-radius {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.work-4-frrame {
background-color: #0000;
}
.work-4---herocover.mobile-custom-radius {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.work-6-frrame {
background-color: #0000;
}
.work-6---herocover {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.links-to-works-2 {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.container {
padding-left: 2rem;
padding-right: 2rem;
}
.aboutme-container-softwares {
flex-direction: column;
}
.wg-element {
display: none;
}
.work-7-frrame-copy {
background-color: #0000;
}
.link-cloudfile-div {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.banner-image {
background-position: 50% 67%;
background-size: 900px;
}
.ltdesktop-banner-card {
top: -165px;
}
.ltdesktop-container-1 {
padding-top: 203px;
}
.information-item1 {
flex-direction: column;
}
.item-1---photo {
background-position: 50% 53%;
width: 100%;
height: 340px;
}
.ltdesktop-container.cancel-margin-bottom {
margin-bottom: 0;
}
.process-container {
display: block;
}
.process-top-layout, .process-below-layout {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
}
.card-item {
width: 100%;
}
.image-134 {
max-width: 100%;
}
.ltdesktop-gif {
width: 100%;
height: auto;
}
.prototype-searchchat {
margin-top: 0;
}
.searchmenu-introduce.margin-top {
flex-direction: column;
}
.components-herocover {
border-radius: 12px;
}
.asuscloud-home-images {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.asuscloud-link-filecloud {
background-color: #0000;
}
.link-asusnewyear-div {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.asuscloud-link-newyear2020 {
background-color: #0000;
}
.banner-mobile-cover {
background-position: 50% 67%;
background-size: 900px;
}
.letstalk-desktop-section-1 {
background-position: 50% 53%;
width: 100%;
height: 240px;
}
.letstalk-mobile-section1 {
object-fit: cover;
}
.vote-designprocess {
border-radius: 12px;
}
.vote-designprocess.full-width {
box-shadow: 0 1px 16px #331e051a;
}
.ltmobile-layout-container {
grid-row-gap: 12px;
flex-direction: column;
}
.lottie-animation-2 {
width: 20%;
}
.letstalk-marketing-section {
padding-top: 203px;
}
.letstalk-marketing-container {
flex-direction: column;
justify-content: center;
align-items: center;
}
.letstalk-festival-image {
flex-direction: row;
width: 100%;
display: block;
}
.letstalk-festival-image.margin-bottom {
flex-direction: column;
margin-bottom: 1rem;
display: flex;
}
.banner-letstalk-marketing-cover {
background-position: 50% 67%;
background-size: 900px;
}
.heading-style-h2 {
font-size: 2rem;
}
.fs-styleguide_section-header {
font-size: .875rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.heading-style-h6 {
font-size: .75rem;
}
.spacer-xxhuge {
padding-top: 4.5rem;
}
.spacer-xhuge {
padding-top: 4rem;
}
.spacer-medium {
padding-top: 1.25rem;
}
.text-size-regular-2.text-color-secondary.english {
font-size: .875rem;
}
.text-size-regular-2.text-color-secondary.chinese {
font-size: 1rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.read-width {
width: auto;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.read-width.bottom-margin {
padding-left: 1rem;
padding-right: 1rem;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width {
width: auto;
}
.text-size-regular-2.chinese.text-letterspacing-tiny.full-width.bottom-margin {
padding-left: 1rem;
padding-right: 1rem;
}
.spacer-xxlarge {
padding-top: 3rem;
}
.spacer-huge {
padding-top: 3.5rem;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.spacer-xlarge {
padding-top: 2rem;
}
.heading-style-h4 {
font-size: 1rem;
}
.heading-style-h4.chinese.fix-heigh {
height: auto;
font-size: 1.5rem;
}
.heading-style-h4.chinese.margin-bottom, .heading-style-h3 {
font-size: 1.5rem;
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.text-size-large-2 {
font-size: 1.25rem;
}
.heading-style-h5 {
font-size: .875rem;
}
.heading-style-h5.chinese.text-color-content {
font-size: 1.25rem;
}
.heading-style-h5.chinese.text-size.bottom-margin {
margin-bottom: 1rem;
}
.text-style-nowrap-2 {
white-space: normal;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.spacer-large {
padding-top: 1.5rem;
}
.navbar {
position: fixed;
}
.dropdown-list {
display: inline-block;
}
.nav-menu {
display: none;
}
.nav-menu-overlay {
display: none;
top: 90px;
left: 0;
}
.nav-logoname {
display: none;
transform: none;
}
.image-146 {
display: inline-block;
}
.image-147 {
display: none;
}
.work1-linetv-payment {
min-height: 520px;
max-height: none;
padding: 1.25rem;
}
.work1-lottiebackground {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.lottie-animation-7 {
width: 130%;
height: 130%;
}
.work2-linetv-gba-commercial, .work3-letstalk-desktop, .work4-letstalk-mobile, .work5-letstalk-brading {
grid-template-rows: 1fr;
grid-template-areas: ".";
justify-content: flex-end;
align-items: center;
min-height: 520px;
max-height: none;
padding: 1.25rem;
display: flex;
}
.image-148 {
padding-right: .75rem;
}
.linetv-section.top-padding {
padding-top: 20rem;
}
.linetv-banner-card {
top: auto;
bottom: -66%;
}
.bento-1.radius-44px {
align-items: stretch;
}
.content-align-center {
width: 100%;
}
.vertical-layout {
padding-top: 2px;
}
.first {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.box-design-2.ipad-height.nobackground {
background-color: #181818;
}
.background-video-4 {
top: -17%;
}
.flex-center.margin-top.padding-custom-horizontal {
padding-left: .75rem;
padding-right: .75rem;
}
.background-video-5 {
height: 280px;
}
.entrypoint-image.row-2.content-align-top {
max-width: 80%;
margin-top: 300px;
inset: 0% auto;
}
.entrypoint-image--2 {
max-width: 51%;
}
.letstalk-banner-card {
top: auto;
bottom: -66%;
}
.forst-title-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.linetv-gba-card {
top: auto;
bottom: auto;
}
.video-lightbox {
height: 18rem;
}
}
@media screen and (max-width: 479px) {
.social-icon {
margin-left: auto;
margin-right: auto;
}
.banner {
width: 100%;
margin-top: 0;
padding: 8.625rem 1rem 3rem;
}
.banner.hunter {
margin-top: 120px;
}
.banner.about-me {
padding-top: 8.625rem;
padding-bottom: 2rem;
}
.grid-7 {
grid-template: "Title"
"image"
/ 1fr;
place-items: center;
margin-left: auto;
margin-right: auto;
}
.section-15 {
padding-left: 8px;
padding-right: 8px;
}
.web-preview {
height: auto;
margin-bottom: 0;
}
.heading-20 {
padding-left: 18px;
padding-right: 18px;
font-size: 16px;
}
.heading-21 {
padding-left: 20px;
padding-right: 20px;
}
.bold-text-2 {
font-size: 19px;
}
.find-search {
margin-left: 0;
padding-left: 16px;
font-size: 20px;
}
.file-edm {
margin-top: 30px;
overflow: hidden;
}
.file-edm1 {
height: 330px;
}
.grid-13 {
grid-column-gap: 10px;
grid-template: "icon1"
"text1"
"." 18px
"icon2"
"text2"
"." 18px
"icon3"
"text3"
/ 1fr;
margin: 28px 13px;
}
.icon1 {
max-width: 70%;
}
.paragraph-20 {
color: #0f4c81;
font-family: noto-sans, sans-serif;
font-size: 12px;
}
.div-block-34 {
margin-left: 16px;
font-family: lato, sans-serif;
position: relative;
overflow: visible;
}
.image-21 {
overflow: hidden;
}
.section-17 {
justify-content: center;
align-items: center;
margin-top: 10px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.div-block-36 {
justify-content: center;
align-items: flex-start;
max-width: 18%;
display: flex;
position: absolute;
inset: 19% auto auto -26%;
}
.webpreview-text {
display: none;
}
.context-1 {
padding-left: 14px;
padding-right: 14px;
}
.logo {
margin-right: 10px;
}
.button-line {
overflow: hidden;
}
.cloud-2 {
justify-content: flex-end;
inset: auto 0% 4% auto;
}
.visual-clean, .image-photo {
overflow: hidden;
}
.branding-1 {
margin-top: 60px;
overflow: hidden;
}
.introduction {
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.introduction-2 {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.grid-21 {
grid-template: "image"
"text"
/ 1fr;
}
.paragraph-29 {
padding-left: 0;
padding-right: 0;
}
.cube-gif {
height: 50px;
margin-right: 0;
right: 0;
}
.three-image {
margin-top: 20px;
overflow: hidden;
}
.grid-24 {
grid-row-gap: 5px;
grid-template: "_1"
"_2"
"_3"
/ 1fr;
}
.grid-26 {
grid-template-rows: 180px auto;
grid-template-columns: 1fr;
place-items: center;
}
.paragraph-36 {
letter-spacing: .5px;
padding-left: 15px;
padding-right: 15px;
}
.branding-color {
overflow: hidden;
}
.grid-27 {
grid-template: "color1"
"color2"
/ 1fr;
}
.heading-25, .heading-26 {
font-size: 18px;
}
.bold-text-8 {
font-size: 9px;
}
.bold-text-9 {
font-size: 18px;
}
.product2-wave {
overflow: hidden;
}
.grid-31 {
grid-column-gap: 10px;
grid-template: "left"
"right"
/ 1fr;
}
.paragraph-38 {
font-size: 14px;
line-height: 18px;
}
.paragraph-39 {
line-height: 18px;
}
.interior-design-1 {
margin-top: 60px;
overflow: hidden;
}
.grid-34 {
grid-template: "image"
"text"
/ 1fr;
}
.div-block-40 {
height: 40px;
overflow: hidden;
}
.titile-1 {
font-size: 10px;
}
.image-31 {
max-width: 85%;
}
.image-34 {
max-width: 60%;
}
.image-35 {
max-width: 50%;
}
.image-36 {
max-width: 80%;
}
.div-block-44 {
justify-content: center;
align-items: center;
display: flex;
}
.yuying-banner {
margin-top: 60px;
}
.left-bg {
width: 200px;
height: 200px;
}
.left-bg2 {
border-radius: 100px;
width: 300px;
height: 300px;
}
.right-bg {
width: 200px;
height: 200px;
}
.right-bg1 {
border-radius: 100px;
width: 300px;
height: 300px;
inset: 0% 0% auto auto;
}
.bamboo-element {
justify-content: flex-end;
align-items: center;
display: flex;
right: 4%;
}
.banner-small-text {
top: 20%;
left: 5%;
}
.paragraph-42 {
letter-spacing: 20px;
font-size: 6px;
line-height: 21px;
}
.yuying-banner-save {
top: 14%;
left: 5%;
}
.paragraph-43 {
font-size: 14px;
}
.cube-save-banner {
width: 5px;
height: 5px;
}
.buying-branding-induce {
margin-top: 60px;
}
.grid-37 {
grid-row-gap: 30px;
grid-template: "logo"
"hoz-logo"
/ 1fr;
}
.grid-38 {
grid-row-gap: 30px;
}
.paragraph-44 {
padding-left: 10px;
padding-right: 10px;
}
.grid-39 {
grid-template: "logo"
"text"
/ 1fr;
}
.grid-40 {
padding-left: 10px;
padding-right: 10px;
}
.paragraph-46 {
padding-left: 0;
padding-right: 0;
}
.grid-42 {
grid-template-rows: 52px auto;
}
.grid-43 {
grid-row-gap: 5px;
grid-template: "image"
"text" 105px
"image2"
"text2" 130px
/ 1fr;
}
.paragraph-48 {
margin-top: 1px;
margin-bottom: 1px;
padding-top: 0;
padding-bottom: 0;
}
.grid-44 {
grid-template: "image1"
"image2"
"image3"
"image4"
"image5"
"image6"
/ 1fr;
}
.regress-guid {
margin-top: 60px;
}
.grid-45 {
grid-template: "logo"
"text"
/ 1fr;
}
.grid-46 {
grid-template-rows: auto auto;
grid-template-areas: "element"
"text"
"color";
padding-left: 10px;
padding-right: 10px;
}
.paragraph-49 {
padding-left: 5px;
padding-right: 5px;
line-height: 23px;
}
.grid-47 {
grid-row-gap: 2px;
grid-template: "image2 image"
/ 1fr;
margin-bottom: 0;
}
.image-37, .image-38, .image-39 {
max-width: 60%;
}
.bold-text-12 {
font-size: 15px;
line-height: 30px;
}
.image-40, .image-41 {
max-width: 90%;
}
.image-42, .image-43 {
max-width: 80%;
}
.image-44 {
max-width: 100%;
margin-left: 36px;
}
.image-45, .image-46 {
max-width: 100%;
}
.image-47 {
max-width: 45%;
}
.image-48 {
max-width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.image-49 {
max-width: 100%;
}
.image-50 {
max-width: 90%;
padding-top: 10px;
padding-bottom: 10px;
}
.image-51 {
padding-top: 10px;
padding-bottom: 10px;
}
.icon-copy {
height: auto;
}
.bount-hunter-title {
padding-top: 60px;
}
.page-content {
margin-left: auto;
}
.navigation-wrapper {
z-index: 100;
justify-content: space-between;
}
.navigation {
border-style: none;
padding-right: 5%;
display: flex;
}
.top-part {
padding: 3%;
}
.center-part {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.center-part.w--current {
margin-bottom: 0;
padding-top: 0;
}
.navigation-menu {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-left: 0;
padding-right: 0;
display: inline-flex;
}
.menu-weapper {
flex-wrap: nowrap;
flex: 0 auto;
align-items: flex-start;
margin-left: -225px;
padding-top: 0%;
padding-bottom: 0%;
}
.banner-grid {
grid-template: "."
/ 1fr;
justify-content: stretch;
place-items: stretch stretch;
width: auto;
}
.banner-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: nowrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.heading-33 {
margin-top: 0;
font-family: Opensans, sans-serif;
font-size: 2.3rem;
}
.banner-info-name-title {
margin-bottom: 0;
}
.banner-info-name-title.chenese-text {
font-family: var(--chinese);
color: var(--v2_headline);
font-size: 2.5rem;
line-height: 1.4;
}
.text-bg-accent {
width: 100%;
}
.image-89 {
max-width: 24%;
}
.banner-info-download-button {
width: 100%;
height: auto;
padding: .75rem 1rem;
}
.banner-info-download-button:hover {
text-align: center;
}
.banner-info-download-button.dark-mode {
width: 100%;
}
.container-18 {
padding-left: 0;
padding-right: 0;
}
.all-creative-div {
padding-left: 1rem;
padding-right: 1rem;
}
.creative-works-title {
font-size: 27px;
}
.paragraph-68 {
font-size: 10px;
}
.grid-74 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.wrapper {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.wrapper.image-custom {
padding-left: 20px;
padding-right: 20px;
}
.main-grid {
grid-column-gap: 0px;
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.into-left {
margin-right: auto;
}
.career-block {
grid-column-gap: 32px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-areas: "Timeline-Mobile Date-Mobile Date-Mobile"
"Timeline-Mobile Job-Mobile Job-Mobile";
}
.career-date {
text-align: left;
}
.footer {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.footer-nav {
flex-flow: column wrap;
place-content: stretch flex-start;
align-items: flex-start;
}
.footer-nav-link {
margin-top: 20px;
margin-bottom: 20px;
}
.hover-line {
display: none;
}
.fotter-bottom {
padding-top: 2vw;
padding-bottom: 2vw;
}
.heading-37 {
font-size: 48px;
}
.breadcrumbs {
flex-flow: wrap;
}
.bg-image.height-edit.weight-edit {
width: 60%;
}
.bg-image.rounded-corners.custom-size {
width: 100%;
height: 100%;
}
.image-107 {
padding-right: 16px;
}
.image-108 {
max-width: 100%;
}
.image-109 {
max-width: 100%;
display: inline-block;
}
.left-block-contact {
border-bottom-style: none;
}
.heading-43.dark-title {
margin-top: 0;
font-size: 20px;
}
.image-110 {
max-width: 110%;
}
.image-110.lollipop-project-key-visual {
width: 100%;
}
.section-37 {
padding-top: 40px;
}
.section-37.second {
padding-top: 112px;
}
.work-into {
grid-template-rows: auto auto;
grid-auto-rows: auto;
align-items: center;
margin-bottom: 0;
}
.work-into.other-layout {
padding-top: 60px;
padding-bottom: 60px;
}
.work-into.lollipop-project {
padding-top: 0;
padding-bottom: 0;
}
.work-decription {
margin-top: 20px;
padding-top: 0;
padding-bottom: 0;
}
.work-decription.asus-new-year {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
margin-top: 0;
padding-right: 0%;
}
.grid-75 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.work-blocks, .work-blocks.right-no-line {
padding: 12px;
}
.heading-44 {
font-size: 14px;
}
.text-block-35 {
font-size: 12px;
}
.grid-76 {
padding-bottom: 20px;
}
.work-nav-container.yuying {
padding-bottom: 0;
}
.work-nav-link {
display: none;
}
.section-43 {
padding-top: 20px;
}
.image-123 {
border-radius: 20px;
}
.image-124 {
max-width: 50%;
}
._50 {
width: 90%;
}
.lollipop-sleep-tracking-video {
margin-bottom: 10px;
}
.lollipop-sleep-tracking-video.sleep-tracking-line {
margin-top: 0;
margin-bottom: 40px;
}
.lollipop-sleep-tracking-video.sleep-tracking-line.no-scale {
flex-direction: column;
}
.background-video {
height: 180px;
}
.lollipop-ui-key-visual {
justify-content: center;
align-items: center;
height: 160px;
display: flex;
}
.lollipop-icon-div {
display: none;
}
.lollipop-ui-andrid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.lollipop-ui {
box-shadow: 0 4px 4px #ccc;
}
.lollipop-ui-ios {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.grid-77 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.bank-ui-screen {
margin-bottom: 20px;
}
.grid-78 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.bank-end {
margin-top: 20px;
margin-bottom: 20px;
}
.image-127 {
max-width: 80%;
}
.image-128 {
max-width: 70%;
}
.image-131, .lottie-animation {
max-width: 100%;
}
.scroll-top {
z-index: 100;
inset: auto 2% 2% auto;
}
.scroll-top.w--current {
z-index: 900;
width: 48px;
height: 48px;
}
.scroll-lotttie {
object-fit: cover;
width: 48px;
height: 48px;
}
.home_myfeatures {
margin-bottom: 4rem;
padding-left: 0;
}
.myfeatures_item-1 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
align-items: center;
width: 100%;
}
.myfeatures_item-1.align-top {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: flex-start;
}
.diamond {
border-radius: 2px;
width: auto;
padding-top: 8px;
display: block;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.hide-mobile-portrait {
display: none;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.text-size-regular {
width: 100%;
}
.text-size-regular.text-color-black.margin-bottom-desktop {
margin-bottom: 0;
}
.text-size-regular.text-color-grey.text-weight-bold.text-align-center.no-hover:hover {
color: var(--small-text\);
}
.text-size-small.padding-custom1 {
text-align: left;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.text-size-medium.text-align-center.text-color-80725f.text-weight-medium.padding-custom1 {
padding-top: 8px;
padding-bottom: 8px;
}
.text-size-medium.text-color-secondary.text-weight-medium.margin-bottom {
margin-bottom: 1rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.heading-2_guide.mobile-heading {
font-size: 1.8rem;
}
.heading-4_guide.text-coloe-white.text-weight-bold.enable {
font-family: var(--english);
color: var(--v2_headline);
}
.heading-4_guide.text-coloe-white.text-weight-light.disable {
font-family: var(--chinese);
color: var(--v2_paragraph);
}
.home-guide-button {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.works-title-frame {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: stretch;
}
.color-block {
width: 24px;
height: 4px;
margin-top: 8px;
}
._2022-newworks-frame {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.work1-frrame {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 0 auto;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-content: stretch;
padding: 24px 16px;
display: grid;
}
.links-to-works {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
border-radius: 0 0 20px 20px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.linkworks-category.text-size-regular {
text-align: center;
width: auto;
}
.linkworks-classframe {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.work-1---herocover {
background-size: cover;
background-attachment: scroll;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.nav-language-change.hide {
display: none;
}
.nav-lanuage-ch {
display: flex;
}
.work-2-frrame {
background-color: #0000;
grid-template-areas: "Image"
"Information";
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch;
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.work-2---herocover {
background-size: cover;
background-attachment: scroll;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.work-2---herocover.mobile-custom-radius {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-size: cover;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch space-between;
place-items: stretch stretch;
display: flex;
}
.work-3-frrame {
padding-left: 16px;
padding-right: 16px;
}
.work-4-frrame {
background-color: #0000;
padding-left: 16px;
padding-right: 16px;
}
.work-4---herocover {
background-size: cover;
background-attachment: scroll;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.work-4---herocover.mobile-custom-radius {
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/62af42b982ada25eefa08ce5_Lollipop_herocover.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.work-5-frrame {
padding-left: 16px;
padding-right: 16px;
}
.work-6-frrame {
background-color: #0000;
grid-auto-columns: 1fr;
align-content: stretch;
place-items: stretch stretch;
padding-left: 16px;
padding-right: 16px;
display: grid;
}
.work-6---herocover {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
justify-content: center;
align-items: center;
display: block;
}
.work-8-frrame {
grid-template-areas: "Image"
"Information";
padding-left: 16px;
padding-right: 16px;
}
.work-3---herocover {
background-size: cover;
background-attachment: scroll;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.works-5---herocover {
background-attachment: scroll;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.work-8---herocover {
background-size: cover;
background-attachment: scroll;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.links-to-works-2 {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top-left-radius: 0;
border-top-right-radius: 0;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.container {
padding-left: 1rem;
padding-right: 1rem;
}
.aboutme-container-specialized-tools {
padding-left: 16px;
padding-right: 16px;
}
.aboutme-container-softwares {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
padding-left: 16px;
padding-right: 16px;
}
.aboutme-container-ability {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding-left: 68px;
padding-right: 68px;
}
.ability-item {
justify-content: flex-start;
}
.aboutme-tools-group {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: stretch;
}
.aboutme-tools-1--group {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.work-7-frrame-copy {
object-fit: fill;
background-color: #0000;
grid-template-rows: 1fr .25fr;
grid-template-areas: "Image"
"Information";
grid-auto-columns: 1fr;
place-content: stretch;
height: auto;
padding-left: 16px;
padding-right: 16px;
display: grid;
overflow: visible;
}
.link-cloudfile-div {
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.banner-title-container {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
align-items: flex-start;
}
.banner-image {
background-position: 49% 89%;
background-size: 820px;
}
.ltdesktop-banner-card {
height: 400px;
margin-left: 20px;
margin-right: 20px;
top: -194px;
}
.ltdesktop-container-1 {
padding-top: 12rem;
}
.information-item1 {
flex-direction: column;
}
.item-1---photo {
background-position: 50% 66%;
width: 100%;
height: 240px;
}
.describe-container {
margin-top: .5rem;
}
.process-container.margin-top {
margin-top: 1rem;
}
.process-item.margin-top {
margin-top: 0;
}
.process-item.margin-top.custom {
margin-top: 12px;
}
.process-top-layout, .process-below-layout {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.card-item {
padding-left: 12px;
padding-right: 12px;
}
.ltdesktop-gif {
width: 100%;
height: 100%;
}
.prototype-searchchat {
margin-top: 0;
}
.kanban-searchmenu-image {
height: 200px;
}
.kanban-searchmenu-heroimage {
background-position: 50%;
width: 100%;
}
.reflection-title-container {
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.reflection-title-container.margin-top {
align-items: center;
margin-top: 1rem;
}
.asuscloud-home-images {
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.asuscloud-link-filecloud {
object-fit: fill;
background-color: #0000;
grid-template-rows: 1fr .25fr;
grid-template-areas: "Image"
"Information";
grid-auto-columns: 1fr;
place-content: stretch;
height: auto;
padding-left: 16px;
padding-right: 16px;
display: grid;
overflow: visible;
}
.link-asusnewyear-div {
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.asuscloud-link-newyear2020 {
object-fit: fill;
background-color: #0000;
grid-template-rows: 1fr .25fr;
grid-template-areas: "Image"
"Information";
grid-auto-columns: 1fr;
place-content: stretch;
height: auto;
padding-left: 16px;
padding-right: 16px;
display: grid;
overflow: visible;
}
.banner-mobile-cover {
background-position: 50% 80%;
background-size: 820px;
}
.letstalk-desktop-section-1 {
background-position: 50% 66%;
width: 100%;
height: 240px;
}
.letstalk-mobile-section1 {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
display: block;
}
.image-139 {
width: 100%;
}
.lottie-animation-2 {
width: 36%;
}
.link-previous-letstalk-desktop, .next-letstalk-marketing-link {
display: none;
}
.letstalk-marketing-section {
padding-top: 239px;
}
.letstalk-marketing-container {
flex-direction: column;
}
.letstalk-festival-image {
width: 100%;
}
.link-letstalk-desktop, .previous-link-asuscloud-newyear, .link-lollipop-app, .link-illustrator-like, .next-lollipop-app-link, .link-previous-letstalk-mobile {
display: none;
}
.banner-letstalk-marketing-cover {
background-position: 50% 80%;
background-size: 820px;
}
.next-letstalk-mobile-link {
display: none;
}
.heading-style-h2.align-center {
font-size: 1.5rem;
}
.text-size-regular-2.chinese.text-coclor-title.mobile-text-size {
font-size: 1rem;
}
.fs-styleguide_row-2 {
flex-wrap: wrap;
}
.nav-progress-indicator {
display: none;
}
.home_info_container {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: .75rem;
}
.home-button-aboutme {
padding: .75rem 0;
}
.nav-avatar {
display: none;
}
.navbar-base {
padding-left: 1rem;
padding-right: 1rem;
}
.dropdown-list {
display: none;
}
.nav-menu {
display: inline-block;
}
.nav-menu-overlay {
display: inline-block;
top: 90px;
left: 0;
}
.image-146 {
width: 80%;
display: none;
}
.image-147 {
display: inline-block;
}
.work1-linetv-payment {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 12px;
flex: 0 auto;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-content: stretch flex-end;
align-items: center;
min-height: auto;
max-height: none;
padding: 0;
display: flex;
}
.work1-lottiebackground {
grid-column-gap: 0px;
grid-row-gap: 0px;
aspect-ratio: 16 / 9;
flex-flow: row;
flex: none;
align-self: auto;
display: flex;
position: static;
overflow: hidden;
}
.lottie-animation-7 {
width: 130%;
height: 130%;
}
.work2-linetv-gba-commercial {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 12px;
flex: 0 auto;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-content: stretch flex-end;
align-items: center;
min-height: auto;
max-height: none;
padding: 0;
display: flex;
}
.work2-gba-commercial {
aspect-ratio: 16 / 9;
width: 100%;
position: relative;
}
.work3-letstalk-desktop {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
border-radius: 12px;
flex: 0 auto;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-content: stretch flex-end;
align-items: center;
min-height: auto;
max-height: none;
padding: 0;
display: flex;
}
.work4-letstalk-mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
border-radius: 12px;
flex: 0 auto;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-content: stretch flex-end;
align-items: center;
min-height: auto;
max-height: none;
padding: 0;
display: flex;
}
.work5-letstalk-brading {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: none;
background-size: auto;
border-radius: 12px;
flex: 0 auto;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
place-content: stretch flex-end;
align-items: center;
min-height: auto;
max-height: none;
padding: 0 0;
display: flex;
}
.project-background {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66432d6e7809a4b41ebfa90f_Letstalk%20Desktop.png");
background-position: 50%;
background-size: cover;
background-attachment: scroll;
width: 100%;
height: 100%;
display: block;
}
.project-background-2 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66434b3571395f8960878b00_Letstalk%20Mobile.png");
background-position: 90% 40%;
background-size: 460px;
background-attachment: scroll;
width: 100%;
height: 100%;
display: block;
}
.project-background-3 {
aspect-ratio: 16 / 9;
background-image: url("https://cdn.prod.website-files.com/5df83fb3767bad1c47dd1696/66432d6e7809a4b41ebfa90f_Letstalk%20Desktop.png");
background-position: 50%;
background-size: cover;
background-attachment: scroll;
width: 100%;
height: 100%;
display: block;
}
.work1-linetv-background {
aspect-ratio: 16 / 9;
width: 100%;
display: none;
position: relative;
}
.linetv-section.top-padding {
padding-top: 30rem;
}
.linetv-banner-card {
height: auto;
margin-left: 1rem;
margin-right: 1rem;
top: auto;
bottom: -104%;
}
.text-size-subject {
font-weight: 500;
}
.project-bento-container {
padding-left: 1rem;
padding-right: 1rem;
}
.bento-layout {
grid-template-rows: auto auto auto;
}
.lineyv-image-1 {
width: 30%;
}
.card-background.mobile-hide {
display: none;
}
.linetv-section-content.margin-top-xxlarge {
margin-top: 11rem;
}
.content-align-center.padding-horizontal-1rem, .project-phase-container {
padding-left: 1rem;
padding-right: 1rem;
}
.badge.absolute {
bottom: .5rem;
left: .5rem;
}
.project-currentproblem {
padding-left: 1rem;
padding-right: 1rem;
}
.image-container {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: flex-start start;
width: 100%;
display: flex;
}
.current-1 {
height: auto;
}
.box-design-2.ipad-height {
background-position: 50%;
background-size: 500px;
}
.background-container.ipad-heigh {
background-position: 50%;
background-size: 420px;
}
.image-container-lowfi {
flex-flow: column;
padding-left: 0;
padding-right: 0;
}
.background-video-5 {
height: 168px;
}
.silder {
height: 16vh;
}
.slide {
background-repeat: no-repeat;
}
.bg-video-header {
height: 200px;
}
.entrypoint-image.row-2 {
max-width: 160%;
margin-right: 100px;
}
.entrypoint-image.row-2.content-align-top {
width: 100%;
max-width: 100%;
margin-top: 0;
margin-right: 0;
inset: 0% 0% -99%;
}
.entrypoint-image.row-2.scale-size {
max-width: 220%;
margin-left: 0;
margin-right: 0;
position: absolute;
inset: auto 0% auto auto;
}
.entrypoint-container {
height: 140px;
}
.lightbox-link-8 {
width: 100%;
position: relative;
}
.entrypoint-image--2 {
max-width: 44%;
}
.dataresult-container.vertical-mobile {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
}
.letstalk-banner-card {
height: auto;
margin-left: 1rem;
margin-right: 1rem;
top: auto;
bottom: -104%;
}
.letstalk-card-information {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.linetv-gba-card {
height: auto;
margin-left: 1rem;
margin-right: 1rem;
top: auto;
bottom: auto;
}
.video-lightbox {
height: 13rem;
}
}
#w-node-_453a6344-287d-d35c-c2e2-5c421c3597d4-5fd8a6c5 {
grid-area: image;
}
#w-node-_548e3fc5-94bb-eab7-b1b8-303818b02766-5fd8a6c5 {
grid-area: Title;
place-self: center;
}
#w-node-c26898e2-79df-a852-cb99-daafd45d9b30-5fd8a6c5 {
grid-area: Area-2;
align-self: auto;
}
#w-node-_7791f1b3-61c7-4237-c1e9-0d6a9688f06e-5fd8a6c5 {
grid-area: context;
}
#w-node-ce1e6aa3-3086-2667-a8ce-5c0de0943001-5fd8a6c5 {
grid-area: hend;
justify-self: stretch;
}
#w-node-_416adc35-80c3-c64a-a9f9-3de43db81e80-5fd8a6c5 {
grid-area: Area;
}
#w-node-_2b84e338-9380-3475-d756-296839a59cf1-5fd8a6c5 {
grid-area: Area;
justify-self: auto;
}
#w-node-_8fb877da-ef08-581b-3247-ba64ddf31bfc-5fd8a6c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cf115374-acec-74e7-56e8-96ff4eb6e90f-5fd8a6c5 {
grid-area: Area-2;
}
#w-node-_35264735-827f-7fd5-dd18-87d8d2f88fb3-5fd8a6c5 {
grid-area: Area-2;
align-self: auto;
}
#w-node-_35264735-827f-7fd5-dd18-87d8d2f88fb4-5fd8a6c5 {
grid-area: context;
}
#w-node-_35264735-827f-7fd5-dd18-87d8d2f88fbf-5fd8a6c5 {
grid-area: hend;
justify-self: stretch;
}
#w-node-_35264735-827f-7fd5-dd18-87d8d2f88fc2-5fd8a6c5, #w-node-_691d0ea3-5b1c-d830-08a5-0add98d0fba7-5fd8a6c5 {
grid-area: Area;
}
#w-node-_691d0ea3-5b1c-d830-08a5-0add98d0fbab-5fd8a6c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_691d0ea3-5b1c-d830-08a5-0add98d0fbb2-5fd8a6c5 {
grid-area: Area-2;
}
#w-node-d4a2d00d-8b84-b8f1-f873-68d47daeffe5-5fd8a6c5 {
grid-area: image;
}
#w-node-_5c97ae02-fd11-9d99-dcb8-be9fad940242-5fd8a6c5 {
grid-area: text1;
}
#w-node-_1ba16878-6023-6c56-68fb-07eecf09fa5e-5fd8a6c5 {
grid-area: icon3;
}
#w-node-_39945299-7cd8-dd48-a2e2-92df445e9292-5fd8a6c5 {
grid-area: icon2;
}
#w-node-_61250286-5b21-9438-67a5-76c0adf0d811-5fd8a6c5 {
grid-area: text2;
}
#w-node-bb255af4-facf-0453-c7bf-7f37a4766a22-5fd8a6c5 {
grid-area: text3;
}
#w-node-_641668e2-3eb0-5920-1057-76403e111df9-5fd8a6c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_641668e2-3eb0-5920-1057-76403e111e03-5fd8a6c5 {
place-self: center;
}
#w-node-_641668e2-3eb0-5920-1057-76403e111e08-5fd8a6c5 {
place-self: center end;
}
#w-node-_0a0d1bcb-e93d-d12f-cbee-8e18fddce933-fddce931 {
align-self: start;
}
#w-node-d9de1baf-fb9c-13c8-434d-8e6ba2af52b3-939a616b {
grid-area: b;
}
#w-node-_5f9ccbc6-fd8d-b453-d3d1-89200b150b3d-939a616b {
grid-area: p;
}
#w-node-_7045cc56-255c-8b4e-58df-85a0a6dbbc06-939a616b {
grid-area: i;
}
#w-node-_942d0506-9fe2-1dcc-bd3b-0f45163577f6-939a616b {
grid-area: text;
}
#w-node-ab684782-300c-1093-c4f1-20cf35c374a8-939a616b {
grid-area: team-text;
}
#w-node-_12f92a24-a61a-1511-d62f-98dbad97b8ac-939a616b {
grid-area: text;
}
#w-node-_849bc37e-13fc-0585-b938-bedf9b6cc0f8-939a616b {
place-self: center;
}
#w-node-a73636f2-e0be-b341-dd00-bdea5c9141c2-939a616b {
grid-area: text-1;
}
#w-node-_7120e760-1979-af7d-a350-6ab618c4e4f1-939a616b {
grid-area: _3;
}
#w-node-_26130692-8a04-2aa3-9ed6-8a798d58802f-939a616b {
grid-area: _2;
}
#w-node-c0bc1986-84b7-2528-99f4-d657c4416a2d-939a616b {
place-self: center;
}
#w-node-_9a7a29ea-7998-ba25-1135-1581a0eba2f8-939a616b {
grid-area: right-text;
}
#w-node-_7beb33e0-96d0-3c32-fc0c-8bcc9b64a5a2-939a616b {
grid-area: down-text;
align-self: center;
}
#w-node-_9a38f6d8-27a0-7b02-d731-b7f3040f9c06-939a616b {
grid-area: top-image;
place-self: center;
}
#w-node-f192c953-55e3-efdb-5d65-8ad630b88db4-939a616b {
grid-area: color2;
}
#w-node-_7357deba-4b8b-ffe4-4b92-2eee72bd18ac-939a616b {
grid-area: color-image;
}
#w-node-e4d2affe-877a-978e-392f-664ac457df8f-939a616b {
grid-area: heand;
}
#w-node-_499f0dee-7937-3813-ee57-bd653e40affa-939a616b {
grid-area: text;
}
#w-node-_55f5163f-b929-2cc4-10a4-44b609c3ee18-939a616b {
grid-area: image;
}
#w-node-_28696938-cfc6-587c-be5b-8c25980a3c76-939a616b {
grid-area: text;
}
#w-node-_8bdfa584-9f46-f69b-7203-1ad41c4f9215-939a616b {
grid-area: left;
}
#w-node-_297be0c7-da23-843e-c784-21b0773f2261-939a616b {
grid-area: left-image;
place-self: center;
}
#w-node-_6c8649f5-6bc1-49cd-b20b-56e6698bf5c2-939a616b {
grid-area: text;
place-self: center;
}
#w-node-_7804d758-4fd4-565f-a85a-0be2477f5dca-939a616b {
grid-area: Area;
place-self: center;
}
#w-node-_60f5895b-13ef-ace5-dc3a-ddd080b85af6-939a616b {
grid-area: right-image;
place-self: center;
}
#w-node-_414259c0-0dae-7189-2663-3981723b25c2-939a616b {
place-self: center;
}
#w-node-_2b54aa16-ce8b-75fb-3e0e-44a3413084fe-939a616b {
grid-area: text;
align-self: center;
}
#w-node-_80f32047-8527-cb53-9f91-edefa8b06dc3-939a616b {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_80f32047-8527-cb53-9f91-edefa8b06dce-939a616b {
place-self: center;
}
#w-node-_80f32047-8527-cb53-9f91-edefa8b06dd3-939a616b {
place-self: center end;
}
#w-node-_286ab94a-ce8d-c325-95d3-cd3527f5347a-40edab4f {
grid-area: save;
}
#w-node-_00347977-8de2-a54b-90a5-51980824390b-40edab4f {
grid-area: cube;
}
#w-node-cc39821e-5a01-8743-309d-96edf5595760-40edab4f {
place-self: center;
}
#w-node-b61e3faa-fc5b-ba79-3394-b043a649aa72-40edab4f {
grid-area: hoz-logo;
}
#w-node-_6bc447dc-1a7b-c3cf-5ce3-5f50e774c350-40edab4f {
grid-area: text;
}
#w-node-_87d6901c-f8a6-2956-2612-b6b382462c40-40edab4f {
grid-area: context;
}
#w-node-_16a2b65a-007f-5d0c-694f-090d3eb87656-40edab4f {
grid-area: buying-element;
place-self: auto;
}
#w-node-d0c2074d-dcc6-565b-562b-e541ae4e5845-40edab4f {
grid-area: color;
justify-self: auto;
}
#w-node-f4d36f42-770f-0248-4582-ce10bc394026-40edab4f {
place-self: center;
}
#w-node-ae2e896e-20f4-2e78-324c-477d00d7c2e3-40edab4f {
justify-self: center;
}
#w-node-c6f151eb-c3b8-daeb-b345-63a4085d9af4-40edab4f {
grid-area: image;
}
#w-node-_3a30cb33-e299-b50c-0ecd-a39f9079b16e-40edab4f {
grid-area: text;
align-self: center;
}
#w-node-_5130d05f-28d6-ddbe-01b6-b1d20668aa04-40edab4f {
justify-self: center;
}
#w-node-aa87b9bc-4cb6-7ee4-18b6-369a988d2f2c-40edab4f {
grid-area: text2;
place-self: center;
}
#w-node-_6e0b76c4-14d4-5be8-6d8b-83974053d260-40edab4f {
grid-area: image2;
place-self: center;
}
#w-node-_4065840c-0a2d-6984-ed46-f07b823f202f-40edab4f {
grid-area: image4;
place-self: center;
}
#w-node-_6d495754-8ee5-14ae-7e2f-b7d960ec0ba9-40edab4f {
place-self: center;
}
#w-node-abd32397-a859-a641-9a4e-c80886a85c9f-40edab4f {
grid-area: image5;
place-self: center;
}
#w-node-_51b449d7-bd23-3d73-8b4d-9d4f779cdb21-40edab4f {
grid-area: image6;
place-self: center;
}
#w-node-_68e93bfa-ca18-7cab-29b5-bb41a98d5103-40edab4f {
grid-area: image3;
place-self: center;
}
#w-node-d1532641-1492-3fd1-6ba0-1346907c37d8-40edab4f {
grid-area: image2;
place-self: center;
}
#w-node-_68fe3416-77b1-6b54-5303-d0d852d99032-40edab4f {
grid-area: text;
}
#w-node-e04b94e7-5ae6-e884-3612-45acaaba3177-40edab4f {
grid-area: element;
align-self: center;
}
#w-node-b515085c-f106-47bf-8ce4-dd4b1c1b167d-40edab4f {
grid-area: text;
}
#w-node-f1e32030-4217-ab11-9702-5fd410987e6a-40edab4f {
place-self: center;
}
#w-node-_4eb7fcbb-71e2-c90a-0483-f365e144d3f5-40edab4f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_40b51cb2-e443-6a24-998a-f96bf71d6745-40edab4f {
grid-area: 1 / 1 / 2 / 2;
align-self: end;
}
#w-node-_315e3bf8-3688-213f-bb88-4a752ec3368c-40edab4f {
grid-area: 1 / 2 / 2 / 2;
place-self: start center;
}
#w-node-_322c0fd8-2854-1838-6e2b-d6437149fae1-40edab4f {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_322c0fd8-2854-1838-6e2b-d6437149faec-40edab4f {
place-self: center;
}
#w-node-_322c0fd8-2854-1838-6e2b-d6437149faf1-40edab4f {
place-self: center end;
}
#w-node-_00de4d7b-7412-1475-d886-5e9475823516-87a387d4 {
grid-area: title;
}
#w-node-dbe894f7-2e36-8601-ed39-1e9b1ce63d61-87a387d4 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-b43c0cb6-1927-f860-8557-7117b1f718f9-87a387d4 {
grid-area: 1 / 6 / 2 / 13;
}
#w-node-d077ec57-d1ee-b075-2ede-0e653c1f4ad2-87a387d4 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-d077ec57-d1ee-b075-2ede-0e653c1f4ae0-87a387d4 {
grid-area: 1 / 6 / 2 / 13;
}
#w-node-d30dd5f5-b85b-af22-c8b9-d4fa65cb98e0-87a387d4 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-d30dd5f5-b85b-af22-c8b9-d4fa65cb98eb-87a387d4 {
place-self: center;
}
#w-node-d30dd5f5-b85b-af22-c8b9-d4fa65cb98f0-87a387d4 {
place-self: center end;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-f318abb0 {
place-self: center start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-f318abb0 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-f318abb0 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385b-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385d-f318abb0 {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386b-f318abb0 {
grid-area: Date;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386d-f318abb0 {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387b-f318abb0 {
grid-area: Date;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387d-f318abb0 {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388b-f318abb0 {
grid-area: Date;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388d-f318abb0 {
place-self: stretch center;
}
#w-node-cb8d4e42-cd2d-c2b6-6e3c-ffcf41d2fd65-63c96f6b {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#w-node-cb8d4e42-cd2d-c2b6-6e3c-ffcf41d2fd99-63c96f6b {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-_2b27382e-aef6-2525-e4dc-2cb5a5930a3c-63c96f6b {
grid-area: span 1 / span 5 / span 1 / span 5;
align-self: center;
}
#w-node-dc6bac37-448f-2dc7-3944-0491136c9fde-63c96f6b {
grid-area: 1 / 7 / 2 / 12;
place-self: center start;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2853f-91c2853b {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28546-91c2853b {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28548-91c2853b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2854a-91c2853b {
place-self: stretch center;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28558-91c2853b {
grid-area: Date;
justify-self: auto;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2855a-91c2853b {
place-self: stretch center;
}
#w-node-_167ef31f-6064-1742-a915-12e5de83bee0-91c2853b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_167ef31f-6064-1742-a915-12e5de83bee2-91c2853b {
place-self: stretch center;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28568-91c2853b {
grid-area: Date;
justify-self: auto;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2856a-91c2853b {
place-self: stretch center;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28578-91c2853b {
grid-area: Date;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2857a-91c2853b {
place-self: stretch center;
}
#w-node-dbef60f1-05fa-112f-98e9-07aaf9ebf937-4f14560a {
align-self: start;
}
#w-node-af77ef54-3228-7bd5-de9e-84f99f2ea185-9f2ea182 {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#w-node-af77ef54-3228-7bd5-de9e-84f99f2ea1af-9f2ea182 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-_599dd7a9-fa44-32f1-7dc1-ebefca945ef2-81d5fbd1, #w-node-d16cf74a-d42f-9dd5-2d7b-90695937c3bc-81d5fbd1 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_9e845d9e-c585-851b-a58b-e1755de80c1b-81d5fbd1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-f9606eca-369f-34d9-0cb3-18de5f6db24c-81d5fbd1 {
grid-area: 1 / 2 / 2 / 3;
align-self: end;
}
#w-node-_1f2b62c2-1530-cb8f-56e5-7b4ba535503b-81d5fbd1 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_1f2b62c2-1530-cb8f-56e5-7b4ba535503c-81d5fbd1 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_1f2b62c2-1530-cb8f-56e5-7b4ba535503e-81d5fbd1 {
grid-area: 2 / 2 / 2 / 2;
}
#w-node-_1f2b62c2-1530-cb8f-56e5-7b4ba5355040-81d5fbd1 {
grid-area: 1 / 2 / 2 / 2;
justify-self: auto;
}
#w-node-_1f2b62c2-1530-cb8f-56e5-7b4ba5355042-81d5fbd1 {
grid-area: 1 / 2 / 2 / 3;
align-self: end;
}
#w-node-_63c5a8bf-c509-2cac-a76d-2ffecea6745e-81d5fbd1 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_63c5a8bf-c509-2cac-a76d-2ffecea67469-81d5fbd1 {
place-self: center;
}
#w-node-_63c5a8bf-c509-2cac-a76d-2ffecea6746e-81d5fbd1 {
place-self: center end;
}
#w-node-_795a86ec-fbcf-2d27-e84c-bd98944b0834-672c5277 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-_795a86ec-fbcf-2d27-e84c-bd98944b0842-672c5277 {
grid-area: 1 / 6 / 2 / 13;
}
#w-node-_241dff06-d828-3c5a-5393-4774dda2681a-672c5277 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_241dff06-d828-3c5a-5393-4774dda26824-672c5277 {
place-self: center;
}
#w-node-_241dff06-d828-3c5a-5393-4774dda26829-672c5277 {
place-self: center end;
}
#w-node-_605b4b27-8e6d-68aa-e79f-334d6c6f3c9d-8e76f165 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-_595e7eb5-af91-b5ac-1067-9c42638b1785-8e76f165 {
grid-area: 1 / 6 / 2 / 13;
}
#w-node-_441554ea-cb3f-8b1e-43c5-542876f088a2-8e76f165 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_3dd00fb9-520f-92f3-510e-a3101a0f24c3-8e76f165 {
grid-area: 1 / 4 / 2 / 6;
}
#w-node-d88d2832-d9f8-9707-50f9-8377835057d5-8e76f165 {
grid-area: 1 / 7 / 2 / 9;
}
#w-node-_1d39a0bd-9b45-4da5-3304-40562f757d7f-8e76f165 {
grid-area: 1 / 10 / 2 / 12;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d492367-8e76f165 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d492369-8e76f165 {
grid-area: 1 / 4 / 2 / 6;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d49236b-8e76f165 {
grid-area: 1 / 7 / 2 / 9;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d49236d-8e76f165 {
grid-area: 1 / 10 / 2 / 12;
}
#w-node-da74b2e3-1e0d-daae-c863-bb97923a96ba-8e76f165 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-da74b2e3-1e0d-daae-c863-bb97923a96be-8e76f165 {
grid-area: 1 / 6 / 2 / 13;
}
#w-node-_6cc98387-da5b-7f61-c225-ff142fa042f3-8e76f165 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_6cc98387-da5b-7f61-c225-ff142fa042fd-8e76f165 {
place-self: center;
}
#w-node-_6cc98387-da5b-7f61-c225-ff142fa04302-8e76f165 {
place-self: center end;
}
#w-node-_16db4984-a920-d5b6-72fb-cacf6c82e3ac-a2bc7da4 {
grid-area: span 2 / span 1 / span 2 / span 1;
justify-self: auto;
}
#w-node-eaf17c97-1d61-2f32-506a-0bc8cc5ed6bd-a2bc7da4 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_69e93153-22bc-77a5-5d72-944f0ac87364-a2bc7da4 {
grid-area: 2 / 2 / 3 / 2;
}
#w-node-_59943540-6faf-5a4b-aa42-6e1fb2e70d5a-a2bc7da4 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_59943540-6faf-5a4b-aa42-6e1fb2e70d64-a2bc7da4 {
place-self: center;
}
#w-node-_59943540-6faf-5a4b-aa42-6e1fb2e70d69-a2bc7da4 {
place-self: center end;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c9393-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c93b2-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c93b7-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c93bc-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c93c1-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c93c7-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c93cd-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c93d3-18fc7324 {
justify-self: start;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c94b5-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c94bd-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c94d4-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c94ed-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c94f0-18fc7324 {
justify-self: start;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c94f2-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c94f5-18fc7324 {
justify-self: start;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c9545-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c954f-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9550-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c95c2-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95c7-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95cc-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95d1-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95d6-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95db-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95e5-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95ea-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95ef-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95f4-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95f9-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c95fe-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9603-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9608-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c960d-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9612-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9617-18fc7324 {
justify-self: start;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c961b-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c961c-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9621-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9626-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c962b-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c963f-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9644-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9649-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c964e-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9653-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9658-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9662-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9667-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c966c-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9671-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9676-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c967b-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9680-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9685-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c968a-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c968f-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c9694-18fc7324 {
justify-self: start;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c9698-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c9699-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c969e-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96a3-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96a8-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96b9-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96be-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96c3-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96c8-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96cd-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96d2-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96d7-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96dc-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96e1-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c96e6-18fc7324 {
justify-self: start;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c96ea-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c96eb-18fc7324 {
justify-self: start;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c96ee-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c976f-18fc7324, #w-node-e8857c11-15c6-ddc5-7dde-b242608c979c-18fc7324 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8857c11-15c6-ddc5-7dde-b242608c97da-18fc7324 {
justify-self: start;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-7795aeaf {
place-self: center start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-7795aeaf {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-7795aeaf {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385b-7795aeaf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385d-7795aeaf {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386b-7795aeaf {
grid-area: Date;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386d-7795aeaf {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387b-7795aeaf {
grid-area: Date;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387d-7795aeaf {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388b-7795aeaf {
grid-area: Date;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388d-7795aeaf {
place-self: stretch center;
}
#w-node-ff481ab6-4006-4ba7-4360-f1f62e6a1d63-7795aeaf {
align-self: start;
}
#w-node-_2b27382e-aef6-2525-e4dc-2cb5a5930a3c-6d036a73 {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-dc6bac37-448f-2dc7-3944-0491136c9fde-6d036a73 {
grid-area: 1 / 7 / 2 / 12;
place-self: center start;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e902-6d036a73 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e909-6d036a73 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e90b-6d036a73 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e90d-6d036a73 {
place-self: stretch center;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e91b-6d036a73 {
grid-area: Date;
justify-self: auto;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e91d-6d036a73 {
place-self: stretch center;
}
#w-node-_81d1e42c-b9e4-7a5f-1043-2751cc2664d7-6d036a73 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_81d1e42c-b9e4-7a5f-1043-2751cc2664d9-6d036a73 {
place-self: stretch center;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e92b-6d036a73 {
grid-area: Date;
justify-self: auto;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e92d-6d036a73 {
place-self: stretch center;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e93b-6d036a73 {
grid-area: Date;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e93d-6d036a73 {
place-self: stretch center;
}
#w-node-_38269084-5a6a-d34f-7947-3a75355d472b-6d036a73 {
align-self: start;
}
#w-node-_13f24260-07e2-9e01-5f08-717f2e91bb39-28889cfc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_13f24260-07e2-9e01-5f08-717f2e91bb40-28889cfc {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_13f24260-07e2-9e01-5f08-717f2e91bb4f-28889cfc {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-e9a5f021-8549-a3bd-6bbf-b49f6051527c-28889cfc {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-e9a5f021-8549-a3bd-6bbf-b49f60515287-28889cfc {
place-self: center;
}
#w-node-e9a5f021-8549-a3bd-6bbf-b49f6051528c-28889cfc {
place-self: center end;
}
#w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc57-0638ed93 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc5e-0638ed93 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc6b-0638ed93 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-b947d8d5-3ef2-b809-5d64-23d9f8c8e8eb-0638ed93 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-b947d8d5-3ef2-b809-5d64-23d9f8c8e8f5-0638ed93 {
place-self: center;
}
#w-node-b947d8d5-3ef2-b809-5d64-23d9f8c8e8fa-0638ed93 {
place-self: center end;
}
#w-node-_4636addd-89d6-60c5-817b-281fce5ef08b-f59ff3fe {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4636addd-89d6-60c5-817b-281fce5ef092-f59ff3fe {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4636addd-89d6-60c5-817b-281fce5ef09f-f59ff3fe {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-f865b224-b8d6-7350-dbd7-6462b8a7b8ad-f59ff3fe {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-f865b224-b8d6-7350-dbd7-6462b8a7b8b7-f59ff3fe {
place-self: center;
}
#w-node-f865b224-b8d6-7350-dbd7-6462b8a7b8bc-f59ff3fe {
place-self: center end;
}
#w-node-ffaba254-cec8-be3c-4ba4-256430c21bf4-cbd5aa9f {
grid-area: 1 / 1 / 2 / 3;
align-self: start;
}
#w-node-ffaba254-cec8-be3c-4ba4-256430c21c28-cbd5aa9f {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-cbd5aa9f {
place-self: center start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-cbd5aa9f {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-cbd5aa9f {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385b-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385d-cbd5aa9f {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386b-cbd5aa9f {
grid-area: Date;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386d-cbd5aa9f {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387b-cbd5aa9f {
grid-area: Date;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387d-cbd5aa9f {
place-self: stretch center;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388b-cbd5aa9f {
grid-area: Date;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388d-cbd5aa9f {
place-self: stretch center;
}
#w-node-ff481ab6-4006-4ba7-4360-f1f62e6a1d63-cbd5aa9f {
align-self: start;
}
#w-node-_2f403911-44d2-c764-2e9b-5b34b19be7ed-d6762749 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_3ccecdde-8f37-d43b-a408-fc59069dff94-d6762749 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_405d2519-fd93-3121-9ef3-3b2cadb933a9-d6762749 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-_729af088-ea1e-3c87-9e4b-a8d46cfeffac-d6762749 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_66d38dbc-bc4d-abfd-0625-736aed55110d-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-e217a53e-cb39-11db-8859-0cadd723171f-d6762749 {
grid-area: 1 / 3 / 3 / 4;
}
#w-node-e217a53e-cb39-11db-8859-0cadd7231720-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_6ef24f81-9388-c84c-238a-0a99cdfc77f5-d6762749 {
grid-area: 1 / 4 / 3 / 5;
}
#w-node-_6ef24f81-9388-c84c-238a-0a99cdfc77f6-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_8ce8ccfe-d956-9a8e-c49f-87a7afa9576a-d6762749 {
grid-area: 2 / 2 / 3 / 2;
}
#w-node-_8ce8ccfe-d956-9a8e-c49f-87a7afa9576b-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-b77f85d7-f4be-714d-f1dc-72cc4c43c4d6-d6762749 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-b77f85d7-f4be-714d-f1dc-72cc4c43c4d7-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_5d68341d-afa5-9b87-ab11-c54439407da1-d6762749, #w-node-fb2f54df-19ba-b680-aec4-3d7724e03e06-d6762749, #w-node-_1f27beff-deb6-f427-7e5b-a826d3c8588e-d6762749 {
order: 9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16272250-711d-1438-a401-1a649e3ca144-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16272250-711d-1438-a401-1a649e3ca145-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_802b3e32-643e-f57e-b20a-95fd4a608304-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_802b3e32-643e-f57e-b20a-95fd4a608305-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-c7b1dcc4-24b4-8b9a-2fb8-c4954a89335c-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c7b1dcc4-24b4-8b9a-2fb8-c4954a89335d-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-e53ed81a-90ae-03d4-9575-e15fa0bf46a1-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e53ed81a-90ae-03d4-9575-e15fa0bf46a2-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-e4817231-79c5-db12-5059-67e9552da30b-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e4817231-79c5-db12-5059-67e9552da30c-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_0bf00cda-56d2-8893-13f1-b230800c38c7-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0bf00cda-56d2-8893-13f1-b230800c38c8-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-a01d78fe-895f-2226-a553-713775166e66-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a01d78fe-895f-2226-a553-713775166e67-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_62db0d35-0ad2-2840-8889-41b8dce3a7bf-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_62db0d35-0ad2-2840-8889-41b8dce3a7c0-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_1bd2a393-dd3f-fe77-4cb9-65544481ad01-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1bd2a393-dd3f-fe77-4cb9-65544481ad02-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_7082b0f2-1564-153d-52d7-9553e8426d7e-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_7082b0f2-1564-153d-52d7-9553e8426d88-d6762749 {
place-self: center;
}
#w-node-_7082b0f2-1564-153d-52d7-9553e8426d8d-d6762749 {
place-self: center end;
}
#w-node-c0222bfe-43ae-75b3-b3d4-a2cd8c6de7a6-208203bc {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-c0222bfe-43ae-75b3-b3d4-a2cd8c6de7ad-208203bc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_54ebc046-de1c-3bdb-2638-e505b9eac059-208203bc {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_54ebc046-de1c-3bdb-2638-e505b9eac063-208203bc {
place-self: center;
}
#w-node-_54ebc046-de1c-3bdb-2638-e505b9eac068-208203bc {
place-self: center end;
}
@media screen and (min-width: 1920px) {
#w-node-_66d38dbc-bc4d-abfd-0625-736aed55110d-d6762749, #w-node-e217a53e-cb39-11db-8859-0cadd7231720-d6762749, #w-node-_6ef24f81-9388-c84c-238a-0a99cdfc77f6-d6762749, #w-node-_8ce8ccfe-d956-9a8e-c49f-87a7afa9576b-d6762749, #w-node-b77f85d7-f4be-714d-f1dc-72cc4c43c4d7-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-_5d68341d-afa5-9b87-ab11-c54439407da1-d6762749, #w-node-fb2f54df-19ba-b680-aec4-3d7724e03e06-d6762749, #w-node-_1f27beff-deb6-f427-7e5b-a826d3c8588e-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16272250-711d-1438-a401-1a649e3ca145-d6762749, #w-node-_802b3e32-643e-f57e-b20a-95fd4a608305-d6762749, #w-node-c7b1dcc4-24b4-8b9a-2fb8-c4954a89335d-d6762749, #w-node-e53ed81a-90ae-03d4-9575-e15fa0bf46a2-d6762749, #w-node-e4817231-79c5-db12-5059-67e9552da30c-d6762749, #w-node-_0bf00cda-56d2-8893-13f1-b230800c38c8-d6762749, #w-node-a01d78fe-895f-2226-a553-713775166e67-d6762749, #w-node-_62db0d35-0ad2-2840-8889-41b8dce3a7c0-d6762749, #w-node-_1bd2a393-dd3f-fe77-4cb9-65544481ad02-d6762749 {
grid-area: 1 / 1 / 3 / 3;
}
}
@media screen and (min-width: 1440px) {
#w-node-cb8d4e42-cd2d-c2b6-6e3c-ffcf41d2fd99-63c96f6b, #w-node-af77ef54-3228-7bd5-de9e-84f99f2ea1af-9f2ea182 {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-7795aeaf {
place-self: center start;
}
#w-node-ffaba254-cec8-be3c-4ba4-256430c21c28-cbd5aa9f {
grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-cbd5aa9f {
place-self: center start;
}
}
@media screen and (min-width: 1280px) {
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-7795aeaf, #w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-cbd5aa9f {
justify-self: center;
}
}
@media screen and (max-width: 991px) {
#w-node-_8cedd973-5254-5eb1-a35e-facd67e05343-5fd8a6c5 {
grid-area: information;
}
#w-node-_8cedd973-5254-5eb1-a35e-facd67e0535b-5fd8a6c5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc39821e-5a01-8743-309d-96edf5595760-40edab4f, #w-node-f4d36f42-770f-0248-4582-ce10bc394026-40edab4f {
align-self: center;
}
#w-node-ced71c66-c948-5b90-9808-2e3ad8b96e0e-87a387d4 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-ced71c66-c948-5b90-9808-2e3ad8b96e11-87a387d4 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-dbe894f7-2e36-8601-ed39-1e9b1ce63d61-87a387d4 {
grid-column: span 3 / span 3;
}
#w-node-b43c0cb6-1927-f860-8557-7117b1f718f9-87a387d4 {
grid-column-start: 5;
}
#w-node-d077ec57-d1ee-b075-2ede-0e653c1f4ad2-87a387d4 {
grid-column: span 3 / span 3;
}
#w-node-d077ec57-d1ee-b075-2ede-0e653c1f4ae0-87a387d4 {
grid-column-start: 5;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-f318abb0 {
place-self: center;
}
#w-node-d09ab581-3499-784b-ef16-efb4825392ea-f318abb0 {
grid-area: information;
}
#w-node-d09ab581-3499-784b-ef16-efb4825392fa-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_017681dc-2eb5-972d-7b80-e48e8933771f-f318abb0 {
grid-area: information;
}
#w-node-_017681dc-2eb5-972d-7b80-e48e8933772f-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_145b1804-37ae-7c4a-fc15-ee9d3906e067-f318abb0 {
grid-area: information;
}
#w-node-_145b1804-37ae-7c4a-fc15-ee9d3906e077-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5aeb7d1b-073f-4ac3-6038-9626c29a707e-f318abb0 {
grid-area: information;
}
#w-node-_5aeb7d1b-073f-4ac3-6038-9626c29a708e-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5c7fc13-304e-cdff-0ce6-94391af5b3b1-f318abb0 {
grid-area: information;
}
#w-node-_5dd18beb-c461-8b41-5d08-563330116c2f-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ecef94a1-acaf-ab8f-52b4-32286511afe8-f318abb0 {
grid-area: information;
}
#w-node-ecef94a1-acaf-ab8f-52b4-32286511affa-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca77d74c-2a0f-5824-b0dc-d4859f19ca6a-f318abb0 {
grid-area: information;
}
#w-node-ca77d74c-2a0f-5824-b0dc-d4859f19ca7c-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7085be00-b40b-e41e-65f9-377dd75798df-f318abb0 {
grid-area: information;
}
#w-node-_7085be00-b40b-e41e-65f9-377dd75798ef-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-f318abb0 {
grid-column: span 7 / span 7;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-f318abb0 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-cb8d4e42-cd2d-c2b6-6e3c-ffcf41d2fd65-63c96f6b {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: auto end;
}
#w-node-cb8d4e42-cd2d-c2b6-6e3c-ffcf41d2fd99-63c96f6b {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_2b27382e-aef6-2525-e4dc-2cb5a5930a3c-63c96f6b {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-dc6bac37-448f-2dc7-3944-0491136c9fde-63c96f6b {
grid-area: 2 / 2 / 3 / 8;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2853f-91c2853b {
grid-column: span 7 / span 7;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28546-91c2853b {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf48510925-4f14560a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf48510928-4f14560a {
grid-area: information;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf4851093b-4f14560a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf4851093e-4f14560a {
grid-area: information;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf48510951-4f14560a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf48510954-4f14560a {
grid-area: information;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf48510967-4f14560a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf4851096a-4f14560a {
grid-area: information;
}
#w-node-_75738bd8-3040-bcb7-87b9-7fbf4851097d-4f14560a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-af77ef54-3228-7bd5-de9e-84f99f2ea185-9f2ea182 {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: auto end;
}
#w-node-af77ef54-3228-7bd5-de9e-84f99f2ea1af-9f2ea182 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-fc47f0e7-6794-5198-3acf-c24883de9371-184faabb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6ae7c867-dbdf-ed6b-b5e9-76136ae04250-81d5fbd1, #w-node-d6357fa7-7fe0-823f-17c7-3caee8c22cc2-81d5fbd1, #w-node-_298a6a6e-f849-0b1b-a50b-d424f36c4f16-81d5fbd1 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_599dd7a9-fa44-32f1-7dc1-ebefca945ef2-81d5fbd1 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-f9606eca-369f-34d9-0cb3-18de5f6db24c-81d5fbd1 {
grid-area: 3 / 1 / 4 / 3;
align-self: start;
}
#w-node-_68a0f54f-bafe-3b5c-7364-893d4bf8053e-81d5fbd1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1f2b62c2-1530-cb8f-56e5-7b4ba535503b-81d5fbd1 {
grid-area: 1 / 1 / 2 / 3;
align-self: auto;
}
#w-node-_1f2b62c2-1530-cb8f-56e5-7b4ba5355042-81d5fbd1 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_43a9e4e9-ff2d-5061-0895-037d2e5cca7b-81d5fbd1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_55fe7de2-605e-7943-654e-5e7ca815767c-81d5fbd1, #w-node-_5030facf-56dc-a893-9721-eee19bc84930-81d5fbd1 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f49eaaba-b827-4365-3ec6-9329ded04a7a-672c5277 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-f49eaaba-b827-4365-3ec6-9329ded04a7d-672c5277 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_795a86ec-fbcf-2d27-e84c-bd98944b0834-672c5277 {
grid-column: span 3 / span 3;
}
#w-node-_795a86ec-fbcf-2d27-e84c-bd98944b0842-672c5277 {
grid-column-start: 5;
}
#w-node-_9e5f95b3-4e27-a68d-b494-b29fd1205350-672c5277 {
grid-area: information;
}
#w-node-_9e5f95b3-4e27-a68d-b494-b29fd1205368-672c5277 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6bf2f52a-e069-7ad0-c8be-52c3e6016a7e-8e76f165 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_6bf2f52a-e069-7ad0-c8be-52c3e6016a81-8e76f165 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_605b4b27-8e6d-68aa-e79f-334d6c6f3c9d-8e76f165, #w-node-da74b2e3-1e0d-daae-c863-bb97923a96ba-8e76f165 {
grid-column: span 4 / span 4;
}
#w-node-_68a184c1-5fd0-3c8c-c950-1a9479639768-a2bc7da4 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_68a184c1-5fd0-3c8c-c950-1a947963976b-a2bc7da4 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-7795aeaf {
place-self: center;
}
#w-node-dc783b07-e0a9-2576-3e92-bd984a9a1622-7795aeaf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_44be2dcc-7bca-71e1-07ef-2ff68101369e-7795aeaf {
grid-area: information;
}
#w-node-_44be2dcc-7bca-71e1-07ef-2ff6810136b4-7795aeaf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8c196b35-145e-a737-88b0-366da24a9ddf-7795aeaf {
grid-area: information;
}
#w-node-_8c196b35-145e-a737-88b0-366da24a9df2-7795aeaf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e4e47171-bba1-79e6-9242-3d9a6ad1e79b-7795aeaf {
grid-area: information;
}
#w-node-e4e47171-bba1-79e6-9242-3d9a6ad1e7ae-7795aeaf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf71b903-a877-f705-792d-cd5427fa8c7d-7795aeaf {
grid-area: information;
}
#w-node-bf71b903-a877-f705-792d-cd5427fa8c90-7795aeaf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-7795aeaf {
grid-column: span 7 / span 7;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-7795aeaf {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_2b27382e-aef6-2525-e4dc-2cb5a5930a3c-6d036a73 {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-dc6bac37-448f-2dc7-3944-0491136c9fde-6d036a73 {
grid-area: 2 / 2 / 3 / 8;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e902-6d036a73 {
grid-column: span 7 / span 7;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e909-6d036a73 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_13f24260-07e2-9e01-5f08-717f2e91bb40-28889cfc {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-_13f24260-07e2-9e01-5f08-717f2e91bb4f-28889cfc {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc5e-0638ed93 {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc6b-0638ed93 {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_4636addd-89d6-60c5-817b-281fce5ef092-f59ff3fe {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-_4636addd-89d6-60c5-817b-281fce5ef09f-f59ff3fe {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-ffaba254-cec8-be3c-4ba4-256430c21bf4-cbd5aa9f {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: auto end;
}
#w-node-ffaba254-cec8-be3c-4ba4-256430c21c28-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-cbd5aa9f {
place-self: center;
}
#w-node-dc783b07-e0a9-2576-3e92-bd984a9a1622-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_44be2dcc-7bca-71e1-07ef-2ff68101369e-cbd5aa9f {
grid-area: information;
}
#w-node-_44be2dcc-7bca-71e1-07ef-2ff6810136b4-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8c196b35-145e-a737-88b0-366da24a9ddf-cbd5aa9f {
grid-area: information;
}
#w-node-_8c196b35-145e-a737-88b0-366da24a9df2-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e4e47171-bba1-79e6-9242-3d9a6ad1e79b-cbd5aa9f {
grid-area: information;
}
#w-node-e4e47171-bba1-79e6-9242-3d9a6ad1e7ae-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf71b903-a877-f705-792d-cd5427fa8c7d-cbd5aa9f {
grid-area: information;
}
#w-node-bf71b903-a877-f705-792d-cd5427fa8c90-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-cbd5aa9f {
grid-column: span 7 / span 7;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-cbd5aa9f {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_3ccecdde-8f37-d43b-a408-fc59069dff94-d6762749 {
grid-area: 2 / 1 / 2 / 3;
}
#w-node-_405d2519-fd93-3121-9ef3-3b2cadb933a9-d6762749 {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_729af088-ea1e-3c87-9e4b-a8d46cfeffac-d6762749 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-e217a53e-cb39-11db-8859-0cadd723171f-d6762749 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_6ef24f81-9388-c84c-238a-0a99cdfc77f5-d6762749 {
grid-area: 3 / 1 / 3 / 3;
}
#w-node-_8ce8ccfe-d956-9a8e-c49f-87a7afa9576a-d6762749 {
grid-area: 4 / 2 / 4 / 3;
}
#w-node-b77f85d7-f4be-714d-f1dc-72cc4c43c4d6-d6762749 {
grid-area: 4 / 1 / 4 / 2;
}
#w-node-_16272250-711d-1438-a401-1a649e3ca144-d6762749, #w-node-_802b3e32-643e-f57e-b20a-95fd4a608304-d6762749, #w-node-c7b1dcc4-24b4-8b9a-2fb8-c4954a89335c-d6762749, #w-node-e53ed81a-90ae-03d4-9575-e15fa0bf46a1-d6762749, #w-node-e4817231-79c5-db12-5059-67e9552da30b-d6762749, #w-node-_0bf00cda-56d2-8893-13f1-b230800c38c7-d6762749, #w-node-a01d78fe-895f-2226-a553-713775166e66-d6762749, #w-node-_62db0d35-0ad2-2840-8889-41b8dce3a7bf-d6762749, #w-node-_1bd2a393-dd3f-fe77-4cb9-65544481ad01-d6762749, #w-node-c0222bfe-43ae-75b3-b3d4-a2cd8c6de7a6-208203bc, #w-node-c0222bfe-43ae-75b3-b3d4-a2cd8c6de7ad-208203bc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 767px) {
#w-node-_548e3fc5-94bb-eab7-b1b8-303818b02766-5fd8a6c5 {
justify-self: start;
}
#w-node-c26898e2-79df-a852-cb99-daafd45d9b30-5fd8a6c5 {
grid-area: Area;
}
#w-node-_416adc35-80c3-c64a-a9f9-3de43db81e80-5fd8a6c5 {
grid-area: Area-2;
}
#w-node-_35264735-827f-7fd5-dd18-87d8d2f88fb3-5fd8a6c5 {
grid-area: Area;
}
#w-node-_35264735-827f-7fd5-dd18-87d8d2f88fc2-5fd8a6c5 {
grid-area: Area-2;
}
#w-node-d9de1baf-fb9c-13c8-434d-8e6ba2af52b3-939a616b {
align-self: auto;
}
#w-node-_16a2b65a-007f-5d0c-694f-090d3eb87656-40edab4f, #w-node-d0c2074d-dcc6-565b-562b-e541ae4e5845-40edab4f, #w-node-e04b94e7-5ae6-e884-3612-45acaaba3177-40edab4f {
justify-self: center;
}
#w-node-b515085c-f106-47bf-8ce4-dd4b1c1b167d-40edab4f {
grid-area: text;
}
#w-node-_4eb7fcbb-71e2-c90a-0483-f365e144d3f5-40edab4f, #w-node-_40b51cb2-e443-6a24-998a-f96bf71d6745-40edab4f {
justify-self: center;
}
#w-node-dbe894f7-2e36-8601-ed39-1e9b1ce63d61-87a387d4 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-b43c0cb6-1927-f860-8557-7117b1f718f9-87a387d4 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-d077ec57-d1ee-b075-2ede-0e653c1f4ad2-87a387d4 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-d077ec57-d1ee-b075-2ede-0e653c1f4ae0-87a387d4 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-f318abb0 {
place-self: center start;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-f318abb0 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-f318abb0, #w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28546-91c2853b {
grid-column: span 8 / span 8;
}
#w-node-_6ae7c867-dbdf-ed6b-b5e9-76136ae04250-81d5fbd1, #w-node-d6357fa7-7fe0-823f-17c7-3caee8c22cc2-81d5fbd1, #w-node-_298a6a6e-f849-0b1b-a50b-d424f36c4f16-81d5fbd1 {
grid-row: 2 / 3;
}
#w-node-_68a0f54f-bafe-3b5c-7364-893d4bf8053e-81d5fbd1, #w-node-_43a9e4e9-ff2d-5061-0895-037d2e5cca7b-81d5fbd1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_55fe7de2-605e-7943-654e-5e7ca815767c-81d5fbd1, #w-node-_5030facf-56dc-a893-9721-eee19bc84930-81d5fbd1 {
grid-row: 2 / 3;
}
#w-node-_795a86ec-fbcf-2d27-e84c-bd98944b0834-672c5277 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_795a86ec-fbcf-2d27-e84c-bd98944b0842-672c5277 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_605b4b27-8e6d-68aa-e79f-334d6c6f3c9d-8e76f165 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_595e7eb5-af91-b5ac-1067-9c42638b1785-8e76f165 {
grid-column: 1 / 9;
grid-row-start: 2;
}
#w-node-d88d2832-d9f8-9707-50f9-8377835057d5-8e76f165 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_1d39a0bd-9b45-4da5-3304-40562f757d7f-8e76f165 {
grid-column: 4 / 6;
grid-row-start: 2;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d49236b-8e76f165 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d49236d-8e76f165 {
grid-column: 4 / 6;
grid-row-start: 2;
}
#w-node-da74b2e3-1e0d-daae-c863-bb97923a96ba-8e76f165 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-da74b2e3-1e0d-daae-c863-bb97923a96be-8e76f165 {
grid-column: 1 / 9;
grid-row-start: 2;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-7795aeaf {
place-self: center start;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-7795aeaf {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-7795aeaf {
grid-column: span 8 / span 8;
}
#w-node-dc6bac37-448f-2dc7-3944-0491136c9fde-6d036a73 {
grid-area: 2 / 2 / 3 / 8;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e909-6d036a73 {
grid-column: span 8 / span 8;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-cbd5aa9f {
place-self: center start;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-cbd5aa9f {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-cbd5aa9f {
grid-column: span 8 / span 8;
}
}
@media screen and (max-width: 479px) {
#w-node-_453a6344-287d-d35c-c2e2-5c421c3597d4-5fd8a6c5 {
place-self: center;
}
#w-node-_548e3fc5-94bb-eab7-b1b8-303818b02766-5fd8a6c5 {
justify-self: center;
}
#w-node-_8cedd973-5254-5eb1-a35e-facd67e05343-5fd8a6c5 {
grid-area: Information;
}
#w-node-_8cedd973-5254-5eb1-a35e-facd67e0535b-5fd8a6c5 {
grid-area: Image;
}
#w-node-_641668e2-3eb0-5920-1057-76403e111e03-5fd8a6c5 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_09e59680-0419-3878-4360-d9f55d5ed6a0-939a616b {
grid-area: team-name;
}
#w-node-c0bc1986-84b7-2528-99f4-d657c4416a2d-939a616b {
place-self: auto center;
}
#w-node-_9a7a29ea-7998-ba25-1135-1581a0eba2f8-939a616b {
grid-area: right-text;
}
#w-node-_80f32047-8527-cb53-9f91-edefa8b06dce-939a616b {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-cc39821e-5a01-8743-309d-96edf5595760-40edab4f, #w-node-_8d197240-5682-12e9-4ca8-0a88ce8e27c9-40edab4f {
place-self: center;
}
#w-node-_4f44f2e7-b06d-c6b8-7000-519a5b7ccdeb-40edab4f {
place-self: center start;
}
#w-node-_87d6901c-f8a6-2956-2612-b6b382462c40-40edab4f, #w-node-_16a2b65a-007f-5d0c-694f-090d3eb87656-40edab4f, #w-node-d0c2074d-dcc6-565b-562b-e541ae4e5845-40edab4f {
place-self: center;
}
#w-node-d2408474-dd44-ca6f-3675-207ba97608cf-40edab4f {
grid-area: color;
}
#w-node-_322c0fd8-2854-1838-6e2b-d6437149faec-40edab4f {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-ced71c66-c948-5b90-9808-2e3ad8b96e0e-87a387d4 {
grid-row: 2 / 3;
}
#w-node-dbe894f7-2e36-8601-ed39-1e9b1ce63d61-87a387d4, #w-node-d077ec57-d1ee-b075-2ede-0e653c1f4ad2-87a387d4 {
grid-column-end: 9;
}
#w-node-d30dd5f5-b85b-af22-c8b9-d4fa65cb98eb-87a387d4 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-f318abb0 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-f318abb0 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-d09ab581-3499-784b-ef16-efb4825392fa-f318abb0 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_017681dc-2eb5-972d-7b80-e48e8933771f-f318abb0 {
grid-area: Information;
}
#w-node-_017681dc-2eb5-972d-7b80-e48e8933772f-f318abb0 {
grid-area: Image;
}
#w-node-e5c7fc13-304e-cdff-0ce6-94391af5b3b1-f318abb0 {
grid-area: information;
}
#w-node-_5dd18beb-c461-8b41-5d08-563330116c2f-f318abb0 {
grid-area: image;
}
#w-node-ecef94a1-acaf-ab8f-52b4-32286511afe8-f318abb0 {
place-self: auto;
}
#w-node-ecef94a1-acaf-ab8f-52b4-32286511affa-f318abb0 {
align-self: auto;
}
#w-node-ca77d74c-2a0f-5824-b0dc-d4859f19ca6a-f318abb0 {
grid-area: Information;
}
#w-node-ca77d74c-2a0f-5824-b0dc-d4859f19ca7c-f318abb0 {
grid-area: Image;
}
#w-node-_7085be00-b40b-e41e-65f9-377dd75798df-f318abb0 {
grid-area: Information;
}
#w-node-_7085be00-b40b-e41e-65f9-377dd75798ef-f318abb0 {
grid-area: Image;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-f318abb0 {
grid-area: span 1 / span 7 / span 1 / span 7;
align-self: start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-f318abb0 {
grid-column: span 7 / span 7;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385b-f318abb0 {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385d-f318abb0 {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385f-f318abb0 {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386b-f318abb0 {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386d-f318abb0 {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386f-f318abb0 {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387b-f318abb0 {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387d-f318abb0 {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387f-f318abb0 {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388b-f318abb0 {
grid-area: Date-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388d-f318abb0 {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388f-f318abb0 {
grid-area: Job-Mobile;
}
#w-node-_2b27382e-aef6-2525-e4dc-2cb5a5930a3c-63c96f6b, #w-node-dc6bac37-448f-2dc7-3944-0491136c9fde-63c96f6b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2853f-91c2853b {
grid-area: span 1 / span 7 / span 1 / span 7;
align-self: start;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28546-91c2853b {
grid-column: span 7 / span 7;
justify-self: auto;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28548-91c2853b {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2854a-91c2853b {
grid-area: Timeline-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2854c-91c2853b {
grid-area: Job-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28558-91c2853b {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2855a-91c2853b {
grid-area: Timeline-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2855c-91c2853b {
grid-area: Job-Mobile;
}
#w-node-_167ef31f-6064-1742-a915-12e5de83bee0-91c2853b {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_167ef31f-6064-1742-a915-12e5de83bee2-91c2853b {
grid-area: Timeline-Mobile;
}
#w-node-_167ef31f-6064-1742-a915-12e5de83bee4-91c2853b {
grid-area: Job-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28568-91c2853b {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2856a-91c2853b {
grid-area: Timeline-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2856c-91c2853b {
grid-area: Job-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c28578-91c2853b {
grid-area: Date-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2857a-91c2853b {
grid-area: Timeline-Mobile;
}
#w-node-e5e8faab-e4e8-e950-1dc4-3e4491c2857c-91c2853b {
grid-area: Job-Mobile;
}
#w-node-_6ae7c867-dbdf-ed6b-b5e9-76136ae04250-81d5fbd1, #w-node-d6357fa7-7fe0-823f-17c7-3caee8c22cc2-81d5fbd1, #w-node-_298a6a6e-f849-0b1b-a50b-d424f36c4f16-81d5fbd1 {
grid-row: 2 / 3;
}
#w-node-_68a0f54f-bafe-3b5c-7364-893d4bf8053e-81d5fbd1, #w-node-_43a9e4e9-ff2d-5061-0895-037d2e5cca7b-81d5fbd1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_55fe7de2-605e-7943-654e-5e7ca815767c-81d5fbd1, #w-node-_5030facf-56dc-a893-9721-eee19bc84930-81d5fbd1 {
grid-row: 2 / 3;
}
#w-node-_63c5a8bf-c509-2cac-a76d-2ffecea67469-81d5fbd1 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-f49eaaba-b827-4365-3ec6-9329ded04a7a-672c5277 {
grid-row: 3 / 4;
}
#w-node-_795a86ec-fbcf-2d27-e84c-bd98944b0834-672c5277 {
grid-column-end: 9;
}
#w-node-_9e5f95b3-4e27-a68d-b494-b29fd1205350-672c5277 {
grid-area: Information;
}
#w-node-_9e5f95b3-4e27-a68d-b494-b29fd1205368-672c5277 {
grid-area: Image;
}
#w-node-_241dff06-d828-3c5a-5393-4774dda26824-672c5277 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_605b4b27-8e6d-68aa-e79f-334d6c6f3c9d-8e76f165 {
grid-column-end: 9;
}
#w-node-_3dd00fb9-520f-92f3-510e-a3101a0f24c3-8e76f165 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-d88d2832-d9f8-9707-50f9-8377835057d5-8e76f165 {
grid-row: 3 / 4;
}
#w-node-_1d39a0bd-9b45-4da5-3304-40562f757d7f-8e76f165 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d492369-8e76f165 {
grid-column: 1 / 3;
grid-row-start: 2;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d49236b-8e76f165 {
grid-row: 3 / 4;
}
#w-node-_715fbd80-5909-1358-d2b5-cbee0d49236d-8e76f165 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-da74b2e3-1e0d-daae-c863-bb97923a96ba-8e76f165 {
grid-column-end: 9;
}
#w-node-_6cc98387-da5b-7f61-c225-ff142fa042fd-8e76f165 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-e6a89048-7c47-645d-16ce-87edcbba069a-a2bc7da4 {
grid-area: 2 / 1 / 2 / 2;
}
#w-node-_3ed7f1bf-39bf-be5a-592b-84ac7a1f5206-a2bc7da4 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_0f596f66-30db-cc0d-0fe9-6358f21d61a8-a2bc7da4 {
grid-area: 3 / 1 / 3 / 2;
}
#w-node-_6f14e084-2973-eed2-c0ce-b579516e735c-a2bc7da4 {
grid-area: 3 / 2 / 3 / 3;
}
#w-node-_3f2ad82c-485a-1526-58e3-3ade487de925-a2bc7da4 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4a9d38d1-34ad-224e-4846-e94ba4efa815-a2bc7da4 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_12e479c6-9ba3-ca64-25e9-54466b491eca-a2bc7da4 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_59943540-6faf-5a4b-aa42-6e1fb2e70d64-a2bc7da4 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-7795aeaf {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-7795aeaf {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-7795aeaf {
grid-area: span 1 / span 7 / span 1 / span 7;
align-self: start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-7795aeaf {
grid-column: span 7 / span 7;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385b-7795aeaf {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385d-7795aeaf {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385f-7795aeaf {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386b-7795aeaf {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386d-7795aeaf {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386f-7795aeaf {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387b-7795aeaf {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387d-7795aeaf {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387f-7795aeaf {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388b-7795aeaf {
grid-area: Date-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388d-7795aeaf {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388f-7795aeaf {
grid-area: Job-Mobile;
}
#w-node-_2b27382e-aef6-2525-e4dc-2cb5a5930a3c-6d036a73, #w-node-dc6bac37-448f-2dc7-3944-0491136c9fde-6d036a73 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e902-6d036a73 {
grid-area: span 1 / span 7 / span 1 / span 7;
align-self: start;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e909-6d036a73 {
grid-column: span 7 / span 7;
justify-self: auto;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e90b-6d036a73 {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e90d-6d036a73 {
grid-area: Timeline-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e90f-6d036a73 {
grid-area: Job-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e91b-6d036a73 {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e91d-6d036a73 {
grid-area: Timeline-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e91f-6d036a73 {
grid-area: Job-Mobile;
}
#w-node-_81d1e42c-b9e4-7a5f-1043-2751cc2664d7-6d036a73 {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_81d1e42c-b9e4-7a5f-1043-2751cc2664d9-6d036a73 {
grid-area: Timeline-Mobile;
}
#w-node-_81d1e42c-b9e4-7a5f-1043-2751cc2664db-6d036a73 {
grid-area: Job-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e92b-6d036a73 {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e92d-6d036a73 {
grid-area: Timeline-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e92f-6d036a73 {
grid-area: Job-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e93b-6d036a73 {
grid-area: Date-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e93d-6d036a73 {
grid-area: Timeline-Mobile;
}
#w-node-_50a58358-6371-4fb3-868b-8ce217a0e93f-6d036a73 {
grid-area: Job-Mobile;
}
#w-node-_13f24260-07e2-9e01-5f08-717f2e91bb39-28889cfc, #w-node-_13f24260-07e2-9e01-5f08-717f2e91bb40-28889cfc, #w-node-_13f24260-07e2-9e01-5f08-717f2e91bb4f-28889cfc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9a5f021-8549-a3bd-6bbf-b49f60515287-28889cfc {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc57-0638ed93, #w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc5e-0638ed93, #w-node-_8c50e89b-e394-fc5a-cb3e-e8b78dd6fc6b-0638ed93 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b947d8d5-3ef2-b809-5d64-23d9f8c8e8f5-0638ed93 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_4636addd-89d6-60c5-817b-281fce5ef08b-f59ff3fe, #w-node-_4636addd-89d6-60c5-817b-281fce5ef092-f59ff3fe, #w-node-_4636addd-89d6-60c5-817b-281fce5ef09f-f59ff3fe {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f865b224-b8d6-7350-dbd7-6462b8a7b8b7-f59ff3fe {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-b5995904-b779-4e58-77eb-0216adb6a755-cbd5aa9f {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-e8005a1b-a088-f7d0-f9a7-8399da6abc6f-cbd5aa9f {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3852-cbd5aa9f {
grid-area: span 1 / span 7 / span 1 / span 7;
align-self: start;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b3859-cbd5aa9f {
grid-column: span 7 / span 7;
justify-self: auto;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385b-cbd5aa9f {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385d-cbd5aa9f {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b385f-cbd5aa9f {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386b-cbd5aa9f {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386d-cbd5aa9f {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b386f-cbd5aa9f {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387b-cbd5aa9f {
grid-area: Date-Mobile;
place-self: start stretch;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387d-cbd5aa9f {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b387f-cbd5aa9f {
grid-area: Job-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388b-cbd5aa9f {
grid-area: Date-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388d-cbd5aa9f {
grid-area: Timeline-Mobile;
}
#w-node-_3e255f2c-6438-cb24-a3d6-1869706b388f-cbd5aa9f {
grid-area: Job-Mobile;
}
#w-node-d944b06d-2ccf-a721-9fad-213c182b9f48-d6762749 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ac116f7c-cfd6-7e04-b256-ff811795d841-d6762749 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_7082b0f2-1564-153d-52d7-9553e8426d88-d6762749, #w-node-_54ebc046-de1c-3bdb-2638-e505b9eac063-208203bc {
grid-area: 1 / 2 / 2 / 2;
}
}