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 */ /* } */
ĐĂNG NHẬP
5 công nghệ pin hàng đầu định hình tương lai của xe điện

5 công nghệ pin hàng đầu định hình tương lai của xe điện

Trong 30 năm qua, chúng ta đã chứng kiến một số công nghệ pin ra đời. Và khi nhìn về tương lai, sẽ có những bước phát triển thú vị hơn nữa ở phía trước.

ĐĂNG NHẬP
5 công nghệ pin hàng đầu định hình tương lai của xe điện

5 công nghệ pin hàng đầu định hình tương lai của xe điện

Trong 30 năm qua, chúng ta đã chứng kiến một số công nghệ pin ra đời. Và khi nhìn về tương lai, sẽ có những bước phát triển thú vị hơn nữa ở phía trước.

30 Tháng 05, 2023

Xe điện về mặt kỹ thuật cũng không có gì mới. Thậm chí, chúng còn ra đời từ tận đầu những năm 1900 và được ưa chuộng trong suốt thế kỷ 20, nhưng chỉ đến bây giờ chúng mới trở nên phổ biến.

Trường hợp này cũng giống như động cơ đốt trong đã phát triển liên tục trong hơn 140 năm qua kể từ khi Karl Benz phát minh ra chiếc xe hơi đầu tiên (Benz Patent Motorwagen). Và công nghệ pin cũng sẽ như vậy khi xe điện được áp dụng rộng rãi.

Sau đây sẽ là những công nghệ pin đã, đang và sẽ định hình nên tương lai của ngành công nghiệp xe điện.

1. Pin Axit-Chì

Đây chính là công nghệ pin lâu đời nhất hiện nay. Tuy nhiên, axit-chì hầu như đã không còn tồn tại trong kỷ nguyên xe điện.

Pin axit-chì có nhiều điểm tương đồng với ắc-quy trên xe động cơ đốt trong. Loại pin này cũng được sử dụng trên những mẫu xe điện thế hệ đầu tiên, như mẫu General Motors EV1 sử dụng pin axit-chì 16.5-18.7 kWh cho phạm vi hoạt động 89 km.

Nhưng vì là một công nghệ sơ khai, pin axit-chì có lẽ còn lâu mới có thể trở nên hoàn hảo. Trọng lượng nặng, có năng lượng riêng thấp, phải vật lộn trong thời tiết lạnh và cần được thay thế vài năm một lần là những lý do khiến loại pin này trở nên kém lý tưởng.

Pin axit-chì có nhiều điểm tương đồng với ắc-quy trên xe động cơ đốt trong. Ảnh: Digital Journal

2. Pin Niken-Metal Hydride

Là một phiên bản cải tiến của pin xe điện, pin Niken-Metal Hydride xuất hiện ở dạng tế bào hydride kim loại niken (NiMH). Loại pin này đã được sử dụng trong nhiều loại xe hybrid và xe điện phổ thông đời đầu như Nissan Leaf.

Một ưu điểm lớn của pin NiMH so với pin axit-chì là tuổi thọ dài và năng lượng riêng cao hơn đáng kể. Tức là với cùng một trọng lượng tương đương, pin NiMH có thể cung cấp nhiều năng lượng hơn và nếu được chăm sóc và sạc đúng cách, nó có thể tồn tại lâu hơn pin axit-chì.

Pin Niken-Metal được sử dụng trong nhiều loại xe hybrid và xe điện phổ thông đời đầu như Nissan Leaf. Hydride Ảnh: Motor Biscuit

Nhưng pin NiMH không phải là không có khuyết điểm. Chúng cũng phải vật lộn trong điều kiện khí hậu lạnh giá. Chúng cũng tốn nhiều chi phí hơn để sản xuất, xả năng lượng quá nhanh khi không sử dụng, không hiệu quả và phải được sạc rất đặc biệt để tránh hư hỏng lâu dài.

3. Pin Lithium-Ion

