Phân biệt hai dạng thiết kế Spyder và Roadster của Lamborghini
Trên những mẫu xe Lamborghini, Spyder và Roadster là hai khái niệm khó phân biệt.
html {
font-family: 'Barlow', sans-serif;
font-style: normal;
font-weight: normal;
color: #000000;
scroll-behavior: smooth;
}
amp-img>img {
object-fit: cover;
}
*:focus {
outline: none;
}
.content>a:visited {
color: #BA0000;
}
.-fmc>a:visited {
color: #FFFFFF;
}
.-fmc>a {
text-decoration: none;
}
.-fbt>a:visited {
color: #FFFFFF;
}
.-fmp>a {
text-decoration: none;
}
.it {
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.it-current {
visibility: visible;
}
.it-upnext {
position: absolute;
visibility: hidden;
}
.it-upnext>a {
text-decoration: none;
color: #000000;
}
.it-upnext>a:hover {
text-decoration: underline;
}
.article-same-topic {
position: fixed;
background: #FFFFFF;
}
.article-same-topic-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.article-same-topic-text {
display: flex;
align-items: center;
}
.article-same-topic-text>a {
text-decoration: none;
cursor: pointer;
color: #000000;
}
.article-same-topic-text>a:hover {
text-decoration: underline;
}
.article-same-topic-text:nth-child(odd) {
background: #F2F2F2;
}
.article-same-topic-line-limit {
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px 2px 15px;
}
.content-normal-text {
font-weight: 400;
}
.content-top-category {
color: #BA0000;
}
.top-breadcrumb > a {
text-decoration: none;
color: #BA0000;
cursor: pointer;
}
.content-top-title {
margin-top: 15px;
}
.content-top-description {
margin-top: 40px;
}
.content-top-time {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 200;
color: #999999;
margin-top: 30px;
}
.figcap {
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #737373;
margin-top: 10px;
}
.content-heading {
line-height: 30px;
font-weight: 700;
}
.slide-img {
position: relative;
}
.slide-img-container {
margin-right: 1px;
}
.slide-img:last-child>.slide-img-container {
margin-right: 0;
}
amp-img.slide-img-container img {
object-fit: cover;
}
/* .slide-bottom {
display: flex;
flex-direction: row;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 100;
font-size: 15px;
line-height: 18px;
color: #999999;
margin-top: 5px;
} */
.slide-bottom {
display: flex;
flex-direction: row;
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #737373;
margin-top: 10px;
}
/* .figcap-slide::before {
content: "- ";
} */
.slide-navbar {
height: 50px;
background: #FFFFFF;
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
bottom: 18px;
text-transform: uppercase;
display: none;
}
.carousel-nav {
background-color: #FFFFFF;
padding: 5px 20px;
outline: none;
border: none;
cursor: pointer;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
text-transform: uppercase;
bottom: 10px;
}
amp-base-carousel>div:first-child::-webkit-scrollbar {
display: none;
}
.progress-bar-container {
height: 2px;
overflow: hidden;
}
.progress-bar {
height: 2px;
width: 100%;
background: #000000;
transform: translateX(-100%);
}
.content-added {
border-top: 2px solid #BA0000;
padding-top: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
color: #BA0000;
margin-bottom: -10px;
}
.content-added>p {
position: relative;
top: -25px;
}
.content-audio,
.content-tableau,
.content-map,
.content-facebook,
.content-docs,
.content-gfy,
.content-slider,
.content-instagram,
.content-math,
.content-tiktok,
.content-twitter,
.content-video,
.content-youtube,
.content-table,
.content-embed,
.content-facebook-video {
margin-top: 60px;
margin-bottom: 60px;
}
.content-audio>amp-audio {
background-color: #F2F2F2;
border-top: 2px solid #000000;
}
.figcap-audio {
/* margin-top: 5px; */
margin-top: 10px;
}
.content-tableau-frame {
padding-top: 15px;
border: 1px solid #CCCCCC;
overflow: hidden;
}
.content-embed>amp-iframe {
border-left: 1px solid rgb(226, 226, 226);
}
.tableau-hide {
width: 150px;
background: rgb(246, 246, 246);
position: relative;
bottom: 27px;
display: flex;
align-items: center;
padding-left: 10px;
}
.content-beop {
margin-top: 60px;
margin-bottom: 60px;
overflow: hidden;
}
.content-wide {
margin-top: 40px;
margin-bottom: 40px;
}
.figcap-facebook {
margin-top: -15px;
}
/* .slider-bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 100;
font-size: 15px;
line-height: 18px;
color: #999999;
margin-top: 5px;
} */
.slider-bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #737373;
margin-top: 10px;
}
/* .figcap-slider::before {
content: "- ";
} */
.slider-navbar {
width: 80px;
height: 50px;
background: #FFFFFF;
position: relative;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
bottom: 18px;
text-transform: uppercase;
display: none;
}
.slider-nav {
background-color: #FFFFFF;
padding: 5px 20px;
outline: none;
border: none;
cursor: pointer;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
text-transform: uppercase;
bottom: 10px;
}
/*
.triangle-hint .amp-image-slider-hint-left {
width: 20px;
height: 40px;
background-size: 20px 40px;
margin-right: 0;
background-image: url("/static/icon/slider-left.svg");
}
*/
.triangle-hint .amp-image-slider-hint-left {
width: 20px;
height: 40px;
background-size: 20px 40px;
margin-right: 0;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eslider-left%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M10%2C0a10%2C10%2C0%2C0%2C0%2C0%2C20%22%2F%3E%3Cpath%20d%3D%22M3.8%2C9.8%2C7%2C6.6a.28.28%2C0%2C0%2C1%2C.4.4l-3%2C3%2C3%2C3a.28.28%2C0%2C0%2C1-.4.4L3.8%2C10.2A.3.3%2C0%2C0%2C1%2C3.8%2C9.8Z%22%2F%3E%3C%2Fsvg%3E");
}
/*
.triangle-hint .amp-image-slider-hint-right {
width: 20px;
height: 40px;
background-size: 20px 40px;
margin-left: 0;
background-image: url("/static/icon/slider-right.svg");
}
*/
.triangle-hint .amp-image-slider-hint-right {
width: 20px;
height: 40px;
background-size: 20px 40px;
margin-left: 0;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eslider-right%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M0%2C0A10%2C10%2C0%2C0%2C1%2C10%2C10%2C10%2C10%2C0%2C0%2C1%2C0%2C20%22%2F%3E%3Cpath%20d%3D%22M6.2%2C9.8%2C3%2C6.6a.3.3%2C0%2C0%2C0-.4%2C0%2C.3.3%2C0%2C0%2C0%2C0%2C.4l3%2C3-3%2C3a.3.3%2C0%2C0%2C0%2C0%2C.4.3.3%2C0%2C0%2C0%2C.4%2C0l3.2-3.2A.3.3%2C0%2C0%2C0%2C6.2%2C9.8Z%22%2F%3E%3C%2Fsvg%3E");
}
.content-instagram {
border: 1px solid #E5E5E5;
}
.content-math>amp-mathml {
/*transform: scale(1.2);*/
/*margin-left: 15px;*/
}
.content-para>amp-mathml {
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*margin-top: 15px;*/
/*padding-bottom: 10px;*/
/*bottom: 3px;*/
/*border: 1px solid #F2F2F2;*/
display: inline-flex;
align-items: center;
}
.content-para>a {
color: #BA0000;
text-decoration: none;
}
.content-list>li>a {
color: #BA0000;
text-decoration: none;
}
.content-list>li {
margin-bottom: 15px;
}
.content-list>li:last-child {
margin-bottom: 0;
}
.content-quote {
border-top: 2px solid #000000;
margin-bottom: 60px;
}
.content-quote-para {
font-weight: 800;
text-transform: uppercase;
margin-bottom: 10px;
}
.content-table {
border-top: 2px solid #000000;
margin-top: 60px;
margin-bottom: 60px;
overflow-x: scroll;
}
table {
width: 100%;
border-collapse: collapse;
border-bottom: 1px solid #CCCCCC
}
caption {
font-weight: 700;
text-align: left;
}
thead>tr>th {
font-weight: normal;
text-align: center;
}
tbody {
text-align: center;
}
/* table>caption::before {
content: "Bảng: ";
} */
thead {
background-color: #000000;
color: #FFFFFF;
}
tbody>tr:nth-child(even) {
background-color: #F2F2F2;
}
tbody>tr:nth-child(odd) {
background-color: #FFFFFF;
}
tbody>tr>td:first-child {
text-align: left;
}
.comc {
position: relative;
}
.comc-top {
display: flex;
flex-direction: row;
align-items: center;
}
.comc-author {
margin-left: 10px;
overflow: hidden;
font-weight: 700;
text-transform: capitalize;
}
.comc-count {
font-weight: 700;
text-align: right;
margin-right: 10px;
}
.comc-text {
display: block;
}
/* .comc-text:first-letter {
text-transform: uppercase;
} */
.comment-form {
display: block;
font-family: 'Barlow', sans-serif;
padding-top: 12px;
padding-bottom: 10px;
font-weight: 300;
color: #000000;
border-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
textarea {
resize: none;
}
.comment-lightbox {
background: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.comment-user {
position: relative;
float: right;
}
.feedback-title {
font-weight: 700;
font-size: 21px;
line-height: 28px;
}
.feedback-form>label {
margin: auto;
display: flex;
align-items: center;
}
.feedback-top-answer {
font-weight: 600;
text-align: center;
}
.feedback-top-question {
font-weight: 300;
text-align: left;
display: flex;
align-items: center;
}
.feedback-form>label>input[type="radio"] {
width: 23px;
height: 23px;
border: 2px solid #CCCCCC;
border-radius: 23px;
background-color: #FFFFFF;
cursor: pointer;
-webkit-appearance: none;
margin: auto;
}
.feedback-form>label>input[type="radio"]::after {
background-color: #FFFFFF;
width: 15px;
height: 15px;
border-radius: 19px;
margin: auto;
margin-top: 2px;
cursor: pointer;
-webkit-appearance: none;
content: "";
display: block;
}
.feedback-form>label>input[type="radio"]:checked {
border-color: #BA0000;
background-color: #FFFFFF;
transition: border-color 0.15s;
}
.feedback-form>label>input[type="radio"]:checked::after {
background-color: #BA0000;
transition: background-color 0.15s;
}
.img-placeholder {
background: #F2F2F2;
}
/* .figcap::before {
content: "- ";
}
.figcap {
text-transform: capitalize;
} */
.action-container {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
position: relative;
}
.action-button {
width: 40px;
height: 40px;
border: none;
background-size: 40px 40px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer;
}
/*
.clapped {
background-image: url('/static/icon/active-clapping.svg');
}
.unclapped {
background-image: url('/static/icon/black-clapping.svg');
}
.shared {
background-image: url('/static/icon/active-share.svg');
}
.unshared {
background-image: url('/static/icon/black-share.svg');
}
.messed {
background-image: url('/static/icon/active-messenger.svg');
}
.unmessed {
background-image: url('/static/icon/black-messenger.svg');
}
*/
.clapped {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Aurl(%23a)%3B%7D.b%7Bfill%3Aurl(%23b)%3B%7D.c%7Bfill%3A%23ffc837%3B%7D.d%7Bfill%3Aurl(%23c)%3B%7D.e%7Bfill%3Aurl(%23d)%3B%7D.f%7Bfill%3Aurl(%23e)%3B%7D.g%7Bfill%3Aurl(%23f)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%228.2%22%20y1%3D%221.65%22%20x2%3D%228.2%22%20y2%3D%2220.45%22%20gradientTransform%3D%22matrix(1%2C%200%2C%200%2C%20-1%2C%200%2C%2021)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff8008%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc837%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%228.22%22%20y1%3D%221%22%20x2%3D%228.22%22%20y2%3D%2221%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%226.25%22%20y1%3D%2211.47%22%20x2%3D%226.25%22%20y2%3D%2217.27%22%20gradientTransform%3D%22matrix(1%2C%200%2C%200%2C%20-1%2C%200%2C%2021)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff8008%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffa108%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%227.93%22%20y1%3D%2214.49%22%20x2%3D%2213.83%22%20y2%3D%2214.49%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3ClinearGradient%20id%3D%22e%22%20x1%3D%2211.79%22%20y1%3D%229.9%22%20x2%3D%2215.72%22%20y2%3D%229.9%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3ClinearGradient%20id%3D%22f%22%20x1%3D%229.58%22%20y1%3D%2212.38%22%20x2%3D%2214.62%22%20y2%3D%2212.38%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fdefs%3E%3Ctitle%3Eactive-clapping%3C%2Ftitle%3E%3Cpolygon%20class%3D%22a%22%20points%3D%224.8%2019.2%202.7%2018.1%201%2015.6%200.7%2011.6%200.5%208.1%200.8%206.5%201.2%204.5%201.3%203.1%202%202.4%202.9%202.6%203.5%203.8%204%206.5%207.5%203.2%2010.1%200.5%2011.2%200.8%2011.8%201.4%2012.1%201.6%2013.7%201.5%2014.2%202.2%2014.2%203.1%2013.9%203.6%2015%204.6%2015%205.7%2014.8%206.2%2015.9%207%2015.7%208%2015.1%208.8%2013.8%2010.2%2015%2010.6%2015.3%2011.3%2015%2012.4%2010.1%2017.5%208%2018.9%205.7%2019.4%204.8%2019.2%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M10.8%2C0c.2.1.5.2.7.3a1.78%2C1.78%2C0%2C0%2C1%2C.7.8%2C1.85%2C1.85%2C0%2C0%2C1%2C2.2.4%2C1.66%2C1.66%2C0%2C0%2C1%2C.2%2C2%2C1.83%2C1.83%2C0%2C0%2C1%2C.9%2C2.4.1.1%2C0%2C0%2C1-.1.1l.1.1a1.7%2C1.7%2C0%2C0%2C1%2C.7%2C2.4c-.1.1-.1.2-.2.3a9.43%2C9.43%2C0%2C0%2C1-1%2C1%2C2.19%2C2.19%2C0%2C0%2C1%2C.9%2C1%2C1.84%2C1.84%2C0%2C0%2C1-.4%2C2l-2.1%2C2.1L9.8%2C18.4A5.13%2C5.13%2C0%2C0%2C1%2C5.9%2C20a5.42%2C5.42%2C0%2C0%2C1-4.1-2A6.2%2C6.2%2C0%2C0%2C1%2C.2%2C14.1c-.1-1.5-.1-3-.1-4.5C.1%2C9%2C0%2C8.4%2C0%2C7.8V7a3.55%2C3.55%2C0%2C0%2C1%2C.4-.9c.1-.1.1-.2.2-.3A15.48%2C15.48%2C0%2C0%2C0%2C.5%2C3.6%2C1.71%2C1.71%2C0%2C0%2C1%2C2.1%2C1.7%2C1.71%2C1.71%2C0%2C0%2C1%2C4%2C3.3c.1.5.1%2C1.1.2%2C1.6%2C0%2C.2.1.4.1.7h.1c0-.1.1-.1.1-.2L9%2C.9A1.94%2C1.94%2C0%2C0%2C1%2C10.4%2C0ZM1.3%2C10.5h0v1.8a15.48%2C15.48%2C0%2C0%2C0%2C.1%2C2.1%2C4.86%2C4.86%2C0%2C0%2C0%2C2%2C3.5%2C4%2C4%2C0%2C0%2C0%2C5.4-.4l5.7-5.7.1-.1a.66.66%2C0%2C0%2C0%2C.1-.6.57.57%2C0%2C0%2C0-.7-.4c-.1%2C0-.2.1-.3.2l-1.6%2C1.6a.53.53%2C0%2C0%2C1-.8.1.62.62%2C0%2C0%2C1-.1-.8l.1-.1%2C1.2-1.2%2C1.2-1.2c.3-.1.3-.4.2-.7a.71.71%2C0%2C0%2C0-.6-.3.76.76%2C0%2C0%2C0-.4.2L10.5%2C11a.48.48%2C0%2C0%2C1-.6.2.57.57%2C0%2C0%2C1-.4-.7c0-.1.1-.2.2-.3L12%2C7.8l.9-.9a.52.52%2C0%2C0%2C0%2C0-.8c-.1-.1-.2-.2-.3-.2a.48.48%2C0%2C0%2C0-.6.2L8.9%2C9.2l-.1.2c-.2.1-.5.2-.7%2C0a.6.6%2C0%2C0%2C1-.3-.6A.76.76%2C0%2C0%2C1%2C8%2C8.4l2.3-2.3.2-.1a.62.62%2C0%2C0%2C0%2C.1-.7A.71.71%2C0%2C0%2C0%2C10%2C5a.52.52%2C0%2C0%2C0-.4.2L3.9%2C10.9a.62.62%2C0%2C0%2C1-.7.2.68.68%2C0%2C0%2C1-.4-.6c-.2-1-.3-2.2-.5-3.3a.43.43%2C0%2C0%2C0-.4-.4.46.46%2C0%2C0%2C0-.7.3v.3C1.2%2C8.4%2C1.2%2C9.5%2C1.3%2C10.5ZM3.8%2C9.3h0A.35.35%2C0%2C0%2C0%2C4%2C9.2L9.2%2C4%2C11%2C2.2a.73.73%2C0%2C0%2C0%2C.2-.6c-.1-.2-.2-.4-.5-.4a1.42%2C1.42%2C0%2C0%2C0-.6.2L4.5%2C7.1a.75.75%2C0%2C0%2C1-1%2C.2Zm7.9-4.4L13.5%2C3a.44.44%2C0%2C0%2C0%2C.1-.5.44.44%2C0%2C0%2C0-.6-.4c-.1%2C0-.2.1-.3.2L11%2C3.8l-.2.2a1.76%2C1.76%2C0%2C0%2C1%2C.5.4A2.18%2C2.18%2C0%2C0%2C1%2C11.7%2C4.9Zm-10%2C.6a1.9%2C1.9%2C0%2C0%2C1%2C1.5.8c-.2-1-.3-2-.4-2.9a.63.63%2C0%2C0%2C0-.6-.5.5.5%2C0%2C0%2C0-.5.6v2ZM15%2C8.1a.57.57%2C0%2C0%2C0%2C.2-.7c0-.2-.2-.3-.4-.4a1.07%2C1.07%2C0%2C0%2C0-.6.2ZM13.3%2C4.8l.8.8a.48.48%2C0%2C0%2C0%2C.2-.6.43.43%2C0%2C0%2C0-.4-.4C13.8%2C4.5%2C13.5%2C4.6%2C13.3%2C4.8Z%22%2F%3E%3Cpath%20class%3D%22c%22%20d%3D%22M18.4%2C0h0a.63.63%2C0%2C0%2C1%2C.4.8c0%2C.1-.1.1-.1.2L17.5%2C2.2a.61.61%2C0%2C0%2C1-.8%2C0%2C.61.61%2C0%2C0%2C1%2C0-.8A12%2C12%2C0%2C0%2C1%2C17.8.2L18%2C0Z%22%2F%3E%3Cpath%20class%3D%22c%22%20d%3D%22M20%2C4.3a.63.63%2C0%2C0%2C1-.8.4h-.9a.75.75%2C0%2C0%2C1-.7-.5.75.75%2C0%2C0%2C1%2C.5-.7h1.1A.89.89%2C0%2C0%2C1%2C20%2C4Z%22%2F%3E%3Cpath%20class%3D%22d%22%20d%3D%22M1.7%2C5.5a1.5%2C1.5%2C0%2C0%2C1%2C1.1.4%2C2.07%2C2.07%2C0%2C0%2C1%2C.6%2C1%2C20%2C20%2C0%2C0%2C1%2C.4%2C2.4l-.1-.1C4.8%2C8.2%2C5.9%2C7.1%2C7%2C6c.6-.5%2C1.1-1%2C1.7-1.5a2.07%2C2.07%2C0%2C0%2C1%2C1-.6%2C1.38%2C1.38%2C0%2C0%2C1%2C1.1.1A1.08%2C1.08%2C0%2C0%2C0%2C9.7%2C4a1.8%2C1.8%2C0%2C0%2C0-.9.6A12.48%2C12.48%2C0%2C0%2C0%2C7.1%2C6.2L3.9%2C9.4l-.2.1V9.3a9.86%2C9.86%2C0%2C0%2C0-.3-2.4%2C1.33%2C1.33%2C0%2C0%2C0-.6-1A2.1%2C2.1%2C0%2C0%2C0%2C1.7%2C5.5Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M8%2C8.4a31.89%2C31.89%2C0%2C0%2C1%2C2.6-2.6l.7-.6.3-.3a.76.76%2C0%2C0%2C1%2C.4-.2%2C1.7%2C1.7%2C0%2C0%2C1%2C1%2C0%2C1.34%2C1.34%2C0%2C0%2C1%2C.7.6%2C1.42%2C1.42%2C0%2C0%2C0-1.6-.4%2C1.79%2C1.79%2C0%2C0%2C0-.7.5l-.7.6A30.84%2C30.84%2C0%2C0%2C1%2C8%2C8.4Z%22%2F%3E%3Cpath%20class%3D%22f%22%20d%3D%22M11.9%2C12.2a12.88%2C12.88%2C0%2C0%2C1%2C1.6-1.7%2C1.61%2C1.61%2C0%2C0%2C1%2C1.1-.5%2C2%2C2%2C0%2C0%2C1%2C1.1.3%2C1.8%2C1.8%2C0%2C0%2C0-2.1.3A12.48%2C12.48%2C0%2C0%2C1%2C11.9%2C12.2Z%22%2F%3E%3Cpath%20class%3D%22g%22%20d%3D%22M9.6%2C10.2c.9-1%2C1.9-2%2C2.8-3h0a1.45%2C1.45%2C0%2C0%2C1%2C1.1-.1%2C2%2C2%2C0%2C0%2C1%2C.9.6%2C2%2C2%2C0%2C0%2C0-.9-.5%2C1.23%2C1.23%2C0%2C0%2C0-1%2C.2h0A39.61%2C39.61%2C0%2C0%2C1%2C9.6%2C10.2Z%22%2F%3E%3C%2Fsvg%3E');
}
.unclapped {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ctitle%3Eblack-clapping%3C%2Ftitle%3E%3Cpath%20d%3D%22M10.82%2C0a6.11%2C6.11%2C0%2C0%2C1%2C.69.26%2C1.68%2C1.68%2C0%2C0%2C1%2C.7.78%2C1.81%2C1.81%2C0%2C0%2C1%2C2.17.36%2C1.8%2C1.8%2C0%2C0%2C1%2C.19%2C2.13%2C1.77%2C1.77%2C0%2C0%2C1%2C.86%2C2.35L15.37%2C6l.15.09A1.75%2C1.75%2C0%2C0%2C1%2C16%2C8.8c-.32.35-.68.66-1%2C1a1.77%2C1.77%2C0%2C0%2C1%2C.9%2C1%2C1.73%2C1.73%2C0%2C0%2C1-.44%2C2l-2.11%2C2.11L9.72%2C18.38A5.2%2C5.2%2C0%2C0%2C1%2C5.85%2C20a5.32%2C5.32%2C0%2C0%2C1-4.09-2%2C6.24%2C6.24%2C0%2C0%2C1-1.6-3.89c-.07-1.49-.06-3-.08-4.49C.07%2C9%2C0%2C8.43%2C0%2C7.83a1.63%2C1.63%2C0%2C0%2C0%2C0-.21V7a2.38%2C2.38%2C0%2C0%2C1%2C.45-.9.44.44%2C0%2C0%2C0%2C.1-.27c0-.75%2C0-1.5-.07-2.24A1.77%2C1.77%2C0%2C0%2C1%2C4%2C3.27c.06.53.14%2C1.06.21%2C1.59a4.92%2C4.92%2C0%2C0%2C0%2C.1.67h.06l.13-.17Q6.75%2C3.14%2C9%2C.87A2.64%2C2.64%2C0%2C0%2C1%2C10.35%2C0ZM1.28%2C10.53h0v1.78a12.93%2C12.93%2C0%2C0%2C0%2C.12%2C2.1A5.11%2C5.11%2C0%2C0%2C0%2C3.4%2C18a4.07%2C4.07%2C0%2C0%2C0%2C5.43-.35q2.88-2.86%2C5.73-5.73l.09-.1a.57.57%2C0%2C0%2C0%2C.1-.55.58.58%2C0%2C0%2C0-1-.22L12.17%2C12.6a.59.59%2C0%2C1%2C1-.92-.74l.09-.09%2C1.23-1.23%2C1.2-1.2a.57.57%2C0%2C0%2C0%2C.09-.7.55.55%2C0%2C0%2C0-.61-.27.84.84%2C0%2C0%2C0-.36.21L10.51%2C11a.61.61%2C0%2C0%2C1-.6.21.58.58%2C0%2C0%2C1-.26-1L12%2C7.78c.31-.31.62-.61.92-.93a.58.58%2C0%2C0%2C0-.27-1%2C.61.61%2C0%2C0%2C0-.61.2L8.91%2C9.23l-.14.14a.59.59%2C0%2C0%2C1-.67.07.54.54%2C0%2C0%2C1-.28-.59A.9.9%2C0%2C0%2C1%2C8%2C8.45c.76-.78%2C1.53-1.54%2C2.3-2.31L10.48%2C6a.58.58%2C0%2C0%2C0%2C.07-.67A.53.53%2C0%2C0%2C0%2C10%2C5a1%2C1%2C0%2C0%2C0-.41.24L3.88%2C10.95a.62.62%2C0%2C0%2C1-.67.21.61.61%2C0%2C0%2C1-.41-.56L2.32%2C7.18a.53.53%2C0%2C0%2C0-.38-.45.58.58%2C0%2C0%2C0-.77.61Q1.23%2C8.93%2C1.28%2C10.53ZM3.81%2C9.31h.07L4%2C9.17%2C9.2%2C4%2C11%2C2.19a.58.58%2C0%2C0%2C0%2C.16-.61.55.55%2C0%2C0%2C0-.46-.4.64.64%2C0%2C0%2C0-.59.24L4.46%2C7.07a.72.72%2C0%2C0%2C1-.93.23ZM11.7%2C4.9%2C13.54%2C3a.52.52%2C0%2C0%2C0%2C.12-.49.58.58%2C0%2C0%2C0-1-.27L11%2C3.81%2C10.81%2C4a5.41%2C5.41%2C0%2C0%2C1%2C.47.38A6.43%2C6.43%2C0%2C0%2C1%2C11.7%2C4.9Zm-10%2C.61a1.86%2C1.86%2C0%2C0%2C1%2C1.47.75c-.14-1-.27-1.95-.41-2.89a.57.57%2C0%2C0%2C0-.6-.47.58.58%2C0%2C0%2C0-.55.58c.06.67.1%2C1.34.12%2C2ZM15%2C8.12a.59.59%2C0%2C0%2C0%2C.23-.66A.54.54%2C0%2C0%2C0%2C14.76%2C7a.59.59%2C0%2C0%2C0-.59.25ZM13.34%2C4.81l.82.82A.59.59%2C0%2C0%2C0%2C14.4%2C5a.54.54%2C0%2C0%2C0-.4-.42A.59.59%2C0%2C0%2C0%2C13.34%2C4.81Z%22%2F%3E%3Cpath%20d%3D%22M18.36%2C0l.09.06a.58.58%2C0%2C0%2C1%2C.17.93c-.39.4-.78.8-1.19%2C1.19a.58.58%2C0%2C1%2C1-.83-.82C17%2C1%2C17.4.57%2C17.8.17L18%2C0Z%22%2F%3E%3Cpath%20d%3D%22M20%2C4.34a.72.72%2C0%2C0%2C1-.78.44h-.94a.59.59%2C0%2C1%2C1-.15-1.17h1.09A.72.72%2C0%2C0%2C1%2C20%2C4Z%22%2F%3E%3C%2Fsvg%3E');
}
.shared {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2019.94%2019.88%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Aurl(%23a)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2210.03%22%20y1%3D%221%22%20x2%3D%2210.03%22%20y2%3D%2221%22%20gradientTransform%3D%22matrix(1%2C%200%2C%200%2C%20-1%2C%200%2C%2021)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230072ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300c6ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3Eactive-share%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M.1%2C15.6a3.59%2C3.59%2C0%2C0%2C1%2C.2-1.1A9.78%2C9.78%2C0%2C0%2C1%2C4.9%2C7.8%2C9.51%2C9.51%2C0%2C0%2C1%2C9.2%2C6.4h.2V1.2a1.08%2C1.08%2C0%2C0%2C1%2C.8-1h.4a1.8%2C1.8%2C0%2C0%2C1%2C.9.6l7.8%2C7.8a2.07%2C2.07%2C0%2C0%2C1%2C.6%2C1c0%2C.1.1.2.1.3v.5A2.75%2C2.75%2C0%2C0%2C1%2C19%2C12l-4.5%2C4.5-3%2C3a1.79%2C1.79%2C0%2C0%2C1-.7.5%2C1%2C1%2C0%2C0%2C1-1.3-.5v-.1a2.2%2C2.2%2C0%2C0%2C1-.1-.8V13.9a9%2C9%2C0%2C0%2C0-7.6%2C5.7.84.84%2C0%2C0%2C1-.7.4.63.63%2C0%2C0%2C1-.6-.5c-.1-.6-.2-1.1-.3-1.6a4.1%2C4.1%2C0%2C0%2C1-.1-1.1A4.82%2C4.82%2C0%2C0%2C1%2C.1%2C15.6Z%22%20transform%3D%22translate(-0.06%20-0.2)%22%2F%3E%3C%2Fsvg%3E');
}
.unshared {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.94%2019.88%22%3E%3Ctitle%3Eblack-share%3C%2Ftitle%3E%3Cpath%20d%3D%22M.1%2C15.6a3.59%2C3.59%2C0%2C0%2C1%2C.2-1.1A9.78%2C9.78%2C0%2C0%2C1%2C4.9%2C7.8%2C9.51%2C9.51%2C0%2C0%2C1%2C9.2%2C6.4h.2V1.2a1.08%2C1.08%2C0%2C0%2C1%2C.8-1h.4a1.8%2C1.8%2C0%2C0%2C1%2C.9.6l7.8%2C7.8a2.07%2C2.07%2C0%2C0%2C1%2C.6%2C1c0%2C.1.1.2.1.3v.5A2.75%2C2.75%2C0%2C0%2C1%2C19%2C12l-4.5%2C4.5-3%2C3a1.79%2C1.79%2C0%2C0%2C1-.7.5%2C1%2C1%2C0%2C0%2C1-1.3-.5v-.1a2.2%2C2.2%2C0%2C0%2C1-.1-.8V13.9a9%2C9%2C0%2C0%2C0-7.6%2C5.7.84.84%2C0%2C0%2C1-.7.4.63.63%2C0%2C0%2C1-.6-.5c-.1-.6-.2-1.1-.3-1.6a4.1%2C4.1%2C0%2C0%2C1-.1-1.1A4.82%2C4.82%2C0%2C0%2C1%2C.1%2C15.6ZM10.5%2C1.2V6.6c0%2C.5-.2.7-.7.7a6.93%2C6.93%2C0%2C0%2C0-2%2C.3%2C8.7%2C8.7%2C0%2C0%2C0-6.5%2C8.8c0%2C.3.1.6.1%2C1%2C.1%2C0%2C.1-.1.1-.2.4-.6.8-1.1%2C1.2-1.6a10.11%2C10.11%2C0%2C0%2C1%2C7.1-3.3c.5%2C0%2C.7.2.7.7v5.5l.2-.2%2C7.8-7.8a1%2C1%2C0%2C0%2C0%2C.1-1.4L18.5%2C9%2C10.7%2C1.2Z%22%20transform%3D%22translate(-0.06%20-0.2)%22%2F%3E%3C%2Fsvg%3E');
}
.messed {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2019.72%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Aurl(%23a)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2210.02%22%20y1%3D%221%22%20x2%3D%2210.02%22%20y2%3D%2221%22%20gradientTransform%3D%22matrix(1%2C%200%2C%200%2C%20-1%2C%200%2C%2021)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237f00ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e100ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3Eactive-messenger%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M14.8%2C1.2A10.18%2C10.18%2C0%2C0%2C0%2C10.7%2C0H9.4A4.1%2C4.1%2C0%2C0%2C0%2C8.3.1%2C9.4%2C9.4%2C0%2C0%2C0%2C1.2%2C5.5a9.79%2C9.79%2C0%2C0%2C0%2C1%2C10.4.37.37%2C0%2C0%2C1%2C.1.3v2.1A1.61%2C1.61%2C0%2C0%2C0%2C3.9%2C20a1.07%2C1.07%2C0%2C0%2C0%2C.6-.2c.5-.2.9-.5%2C1.4-.7h.3A9.95%2C9.95%2C0%2C0%2C0%2C14.8%2C1.2Zm.1%2C6.6a.1.1%2C0%2C0%2C1-.1.1c-.8%2C1.4-1.7%2C2.9-2.5%2C4.3%2C0%2C.2-.1.3-.4.4-.1%2C0-.2-.1-.3-.1-.9-.5-1.8-1.1-2.7-1.6a.48.48%2C0%2C0%2C0-.7%2C0L5.8%2C12.7c-.2.2-.5.2-.6%2C0a.38.38%2C0%2C0%2C1%2C0-.6c1-1.5%2C2.1-3%2C3.1-4.5a.52.52%2C0%2C0%2C1%2C.8-.1c.7.5%2C1.3%2C1%2C2%2C1.5a.48.48%2C0%2C0%2C0%2C.7%2C0c.8-.6%2C1.6-1.1%2C2.4-1.7a.6.6%2C0%2C0%2C1%2C.4-.1C14.9%2C7.2%2C15%2C7.6%2C14.9%2C7.8Z%22%20transform%3D%22translate(-0.15)%22%2F%3E%3C%2Fsvg%3E');
}
.unmessed {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.72%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eblack-messenger%3C%2Ftitle%3E%3Cpath%20d%3D%22M9.4%2C0h1.3a10.18%2C10.18%2C0%2C0%2C1%2C4.1%2C1.2A9.95%2C9.95%2C0%2C0%2C1%2C6.2%2C19.1H5.9c-.5.2-.9.5-1.4.7a1.07%2C1.07%2C0%2C0%2C1-.6.2%2C1.61%2C1.61%2C0%2C0%2C1-1.6-1.7V16.2a.37.37%2C0%2C0%2C0-.1-.3%2C9.79%2C9.79%2C0%2C0%2C1-1-10.4A9.4%2C9.4%2C0%2C0%2C1%2C8.3.1%2C4.1%2C4.1%2C0%2C0%2C1%2C9.4%2C0Z%22%20transform%3D%22translate(-0.15)%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M9.5%2C1.1h1.2a7.94%2C7.94%2C0%2C0%2C1%2C3.6%2C1.1%2C8.84%2C8.84%2C0%2C0%2C1%2C3.9%2C10.9%2C8.91%2C8.91%2C0%2C0%2C1-11.5%2C5c-.1%2C0-.4-.1-.5-.1a3.49%2C3.49%2C0%2C0%2C0-1.3.5A2.62%2C2.62%2C0%2C0%2C1%2C4%2C19c-.8%2C0-.6-.6-.6-1.5%2C0-.6.1-1%2C.1-1.6a1.69%2C1.69%2C0%2C0%2C0-.3-.6%2C8.57%2C8.57%2C0%2C0%2C1-.9-9.1A8.2%2C8.2%2C0%2C0%2C1%2C8.6%2C1.4C8.8%2C1.1%2C9.1%2C1.1%2C9.5%2C1.1Z%22%20transform%3D%22translate(-0.15)%22%2F%3E%3Cpath%20d%3D%22M11.9%2C12.6c-.1%2C0-.2-.1-.3-.1-.9-.5-1.8-1.1-2.7-1.6a.48.48%2C0%2C0%2C0-.7%2C0L5.8%2C12.7c-.2.2-.5.2-.6%2C0a.38.38%2C0%2C0%2C1%2C0-.6c1-1.5%2C2.1-3%2C3.1-4.5a.52.52%2C0%2C0%2C1%2C.8-.1c.7.5%2C1.3%2C1%2C2%2C1.5a.48.48%2C0%2C0%2C0%2C.7%2C0c.8-.6%2C1.6-1.1%2C2.4-1.7a.6.6%2C0%2C0%2C1%2C.4-.1c.3%2C0%2C.4.4.3.6a.1.1%2C0%2C0%2C1-.1.1c-.8%2C1.4-1.7%2C2.9-2.5%2C4.3C12.3%2C12.4%2C12.2%2C12.5%2C11.9%2C12.6Z%22%20transform%3D%22translate(-0.15)%22%2F%3E%3C%2Fsvg%3E');
}
/* Badges */
.cmtbadgeauthor {
background-image: url('/static/icon/badge/comment_author.svg');
}
.comc-count-hide {
display: none;
}
.comc-count-show {
display: block;
}
#noti-mobile-fbreview {
height: 100vh;
width: 100vw;
display: flex;
justify-content: center;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.noti-container {
/*height: 300px;*/
width: 30vw;
border-radius: 10px;
background: rgba(255, 255, 255, 1);
/*backdrop-filter: blur(4px);*/
/*-webkit-backdrop-filter: blur(4px);*/
margin: auto;
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}
.noti-cta {
text-align: center;
margin-top: 25px;
border-bottom: 1px solid #CCCCCC;
}
.noti-cta > h3 {
margin: 0;
}
.noti-cta > p {
margin: 0;
margin-top: 5px;
margin-bottom: 20px;
font-size: 17px;
}
.noti-container > amp-carousel {
width: calc(100% - 30px);
margin: auto;
margin-top: 15px;
margin-bottom: 0;
}
.noti-container > amp-carousel > .amp-carousel-button-next {
right: 0px;
margin-top: calc(15vw / 2 - 25px);
border-radius: 0;
}
.noti-container > amp-carousel > .amp-carousel-button-prev {
left: 0px;
margin-top: calc(15vw / 2 - 25px);
border-radius: 0;
}
.noti-dots {
text-align: center;
margin: 0;
margin-bottom: 15px;
}
.noti-dots span {
display: inline-block;
background: #ccc;
border-radius: 10px;
width: 7px;
height: 7px;
margin: 0 4px;
}
.noti-dots span.noti-current {
background: #555;
}
.noti-rate {
margin: auto;
display: block;
width: 100%;
padding: 13px 0;
border: none;
border-radius: none;
background: none;
color: rgb(0, 128, 246);
font-size: 19px;
border-top: 1px solid #CCCCCC;
font-family: 'Barlow', sans-serif;
cursor: pointer;
}
.noti-ignore {
font-weight: 700;
border-bottom: none;
padding-bottom: 16px;
}
.textbox {
width: calc(100vw - 600px);
height: 100vh;
position: fixed;
padding: 50px 300px;
top: 0;
background: #FFFFFF;
line-height: 25px;
}
.textbox-close {
height: 22px;
width: 22px;
position: fixed;
right: 50px;
top: 50px;
cursor: pointer;
}
/* @media (min-width: 1280px) { */
html {
font-size: 18px;
line-height: 23px;
}
/* Header */
/*
.-hs {
margin: auto;
box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.06);
height: 65px;
width: 100%;
z-index: 3;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: white;
}
*/
.-hs {
margin: auto;
box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.06);
height: 65px;
width: 100%;
z-index: 3;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: white;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
.-ho {
display: flex;
align-items: center;
margin-left: 32px;
width: 124.73px;
}
.-hms {
margin-left: 38.27px;
}
.-hme {
display: inline-flex;
align-items: center;
padding: 0 15px 0 15px;
height: 65px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
color: #000000;
}
.-hme:hover {
background-color: #E5E5E5;
}
.-hl {
display: inline-flex;
align-items: center;
font-weight: 500;
text-align: center;
padding: 0 20px 0 20px;
height: 65px;
margin-right: 30px;
}
.-hl:hover {
background-color: #E5E5E5;
}
/*
.search[type="search"] {
font-family: 'Barlow', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
width: 200px;
height: 35px;
box-sizing: border-box;
border: none;
position: absolute;
right: 0;
top: 15px;
z-index: 1;
padding: 8px 10px 10px 35px;
background-color: #F2F2F2;
background-image: url('/static/icon/search_ai.svg');
background-size: 15px 15px;
background-position: 10px 10px;
background-repeat: no-repeat;
transition: width 0.15s linear;
-webkit-appearance: textfield;
}
*/
.search[type="search"] {
font-family: 'Barlow', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
width: 200px;
height: 35px;
box-sizing: border-box;
border: none;
position: absolute;
right: 0;
top: 15px;
z-index: 1;
padding: 8px 10px 10px 35px;
background-color: #F2F2F2;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.98%2016%22%3E%3Ctitle%3Esearch%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.7%2C14.8l-3.2-3.2a.35.35%2C0%2C0%2C1-.1-.2l.2-.2c.1-.2.2-.3.3-.5h0A7%2C7%2C0%2C0%2C0%2C14%2C6.9a8.08%2C8.08%2C0%2C0%2C0-.8-3.4h0A7.27%2C7.27%2C0%2C0%2C0%2C7%2C0%2C6.83%2C6.83%2C0%2C0%2C0%2C1.7%2C2.6H1.6c-.2.1-.2.3-.3.4s-.1.1-.1.2A7.13%2C7.13%2C0%2C0%2C0%2C0%2C7a7%2C7%2C0%2C0%2C0%2C7%2C7%2C6.65%2C6.65%2C0%2C0%2C0%2C3.4-.9h0c.2-.1.3-.2.5-.2.2-.2.4-.3.6-.5%2C0%2C.1.1.1.1.2l3.1%2C3.1.2.2a.67.67%2C0%2C0%2C0%2C1-.3C16.1%2C15.3%2C15.9%2C15%2C15.7%2C14.8ZM7%2C12.8A5.8%2C5.8%2C0%2C1%2C1%2C12.8%2C7a5.07%2C5.07%2C0%2C0%2C1-.9%2C3c-.2.3-.5.6-.7.9h0l-.4.4h0a1.33%2C1.33%2C0%2C0%2C1-.5.3h0A5.16%2C5.16%2C0%2C0%2C1%2C7%2C12.8Z%22%2F%3E%3C%2Fsvg%3E');
background-size: 15px 15px;
background-position: 10px 10px;
background-repeat: no-repeat;
transition: width 0.15s linear;
-webkit-appearance: textfield;
}
.search[type="search"]:focus {
width: calc(100vw - 195px*2);
border-bottom: 2px solid #BA0000;
padding: 10px 10px 10px 35px;
}
.search-container {
position: absolute;
right: 200px;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 10;
top: 65px;
}
.si-box {
position: relative;
top: -65px;
}
#search-results {
max-height: 100vh;
overflow-y: scroll;
border: 1px solid #FFFFFF;
position: relative;
right: -200px;
}
.si-bl {
padding: 0;
margin: 0;
height: 1px;
display: flex;
flex-direction: row;
}
.si-bl:first-child {
display: none;
}
.si-blo {
height: 1px;
width: 195px;
background: #FFFFFF;
}
.si-bli {
height: 1px;
width: calc(100vw - 195px*2);
background: #000000;
}
#search-results .search-item {
background: #FFFFFF;
width: calc(100vw - 195px*2);
height: 153px;
padding: 30px 195px 30px 195px;
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
}
#search-results > .search-item:first-child {
padding-top: 15px;
}
#search-results > .search-item:last-child {
padding-bottom: 20vh;
}
.si-left {
width: calc(100vw - 195px*2 - 302px);
}
.si-left > .si-left-tag {
margin-bottom: 5px;
color: #BA0000;
display: block;
font-weight: 300;
}
.si-left-title {
text-decoration: none;
color: #000000;
}
.si-left-title:hover {
text-decoration: underline;
}
.si-left-text {
margin-top: 5px;
}
.lightbox1 {
background: rgba(0,0,0,0);
width: 100%;
height: 100%;
position: absolute;
}
/*
.search-dummy[type="search"] {
font-family: 'Barlow', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
width: 200px;
height: 35px;
box-sizing: border-box;
border: none;
position: absolute;
right: 0;
top: 15px;
z-index: 1;
padding: 8px 10px 10px 35px;
background-color: #F2F2F2;
background-image: url('/static/icon/search_ai.svg');
background-size: 15px 15px;
background-position: 10px 10px;
background-repeat: no-repeat;
transition: width 0.15s linear;
-webkit-appearance: textfield;
}
*/
/*
.search-dummy[type="search"] {
font-family: 'Barlow', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
width: 200px;
height: 35px;
box-sizing: border-box;
border: none;
position: absolute;
right: 0;
top: calc(15px + 297px);
z-index: 1;
padding: 8px 10px 10px 35px;
background-color: #F2F2F2;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.98%2016%22%3E%3Ctitle%3Esearch%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.7%2C14.8l-3.2-3.2a.35.35%2C0%2C0%2C1-.1-.2l.2-.2c.1-.2.2-.3.3-.5h0A7%2C7%2C0%2C0%2C0%2C14%2C6.9a8.08%2C8.08%2C0%2C0%2C0-.8-3.4h0A7.27%2C7.27%2C0%2C0%2C0%2C7%2C0%2C6.83%2C6.83%2C0%2C0%2C0%2C1.7%2C2.6H1.6c-.2.1-.2.3-.3.4s-.1.1-.1.2A7.13%2C7.13%2C0%2C0%2C0%2C0%2C7a7%2C7%2C0%2C0%2C0%2C7%2C7%2C6.65%2C6.65%2C0%2C0%2C0%2C3.4-.9h0c.2-.1.3-.2.5-.2.2-.2.4-.3.6-.5%2C0%2C.1.1.1.1.2l3.1%2C3.1.2.2a.67.67%2C0%2C0%2C0%2C1-.3C16.1%2C15.3%2C15.9%2C15%2C15.7%2C14.8ZM7%2C12.8A5.8%2C5.8%2C0%2C1%2C1%2C12.8%2C7a5.07%2C5.07%2C0%2C0%2C1-.9%2C3c-.2.3-.5.6-.7.9h0l-.4.4h0a1.33%2C1.33%2C0%2C0%2C1-.5.3h0A5.16%2C5.16%2C0%2C0%2C1%2C7%2C12.8Z%22%2F%3E%3C%2Fsvg%3E');
background-size: 15px 15px;
background-position: 10px 10px;
background-repeat: no-repeat;
transition: width 0.15s linear;
-webkit-appearance: textfield;
}
*/
.search-dummy[type="search"] {
font-family: 'Barlow', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
width: 200px;
height: 35px;
box-sizing: border-box;
border: none;
position: absolute;
right: 0;
top: 15px;
z-index: 1;
padding: 8px 10px 10px 35px;
background-color: #F2F2F2;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.98%2016%22%3E%3Ctitle%3Esearch%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.7%2C14.8l-3.2-3.2a.35.35%2C0%2C0%2C1-.1-.2l.2-.2c.1-.2.2-.3.3-.5h0A7%2C7%2C0%2C0%2C0%2C14%2C6.9a8.08%2C8.08%2C0%2C0%2C0-.8-3.4h0A7.27%2C7.27%2C0%2C0%2C0%2C7%2C0%2C6.83%2C6.83%2C0%2C0%2C0%2C1.7%2C2.6H1.6c-.2.1-.2.3-.3.4s-.1.1-.1.2A7.13%2C7.13%2C0%2C0%2C0%2C0%2C7a7%2C7%2C0%2C0%2C0%2C7%2C7%2C6.65%2C6.65%2C0%2C0%2C0%2C3.4-.9h0c.2-.1.3-.2.5-.2.2-.2.4-.3.6-.5%2C0%2C.1.1.1.1.2l3.1%2C3.1.2.2a.67.67%2C0%2C0%2C0%2C1-.3C16.1%2C15.3%2C15.9%2C15%2C15.7%2C14.8ZM7%2C12.8A5.8%2C5.8%2C0%2C1%2C1%2C12.8%2C7a5.07%2C5.07%2C0%2C0%2C1-.9%2C3c-.2.3-.5.6-.7.9h0l-.4.4h0a1.33%2C1.33%2C0%2C0%2C1-.5.3h0A5.16%2C5.16%2C0%2C0%2C1%2C7%2C12.8Z%22%2F%3E%3C%2Fsvg%3E');
background-size: 15px 15px;
background-position: 10px 10px;
background-repeat: no-repeat;
transition: width 0.15s linear;
-webkit-appearance: textfield;
}
.search-close-cont {
position: fixed;
right: 210px;
top: 18px;
width: 28px;
height: 28px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
z-index: 999;
background: #F2F2F2;
}
.search-close {
cursor: pointer;
}
#search-bg {
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
top: 65px;
position: absolute;
}
#search-bg-white {
background: #FFFFFF;
width: 100%;
height: 65px;
top: 0;
position: fixed;
}
/* End of Search */
/* Login Pop-up */
.comment-lightbox {
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.lb-PC {
width: 570px;
height: 320px;
margin: auto;
background: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.lb-PC-callout {
width: 450px;
margin: auto;
text-align: center;
}
.lb-PC-button-cont {
width: calc(100% - 60px);
margin: auto;
opacity: 1;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 3px;
cursor: pointer;
}
.lb-google-logo {
margin: auto;
background: white;
margin-left: 3px;
border-radius: 3px 0 0 3px;
}
.lb-facebook-logo {
margin: auto;
background: #304c82;
margin-left: 3px;
border-radius: 3px 0 0 3px;
}
.lb-PC-button {
padding: 10px 0 12px 0;
width: calc(100% - 39px);
margin: auto;
background: transparent;
border: none;
font-size: 20px;
line-height: 20px;
font-family: 'Barlow', sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
}
.lb-PC-button-cont:hover {
opacity: 0.8;
transition: opacity 0.3s;
}
.lb-PC-button-google {
background: rgb(62,136,236);
margin-top: 30px;
}
.lb-PC-button-facebook {
background: #4267B2;
margin-top: 15px;
}
/* End of Login Pop-up */
/* End of Header */
#dock-slot {
position: fixed;
top: 90px;
right: calc(50vw - 610px);
width: 384px;
visibility: hidden;
}
#headerIndicatorPC {
position: fixed;
top: 0px;
z-index: 9999;
transform: translateY(-72px);
visibility: hidden;
font-size: 21px;
line-height: 29px;
}
.hi {
display: flex;
justify-content: flex-start;
}
.hit {
width: 770px;
display: inline-flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
/* margin-left: calc(50vw - 539.73px); */
margin-left: calc(50vw - 539.73px - 23.67px);
}
.it {
width: 725px;
padding: 0 10px 2px 0;
height: 27px;
}
.it-upnext {
cursor: pointer;
visibility: hidden;
}
.dock-slot-PC-pos {
position: fixed;
top: 200px;
width: 384px;
right: calc(50vw - 610px);
}
.article-same-topic {
top: 90px;
z-index: 3;
right: calc(50vw - 610px);
width: 384px;
visibility: visible;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.03);
}
.article-same-topic:hover {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
#same-topic-open-PC {
visibility: hidden;
}
.article-same-topic-header {
border-top: 2px solid #000000;
background: #FFFFFF;
}
.article-same-topic-close {
margin-right: 15px;
cursor: pointer;
}
.article-same-topic-title {
padding: 10px 15px;
font-weight: 700;
cursor: pointer;
width: 330px;
}
.article-same-topic>input {
display: none;
visibility: hidden;
}
#article-same-topic-list {
max-height: 0;
transition: max-height 0.3s ease-in-out, border-bottom 0s linear 0.3s;
overflow-y: scroll;
font-weight: 300;
font-size: 16px;
line-height: 21px;
border-bottom: none;
}
#article-same-topic-toggle:checked~#article-same-topic-list {
height: 100%;
max-height: calc(40px * 6);
border-bottom: 2px solid #000000;
}
.article-same-topic-text {
height: 40px;
}
.article-same-topic-line-limit {
width: 354px;
}
.article-same-topic-line-limit:hover {
text-decoration: underline;
}
.article-same-topic-show {
position: fixed;
right: 10px;
top: 22.5px;
width: 18px;
height: 18px;
/*box-shadow: 0 3px 15px rgba(0, 0, 0, 0.03);*/
display: flex;
align-items: center;
z-index: 4;
cursor: pointer;
visibility: hidden;
}
/*.article-same-topic-show:hover {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}*/
.content {
font-size: 21px;
line-height: 29px;
width: 1280px;
overflow: hidden;
margin: auto;
}
.content-normal-text {
width: 570px;
margin-left: 255px;
margin-top: 40px;
margin-bottom: 40px;
}
#content-top {
margin-top: 85px;
}
.content-top-category {
font-size: 18px;
line-height: 23px;
}
.title-semi {
font-weight: 700;
font-size: 32px;
line-height: 40px;
}
.content-top-time {
font-size: 18px;
line-height: 23px;
}
.content-thumbnail {
margin: auto;
width: 1140px;
margin-top: 40px;
margin-bottom: 40px;
}
.figcap {
width: 570px;
}
.figcap-thumbnail {
margin-left: 185px;
}
.content-img {
margin: auto;
width: 770px;
margin-top: 40px;
margin-bottom: 40px;
}
.content-heading {
font-size: 25px;
}
.content-subheading {
font-size: 22px;
line-height: 27px;
font-weight: 700;
}
.content-slide {
margin-top: 40px;
margin-bottom: 40px;
}
.slide-img {
position: relative;
}
.slide-img:nth-child(odd) {
width: 500px;
}
.slide-img:nth-child(even) {
width: 370px;
}
.slide-bottom {
justify-content: space-between;
margin-left: 255px;
width: 570px;
}
.figcap-slide {
/* width: 285px; */
/* text-transform: capitalize; */
}
.slide-navbar {
width: 285px;
display: none;
}
.carousel-nav {
font-size: 21px;
}
.progress-bar-container {
width: 120px;
}
.content-added>p {
width: 540px;
}
.content-tableau-frame {
max-height: 433px;
}
.tableau-hide {
height: 23px;
padding-top: 3px;
}
.content-beop {
height: auto;
width: 570px;
margin-left: 182px;
}
.content-wide {
width: 770px;
margin-left: 255px;
}
.content-gfy-container {
height: 390px;
overflow: hidden;
}
.slider-bottom {
width: 570px;
}
.figcap-slider {
/* width: 490px; */
/* text-transform: capitalize; */
}
.slider-nav {
font-size: 21px;
}
.content-math>amp-mathml {
/*transform: scale(1.1);*/
}
.content-para>amp-mathml {
/*transform: scale(1.2);*/
/*margin-left: 20px;*/
/*margin-right: 20px;*/
/*padding-top: 5px;*/
/*margin-bottom: 5px;*/
}
.content-twitter {
width: 550px;
}
.content-list {
max-width: 510px;
list-style-position: outside;
padding: 30px;
}
.content-quote-para {
font-size: 25px;
margin-top: 20px;
line-height: 35px;
}
.figcap-quote {
font-size: 19px;
}
.content-table {
font-size: 18px;
line-height: 24px;
}
caption {
font-size: 21px;
line-height: 29px;
padding: 15px 13px 17px 13px;
}
thead>tr>th:first-child {
text-align: left;
min-width: 200px;
}
tr,
td,
th {
padding: 5px 13px 7px 13px;
}
.content-poll {
width: 570px;
margin-left: 257px;
margin-top: 50px;
margin-bottom: 50px;
background: black;
color: white;
padding-bottom: 20px;
}
.poll-img-overlay:after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.poll-img-overlay:after {
background-image: linear-gradient(180deg, transparent, transparent 30%, rgba(0, 0, 0, .6) 85%, rgba(0, 0, 0, .9));
}
.poll-title {
text-align: center;
position: relative;
bottom: 50px;
height: 32px;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 500;
font-size: 27px;
line-height: 37px;
text-transform: uppercase;
width: 420px;
margin: auto;
margin-bottom: 15px;
text-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.poll-optioncont {
display: grid;
column-gap: 10px;
row-gap: 10px;
padding: 0 15px;
}
.poll-1col {
grid-template-columns: 1fr;
}
.poll-2col {
grid-template-columns: 1fr 1fr;
}
.poll-3col {
grid-template-columns: 1fr 1fr 1fr;
}
.poll-2col-result {
grid-template-columns: 1fr 50px;
}
.article-poll input {
display: none;
}
.article-poll .poll-text {
font-size: 17px;
text-align: center;
padding: 7px 0 10px 0;
border-radius: 6px;
background: rgb(41,41,41);
text-shadow: 0 0 5px rgba(0,0,0,0.6);
color: #e6e6e6;
cursor: pointer;
}
.article-poll .poll-text:hover {
background: #e6e6e6;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
color: rgb(41,41,41);
}
.poll-result {
font-size: 17px;
padding: 7px 15px 10px 15px;
border-radius: 6px;
background: rgb(41,41,41);
text-shadow: 0 0 5px rgba(0,0,0,0.6);
color: #e6e6e6;
}
.poll-text-result {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.poll-text-count {
text-align: center;
}
.poll-chosen {
background: rgb(64,184,126);
color: white;
text-shadow: 0 0 5px rgba(255,255,255,0.2);
}
.poll-total {
border: 1px solid rgb(64,184,126);
background: black;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.poll-message {
font-size: 12px;
text-align: left;
margin-top: 5px;
margin-left: 30px;
color: #b3b3b3;
}
.poll-error {
width: calc(100% - 30px);
margin: auto;
text-align: center;
font-size: 17px;
text-shadow: 0 0 5px rgba(0,0,0,0.6);
color: #e6e6e6;
height: 248px;
}
/* .poll-error {
width: calc(100% - 30px);
margin: auto;
text-align: center;
font-size: 17px;
text-shadow: 0 0 5px rgba(0,0,0,0.6);
color: #e6e6e6;
height: 238px;
} */
.quiz-title {
bottom: 0;
height: 50px;
font-size: 21px;
line-height: 28px;
text-transform: none;
display: flex;
justify-content: center;
align-items: flex-end;
}
/* Simple Stepper */
.content-quiz {
width: 570px;
margin-left: 257px;
margin-top: 50px;
margin-bottom: 50px;
}
.content-quiz .content-poll {
margin-bottom: 0;
padding-bottom: 10px;
margin-left: 0;
}
.quiz-botbar {
background: black;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0 15px 20px 15px;
}
.quiz-botbar .poll-text {
font-size: 17px;
text-align: center;
padding: 8px 0 9px 0;
border-radius: 6px;
color: #e6e6e6;
text-transform: uppercase;
}
.quiz-botbar .ptside {
width: 210px;
font-weight: 600;
}
.quiz-botbar .ptmid {
width: 100px;
font-weight: 200;
}
.quiz-botbar .ptdisabled {
border: 1px solid #007ef6;
background: transparent;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.quiz-botbar .ptenabled {
background: #007ef6;
}
.ptbutton:hover {
background: #e6e6e6;
text-shadow: 0 0 5px rgba(0,0,0,0.2);
color: rgb(41,41,41);
cursor: pointer;
border: none;
}
.quiz-chosen {
background: rgb(239,64,59);
color: white;
text-shadow: 0 0 5px rgba(255,255,255,0.2);
}
.quiz-correct {
background: rgb(64,184,126);
color: white;
text-shadow: 0 0 5px rgba(255,255,255,0.2);
}
.quiz-result-top {
background: black;
width: 570px;
height: calc(570px/16*9 + 8px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 17px;
}
.qrtp {
font-size: 70px;
color: rgb(64,184,126);
font-weight: 900;
margin: 30px 0;
}
.quiz-optioncont {
/* display: grid;
column-gap: 10px;
row-gap: 10px; */
padding: 0 15px;
height: 271px;
overflow-y: scroll;
}
.qrtb {
height: 44px;
margin-top: 40px;
}
.quiz-optioncont .quiz-recont {
height: 44px;
padding: 0 15px;
width: 510px;
border-radius: 6px;
background: rgb(41,41,41);
text-shadow: 0 0 5px rgba(0,0,0,0.6);
color: #e6e6e6;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 17px;
line-height: 17px;
margin-bottom: 10px;
}
.qrtb .quiz-recont {
background: rgb(64,184,126);
text-shadow: none;
}
.quiz-recont:last-child {
margin-bottom: 0;
}
.quiz-opac {
opacity: 0.2;
}
.qre {
margin: auto;
}
.quiz-reo {
min-width: 36px;
font-size: 15px;
line-height: 15px;
font-weight: 500;
font-family: 'Barlow Condensed', sans-serif;
text-align: center;
}
.quiz-rea {
width: 30px;
margin: 0 10px;
border-radius: 30px;
border: 1px solid rgb(101,105,109);
box-sizing: border-box;
}
.quiz-reo {
width: auto;
padding: 0;
font-size: 25px;
font-weight: 900;
text-align: center;
position: relative;
}
.quiz-ren {
width: 374px;
text-align: left;
padding-left: 0;
font-weight: 500;
letter-spacing: 0.25px;
font-family: 'Barlow Condensed', sans-serif;
position: relative;
}
.quiz-res {
width: 40px;
text-align: right;
position: relative;
}
.quiz-recont:nth-child(1) > .quiz-opac {
opacity: 1;
}
.quiz-recont:nth-child(2) > .quiz-opac {
opacity: 1;
}
.quiz-recont:nth-child(3) > .quiz-opac {
opacity: 1;
}
#content-bottom {
margin-top: 80px;
margin-bottom: 0;
}
#author {
font-weight: 600;
margin-top: 5px;
margin-bottom: 0;
}
.content-add {
margin-top: 0;
margin-bottom: 0;
}
.content-add>a {
text-decoration: none;
color: rgb(25,26,29);
}
.content-tag {
font-weight: 500;
font-size: 16px;
margin-top: 30px;
margin-bottom: 10px;
}
.content-tag > a {
background-color: rgb(228,229,234);
padding: 6px 16px 8px 16px;
border-radius: 7px;
margin-right: 10px;
margin-top: 10px;
display: inline-block;
cursor: pointer;
}
.content-tag > a:hover {
background-color: #e6e6e6;
transition: background-color 0.3s;
}
/*
.content-tag:hover {
color: #000000;
transition: color 0.7s;
cursor: pointer;
}
*/
.content-action {
margin-top: 40px;
display: flex;
align-items: center;
}
#comment-PC {
font-size: 21px;
line-height: 29px;
width: 1140px;
margin: auto;
margin-top: 30px;
border-top: 2px solid #000000;
padding-top: 10px;
display: flex;
flex-direction: row;
justify-content: start;
}
.comment-title-PC {
font-weight: 700;
font-size: 21px;
line-height: 28px;
width: 185px;
display: inline-flex;
align-items: start;
color: #BA0000;
}
#cmtCount-PC {
display: inline-flex;
align-items: center;
width: 60px;
height: 28px;
font-weight: 300;
margin-left: 7px;
}
#commentsec-PC {
width: 570px;
border-right: 1px solid #000000;
padding-right: 15px;
min-height: 215px;
padding-bottom: 30px;
}
.comc {
border-bottom: 1px solid #999999;
padding-bottom: 15px;
margin-bottom: 15px;
width: 570px;
}
.comc:last-child {
border-bottom: none;
margin-bottom: 0;
}
.comc-top {
margin-bottom: 5px;
}
.comc-author {
width: 420px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.comc-badge {
margin: auto;
margin-left: 7px;
width: 18px;
height: 18px;
border: none;
background-size: 18px 18px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer;
}
.comc-author-reply {
width: 385px;
}
.comc-count {
width: 40px;
}
.comc-time {
padding-top: 5px;
position: relative;
font-size: 19px;
margin-top: 5px;
}
.comc-withreply {
display: flex;
align-items: flex-start;
}
.comc-reply {
width: 535px;
margin-left: 5px;
}
.comc-actionline {
display: flex;
position: relative;
margin-top: -7px;
}
.comc-replyaction {
margin-left: 15px;
font-weight: 400;
text-decoration: none;
color: #999999;
font-family: 'Barlow Condensed', sans-serif;
cursor: pointer;
}
.comc-replyaction:hover {
color: #595959;
transition: color 0.3s;
}
.comc-replyform {
margin-top: 5px;
}
.cmt-container {
width: 25px;
height: 25px;
}
.cmt-button {
width: 25px;
height: 25px;
background-size: 25px 25px;
}
#comment-card-PC-seeall {
font-weight: 600;
font-size: 19px;
position: relative;
top: 210px;
cursor: pointer;
width: 570px;
padding-top: 10px;
padding-bottom: 5px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
}
#comment-PC-form {
width: 370px;
height: 245px;
z-index: 1;
position: -webkit-sticky;
position: sticky;
top: 30px;
margin-left: 15px;
}
.comment-form {
margin-top: 10px;
margin-bottom: -5px;
border: none;
border-bottom: 1px solid #999999;
font-size: 21px;
line-height: 29px;
}
.comc-check-PC {
color: #BA0000;
font-weight: 200;
font-size: 17px;
position: relative;
display: block;
top: 5px;
font-family: 'Barlow Condensed', sans-serif;
}
.comc-guide {
font-family: 'Barlow Condensed', sans-serif;
font-size: 16px;
font-weight: 200;
color: #999999;
margin-top: 5px;
position: relative;
display: block;
}
.comment-form-PC-name {
width: 310px;
padding-right: 45px;
}
.comment-form-PC-comment {
width: 355px;
padding-right: 0;
}
.comment-PC-submit {
font-family: 'Barlow', sans-serif;
border: 1px solid #000000;
font-weight: 600;
color: #FFFFFF;
font-size: 21px;
position: relative;
margin: auto;
margin-top: 30px;
width: 140px;
height: 48px;
padding-bottom: 4px;
background: #000000;
text-align: center;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
border: none;
}
.lb-PC {
width: 570px;
height: 320px;
margin: auto;
background: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.lb-PC-callout {
width: 450px;
margin: auto;
text-align: center;
}
.lb-PC-button-cont {
width: calc(100% - 60px);
margin: auto;
opacity: 1;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 3px;
cursor: pointer;
}
.lb-google-logo {
margin: auto;
background: white;
margin-left: 3px;
border-radius: 3px 0 0 3px;
}
.lb-facebook-logo {
margin: auto;
background: #304c82;
margin-left: 3px;
border-radius: 3px 0 0 3px;
}
.lb-PC-button {
padding: 10px 0 12px 0;
width: calc(100% - 39px);
margin: auto;
background: transparent;
border: none;
font-size: 20px;
line-height: 20px;
font-family: 'Barlow', sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
}
.lb-PC-button-cont:hover {
opacity: 0.8;
transition: opacity 0.3s;
}
.lb-PC-button-google {
background: rgb(62,136,236);
margin-top: 30px;
}
.lb-PC-button-facebook {
background: #4267B2;
margin-top: 15px;
}
.lb-PC-text {
width: 450px;
margin: auto;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.comment-user {
bottom: 33px;
}
#feedback {
font-size: 21px;
line-height: 29px;
width: 1140px;
margin: auto;
margin-top: 15px;
margin-bottom: 30px;
border-top: 2px solid #000000;
padding-top: 10px;
}
.feedback-title {
width: 178px;
display: inline-flex;
align-items: center;
color: #BA0000;
}
.feedback-form {
width: 570px;
display: inline-grid;
grid-template-columns: 290px 140px 140px;
grid-template-rows: 40px 40px 40px;
}
.feedback-top-question-title {
font-weight: 600;
text-align: left;
}
.feedback-top-answer {
margin-top: 1px;
}
.feedback-form>input[type="submit"] {
width: 140px;
height: 48px;
padding-bottom: 4px;
background-color: #BA0000;
cursor: pointer;
-webkit-appearance: none;
display: block;
font-family: 'Barlow', sans-serif;
font-size: 21px;
font-weight: 600;
color: #FFFFFF;
border: none;
margin-top: 30px;
margin-left: 215px;
}
#feedback-callout {
height: 198px;
width: 1140px;
margin: auto;
display: flex;
align-items: center;
}
#section2-PC {
width: 1140px;
margin: auto;
margin-top: 30px;
border-top: 2px solid #000000;
}
.engine-sec {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.engine-right {
width: 490px;
}
.engine-right-top {
padding-bottom: 15px;
border-bottom: 1px solid #cccccc;
}
.engine-right-bottom {
margin-top: 15px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.engine-right-bottom-card {
width: 230px;
padding-right: 15px;
border-right: 1px solid #cccccc;
}
.engine-right-bottom-card:last-child {
padding-right: 0;
border-right: none;
}
#latest-topic {
width: 1140px;
margin: auto;
}
#content-event {
width: 1140px;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
border-top: 2px solid #000000;
}
.content-event-tech-title {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.topic {
font-size: 22px;
color: #BA0000;
margin-top: 15px;
margin-bottom: 10px;
font-weight: 700;
display: inline-block;
}
.blinking {
margin-right: 5px;
margin-bottom: 2px;
position: relative;
}
.live {
font-weight: 500;
color: #BA0000;
text-transform: uppercase;
display: inline-block;
margin-left: 5px;
}
#live {
/* visibility: hidden; */
position: absolute;
font-size: 22px;
margin-top: 15px;
right: calc(50vw - 570px);
display: flex;
align-items: center;
}
#live>amp-bodymovin-animation {
margin-top: 2px;
}
#finished {
/* visibility: hidden; */
position: absolute;
margin-top: 15px;
right: calc(50vw - 570px);
font-size: 22px;
font-weight: 500;
text-transform: uppercase;
}
.upnext-race-countdown {
margin-top: 15px;
font-size: 22px;
}
.upnext-race-countdown-time {
display: inline-block;
width: 30px;
text-align: center;
}
.upnext-race-countdown-dot {
width: 6px;
text-align: center;
display: inline-block;
position: relative;
}
.tech-top {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.tech-top-left {
width: 880px;
padding-right: 15px;
border-right: 1px solid #cccccc;
}
.tech-top-left-top {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 15px;
border-bottom: 1px solid #cccccc;
}
.tech-top-left-top-left {
width: 620px;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-right: 15px;
border-right: 1px solid #cccccc;
}
.tech-top-left-top-left-text {
height: 240px;
width: 285px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tech-top-left-top-right {
width: 230px;
margin-left: 15px;
}
.tech-top-left-bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 15px;
}
.tech-top-left-bottom-card {
width: 425px;
padding-right: 15px;
border-right: 1px solid #cccccc;
}
.tech-top-left-bottom-card:last-child {
padding-right: 0;
border-right: none;
}
.content-event-top-right {
width: 230px;
margin-left: 15px;
}
.content-event-top-right-title {
margin-bottom: 15px;
}
.content-event-top-right-title-text {
display: inline-block;
margin-right: 5px;
}
.content-event-top-right-detail {
margin-top: 10px;
border-top: 1px solid #999999;
padding-top: 10px;
font-weight: 600;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.content-event-top-right-detail-text {
width: 149px;
text-align: left;
color: #BA0000;
}
.content-event-top-right-detail-point {
text-transform: uppercase;
width: 40px;
text-align: center;
color: #BA0000;
}
.content-event-top-right-standings {
margin-top: 10px;
border-top: 1px solid #999999;
padding-top: 10px;
}
.content-event-top-right-line {
height: 18px;
margin-bottom: 13px;
}
.content-event-top-right-line:last-child {
margin-bottom: 0;
}
.content-event-top-right-line-pos {
display: inline-block;
width: 20px;
text-align: right;
font-weight: 300;
}
.content-event-top-right-line-name {
display: inline-block;
width: 146px;
padding-left: 10px;
margin-left: 6px;
border-left: 2px solid #999999;
text-align: left;
line-height: 13px;
text-transform: capitalize;
}
.content-event-top-right-line-pts {
display: inline-block;
width: 37px;
text-align: center;
font-weight: 500;
}
#most-read {
width: 1140px;
margin: auto;
border-top: 2px solid #000000;
margin-bottom: 100px;
}
.most-read-sec {
display: grid;
justify-content: space-between;
grid-template-columns: 262.5px 262.5px 262.5px 262.5px;
grid-gap: 30px;
margin-top: 5px;
}
.title-medium {
font-weight: 700;
font-size: 21px;
line-height: 28px;
margin-top: 10px;
display: inline-block;
}
.title-medium>a {
cursor: pointer;
text-decoration: none;
color: #000000;
}
.title-medium>a:hover {
text-decoration: underline;
}
.title {
font-weight: 700;
font-size: 22px;
line-height: 28px;
max-height: 56px;
overflow: hidden;
display: inline-block;
}
.title>a:hover {
text-decoration: none;
color: #000000;
}
.title>a:hover {
text-decoration: underline;
}
.latest-title {
margin-top: 10px;
}
.tag {
color: #000000;
font-weight: 200;
display: inline-block;
}
.tag>a {
color: #BA0000;
cursor: pointer;
text-decoration: none;
}
.latest-tag {
margin-top: 5px;
}
.normal-text {
margin-top: 5px;
}
.top-title {
font-family: 'Barlow Condensed', sans-serif;
font-weight: 300;
font-size: 47px;
line-height: auto;
margin-bottom: 30px;
}
.time {
font-weight: 200;
color: #999999;
font-family: 'Barlow Condensed', sans-serif;
}
.title-nonlimit {
font-weight: 700;
font-size: 22px;
line-height: 28px;
display: inline-block;
}
.title-nonlimit>a {
cursor: pointer;
color: #000000;
text-decoration: none;
}
.title-nonlimit>a:hover {
text-decoration: underline;
}
.title-small {
font-weight: 700;
font-size: 18px;
}
.title-small>a {
cursor: pointer;
color: #000000;
text-decoration: none;
}
.title-small>a:hover {
text-decoration: underline;
}
/* Spacer */
.spacer {
padding-bottom: 30px;
background: rgb(247,247,247);
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
/* End of Spacer */
/* More Button */
.more {
margin-top: 45px;
transition: transform 0.08s linear;
display: inline-block;
}
.more:hover {
transform: translateX(5px);
}
.-mt {
font-weight: 700;
font-size: 21px;
line-height: 30px;
color: #BA0000;
margin-left: 10px;
}
/* End of More Button */
/* Footer */
.-fs {
background: radial-gradient(103.5% 89.81% at -20.53% 111.21%, #4D555B 0%, #4D555B 0.01%, #202029 100%), #000000;
padding: 60px 30px 20px 30px;
}
.-ff {
height: 40px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.-fi {
margin-left: 40px;
}
.-fft {
font-weight: 700;
color: #FFFFFF;
}
.-fm {
width: 100%;
margin: auto;
margin-top: 90px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.-fmg {
width: 250px;
}
.-fmp {
font-weight: 700;
color: #FFFFFF;
margin-bottom: 5px;
display: inline-block;
}
.-fbt {
margin-top: 10px;
margin-left: 5px;
display: inline-flex;
align-items: center;
}
.-fmct {
font-weight: 600;
font-size: 17px;
line-height: 23px;
display: inline-flex;
align-items: center;
color: #FFFFFF;
text-decoration: none;
}
.-fmct:hover {
text-decoration: underline;
}
.-fci {
margin-top: 60px;
}
.-fcls {
height: 80px;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.-fcir {
border-left: 2px solid #FFFFFF;
margin-left: 15px;
padding-left: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.-fcit {
font-weight: 700;
color: #FFFFFF;
}
.-fcil {
font-size: 15px;
color: #FFFFFF;
margin-top: 45px;
}
/* End of Footer */
/* } */
22 Tháng 01, 2022