Tiêu chuẩn vàng hiện nay trong công nghệ pin chính là lithium-ion. Nó bắt đầu như một sự tiến bộ của công nghệ pin được phát triển cho máy tính xách tay và điện thoại di động, và thường có tuổi thọ dài cũng như mật độ năng lượng cao.

Các tế bào Li-ion ban đầu rất nhạy cảm với nhiệt độ và có nguy cơ gây hỏa hoạn nếu được sạc không đúng cách hoặc bị thủng. Những loại pin này đã được phát triển tương đối kỹ lưỡng và là tùy chọn chính hiện có, với các chất hóa học mới làm cho chúng ổn định hơn, đậm đặc năng lượng hơn và dễ sạc lại hơn.

Chính vì nhạy cảm với nhiệt nên pin Lithium-Ion cần được làm nóng trước đến phạm vi hoạt động chính xác để duy trì sạc và duy tuổi thọ pin một cách hiệu quả, đó là lý do tại sao chức năng làm nóng pin được đưa vào nhiều loại xe điện hiện nay.

Trong lĩnh vực lithium-ion, có 2 biến thể chính. Một là NMC. Được đặt tên NMC là vì loại pin này phụ thuộc vào oxit niken mangan coban và pin lithium-ion. NMC hiện là loại pin phổ biến nhất trên nhiều mẫu xe điện dùng pin.

NMC hiện là loại pin phổ biến nhất trên nhiều mẫu xe điện dùng pin.Ảnh: Arena EV

Mặc dù dễ sản xuất và tương đối ổn định, pin loại NMC đã không còn được ưa chuộng vì một số lý do.

Đầu tiên, vòng đời của chúng chỉ kéo dài trong vòng khoảng 10 năm, hai là chúng dễ bị thoát nhiệt. Niken và coban cũng gây tranh cãi, phần lớn là do việc tìm nguồn cung ứng một cách phi đạo đức các nguyên tố này trên thị trường, điều này đã khiến các nhà sản xuất phải tìm đến các giải pháp khác.

Biến thể thứ hai là LFP. Hiện tại, pin LFP đang nhanh chóng trở thành tiêu chuẩn và thay thế niken và coban bằng sắt và phốt pho trong catốt (cực âm) của chúng. Đây là những vật liệu phổ biến rộng rãi hơn trên toàn cầu và dễ kiếm hơn theo cách có đạo đức.

Pin LFP đang nhanh chóng trở thành tiêu chuẩn nhờ sử dụng vật liệu phổ biến rộng rãi hơn trên toàn cầu và dễ kiếm hơn theo cách có đạo đức. Ảnh: Arena EV

Pin LFP nặng hơn pin NMC, dẫn đến mật độ năng lượng thấp hơn và phạm vi hoạt động ít hơn so với trọng lượng và kích thước của chúng. Loại pin này cũng phải vật lộn với nhiệt độ lạnh, đó là lý do tại sao các nhà sản xuất đã phát triển các chu trình làm nóng pin để giữ chúng trong phạm vi nhiệt độ tối ưu.

Pin LFP có chi phí sản xuất rẻ hơn, có ngưỡng nhiệt cao hơn khiến chúng ít bị cháy hơn, có tuổi thọ cao hơn và ít xuống cấp hơn. Chúng cũng sạc nhanh hơn và có thể xả nhanh hơn. Chính những yếu tố này khiến pin LFP trở nên lý tưởng từ góc độ hiệu suất cho đến tốc độ sạc.

4. Siêu tụ điệu

Siêu tụ điện là nguồn năng lượng bổ sung lưu trữ năng lượng trong chất lỏng phân cực giữa điện cực và chất điện phân đã được sử dụng trong siêu xe hybrid hiệu suất cao và có thể đóng vai trò hỗ trợ hiệu suất cho xe điện.

Đây là những giải pháp lưu trữ ngắn hạn có thể sạc và xả nhanh chóng, giúp tăng hiệu suất đáng kinh ngạc khi xe tăng tốc cũng như khi sạc nhanh khi phanh.

Siêu tụ điện là giải pháp giúp tăng hiệu suất đáng kinh ngạc khi xe tăng tốc cũng như khi sạc nhanh khi phanh. Ảnh: Car Magazine

Là một nguồn năng lượng bổ sung hiệu suất cho xe điện, tiềm năng của siêu tụ điện là rất lớn.

5. Pin thể rắn

Được xem là tương lai của công nghệ pin trong xe điện, pin thể rắn dựa vào điện cực rắn và chất điện phân rắn thay vì sử dụng polyme lỏng hoặc gel như trong tất cả các loại pin nêu trên.

Về mặt lý thuyết, pin thể rắn sẽ cách mạng hóa xe điện chạy pin, vì với cấu trúc rắn, chúng sẽ làm tăng đáng kể tốc độ sạc và xả, cải thiện mật độ năng lượng đáng kể, giảm trọng lượng pin, giảm khả năng cháy nổ, đồng thời cải thiện chu kỳ và tuổi thọ của pin. Nói một cách tương đối, pin thể rắn là sự hoàn hảo của công nghệ pin.

Tuy nhiên, quá trình phát triển loại pin này vẫn đang ở giai đoạn đầu và mặc dù đã đạt được những bước nhảy vọt, nó vẫn chưa sẵn sàng để sản xuất hàng loạt.

Pin thể rắn đang được xem là tương lai của công nghệ pin trong xe điện Ảnh: J.D.Power

Là một công nghệ sơ khai, pin thể rắn sẽ có giá thành rất cao cho đến khi nó đạt đến đỉnh trong quá trình phát triển – nơi nó có thể được áp dụng rộng rãi. Và không sớm thì muộn, ngành công nghiệp xe hơi sẽ nhanh chóng chứng kiến thời kì đó.

Một số nhà sản xuất thậm chí sẽ có các nguyên mẫu pin thể rắn hoạt động được vào cuối năm 2023.

ĐĂNG NHẬP
Bình luận
Chưa có bình luận nào cho bài viết.
Hãy là người đầu tiên bình luận!
quảng cáo
Mới nhất về Truyền động khác
GP Saudi Arabia
Polestar sẽ có hộp số 2 cấp cho xe điện như Porsche và Audi

Polestar sẽ có hộp số 2 cấp cho xe điện như Porsche và Audi

Polestar phát triển động cơ xe điện tích hợp với hộp số 2 cấp để cạnh tranh với Porsche và Audi.

22 Tháng 12, 2021

Bất chấp sự phản đối của đa phần người yêu xe điện hiện nay, có vẻ như nhiều nhà sản xuất xe hơi vẫn muốn đưa hộp số (gearbox) lên các mẫu xe điện của mình. Hiện tại trên thị trường, chỉ có Porsche Taycan và Audi E-Tron GT là được trang bị hộp số (và cũng là hai mẫu xe điện rất được yêu thích). Tuy nhiên, không phải ai yêu Taycan và E-Tron GT thì cũng đều thích hộp số của chúng.

Ngoài Porsche và Audi, hãng xe Thụy Điển Polestar cũng đang trong quá trình phát triển một động cơ điện cho riêng mình, đi kèm với một hộp số hai cấp. Động cơ này có tên là P10 và đang được phát triển ở Thụy Điển. Mục tiêu của Polestar là tạo ra cho P10 mức công suất 636 hp (mạnh hơn động cơ của Porsche Taycan khoảng 50%). Bên cạnh đó, hãng cũng muốn tích hợp động cơ điện với hộp số 2 cấp (vào cùng 1 đơn vị truyền động) để có thể dễ dàng trang bị trên các mẫu xe dùng hệ dẫn động AWD.

car and driver, car pixel

Việc tích hợp này sẽ chỉ được áp dụng riêng cho thương hiệu xe Polestar. Các công ty liên quan đều sẽ không được chia sẻ công nghệ, bao gồm cả Volvo hay Geely. Thậm chí, Lotus – công ty con của Geely – cũng sẽ không có được đơn vị truyền động tối ưu này.

Hiện tại vẫn chưa có thông tin mẫu xe nào của Polestar sẽ được trang bị loại động cơ điện mới này. Gregor Hembrough, người đứng đầu Polestar tại thị trường Mỹ, cho biết: “Polestar muốn trở thành đối thủ của Porsche trong cả về thiết kế, hiệu suất lẫn đổi mới công nghệ.”

auto express

Phát biểu của Gregor như ngầm khẳng định rằng Polestar đang tạo ra một động cơ mạnh mẽ, được tích hợp hộp số 2 cấp như những gì Porsche đã làm. Hướng đi này sẽ tạo ra một cuộc so kè trực tiếp với hãng xe mà Polestar đã chọn làm đối thủ. Bên cạnh đó, lời phát biểu của Gregor cũng có nhắc đến mẫu Polestar 5 (phiên bản thương mại hóa của concept Precept).

car and driver

Về lý thuyết, 2 động cơ điện P10 của Polestar khi kết hợp sẽ sản sinh công suất là 1,272 hp. Nếu điều này trở thành sự thật, chiếc xe điện của hãng sẽ là một trong những chiếc xe nhanh nhất trên thế giới. Hiện nay, Tesla Model S Plaid và Lucid Air Dream Edition là hai mẫu xe điện có khả năng tăng tốc từ 0 - 96 km/h trong dưới 2 s.

uncrate, inside EVs

P10 rất có thể sẽ được trang bị trên các mẫu xe với cấu trúc 800V mới (đồng phát triển bởi Volvo, Lotus và Polestar). Nền tảng xe điện này đi kèm với bộ pin 103 kWh, với khả năng sạc từ 0 - 80% dung lượng trong 20 phút. Ngoài ra, xe được trang bị P10 nhiều khả năng cũng sẽ có công nghệ giao tiếp thông minh V2X.

V2X (vehicle-to-everything) là công nghệ giao tiếp không dây giữa phương tiện giao thông với mọi thứ xung quanh. Công nghệ này cải thiện sự an toàn, thoải mái, tiện lợi của cả xe và người lái.

Bình luận
Chưa có bình luận nào cho bài viết.
Hãy là người đầu tiên bình luận!
Tay đua
điểm
1
max verstappen
295
2
lando norris
238
3
charles leclerc
212
4
oscar piastri
195
5
carlos sainz
180
6
lewis hamilton
157
7
sergio pérez
137
8
george russell
127
9
fernando alonso
50
10
lance stroll
24
quảng cáo
Đọc nhiều trong tuần
quảng cáo
Mới nhất về Hệ truyền động

Touge – Khởi nguồn của Drift

Tuy khiến nhiều người dựng tóc gáy với những khúc cua gắt và địa hình hiểm trở nhưng drift cũng là thiên đường đối với những người thích lái xe.

25 Tháng 04, 2023
GP Saudi Arabia
Tay đua
điểm
1
max verstappen
295
2
lando norris
238
3
charles leclerc
212
4
oscar piastri
195
5
carlos sainz
180
6
lewis hamilton
157
7
sergio pérez
137
8
george russell
127
9
fernando alonso
50
10
lance stroll
24
Supra Mk4 – một trong những chiếc xe bị cho là ‘overrated’ nhất

Làm rõ những lầm tưởng khiến Toyota Supra Mk4 được đánh giá quá cao trong giới chơi xe.

Theo dõi Otoman
Kỹ thuật Xe hơi hiệu năng cao
Công nghệ Xe hơi hiện đại
Write Your Name on the Seal of Quality
© 2022 Otoman LLC 313 Trần Phú, Thạch Linh, TP Hà Tĩnh, Hà Tĩnh.
Điện thoại: 0982566568. Email: contact@otoman.net. Không sao chép dưới mọi hình thức trừ khi có sự cho phép bằng văn bản.