/* 2024-04-12 Kevin 套用 20240410 切版 commit 0a126b8540d */ /* 2024-05-28 Kevin TSDIB0003-10344 開戶_各頁面切版調整 - 套用 20240417 切版 commit 4155b140ff0 */ /* 2024-06-25 Kevin TSDIB0003-12043 開戶/開戶總約點開未滿版顯示 無法點選同意 */ /* 2024-06-27 Lan TSDIB0003-12056 開戶/小網開戶流程到到職業類別選擇會跑版 commit 517dbe9afb2 */ /* 2024-06-20 Alix TSDIB0003-10619 更新切版 commit 9ef6ac680a7 */ /* 2024-07-05 Ken TSDIB0003-11914 調整小網bottom sheet .form-check-input不可點擊*/ /* 2024-07-12 Jason TSDIB0003-12195 新增代碼按鈕位置調整 切版新增class*/ /* 2024-07-19 Jason TSDIB0003-12227 調整loading view 週期*/ /* 2024-07-29 Leo TSDIB0003-12153 modify 切版 */ /* 2024-10-09 阿榤 TSDIB0003-12870 開戶_更新部份開戶入口選擇產品頁, 套版 */ /* 2025-03-19 Jason_tsc2401 TSDIB0003-13547 補充大網縮放功能 */ /* 2025-05-12 Mark TSDIB0003-13747 開戶/拍照裁切頁無法滑動和無法重新拍攝 */ /* 2025-07-23 Jerry Sp151#TSDIB0003-13774 信用卡_Bank Card大整併 加入參考保險的input type radio disable改的css樣式 */ /* 2025-09-25 Jerry Sp153#TSDIB0003-17291 共享共銷_產品條款形式調整(開戶/台股/美股/抽籤/證券三開/證券單開) */ @charset "UTF-8"; *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; padding: 0; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; padding: 0; list-style: none; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; padding: 0; list-style: none; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } sub, sup { position: relative; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { background-color: transparent; outline: 0; } a:not([href]):not([class]) { color: inherit; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { text-align: left; caption-side: bottom; padding: 0; } th { text-align: inherit; text-align: -webkit-match-parent; font-weight: bold; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; outline: 0; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .icon-new-arrow-down { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.0711 9.47048L12 16.5415L4.92893 9.47048' stroke='%2317B6C9' stroke-width='1.6' stroke-linecap='square'/%3e%3c/svg%3e"); } .icon-new-plus { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z' fill='%23727D8C'/%3e%3c/svg%3e"); } .icon-new-minus { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z' fill='%23727D8C'/%3e%3c/svg%3e"); } .icon-new-arrow-right-s { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.31365 3.28595L11.0277 8L6.31365 12.714' stroke='%2317B6C9' stroke-width='1.06667' stroke-linecap='square'/%3e%3c/svg%3e"); } .icon-new-arrow-right { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.3146 7.28693L15.0287 12.001L10.3146 16.715' stroke='%23B6BEC7' stroke-width='1.3' stroke-linecap='square'/%3e%3c/svg%3e"); } .icon-new-arrow-right-blue { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.3146 7.28693L15.0287 12.001L10.3146 16.715' stroke='%2317B6C9' stroke-width='1.3' stroke-linecap='square'/%3e%3c/svg%3e"); } .icon-new-slim-arrow-right { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 35px; width: 35px; height: 27px; background-image: url("data:image/svg+xml,%3csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.36328 13.9219L32.8118 13.9219' stroke='%23FDFDFD' stroke-width='2.48277' stroke-linecap='round'/%3e%3cpath d='M20.6641 25.5C23.5645 20.3599 28.5112 16.13 33.6408 13.6048' stroke='%23FDFDFD' stroke-width='2.48277' stroke-linecap='round'/%3e%3cpath d='M20.6641 1.5C23.5645 6.6401 28.5112 10.87 33.6408 13.3952' stroke='%23FDFDFD' stroke-width='2.48277' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-slim-arrow-down { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 31px; width: 31px; height: 60px; background-image: url("data:image/svg+xml,%3csvg width='31' height='60' viewBox='0 0 31 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9999 1L14.9999 59' stroke='%23FDFDFD' stroke-linecap='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.2594 43.0637C29.5004 42.9289 29.8051 43.015 29.9399 43.256C30.0747 43.497 29.9886 43.8017 29.7476 43.9365C23.5918 47.3796 18.5056 53.2637 15.4631 59.3786C15.4179 59.4834 15.3367 59.5733 15.2265 59.6281C15.1452 59.6685 15.0582 59.6847 14.9736 59.6794C14.9085 59.6756 14.8431 59.6588 14.781 59.628C14.6713 59.5735 14.5903 59.4841 14.545 59.3799C11.5026 53.2645 6.41611 47.3799 0.259916 43.9366C0.0189118 43.8018 -0.0671827 43.4971 0.0676188 43.2561C0.20242 43.0151 0.507071 42.929 0.748076 43.0638C6.81956 46.4598 11.8485 52.1267 15.0037 58.0843C18.1589 52.1266 23.1879 46.4597 29.2594 43.0637Z' fill='%23FDFDFD'/%3e%3c/svg%3e"); } .icon-new-draw-line { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 76px; width: 76px; height: 9px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 76 9' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 1.64632C24.7968 1.64632 47.8154 1.2083 70.5607 2.38321C70.6204 2.38629 70.761 2.38874 70.963 2.39121C75.6503 2.44864 74.9479 2.71815 70.2604 2.67758C61.9314 2.6055 50.5896 2.88506 46.6667 2.89974C39.3641 2.92707 23.2535 4.24699 16 5.03734C13.3841 5.32236 31.3333 4.21336 53.3333 7.56641' stroke='%23CB904C' stroke-width='2.66667' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-arrow-up { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 18px; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.6967 10.8532L9 5.54989L14.3033 10.8532' stroke='%23FDFDFD' stroke-width='1.2' stroke-linecap='square'/%3e%3c/svg%3e"); } .icon-new-star { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 17px; background-image: url("data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.62761 3.0391C7.76443 2.59047 8.40238 2.59862 8.52769 3.0506L8.88057 4.32337C9.36083 6.05559 10.6401 7.45396 12.3228 8.08617L13.7444 8.62029C14.1277 8.76429 14.1551 9.29595 13.7886 9.47861L11.79 10.4749C10.4195 11.1581 9.38681 12.3705 8.93027 13.8321L8.52364 15.134C8.38864 15.5663 7.78001 15.5748 7.63288 15.1466L7.13056 13.6845C6.65871 12.3112 5.674 11.1735 4.38248 10.5096L2.37131 9.47569C2.01166 9.2908 2.03919 8.7678 2.41627 8.6217L3.8449 8.06818C5.45499 7.44434 6.68935 6.11558 7.19306 4.46396L7.62761 3.0391Z' fill='%23CB904C'/%3e%3c/svg%3e"); } .icon-new-arrow-right2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 32px; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.4715 8.92893L27.5425 16L20.4715 23.0711' stroke='%2317B6C9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3crect x='4' y='14.6992' width='24' height='2.5' rx='1.25' fill='%2317B6C9'/%3e%3c/svg%3e"); } .icon-new-close { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 32px; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 32 32' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 8L24 24' stroke='%23727D8C' stroke-width='2.66667' stroke-linecap='round'/%3e%3cpath d='M24 8L8 24' stroke='%23727D8C' stroke-width='2.66667' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-close-sm { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 32 32' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 8L24 24' stroke='%23FDFDFD' stroke-width='2.66667' stroke-linecap='round'/%3e%3cpath d='M24 8L8 24' stroke='%23FDFDFD' stroke-width='2.66667' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-close-sm2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 32 32' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 8L24 24' stroke='%23727D8C' stroke-width='2.66667' stroke-linecap='round'/%3e%3cpath d='M24 8L8 24' stroke='%23727D8C' stroke-width='2.66667' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-close-sm3 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 32 32' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 8L24 24' stroke='%23DCE0E5' stroke-width='2.66667' stroke-linecap='round'/%3e%3cpath d='M24 8L8 24' stroke='%23DCE0E5' stroke-width='2.66667' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-check { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' fill='%232BE0EC'/%3e%3cpath d='M8 12.5L11 15.5L16 9' stroke='%23364053' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-check-gray { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' fill='%23DCE0E5'/%3e%3cpath d='M8 12.5L11 15.5L16 9' stroke='%23B6BEC7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-open-window { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 17px; width: 17px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='17' height='24' viewBox='0 0 17 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.83333 8.33333C9.46513 8.33333 9.16667 8.03485 9.16667 7.66667C9.16667 7.29848 9.46513 7 9.83333 7H13.8333C14.0101 7 14.1797 7.07024 14.3047 7.19526C14.4297 7.32029 14.5 7.48985 14.5 7.66667V11.6667C14.5 12.0349 14.2015 12.3333 13.8333 12.3333C13.4651 12.3333 13.1667 12.0349 13.1667 11.6667V9.27615L6.97141 15.4714C6.71105 15.7317 6.28895 15.7317 6.02859 15.4714C5.76825 15.2111 5.76825 14.7889 6.02859 14.5286L12.2239 8.33333H9.83333ZM2.5 9.66667C2.5 8.93029 3.09695 8.33333 3.83333 8.33333H7.16667C7.53487 8.33333 7.83333 8.63181 7.83333 9C7.83333 9.36819 7.53487 9.66667 7.16667 9.66667H3.83333V17.6667H11.8333V14.3333C11.8333 13.9651 12.1318 13.6667 12.5 13.6667C12.8682 13.6667 13.1667 13.9651 13.1667 14.3333V17.6667C13.1667 18.4031 12.5697 19 11.8333 19H3.83333C3.09695 19 2.5 18.4031 2.5 17.6667V9.66667Z' fill='%2317B6C9'/%3e%3c/svg%3e"); } .icon-new-arrow-down-s { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.714 6.31396L8 11.028L3.28595 6.31396' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-slim-arrow-down-s { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 22px; background-image: url("data:image/svg+xml,%3csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1C9 0.447715 8.55228 0 8 0C7.44772 0 7 0.447715 7 1L9 1ZM7.29289 21.7071C7.68342 22.0976 8.31658 22.0976 8.70711 21.7071L15.0711 15.3431C15.4616 14.9526 15.4616 14.3195 15.0711 13.9289C14.6805 13.5384 14.0474 13.5384 13.6569 13.9289L8 19.5858L2.34315 13.9289C1.95262 13.5384 1.31946 13.5384 0.928932 13.9289C0.538408 14.3195 0.538408 14.9526 0.928932 15.3431L7.29289 21.7071ZM7 1L7 21H9L9 1L7 1Z' fill='%23727D8C'/%3e%3c/svg%3e"); } .icon-new-arrow-right-blue2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.07088 4.92912L16.0713 12.0002L9.07126 19.0713' stroke='%2317B6C9' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e"); } .icon-new-arrow-right-gray { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.07088 4.92912L16.0713 12.0002L9.07126 19.0713' stroke='%23364053' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e"); } .icon-new-draw-line1 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 161px; width: 161px; height: 8px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 161 8' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 3C16.0257 3.57114 30.816 3.15953 45.8865 2.63326C58.9614 2.17667 72.0385 1.58639 85.1168 1.26331C94.5597 1.03003 85.3221 3.43548 81.8413 4.04598C74.3199 5.36515 51.4679 7.24128 59.1074 6.9745C65.8213 6.74005 72.5351 6.5056 79.2489 6.27114C105.87 5.3415 132.492 4.41186 159.113 3.48223' stroke='%23CB904C' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-draw-line2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 127px; width: 127px; height: 10px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 127 10' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 9C18.0117 6.91934 34.9479 4.65475 51.841 1.85041C54.5861 1.3947 72.6728 -0.328619 62.2258 3.01145C57.3728 4.56304 40.1741 9.93364 55.5362 7.28899C78.8588 3.2739 102.342 3.50031 126 3.50031' stroke='%23CB904C' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-draw-line3 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 127px; width: 127px; height: 10px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 127 10' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 9C18.0117 6.91934 34.9479 4.65475 51.841 1.85041C54.5861 1.3947 72.6728 -0.328619 62.2258 3.01145C57.3728 4.56304 40.1741 9.93364 55.5362 7.28899C78.8588 3.2739 102.342 3.50031 126 3.50031' stroke='%23CB904C' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-draw-arrow { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 32px; width: 32px; height: 19px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 32 19' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 2.28311C8 0.30536 20.5 -0.191526 19 6.80771C19 8.68314 15.5593 11.9269 13.5 11.8058C10.0569 11.6033 19.5356 3.7328 27.0084 5.80859C31.6421 7.09572 27.4916 12.8086 25.5 16.3086' stroke='%23364053' stroke-width='1.5' stroke-linecap='round'/%3e%3cpath d='M25.4668 11.3086C25.4668 13.3086 25.0332 15.3096 24.5 17.3086C26.11 16.3502 28.6239 14.6221 30.5724 14.1963' stroke='%23364053' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-draw-arrow2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 129px; width: 129px; height: 78px; background-image: url("data:image/svg+xml,%3csvg width='129' height='78' viewBox='0 0 129 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url%28%23clip0_877_52823%29'%3e%3cpath d='M4.11593 55.8905C15.8366 60.2516 30.8845 59.8741 42.9271 56.3386C44.5627 55.917 46.1515 55.3271 47.7474 54.8151C49.3212 54.1913 50.9135 53.6403 52.4427 52.9148C55.5443 51.5931 58.4969 49.9322 61.3772 48.1682C64.0257 46.3982 67.6956 44.4357 68.2855 40.036C68.3744 38.918 67.816 37.5852 66.9114 36.8765C65.9882 36.0951 64.7504 35.8564 63.7394 35.9498C61.6722 36.1563 60.1171 37.0685 58.6081 38.0549C57.1529 39.0717 55.6639 40.6563 55.365 42.7702C55.0511 44.8502 55.8925 46.8275 57.11 48.2485C58.3148 49.702 60.0756 50.763 61.8807 51.1571C63.6893 51.5901 65.5277 51.5381 67.2541 51.2924C68.9868 51.0304 70.65 50.6102 72.2509 50.1094C73.8617 49.6313 75.4838 49.1482 77.0563 48.552C80.2459 47.4614 83.334 46.0782 86.3696 44.6371C92.3976 41.6256 98.1037 37.9732 103.287 33.7141C108.444 29.426 113.152 24.6069 117.161 19.2994C117.878 18.3233 118.487 17.4357 118.984 16.6643C119.46 15.8752 119.809 15.1959 120.075 14.6341C120.607 13.5105 120.744 12.8704 120.53 12.7215C120.332 12.5789 119.789 12.9389 118.949 13.8204C118.534 14.2587 118.047 14.8371 117.481 15.5442C116.893 16.2338 116.228 17.0521 115.489 18.0106C111.474 23.1187 106.819 27.7525 101.774 31.8968C96.6917 36.0172 91.1354 39.5499 85.277 42.487C82.3204 43.8933 79.3228 45.2368 76.2286 46.2989C74.6901 46.8802 73.1295 47.3498 71.5576 47.8244C69.9906 48.3102 68.4278 48.7134 66.8845 48.946C63.8192 49.4291 60.6741 48.9626 58.8834 46.7278C57.9853 45.6656 57.4771 44.3243 57.6642 43.1226C57.8188 41.9083 58.7351 40.8315 59.9324 39.9955C61.1574 39.1608 62.6101 38.4149 63.8644 38.3226C64.4915 38.2765 64.9824 38.4115 65.3385 38.7002C65.7307 39.0405 65.8684 39.3847 65.8585 39.915C65.8035 41.0182 64.906 42.3834 63.8821 43.3995C63.3469 43.9313 62.8235 44.3365 62.093 44.7922L60.0571 46.1449C57.2848 47.848 54.429 49.4529 51.4291 50.7299C49.9565 51.4306 48.4094 51.9617 46.8971 52.5719C45.3464 53.0641 43.8129 53.6567 42.2338 54.0535C39.3323 54.9096 36.229 55.4903 33.0534 55.9678C29.8656 56.3563 26.5879 56.6628 23.3281 56.6108C21.6941 56.6676 20.076 56.515 18.4525 56.4728C16.8408 56.3039 15.2462 56.2354 13.6774 55.9803C12.8868 55.869 12.1123 55.764 11.3492 55.654C10.5825 55.5052 9.82078 55.3677 9.07034 55.2252C7.55183 54.9615 6.1075 54.6517 4.80435 54.172C1.94265 53.1224 1.15564 51.6068 0.722397 51.7566C0.547832 51.8198 0.484191 52.3198 0.928042 53.1769C1.35562 54.0276 2.44043 55.1158 4.1209 55.9018L4.11593 55.8905Z' fill='%2348556C'/%3e%3cpath d='M105.389 20.3148C108.094 20.6377 111.261 19.651 113.716 18.4519C116.383 17.186 118.816 15.4162 120.784 13.203L121.654 12.1737L119.703 11.0479C117.779 16.1276 117.728 22.0305 119.955 26.9467C120.903 28.8906 122.568 27.9838 121.905 26.1979C120.336 21.6408 120.19 16.4579 121.904 11.9152C122.14 11.2856 121.821 10.5895 121.192 10.3536C120.692 10.1683 120.154 10.3239 119.836 10.7062L119.813 10.7161L119.043 11.6343C117.282 13.5813 115.112 15.1817 112.722 16.3122C110.5 17.3958 107.661 17.9011 105.316 18.4588C104.013 18.7477 103.862 20.1225 105.399 20.3374L105.389 20.3148Z' fill='%2348556C'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_877_52823'%3e%3crect width='127.824' height='28.6248' fill='white' transform='translate%280 51.3984%29 rotate%28-23.7101%29'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); } .icon-new-star2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 17px; background-image: url("data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.04377 0.556279C7.21912 -0.0186851 8.03673 -0.00823593 8.19733 0.571022L8.60911 2.05624C9.22461 4.27627 10.8641 6.06843 13.0207 6.87869L14.7091 7.51304C15.2003 7.69759 15.2354 8.37898 14.7658 8.61308L12.3379 9.82338C10.5814 10.6989 9.25791 12.2527 8.6728 14.126L8.19213 15.665C8.01911 16.2189 7.23909 16.2299 7.05053 15.6811L6.45127 13.9369C5.84653 12.1767 4.58452 10.7187 2.92929 9.86778L0.481268 8.60933C0.0203332 8.37238 0.0556213 7.70209 0.538888 7.51485L2.24032 6.85563C4.30383 6.05612 5.88581 4.35316 6.53137 2.23642L7.04377 0.556279Z' fill='%2364CEDB'/%3e%3c/svg%3e"); } .icon-new-search { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10.5' cy='10.5' r='7.5' stroke='%23727D8C' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath d='M20.1768 21.384C20.5674 21.7745 21.2005 21.7745 21.5911 21.384C21.9816 20.9934 21.9816 20.3603 21.5911 19.9698L20.1768 21.384ZM15.3942 16.6013L20.1768 21.384L21.5911 19.9698L16.8084 15.1871L15.3942 16.6013Z' fill='%23727D8C'/%3e%3c/svg%3e"); } .icon-new-x-circle { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' stroke='%232A3342' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath d='M9 9L15 15' stroke='%232A3342' stroke-width='1.6' stroke-linecap='round'/%3e%3cpath d='M15 9L9 15' stroke='%232A3342' stroke-width='1.6' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-download { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 25px; width: 25px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.2857 10.9497L12.3359 15.8995L7.38619 10.9497' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3crect x='11.3359' y='3' width='2' height='13' rx='1' fill='%2317B6C9'/%3e%3crect x='4.33594' y='19' width='16' height='2' rx='1' fill='%2317B6C9'/%3e%3c/svg%3e"); } .icon-new-star-label { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 24 24' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 4.00009C22 2.34324 20.6569 1.00009 19 1.00009H5C3.34315 1.00009 2 2.34324 2 4.00009V16.2263C2 17.3204 2.5956 18.3277 3.55424 18.8549L10.5542 22.7049C11.4545 23.2001 12.5455 23.2001 13.4458 22.7049L20.4458 18.8549C21.4044 18.3277 22 17.3204 22 16.2263V4.00009ZM12.8914 5.75309C12.5207 5.0241 11.4793 5.0241 11.1086 5.75309L9.83688 8.25411L7.05562 8.64636C6.22614 8.76334 5.8995 9.78727 6.50802 10.363L8.5 12.2476L8.0232 14.9457C7.87955 15.7586 8.72712 16.3857 9.46246 16.0105L12 14.7156L14.5375 16.0105C15.2729 16.3857 16.1205 15.7586 15.9768 14.9457L15.5 12.2476L17.492 10.363C18.1005 9.78727 17.7739 8.76334 16.9444 8.64636L14.1631 8.25411L12.8914 5.75309Z' fill='%2317B6C9'/%3e%3c/svg%3e"); } .icon-new-arrow-right-m { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 32px; width: 32px; height: 32px; background-image: url("data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.4695 8.92893L21.5406 16L14.4695 23.0711' stroke='%2317B6C9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-revert { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 25px; width: 25px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.25 17.25C8.58631 18.5261 10.5349 19.5 12.5 19.5C16.7338 19.5 20 16.1421 20 12' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.5 7.5C17.1078 5.58633 14.9793 4.5 12.5 4.5C8.39986 4.5 5 7.85786 5 12' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17 13.5L20 10.5L23 13.5' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M2 10.5L5 13.5L8 10.5' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-pencil { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4093 3.27644L21.0446 4.91182C21.6534 5.52054 21.5324 6.62848 20.7744 7.38646C20.7736 7.38723 20.7728 7.388 20.7721 7.38877L8.89935 19.2294L3.76521 20.5712L5.05959 15.3896L16.9369 3.54439C17.695 2.78834 18.8013 2.66845 19.4093 3.27644Z' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15 6L18.5 9.5' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-x-circle2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='11' fill='%23FDFDFD'/%3e%3cpath d='M8 8L16 16' stroke='%23727D8C' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M16 8L8 16' stroke='%23727D8C' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-check-circle { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' stroke='%23FDFDFD' stroke-width='1.6'/%3e%3cpath d='M8 12L11 15L17 9' stroke='%23FDFDFD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-check-white { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' fill='%232BE0EC'/%3e%3cpath d='M8 12.5L11 15.5L16 9' stroke='%23FDFDFD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-arrow-left { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.4719 19.0711L7.40083 12L14.4719 4.92893' stroke='%23EDF0F2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-arrow-left2 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.4719 19.0711L7.40083 12L14.4719 4.92893' stroke='%23727D8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-arrow-left3 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.4719 19.0711L7.40083 12L14.4719 4.92893' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-arrow-left4 { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.4719 19.0711L7.40083 12L14.4719 4.92893' stroke='%23DCE0E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-new-location { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0001 22C11.892 22 11.789 21.9498 11.7181 21.8623C11.4439 21.5237 5 13.5249 5 9.49902C5 5.36399 8.14028 2 12.0001 2C15.8599 2 19 5.36399 19 9.49902C19 13.5249 12.5563 21.5237 12.2821 21.8623C12.2112 21.9498 12.1082 22 12.0001 22Z' stroke='%2317B6C9' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8992 11.6C11.2931 11.5996 10.729 11.3695 10.2915 10.9401C9.84893 10.5058 9.60735 9.93638 9.60167 9.32114C9.59587 8.70616 9.82665 8.13289 10.2614 7.69C10.6958 7.24737 11.2645 7.00594 11.8803 7.00014L11.8984 7.00004L11.9037 7C13.1594 7.00103 14.1896 8.02042 14.2015 9.27851C14.2132 10.5448 13.1895 11.5879 11.9229 11.5999L11.9047 11.6L11.8992 11.6ZM11.9009 13.6L11.9417 13.5998C14.3128 13.5775 16.2235 11.6306 16.2014 9.25978C16.1793 6.90252 14.2544 5 11.9018 5L11.8615 5.00023C10.7142 5.01104 9.6391 5.4687 8.83394 6.28916C8.02856 7.10961 7.59094 8.19303 7.60176 9.34C7.61235 10.487 8.07003 11.5623 8.89051 12.3674C9.7013 13.1633 10.7688 13.6 11.9009 13.6Z' fill='%2317B6C9'/%3e%3c/svg%3e"); } .icon-new-phone { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6348 21.945C16.75 21.9629 16.8653 21.9808 16.9803 22L17.7711 21.9893C17.8159 21.9735 17.8616 21.9602 17.9078 21.9493C18.5558 21.8876 19.1659 21.6169 19.645 21.1785C20.3179 20.533 20.9827 19.8662 21.5832 19.162C22.2204 18.4258 22.1984 17.3304 21.5323 16.6201C20.5833 15.6208 19.6092 14.6481 18.6102 13.7021C18.0866 13.2047 17.3144 13.0681 16.6505 13.3554C16.2371 13.5384 15.8705 13.8119 15.5782 14.1555L14.3879 15.3531C11.9738 14.035 9.9853 12.0621 8.65368 9.66384C8.69523 9.62649 8.72807 9.59849 8.75622 9.57448C8.78437 9.55048 8.80783 9.53047 8.83061 9.50914C8.99381 9.3424 9.15959 9.17824 9.32532 9.01412C9.66597 8.67679 10.0064 8.33965 10.3238 7.98078C10.9992 7.25642 10.9992 6.13656 10.3238 5.4122C9.43648 4.45998 8.51428 3.52376 7.55991 2.63289C6.65648 1.79537 5.63777 1.79537 4.70217 2.59555C4.23615 2.99767 3.80661 3.4424 3.37695 3.88725C3.24802 4.02074 3.11908 4.15424 2.98913 4.2866C2.32393 4.97974 1.98496 5.92079 2.05621 6.87653C2.10223 7.84275 2.31252 8.79422 2.67816 9.69051C3.6218 12.1817 5.1177 14.3236 6.91652 16.268C8.39444 17.8488 10.1133 19.1882 12.0101 20.2369C13.2151 20.9477 14.5185 21.4788 15.8785 21.8133C16.1289 21.8664 16.3819 21.9057 16.6348 21.945ZM19.063 20.1011C18.5994 20.5812 17.9484 20.8364 17.2802 20.7999V20.7893C16.5611 20.7509 15.8522 20.6025 15.1785 20.3492C12.2178 19.2452 9.57685 17.4311 7.48992 15.0679C6.27726 13.7454 5.25259 12.2638 4.44453 10.6643C3.97355 9.7572 3.62215 8.79347 3.39901 7.79695C3.21329 7.1553 3.22168 6.47343 3.42314 5.8365C3.55165 5.53965 3.73333 5.26852 3.9593 5.03631C4.28589 4.68097 4.62064 4.35541 4.96841 4.01719C5.10878 3.88067 5.25128 3.74209 5.39621 3.59865C5.9002 3.09987 6.3479 3.1052 6.85189 3.59865L9.20564 5.95119C9.2673 6.0152 9.32896 6.07922 9.38793 6.14857C9.54163 6.29548 9.62694 6.49941 9.62338 6.71143C9.61981 6.92346 9.52771 7.12444 9.36917 7.26616C8.92523 7.7347 8.44762 8.19655 7.99385 8.63536C7.95165 8.67617 7.90966 8.71677 7.86792 8.75717C7.37733 9.23194 7.31567 9.53601 7.59984 10.1602C8.16209 11.3093 8.90609 12.3611 9.80346 13.2755C10.7716 14.3536 11.8934 15.2846 13.133 16.0388C13.4145 16.2042 13.704 16.3509 13.9962 16.4976C14.3727 16.7136 14.8502 16.6343 15.1356 16.3082C15.4409 16.0112 15.743 15.7099 16.0453 15.4083C16.2181 15.236 16.3909 15.0636 16.5645 14.8919C16.5744 14.882 16.5844 14.8721 16.5943 14.8621C16.6535 14.8029 16.7119 14.7444 16.7762 14.6919C16.9326 14.5352 17.1471 14.4498 17.3689 14.4558C17.5908 14.4619 17.8002 14.5589 17.9478 14.7239C18.3123 15.0769 18.6711 15.4355 19.0305 15.7946C19.1653 15.9294 19.3003 16.0642 19.4356 16.1989C19.5394 16.3029 19.6438 16.4063 19.7483 16.5098C20.0267 16.7856 20.3052 17.0614 20.5723 17.3485C20.7353 17.499 20.83 17.7089 20.8346 17.9302C20.8391 18.1514 20.7531 18.3651 20.5964 18.5221C20.5445 18.5873 20.489 18.6497 20.4302 18.7088C20.2783 18.8635 20.1258 19.0176 19.9733 19.1716C19.6683 19.4799 19.3632 19.7881 19.063 20.1011Z' fill='%2317B6C9'/%3e%3cpath d='M16.9803 22L16.9308 22.2959L16.9574 22.3003L16.9843 22.3L16.9803 22ZM16.6348 21.945L16.6808 21.6485H16.6808L16.6348 21.945ZM17.7711 21.9893L17.7752 22.2893L17.8244 22.2886L17.8708 22.2723L17.7711 21.9893ZM17.9078 21.9493L17.8794 21.6507L17.8591 21.6526L17.8392 21.6573L17.9078 21.9493ZM19.645 21.1785L19.8476 21.3999L19.8527 21.395L19.645 21.1785ZM21.5832 19.162L21.3564 18.9657L21.3549 18.9674L21.5832 19.162ZM21.5323 16.6201L21.7511 16.4149L21.7498 16.4135L21.5323 16.6201ZM18.6102 13.7021L18.4036 13.9196L18.4039 13.9199L18.6102 13.7021ZM16.6505 13.3554L16.5314 13.08L16.5291 13.081L16.6505 13.3554ZM15.5782 14.1555L15.791 14.367L15.7992 14.3588L15.8067 14.3499L15.5782 14.1555ZM14.3879 15.3531L14.2442 15.6164L14.4419 15.7244L14.6007 15.5646L14.3879 15.3531ZM8.65368 9.66384L8.45316 9.4407L8.27536 9.60048L8.3914 9.80947L8.65368 9.66384ZM8.75622 9.57448L8.56156 9.34622L8.56156 9.34622L8.75622 9.57448ZM8.83061 9.50914L9.03587 9.72832L9.04501 9.71898L8.83061 9.50914ZM9.32532 9.01412L9.11423 8.80095L9.32532 9.01412ZM10.3238 7.98078L10.1043 7.77613L10.0991 7.78203L10.3238 7.98078ZM10.3238 5.4122L10.1043 5.61672L10.1044 5.61678L10.3238 5.4122ZM7.55991 2.63289L7.76462 2.41359L7.76387 2.41289L7.55991 2.63289ZM4.70217 2.59555L4.50718 2.36756L4.50618 2.36842L4.70217 2.59555ZM3.37695 3.88725L3.59274 4.09566V4.09566L3.37695 3.88725ZM2.98913 4.2866L2.77504 4.07643L2.77269 4.07888L2.98913 4.2866ZM2.05621 6.87653L2.35598 6.86226L2.35538 6.85423L2.05621 6.87653ZM2.67816 9.69051L2.9588 9.58421L2.95594 9.57719L2.67816 9.69051ZM6.91652 16.268L6.6963 16.4717L6.69738 16.4729L6.91652 16.268ZM12.0101 20.2369L12.1625 19.9784L12.1552 19.9744L12.0101 20.2369ZM15.8785 21.8133L15.8068 22.1048L15.8162 22.1068L15.8785 21.8133ZM17.2802 20.7999H16.9802V21.084L17.2639 21.0995L17.2802 20.7999ZM19.063 20.1011L19.2788 20.3095L19.2794 20.3088L19.063 20.1011ZM17.2802 20.7893H17.5802V20.5048L17.2962 20.4897L17.2802 20.7893ZM15.1785 20.3492L15.2841 20.0684L15.2833 20.0681L15.1785 20.3492ZM7.48992 15.0679L7.71483 14.8693L7.71104 14.8652L7.48992 15.0679ZM4.44453 10.6643L4.71231 10.529L4.71077 10.526L4.44453 10.6643ZM3.39901 7.79695L3.69176 7.73139L3.68975 7.72239L3.68718 7.71354L3.39901 7.79695ZM3.42314 5.8365L3.14783 5.71731L3.14173 5.73139L3.1371 5.74603L3.42314 5.8365ZM3.9593 5.03631L4.17438 5.24563L4.18018 5.23932L3.9593 5.03631ZM4.96841 4.01719L4.75925 3.80213L4.96841 4.01719ZM5.39621 3.59865L5.60724 3.81188L5.39621 3.59865ZM6.85189 3.59865L7.06398 3.38645L7.06177 3.38429L6.85189 3.59865ZM9.20564 5.95119L9.42175 5.74303L9.41772 5.739L9.20564 5.95119ZM9.38793 6.14857L9.1594 6.34292L9.16944 6.35473L9.18065 6.36544L9.38793 6.14857ZM9.62338 6.71143L9.92333 6.71647V6.71647L9.62338 6.71143ZM9.36917 7.26616L9.16924 7.04249L9.15996 7.05078L9.1514 7.05982L9.36917 7.26616ZM7.99385 8.63536L8.20239 8.85102L8.20239 8.85102L7.99385 8.63536ZM7.86792 8.75717L8.07655 8.97274L8.07655 8.97274L7.86792 8.75717ZM7.59984 10.1602L7.3267 10.2845L7.33036 10.292L7.59984 10.1602ZM9.80346 13.2755L10.0269 13.0749L10.0176 13.0654L9.80346 13.2755ZM13.133 16.0388L12.9771 16.2952L12.9811 16.2975L13.133 16.0388ZM13.9962 16.4976L14.1456 16.2374L14.1383 16.2332L14.1308 16.2295L13.9962 16.4976ZM15.1356 16.3082L14.9264 16.0932L14.9178 16.1016L14.9099 16.1106L15.1356 16.3082ZM16.0453 15.4083L15.8335 15.1959L16.0453 15.4083ZM16.5645 14.8919L16.7755 15.1052L16.776 15.1046L16.5645 14.8919ZM16.5943 14.8621L16.3821 14.6501L16.3821 14.6501L16.5943 14.8621ZM16.7762 14.6919L16.9661 14.9242L16.9778 14.9145L16.9886 14.9038L16.7762 14.6919ZM17.3689 14.4558L17.3608 14.7557L17.3689 14.4558ZM17.9478 14.7239L17.7241 14.9238L17.7313 14.9319L17.7391 14.9394L17.9478 14.7239ZM19.0305 15.7946L18.8184 16.0068L19.0305 15.7946ZM19.4356 16.1989L19.6479 15.9869L19.6472 15.9862L19.4356 16.1989ZM19.7483 16.5098L19.5372 16.7229L19.7483 16.5098ZM20.5723 17.3485L20.3526 17.5528L20.3604 17.5612L20.3688 17.5689L20.5723 17.3485ZM20.5964 18.5221L20.3841 18.3101L20.3721 18.3221L20.3615 18.3354L20.5964 18.5221ZM20.4302 18.7088L20.2176 18.4971L20.2161 18.4986L20.4302 18.7088ZM19.9733 19.1716L19.7601 18.9606H19.7601L19.9733 19.1716ZM17.0297 21.7041C16.9127 21.6846 16.7958 21.6664 16.6808 21.6485L16.5887 22.2414C16.7043 22.2594 16.8178 22.277 16.9308 22.2959L17.0297 21.7041ZM17.7671 21.6894L16.9762 21.7L16.9843 22.3L17.7752 22.2893L17.7671 21.6894ZM17.8392 21.6573C17.7825 21.6706 17.7264 21.687 17.6715 21.7064L17.8708 22.2723C17.9054 22.2601 17.9407 22.2498 17.9764 22.2414L17.8392 21.6573ZM19.4425 20.9572C19.0115 21.3515 18.4627 21.5951 17.8794 21.6507L17.9363 22.248C18.649 22.1801 19.3202 21.8824 19.8475 21.3998L19.4425 20.9572ZM21.3549 18.9674C20.7641 19.6602 20.1076 20.319 19.4373 20.962L19.8527 21.395C20.5281 20.747 21.2013 20.0721 21.8115 19.3567L21.3549 18.9674ZM21.3135 16.8253C21.8746 17.4236 21.893 18.3457 21.3564 18.9657L21.8101 19.3583C22.5478 18.506 22.5223 17.2372 21.7511 16.4149L21.3135 16.8253ZM18.4039 13.9199C19.3991 14.8623 20.3694 15.8312 21.3147 16.8267L21.7498 16.4135C20.7972 15.4103 19.8194 14.4339 18.8165 13.4843L18.4039 13.9199ZM16.7697 13.6307C17.3234 13.3911 17.9674 13.5052 18.4036 13.9196L18.8168 13.4846C18.2059 12.9042 17.3054 12.7451 16.5314 13.08L16.7697 13.6307ZM15.8067 14.3499C16.0698 14.0407 16.3997 13.7945 16.772 13.6297L16.5291 13.081C16.0745 13.2822 15.6713 13.5831 15.3497 13.9612L15.8067 14.3499ZM14.6007 15.5646L15.791 14.367L15.3654 13.9441L14.1751 15.1417L14.6007 15.5646ZM8.3914 9.80947C9.75066 12.2575 11.7803 14.2712 14.2442 15.6164L14.5317 15.0898C12.1673 13.7988 10.2199 11.8667 8.91596 9.51821L8.3914 9.80947ZM8.56156 9.34622C8.5332 9.3704 8.49782 9.40056 8.45316 9.4407L8.85421 9.88697C8.89265 9.85243 8.92295 9.82658 8.95089 9.80275L8.56156 9.34622ZM8.62555 9.29016C8.60877 9.30588 8.59079 9.32128 8.56156 9.34622L8.95089 9.80275C8.97795 9.77967 9.00689 9.75507 9.03567 9.72811L8.62555 9.29016ZM9.11423 8.80095C8.94877 8.96479 8.78132 9.1306 8.61622 9.29929L9.04501 9.71898C9.20629 9.5542 9.3704 9.39168 9.53641 9.22729L9.11423 8.80095ZM10.0991 7.78203C9.78938 8.13222 9.45606 8.46245 9.11423 8.80095L9.53641 9.22729C9.87588 8.89112 10.2235 8.54707 10.5485 8.17954L10.0991 7.78203ZM10.1044 5.61678C10.6723 6.22591 10.6723 7.16707 10.1044 7.77621L10.5432 8.18536C11.326 7.34578 11.326 6.04721 10.5432 5.20762L10.1044 5.61678ZM7.3552 2.85219C8.30349 3.73739 9.22073 4.66851 10.1043 5.61672L10.5433 5.20767C9.65222 4.25145 8.72507 3.31013 7.76462 2.41359L7.3552 2.85219ZM4.89716 2.82354C5.3243 2.45822 5.74512 2.29626 6.14021 2.30007C6.5342 2.30386 6.94604 2.47289 7.35596 2.8529L7.76387 2.41289C7.27035 1.95537 6.72113 1.70563 6.14599 1.70009C5.57198 1.69456 5.01564 1.93269 4.50718 2.36756L4.89716 2.82354ZM3.59274 4.09566C4.02402 3.64913 4.4442 3.2144 4.89816 2.82268L4.50618 2.36842C4.02811 2.78094 3.58921 3.23566 3.16117 3.67883L3.59274 4.09566ZM3.20322 4.49677C3.33416 4.36339 3.46395 4.22901 3.59274 4.09566L3.16117 3.67883C3.03209 3.81247 2.904 3.94509 2.77505 4.07644L3.20322 4.49677ZM2.35538 6.85423C2.29048 5.98366 2.5992 5.12618 3.20558 4.49433L2.77269 4.07888C2.04867 4.8333 1.67944 5.85792 1.75704 6.89884L2.35538 6.85423ZM2.95594 9.57719C2.60315 8.71242 2.40027 7.79444 2.35587 6.86226L1.75655 6.8908C1.80419 7.89107 2.02189 8.87603 2.40039 9.80383L2.95594 9.57719ZM7.13674 16.0643C5.35597 14.1394 3.88501 12.0297 2.95871 9.58424L2.39761 9.79678C3.3586 12.3338 4.87942 14.5078 6.6963 16.4717L7.13674 16.0643ZM12.1552 19.9744C10.286 18.9408 8.59207 17.6209 7.13566 16.0631L6.69738 16.4729C8.19682 18.0767 9.94069 19.4355 11.8649 20.4995L12.1552 19.9744ZM15.9501 21.522C14.6185 21.1945 13.3423 20.6744 12.1625 19.9785L11.8576 20.4953C13.0879 21.221 14.4185 21.7632 15.8068 22.1046L15.9501 21.522ZM16.6808 21.6485C16.4266 21.6091 16.1818 21.571 15.9407 21.5198L15.8162 22.1068C16.0761 22.1619 16.3372 22.2024 16.5887 22.2414L16.6808 21.6485ZM17.2639 21.0995C18.0187 21.1407 18.7545 20.8525 19.2788 20.3095L18.8471 19.8927C18.4442 20.31 17.8781 20.5321 17.2966 20.5004L17.2639 21.0995ZM16.9802 20.7893V20.7999H17.5802V20.7893H16.9802ZM15.0729 20.63C15.7753 20.8941 16.5145 21.0489 17.2643 21.0888L17.2962 20.4897C16.6077 20.453 15.929 20.3109 15.2841 20.0684L15.0729 20.63ZM7.26505 15.2665C9.38469 17.6667 12.0669 19.5091 15.0737 20.6303L15.2833 20.0681C12.3687 18.9813 9.76901 17.1955 7.71479 14.8694L7.26505 15.2665ZM4.17676 10.7995C4.99722 12.4236 6.0376 13.928 7.26881 15.2707L7.71104 14.8652C6.51692 13.5629 5.50795 12.1039 4.71229 10.529L4.17676 10.7995ZM3.10626 7.8625C3.33506 8.88432 3.69538 9.87248 4.17828 10.8025L4.71077 10.526C4.25173 9.64192 3.90924 8.70263 3.69176 7.73139L3.10626 7.8625ZM3.1371 5.74603C2.91778 6.43943 2.90865 7.1818 3.11084 7.88036L3.68718 7.71354C3.51793 7.12879 3.52558 6.50743 3.70917 5.92697L3.1371 5.74603ZM3.7443 4.82709C3.49297 5.08535 3.29084 5.38698 3.14783 5.71731L3.69844 5.95569C3.81246 5.69232 3.97368 5.45169 4.1743 5.24554L3.7443 4.82709ZM4.75925 3.80213C4.4124 4.13945 4.07162 4.47077 3.73842 4.83331L4.18018 5.23932C4.50016 4.89117 4.82889 4.57136 5.17757 4.23225L4.75925 3.80213ZM5.18518 3.38542C5.04133 3.52779 4.89976 3.66547 4.75925 3.80213L5.17757 4.23225C5.31781 4.09586 5.46123 3.95638 5.60724 3.81188L5.18518 3.38542ZM7.06177 3.38429C6.78332 3.11167 6.47424 2.92755 6.12489 2.92657C5.7746 2.92558 5.46464 3.10885 5.18518 3.38542L5.60724 3.81188C5.83177 3.58967 5.99766 3.52621 6.12321 3.52656C6.2497 3.52692 6.41647 3.59219 6.64201 3.81301L7.06177 3.38429ZM9.41772 5.739L7.06397 3.38646L6.63981 3.81084L8.99356 6.16338L9.41772 5.739ZM9.61647 5.95421C9.5505 5.87665 9.48241 5.80609 9.42171 5.74307L8.98957 6.15931C9.05219 6.22432 9.10741 6.28179 9.1594 6.34292L9.61647 5.95421ZM9.92333 6.71647C9.9283 6.42054 9.80922 6.13624 9.59522 5.9317L9.18065 6.36544C9.27405 6.45471 9.32557 6.57828 9.32342 6.7064L9.92333 6.71647ZM9.5691 7.48983C9.78981 7.29254 9.91836 7.0124 9.92333 6.71647L9.32342 6.7064C9.32127 6.83452 9.26562 6.95634 9.16924 7.04249L9.5691 7.48983ZM8.20239 8.85102C8.65534 8.41301 9.13772 7.94661 9.58694 7.4725L9.1514 7.05982C8.71273 7.5228 8.23991 7.98009 7.7853 8.4197L8.20239 8.85102ZM8.07655 8.97274C8.11824 8.9324 8.16019 8.89183 8.20239 8.85102L7.7853 8.4197C7.74311 8.4605 7.70108 8.50115 7.65929 8.54159L8.07655 8.97274ZM7.87287 10.0358C7.7381 9.73984 7.71481 9.57907 7.7379 9.45955C7.7611 9.33944 7.84308 9.19868 8.07655 8.97274L7.65929 8.54159C7.40216 8.79042 7.20802 9.03909 7.14879 9.34575C7.08944 9.65299 7.1774 9.95633 7.3268 10.2845L7.87287 10.0358ZM10.0176 13.0654C9.14271 12.1739 8.4174 11.1485 7.86931 10.0283L7.33036 10.292C7.90677 11.47 8.66948 12.5483 9.58934 13.4857L10.0176 13.0654ZM13.289 15.7825C12.0743 15.0435 10.9752 14.1313 10.0267 13.0751L9.58025 13.476C10.568 14.5759 11.7124 15.5257 12.9771 16.2951L13.289 15.7825ZM14.1308 16.2295C13.8382 16.0826 13.5569 15.9399 13.285 15.7802L12.9811 16.2975C13.2721 16.4685 13.5699 16.6193 13.8616 16.7657L14.1308 16.2295ZM14.9099 16.1106C14.7188 16.3289 14.3983 16.3825 14.1456 16.2374L13.8469 16.7578C14.347 17.0448 14.9815 16.9397 15.3613 16.5058L14.9099 16.1106ZM15.8335 15.1959C15.5309 15.4977 15.2302 15.7977 14.9264 16.0932L15.3448 16.5233C15.6517 16.2247 15.9551 15.922 16.2572 15.6207L15.8335 15.1959ZM16.3535 14.6786C16.1794 14.8508 16.0062 15.0237 15.8335 15.1959L16.2572 15.6207C16.43 15.4483 16.6024 15.2764 16.7754 15.1052L16.3535 14.6786ZM16.3821 14.6501C16.3721 14.66 16.3625 14.6697 16.3529 14.6792L16.776 15.1046C16.7864 15.0943 16.7966 15.0841 16.8064 15.0742L16.3821 14.6501ZM16.5864 14.4596C16.5085 14.5233 16.4395 14.5926 16.3821 14.6501L16.8064 15.0742C16.8675 15.0132 16.9154 14.9656 16.9661 14.9242L16.5864 14.4596ZM17.3771 14.156C17.0731 14.1477 16.7787 14.2647 16.5639 14.4799L16.9886 14.9038C17.0865 14.8057 17.2212 14.7519 17.3608 14.7557L17.3771 14.156ZM18.1714 14.5239C17.9687 14.2972 17.6812 14.1643 17.3771 14.156L17.3608 14.7557C17.5004 14.7595 17.6318 14.8206 17.7241 14.9238L18.1714 14.5239ZM19.2426 15.5824C18.8835 15.2236 18.5229 14.8633 18.1564 14.5084L17.7391 14.9394C18.1016 15.2904 18.4588 15.6474 18.8184 16.0068L19.2426 15.5824ZM19.6472 15.9862C19.5121 15.8518 19.3775 15.7172 19.2426 15.5824L18.8184 16.0068C18.9532 16.1415 19.0884 16.2766 19.224 16.4115L19.6472 15.9862ZM19.9594 16.2966C19.8549 16.1931 19.7511 16.0903 19.6479 15.9869L19.2233 16.4108C19.3278 16.5155 19.4328 16.6196 19.5372 16.7229L19.9594 16.2966ZM20.7919 17.1441C20.5199 16.8518 20.2371 16.5717 19.9594 16.2966L19.5372 16.7229C19.8163 16.9994 20.0904 17.271 20.3526 17.5528L20.7919 17.1441ZM21.1345 17.924C21.1283 17.6209 20.9986 17.3337 20.7757 17.128L20.3688 17.5689C20.4721 17.6643 20.5318 17.7969 20.5346 17.9363L21.1345 17.924ZM20.8087 18.734C21.023 18.5194 21.1407 18.2271 21.1345 17.924L20.5346 17.9363C20.5375 18.0758 20.4833 18.2107 20.3841 18.3101L20.8087 18.734ZM20.6428 18.9205C20.7095 18.8534 20.7724 18.7827 20.8313 18.7087L20.3615 18.3354C20.3166 18.3919 20.2686 18.4459 20.2176 18.4971L20.6428 18.9205ZM20.1865 19.3827C20.339 19.2286 20.4919 19.0741 20.6442 18.919L20.2161 18.4986C20.0647 18.6528 19.9126 18.8065 19.7601 18.9606L20.1865 19.3827ZM19.2794 20.3088C19.5778 19.9978 19.8812 19.6912 20.1865 19.3827L19.7601 18.9606C19.4553 19.2686 19.1486 19.5785 18.8465 19.8934L19.2794 20.3088Z' fill='%2317B6C9'/%3e%3c/svg%3e"); } .icon-new-zoomin { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10.5' cy='10.5' r='7.5' stroke='%23727D8C' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath d='M7.5 10.5H13.5' stroke='%23727D8C' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M10.5 13.5V7.5' stroke='%23727D8C' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M20.1771 21.3804C20.5676 21.7709 21.2008 21.7709 21.5913 21.3804C21.9818 20.9899 21.9818 20.3567 21.5913 19.9662L20.1771 21.3804ZM15.3945 16.5977L20.1771 21.3804L21.5913 19.9662L16.8087 15.1835L15.3945 16.5977Z' fill='%23727D8C'/%3e%3c/svg%3e"); } .icon-new-zoomout { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10.5' cy='10.5' r='7.5' stroke='%23727D8C' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath d='M7.5 10.5H13.5' stroke='%23727D8C' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M20.1771 21.3804C20.5676 21.7709 21.2008 21.7709 21.5913 21.3804C21.9818 20.9899 21.9818 20.3567 21.5913 19.9662L20.1771 21.3804ZM15.3945 16.5977L20.1771 21.3804L21.5913 19.9662L16.8087 15.1835L15.3945 16.5977Z' fill='%23727D8C'/%3e%3c/svg%3e"); } .icon-new-cross { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 6L18 18' stroke='%23727D8C' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M18 6L6 18' stroke='%23727D8C' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e"); } .icon-new-plus-circle { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 40px; width: 40px; height: 40px; background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='17' stroke='%232A3342' stroke-width='2'/%3e%3cpath d='M26.6562 20L13.6563 20' stroke='%232A3342' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M20.1562 26.5L20.1563 13.5' stroke='%232A3342' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e"); } .arrow-icon-hover i { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.714 6.31396L8 11.028L3.28595 6.31396' stroke='%2317B6C9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .arrow-icon-hover:hover i { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.714 6.31396L8 11.028L3.28595 6.31396' stroke='%23FDFDFD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } [class^="icon-new-"] { display: inline-block; } .icon-new-sns-fb { width: 24px; height: 24px; background-image: url(../images/icn-24x24-facebook@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-sns-ig { width: 24px; height: 24px; background-image: url(../images/icn-24x24-instagram@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-sns-yt { width: 24px; height: 24px; background-image: url(../images/icn-24x24-youtube@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-sns-line { width: 24px; height: 24px; background-image: url(../images/icn-24x24-line@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-sns-fb-nor { width: 24px; height: 24px; background-image: url(../images/icn-24x24-facebook-nor@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-sns-ig-nor { width: 24px; height: 24px; background-image: url(../images/icn-24x24-instagram-nor@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-sns-yt-nor { width: 24px; height: 24px; background-image: url(../images/icn-24x24-youtube-nor@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-sns-line-nor { width: 24px; height: 24px; background-image: url(../images/icn-24x24-line-nor@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-btn-go { width: 32px; height: 20px; background-image: url(../images/btn-go.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-btn-go-m { width: 27px; height: 16px; background-image: url(../images/btn-go-m.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-black-cross { width: 24px; height: 24px; background-image: url(../images/ic-black-cross.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-popup-close { width: 24px; height: 24px; background-image: url(../images/ic-popup-close.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-eye-close { width: 24px; height: 24px; background-image: url(../images/icon-24-eye-close@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-eye-open { width: 24px; height: 24px; background-image: url(../images/icon-24-eye-open@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-travel { width: 40px; height: 40px; background-image: url(../images/icon-40-travel@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-student { width: 40px; height: 40px; background-image: url(../images/icon-40-student@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-currencyinvest { width: 40px; height: 40px; background-image: url(../images/icon-40-currencyinvest@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-car { width: 40px; height: 40px; background-image: url(../images/icon-40-car@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-loan { width: 40px; height: 40px; background-image: url(../images/icon-40-loan@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-fund { width: 40px; height: 40px; background-image: url(../images/icon-40-fund@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-coin { width: 40px; height: 40px; background-image: url(../images/icon-40-coin@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-globe { width: 40px; height: 40px; background-image: url(../images/icon-40-globe@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-stock { width: 40px; height: 40px; background-image: url(../images/icon-40-stock@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-32-pie { width: 32px; height: 32px; background-image: url(../images/icon-32-pie@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-32-monitor { width: 32px; height: 32px; background-image: url(../images/icon-32-monitor@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-32-robot { width: 32px; height: 32px; background-image: url(../images/icon-32-robot@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-pig { width: 40px; height: 40px; background-image: url(../images/icon-40-pig@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-receive-money { width: 40px; height: 40px; background-image: url(../images/icon-40-receive-money@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-jar { width: 40px; height: 40px; background-image: url(../images/icon-40-jar@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-card1 { width: 40px; height: 40px; background-image: url(../images/icon-40-card1@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-card2 { width: 40px; height: 40px; background-image: url(../images/icon-40-card2@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-time-money { width: 40px; height: 40px; background-image: url(../images/icon-40-time-money@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-IDCard { width: 40px; height: 40px; background-image: url(../images/icon-40-IDCard@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-IDCard-back { width: 40px; height: 40px; background-image: url(../images/icon-40-IDCard-back@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-IDCard2 { width: 40px; height: 40px; background-image: url(../images/icon-40-IDCard2@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-credit-card { width: 40px; height: 40px; background-image: url(../images/icon-40-credit-card@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-household { width: 40px; height: 40px; background-image: url(../images/icon-40-household@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-deposit { width: 40px; height: 40px; background-image: url(../images/icon-40-deposit@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-bill { width: 40px; height: 40px; background-image: url(../images/icon-40-bill@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-securities { width: 40px; height: 40px; background-image: url(../images/icon-40-securities@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-account { width: 40px; height: 40px; background-image: url(../images/icon-40-account@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-bank { width: 40px; height: 40px; background-image: url(../images/icon-40-bank@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-mobile-msg { width: 40px; height: 40px; background-image: url(../images/icon-40-mobile-msg@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-upload-doc { width: 40px; height: 40px; background-image: url(../images/icon-40-upload-doc@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-atm2 { width: 40px; height: 40px; background-image: url(../images/icon-40-atm2@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-reader2 { width: 40px; height: 40px; background-image: url(../images/icon-40-reader2@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-48-travel { width: 48px; height: 48px; background-image: url(../images/icon-48-travel@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-48-car { width: 48px; height: 48px; background-image: url(../images/icon-48-car@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-48-motor { width: 48px; height: 48px; background-image: url(../images/icon-48-motor@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-48-money { width: 48px; height: 48px; background-image: url(../images/icon-48-money@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-48-mobile { width: 48px; height: 48px; background-image: url(../images/icon-48-mobile@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-48-pets { width: 48px; height: 48px; background-image: url(../images/icon-48-pets@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-48-rocket { width: 48px; height: 48px; background-image: url(../images/icon-48-rocket@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-health { width: 40px; height: 40px; background-image: url(../images/icon-40-health@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-tax { width: 40px; height: 40px; background-image: url(../images/icon-40-tax@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-others { width: 40px; height: 40px; background-image: url(../images/icon-40-others@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-progress-01 { width: 80px; height: 80px; background-image: url(../images/icon-progress-indicator-01@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-progress-02 { width: 80px; height: 80px; background-image: url(../images/icon-progress-indicator-02@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-progress-03 { width: 80px; height: 80px; background-image: url(../images/icon-progress-indicator-03@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-progress-04 { width: 80px; height: 80px; background-image: url(../images/icon-progress-indicator-04@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-progress-05 { width: 80px; height: 80px; background-image: url(../images/icon-progress-indicator-05@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-IDCard-notice-01 { width: 40px; height: 40px; background-image: url(../images/icon-40-IDcard-notice-01@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-IDCard-notice-02 { width: 40px; height: 40px; background-image: url(../images/icon-40-IDcard-notice-02@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icon-new-40-IDCard-notice-03 { width: 40px; height: 40px; background-image: url(../images/icon-40-IDcard-notice-03@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-usd-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-usd-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-jpy-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-jpy-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-cny-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-cny-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-aud-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-aud-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-gbp-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-gbp-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-hkd-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-hkd-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-cad-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-cad-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-eur-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-eur-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-chf-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-chf-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-nzd-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-nzd-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-sek-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-sek-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-sgd-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-sgd-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-thb-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-thb-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-tw-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-tw-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-fc-zar-24 { height: 24px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-fc-zar-24.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-keyboard { height: 16px; width: 24px; display: inline-block; vertical-align: middle; background-image: url(../images/ic-keyboard@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-icon-chrome { height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-image: url(../images/icon-browser-chrome@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-icon-edge { height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-image: url(../images/icon-browser-edge@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-icon-safari { height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-image: url(../images/icon-browser-safari@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .icons-new-ic-icon-citizen-digital { height: 40px; width: 40px; display: inline-block; vertical-align: middle; background-image: url(../images/icon-citizen-digital@2x.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } @media (min-width: 1024px) { .d-lgb-none { display: none !important; } } @media (min-width: 1024px) { .d-lgb-block { display: block !important; } } @media (min-width: 1216px) { .d-xlb-block { display: block !important; } } @media (min-width: 1216px) { .col-xlb-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1216px) { .position-sticky-side { position: sticky; top: 124px; } } .col-lgb-6 { position: relative; width: 100%; padding-right: 16px; padding-left: 16px; } @media (min-width: 1024px) { .col-lgb-6 { flex: 0 0 50%; max-width: 50%; } } .word-break-all { word-break: break-all; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline !important; } .ls-1 { letter-spacing: 1px; } .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .fw-100 { font-weight: 100; font-family: 'Noto Sans TC'; } .fw-300 { font-weight: 300; font-family: 'Noto Sans TC'; } .fw-400 { font-weight: 400; font-family: 'Noto Sans TC'; } .fw-400-en { font-weight: 400; font-family: 'Montserrat', 'Noto Sans TC'; } .fw-500 { font-weight: 500; font-family: 'Noto Sans TC'; } .fw-500-en { font-weight: 500; font-family: 'Montserrat', 'Noto Sans TC'; } .fw-600-en { font-weight: 600; font-family: 'Montserrat', 'Noto Sans TC'; } .fw-700 { font-weight: 700; font-family: 'Noto Sans TC'; } .fw-700-en { font-weight: 700; font-family: 'Montserrat', 'Noto Sans TC'; } .fw-900 { font-weight: 900; font-family: 'Noto Sans TC'; } @media (min-width: 768px) { .fw-md-500 { font-weight: 500; font-family: 'Noto Sans TC'; } } @media (min-width: 768px) { .fw-md-500-en { font-weight: 500; font-family: 'Montserrat', 'Noto Sans TC'; } } .color-neutral-900 { color: #1B2028; } .color-neutral-800 { color: #2A3342; } .color-neutral-700 { color: #364053; } .color-neutral-500 { color: #727D8C; } .color-neutral-400 { color: #B6BEC7; } .color-white { color: #FDFDFD; } .color-neutral-300 { color: #C7CDD4; } .color-neutral-200 { color: #DCE0E5; } .color-neutral-100 { color: #EDF0F2; } .color-neutral-50 { color: #F3F5F6; } .color-neutral-60 { color: #F0F0F0; } .color-neutral-70 { color: #FAFAFA; } .color-brand-secodary-250 { color: #CB904C; } .color-brand-secodary-300 { color: #CD9453; } .color-brand-primary-200 { color: #64CEDB; } .color-brand-primary-300 { color: #17B6C9; } .color-red { color: #D02429; } .color-green { color: #05985A; } .color-gray { color: #848D9A; } .color-functional-warning-200 { color: #F3713D; } @media (min-width: 768px) { .color-md-neutral-800 { color: #2A3342; } } @media (min-width: 768px) { .color-md-neutral-700 { color: #364053; } } .link-color-brand-primary-300 { color: #17B6C9; transition: color 0.3s ease-out; } .link-color-brand-primary-300:hover { color: #64CEDB; text-decoration: none; } .fs-12 { font-size: 12px; line-height: 1.5; } .fs-14 { font-size: 14px; line-height: 1.5; } .fs-16 { font-size: 16px; line-height: 28px; } .fs-18 { font-size: 18px; line-height: 1.5; } .fs-20 { font-size: 20px; line-height: 1.5; } .fs-24 { font-size: 24px; line-height: 1.5; } .fs-28 { font-size: 28px; line-height: 1.5; } .fs-32 { font-size: 32px; line-height: 1.5; } .fs-34 { font-size: 34px; line-height: 1.5; } .fs-36 { font-size: 36px; line-height: 1.5; } .fs-40 { font-size: 40px; line-height: 1.5; } .fs-48 { font-size: 48px; line-height: 1.5; } @media (min-width: 768px) { .fs-md-14 { font-size: 14px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-16 { font-size: 16px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-18 { font-size: 18px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-20 { font-size: 20px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-24 { font-size: 24px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-28 { font-size: 28px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-32 { font-size: 32px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-34 { font-size: 34px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-40 { font-size: 40px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-44 { font-size: 44px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-48 { font-size: 48px; line-height: 1.5; } } @media (min-width: 768px) { .fs-md-60 { font-size: 60px; line-height: 84px; } } @media (min-width: 992px) { .fs-lg-14 { font-size: 14px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-16 { font-size: 16px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-18 { font-size: 18px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-20 { font-size: 20px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-24 { font-size: 24px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-28 { font-size: 28px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-32 { font-size: 32px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-34 { font-size: 34px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-40 { font-size: 40px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-48 { font-size: 48px; line-height: 1.5; } } @media (min-width: 992px) { .fs-lg-60 { font-size: 60px; line-height: 84px; } } .fb-50p { flex-basis: 50% !important; } .fb-100p { flex-basis: 100% !important; } @media (min-width: 768px) { .fb-md-auto { flex-basis: auto !important; } } @media (min-width: 992px) { .fb-lg-auto { flex-basis: auto !important; } } @media (min-width: 1024px) { .fb-lgb-auto { flex-basis: auto !important; } } .w-auto { width: auto !important; } .w-1 { width: 1px !important; } .w-50p { width: 50% !important; } .w-60p { width: 60% !important; } .w-64 { width: 64px !important; } .w-80 { width: 80px !important; } .w-100p { width: 100% !important; } @media (min-width: 768px) { .w-md-auto { width: auto !important; } } @media (min-width: 768px) { .w-md-70p { width: 70% !important; } } @media (min-width: 768px) { .w-md-96p { width: 96% !important; } } .minw-64 { min-width: 64px !important; } .minw-80 { min-width: 80px !important; } .maxw-auto { max-width: inherit !important; } @media (min-width: 768px) { .minw-md-64 { min-width: 64px !important; } } @media (min-width: 992px) { .w-lg-53p { width: 53% !important; } } .h-auto { height: auto !important; } .h-16 { height: 16px !important; } .h-20 { height: 20px !important; } .h-24 { height: 24px !important; } .h-60 { height: 60px !important; } .h-100p { height: 100% !important; } .h-90p { height: 90% !important; } .h-100p-auto { height: 100%; } .h-240 { height: 240px !important; } .minh-auto { min-height: auto !important; } @media (min-width: 768px) { .h-md-100p { height: 100% !important; } } .b-0 { border: none !important; } .bt-color-neutral-200-50p { border-top: 1px solid rgba(220, 224, 229, 0.5) !important; } .bt-color-neutral-200 { border-top: 1px solid #DCE0E5 !important; } .bt-color-neutral-300-1px { border-top: 1px solid #C7CDD4 !important; } .bl-color-neutral-200 { border-left: 1px solid #DCE0E5 !important; } .br-color-neutral-200 { border-right: 1px solid #DCE0E5 !important; } .bl-color-neutral-300 { border-left: 1px solid #C7CDD4 !important; } .bb-color-neutral-200-2px { border-bottom: 2px solid #DCE0E5 !important; } .bb-color-neutral-200-1px { border-bottom: 1px solid #DCE0E5 !important; } .bb-color-neutral-300-1px { border-bottom: 1px solid #C7CDD4 !important; } @media (min-width: 768px) { .bt-md-0 { border-top: 0 !important; } } @media (min-width: 768px) { .bl-md-color-neutral-300-50p { border-left: 1px solid rgba(199, 205, 212, 0.5) !important; } } @media (min-width: 768px) { .bb-md-color-neutral-200-1px { border-bottom: 1px solid #DCE0E5 !important; } } .bb-0 { border-bottom: none !important; } @media (min-width: 992px) { .br-lg-color-neutral-200 { border-right: 1px solid #DCE0E5 !important; } } @media (min-width: 992px) { .bb-lg-0 { border-bottom: 0 !important; } } .bg-color-neutral-900 { background-color: #1B2028; } .bg-color-neutral-800 { background-color: #2A3342; } .bg-transparent { background-color: transparent !important; } .bg-color-white-80p { background-color: rgba(253, 253, 253, 0.8); } .bg-color-brand-primary-200 { background-color: #64CEDB; } .bg-color-neutral-900-60p { background-color: rgba(27, 32, 40, 0.6); } .bg-color-neutral-200 { background-color: #DCE0E5; } .bg-color-neutral-100 { background-color: #EDF0F2; } .bg-color-neutral-50 { background-color: #F3F5F6; } .bg-color-decorative-neon-green-100 { background-color: #DAFA5F; } .bg-color-light-blue { background-color: #E2FBFE !important; } .b-radius-16 { border-radius: 16px !important; } .b-radius-24 { border-radius: 24px !important; } .b-radius-30 { border-radius: 30px !important; } .z-index-1 { z-index: 1 !important; } .z-index-2 { z-index: 2 !important; } .cursor-pointer { cursor: pointer !important; } .ic-req { font-size: 16px; font-weight: 400; color: #E75365; font-family: 'Noto Sans TC'; font-style: normal; display: inline-block; } ul.disc { margin-left: 20px; margin-bottom: 0; } ul.disc li { list-style-type: disc; } ul.disc-green { margin-left: 0; margin-bottom: 0; } ul.disc-green li { list-style-type: none; display: flex; } ul.disc-green li + li { margin-top: 8px; } ul.disc-green li:before { content: ''; margin-right: 8px; margin-top: 8px; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 8px; width: 8px; height: 8px; background-image: url("data:image/svg+xml,%3csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='4' cy='4' r='4' fill='%2317B6C9'/%3e%3c/svg%3e"); } ul.stars { margin-bottom: 0; } ul.stars li { display: flex; align-items: center; } ul.stars li:before { content: ''; margin-right: 8px; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 17px; background-image: url("data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.62761 3.0391C7.76443 2.59047 8.40238 2.59862 8.52769 3.0506L8.88057 4.32337C9.36083 6.05559 10.6401 7.45396 12.3228 8.08617L13.7444 8.62029C14.1277 8.76429 14.1551 9.29595 13.7886 9.47861L11.79 10.4749C10.4195 11.1581 9.38681 12.3705 8.93027 13.8321L8.52364 15.134C8.38864 15.5663 7.78001 15.5748 7.63288 15.1466L7.13056 13.6845C6.65871 12.3112 5.674 11.1735 4.38248 10.5096L2.37131 9.47569C2.01166 9.2908 2.03919 8.7678 2.41627 8.6217L3.8449 8.06818C5.45499 7.44434 6.68935 6.11558 7.19306 4.46396L7.62761 3.0391Z' fill='%23CB904C'/%3e%3c/svg%3e"); } @media (max-width: 767px) { ul.stars li { align-items: start; } ul.stars li:before { margin-top: 4px; } } ul.stars li.align-items-center:before { margin-top: 0; } @media (max-width: 767px) { ul.stars li.align-items-md-center:before { margin-top: 2px; } } ul.stars li.align-items-start:before { margin-top: 6px; } ul.stars li.align-items-start2 { align-items: start; } ul.stars li.align-items-start2:before { margin-top: 4px; } @media (max-width: 767px) { ul.stars li.align-items-start2:before { margin-top: 2px; } } ul.stars-blue { margin-bottom: 0; } ul.stars-blue li { display: flex; align-items: center; } ul.stars-blue li:before { content: ''; margin-right: 8px; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 17px; background-image: url("data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.04377 0.556279C7.21912 -0.0186851 8.03673 -0.00823593 8.19733 0.571022L8.60911 2.05624C9.22461 4.27627 10.8641 6.06843 13.0207 6.87869L14.7091 7.51304C15.2003 7.69759 15.2354 8.37898 14.7658 8.61308L12.3379 9.82338C10.5814 10.6989 9.25791 12.2527 8.6728 14.126L8.19213 15.665C8.01911 16.2189 7.23909 16.2299 7.05053 15.6811L6.45127 13.9369C5.84653 12.1767 4.58452 10.7187 2.92929 9.86778L0.481268 8.60933C0.0203332 8.37238 0.0556213 7.70209 0.538888 7.51485L2.24032 6.85563C4.30383 6.05612 5.88581 4.35316 6.53137 2.23642L7.04377 0.556279Z' fill='%2364CEDB'/%3e%3c/svg%3e"); } @media (max-width: 767px) { ul.stars-blue li { align-items: start; } ul.stars-blue li:before { margin-top: 4px; } } ul.check { margin-bottom: 0; } ul.check li { display: flex; align-items: start; font-size: 18px; line-height: 24px; font-weight: 500; font-family: 'Noto Sans TC'; color: #364053; } ul.check li b { font-weight: 700; } @media (max-width: 767px) { ul.check li { font-size: 16px; } } ul.check li:before { content: ''; margin-right: 8px; margin-top: 2px; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' fill='%232BE0EC'/%3e%3cpath d='M8 12.5L11 15.5L16 9' stroke='%23364053' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } ul.check li + li { margin-top: 16px; } @media (max-width: 767px) { ul.check li + li { margin-top: 8px; } } ul.check-lg li { display: flex; align-items: start; font-size: 24px; line-height: 32px; font-weight: 700; font-family: 'Noto Sans TC'; color: #2A3342; } @media (max-width: 767px) { ul.check-lg li { font-size: 20px; } } ul.check-lg li:before { content: ''; margin-right: 16px; margin-top: 6px; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' fill='%232BE0EC'/%3e%3cpath d='M8 12.5L11 15.5L16 9' stroke='%23364053' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } @media (max-width: 767px) { ul.check-lg li:before { margin-right: 8px; } } ul.check-lg li + li { margin-top: 24px; } @media (max-width: 767px) { ul.check-lg li + li { margin-top: 16px; } } ul.check-lg.plain li::before { display: none; } ul.check-lg.plain i { margin-right: 16px; } ul.check-sm li { display: flex; align-items: start; font-size: 16px; line-height: 28px; font-weight: 400; font-family: 'Noto Sans TC'; color: #2A3342; } @media (max-width: 767px) { ul.check-sm li { font-size: 16px; } } ul.check-sm li:before { content: ''; margin-right: 8px; margin-top: 3px; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' fill='%232BE0EC'/%3e%3cpath d='M8 12.5L11 15.5L16 9' stroke='%23364053' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } @media (max-width: 767px) { ul.check-sm li:before { margin-right: 8px; } } ul.check-sm li + li { margin-top: 12px; } @media (max-width: 767px) { ul.check-sm li + li { margin-top: 12px; } } ul.check-list { margin-bottom: 0; } ul.check-list li { display: flex; align-items: center; font-size: 14px; line-height: 20px; font-weight: 500; font-family: 'Noto Sans TC'; color: #364053; } @media (max-width: 767px) { ul.check-list li { color: #FDFDFD; } } ul.check-list li:before { content: ''; margin-right: 8px; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10.3333 17L19 7' stroke='%23727D8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } @media (max-width: 767px) { ul.check-list li:before { display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10.3333 17L19 7' stroke='%23FDFDFD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } } ul.check-list li + li { margin-top: 8px; } ol { margin-left: 20px; margin-bottom: 0; } ol li { list-style-type: decimal !important; } ol li + li { margin-top: 0 !important; } ol li::before { display: none !important; } ol.numberlist { margin-left: 20px; margin-bottom: 0; } ol.numberlist li { list-style-type: decimal !important; font-family: 'Montserrat', 'Noto Sans TC'; font-size: 16px; font-weight: 400; line-height: 28px; color: #2A3342; } ol.numberlist li + li { margin-top: 24px !important; } ol.numberlist li::before { display: none !important; } ol.numberlist li::marker { font-weight: 700; } ul.tip { margin-bottom: 0; } ul.tip li { list-style: none; } ul.tip li:before { content: "※"; margin-right: 3px; } ul.m-list-info { list-style: none; padding-left: 0; line-height: 1.5; } ul.m-list-info li { text-indent: -2rem; padding-left: 2rem; margin-bottom: 16px; } ul.m-list-info li ul { margin-top: 16px; list-style: none; padding-left: 0; } ul.m-list-info li ul li { text-indent: -2.5rem; padding-left: 2.5rem; } .global-loading { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .global-loading .backdrop-bg { background-color: rgba(9, 9, 10, 0.7); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .global-loading .loading-item { position: relative; z-index: 1; } .global-loading .loading-img { max-width: 390px; } .global-loading .loading-text { font-size: 14px; font-weight: 400; color: #DCE0E5; font-family: 'Noto Sans TC'; } .global-loading .loading-path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: pathstroke 4s linear infinite; } @keyframes pathstroke { to { stroke-dashoffset: 0; } } .global-toast { position: fixed; left: 0; bottom: 0; z-index: 101; } .global-toast .toast { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 200px; margin: auto; font-size: 14px; background-color: #CB904C; border: none; box-shadow: 2px 2px 36px 0px rgba(54, 64, 83, 0.2); border-radius: 8px; } @media (max-width: 767px) { .global-toast .toast { top: auto; left: 50%; bottom: 64px; transform: translate(-50%, 0); } } .global-toast .toast-body { padding: 8px 12px; } .box-keyboard { position: absolute; right: 8px; top: 50px; z-index: 5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); background-color: #f9f9f9; padding: 0 8px 8px 8px; } .box-keyboard .btn-keyboard-close { display: flex; } .box-keyboard .btn-keyboard-close a { width: 24px; height: 24px; margin-bottom: 4px; margin-left: auto; } .box-keyboard .btn-keyboard-close a .ic-active { display: none; } .box-keyboard .btn-keyboard-close a:hover .ic-default { display: none; } .box-keyboard .btn-keyboard-close a:hover .ic-active { display: block; } .m-0 { margin: 0px !important; } .mt-0 { margin-top: 0px !important; } .mr-0 { margin-right: 0px !important; } .mb-0 { margin-bottom: 0px !important; } .ml-0 { margin-left: 0px !important; } .m-2px { margin: 2px !important; } .mt-2px { margin-top: 2px !important; } .mr-2px { margin-right: 2px !important; } .mb-2px { margin-bottom: 2px !important; } .ml-2px { margin-left: 2px !important; } .m-4px { margin: 4px !important; } .mt-4px { margin-top: 4px !important; } .mr-4px { margin-right: 4px !important; } .mb-4px { margin-bottom: 4px !important; } .ml-4px { margin-left: 4px !important; } .m-8 { margin: 8px !important; } .mt-8 { margin-top: 8px !important; } .mr-8 { margin-right: 8px !important; } .mb-8 { margin-bottom: 8px !important; } .ml-8 { margin-left: 8px !important; } .m-12 { margin: 12px !important; } .mt-12 { margin-top: 12px !important; } .mr-12 { margin-right: 12px !important; } .mb-12 { margin-bottom: 12px !important; } .ml-12 { margin-left: 12px !important; } .m-14 { margin: 14px !important; } .mt-14 { margin-top: 14px !important; } .mr-14 { margin-right: 14px !important; } .mb-14 { margin-bottom: 14px !important; } .ml-14 { margin-left: 14px !important; } .m-16 { margin: 16px !important; } .mt-16 { margin-top: 16px !important; } .mr-16 { margin-right: 16px !important; } .mb-16 { margin-bottom: 16px !important; } .ml-16 { margin-left: 16px !important; } .m-20 { margin: 20px !important; } .mt-20 { margin-top: 20px !important; } .mr-20 { margin-right: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; } .m-24 { margin: 24px !important; } .mt-24 { margin-top: 24px !important; } .mr-24 { margin-right: 24px !important; } .mb-24 { margin-bottom: 24px !important; } .ml-24 { margin-left: 24px !important; } .m-28 { margin: 28px !important; } .mt-28 { margin-top: 28px !important; } .mr-28 { margin-right: 28px !important; } .mb-28 { margin-bottom: 28px !important; } .ml-28 { margin-left: 28px !important; } .m-32 { margin: 32px !important; } .mt-32 { margin-top: 32px !important; } .mr-32 { margin-right: 32px !important; } .mb-32 { margin-bottom: 32px !important; } .ml-32 { margin-left: 32px !important; } .m-36 { margin: 36px !important; } .mt-36 { margin-top: 36px !important; } .mr-36 { margin-right: 36px !important; } .mb-36 { margin-bottom: 36px !important; } .ml-36 { margin-left: 36px !important; } .m-40 { margin: 40px !important; } .mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; } .m-44 { margin: 44px !important; } .mt-44 { margin-top: 44px !important; } .mr-44 { margin-right: 44px !important; } .mb-44 { margin-bottom: 44px !important; } .ml-44 { margin-left: 44px !important; } .m-48 { margin: 48px !important; } .mt-48 { margin-top: 48px !important; } .mr-48 { margin-right: 48px !important; } .mb-48 { margin-bottom: 48px !important; } .ml-48 { margin-left: 48px !important; } .m-52 { margin: 52px !important; } .mt-52 { margin-top: 52px !important; } .mr-52 { margin-right: 52px !important; } .mb-52 { margin-bottom: 52px !important; } .ml-52 { margin-left: 52px !important; } .m-54 { margin: 54px !important; } .mt-54 { margin-top: 54px !important; } .mr-54 { margin-right: 54px !important; } .mb-54 { margin-bottom: 54px !important; } .ml-54 { margin-left: 54px !important; } .m-56 { margin: 56px !important; } .mt-56 { margin-top: 56px !important; } .mr-56 { margin-right: 56px !important; } .mb-56 { margin-bottom: 56px !important; } .ml-56 { margin-left: 56px !important; } .m-60 { margin: 60px !important; } .mt-60 { margin-top: 60px !important; } .mr-60 { margin-right: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .ml-60 { margin-left: 60px !important; } .m-64 { margin: 64px !important; } .mt-64 { margin-top: 64px !important; } .mr-64 { margin-right: 64px !important; } .mb-64 { margin-bottom: 64px !important; } .ml-64 { margin-left: 64px !important; } .m-68 { margin: 68px !important; } .mt-68 { margin-top: 68px !important; } .mr-68 { margin-right: 68px !important; } .mb-68 { margin-bottom: 68px !important; } .ml-68 { margin-left: 68px !important; } .m-72 { margin: 72px !important; } .mt-72 { margin-top: 72px !important; } .mr-72 { margin-right: 72px !important; } .mb-72 { margin-bottom: 72px !important; } .ml-72 { margin-left: 72px !important; } .m-80 { margin: 80px !important; } .mt-80 { margin-top: 80px !important; } .mr-80 { margin-right: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .ml-80 { margin-left: 80px !important; } .m-84 { margin: 84px !important; } .mt-84 { margin-top: 84px !important; } .mr-84 { margin-right: 84px !important; } .mb-84 { margin-bottom: 84px !important; } .ml-84 { margin-left: 84px !important; } .m-88 { margin: 88px !important; } .mt-88 { margin-top: 88px !important; } .mr-88 { margin-right: 88px !important; } .mb-88 { margin-bottom: 88px !important; } .ml-88 { margin-left: 88px !important; } .m-92 { margin: 92px !important; } .mt-92 { margin-top: 92px !important; } .mr-92 { margin-right: 92px !important; } .mb-92 { margin-bottom: 92px !important; } .ml-92 { margin-left: 92px !important; } .m-96 { margin: 96px !important; } .mt-96 { margin-top: 96px !important; } .mr-96 { margin-right: 96px !important; } .mb-96 { margin-bottom: 96px !important; } .ml-96 { margin-left: 96px !important; } .m-100 { margin: 100px !important; } .mt-100 { margin-top: 100px !important; } .mr-100 { margin-right: 100px !important; } .mb-100 { margin-bottom: 100px !important; } .ml-100 { margin-left: 100px !important; } .m-120 { margin: 120px !important; } .mt-120 { margin-top: 120px !important; } .mr-120 { margin-right: 120px !important; } .mb-120 { margin-bottom: 120px !important; } .ml-120 { margin-left: 120px !important; } .m-128 { margin: 128px !important; } .mt-128 { margin-top: 128px !important; } .mr-128 { margin-right: 128px !important; } .mb-128 { margin-bottom: 128px !important; } .ml-128 { margin-left: 128px !important; } .m-140 { margin: 140px !important; } .mt-140 { margin-top: 140px !important; } .mr-140 { margin-right: 140px !important; } .mb-140 { margin-bottom: 140px !important; } .ml-140 { margin-left: 140px !important; } .m-152 { margin: 152px !important; } .mt-152 { margin-top: 152px !important; } .mr-152 { margin-right: 152px !important; } .mb-152 { margin-bottom: 152px !important; } .ml-152 { margin-left: 152px !important; } .m-160 { margin: 160px !important; } .mt-160 { margin-top: 160px !important; } .mr-160 { margin-right: 160px !important; } .mb-160 { margin-bottom: 160px !important; } .ml-160 { margin-left: 160px !important; } .m-168 { margin: 168px !important; } .mt-168 { margin-top: 168px !important; } .mr-168 { margin-right: 168px !important; } .mb-168 { margin-bottom: 168px !important; } .ml-168 { margin-left: 168px !important; } .m-180 { margin: 180px !important; } .mt-180 { margin-top: 180px !important; } .mr-180 { margin-right: 180px !important; } .mb-180 { margin-bottom: 180px !important; } .ml-180 { margin-left: 180px !important; } .m-192 { margin: 192px !important; } .mt-192 { margin-top: 192px !important; } .mr-192 { margin-right: 192px !important; } .mb-192 { margin-bottom: 192px !important; } .ml-192 { margin-left: 192px !important; } .m-200 { margin: 200px !important; } .mt-200 { margin-top: 200px !important; } .mr-200 { margin-right: 200px !important; } .mb-200 { margin-bottom: 200px !important; } .ml-200 { margin-left: 200px !important; } .m-240 { margin: 240px !important; } .mt-240 { margin-top: 240px !important; } .mr-240 { margin-right: 240px !important; } .mb-240 { margin-bottom: 240px !important; } .ml-240 { margin-left: 240px !important; } .p-0 { padding: 0px !important; } .pt-0 { padding-top: 0px !important; } .pr-0 { padding-right: 0px !important; } .pb-0 { padding-bottom: 0px !important; } .pl-0 { padding-left: 0px !important; } .p-2px { padding: 2px !important; } .pt-2px { padding-top: 2px !important; } .pr-2px { padding-right: 2px !important; } .pb-2px { padding-bottom: 2px !important; } .pl-2px { padding-left: 2px !important; } .p-4px { padding: 4px !important; } .pt-4px { padding-top: 4px !important; } .pr-4px { padding-right: 4px !important; } .pb-4px { padding-bottom: 4px !important; } .pl-4px { padding-left: 4px !important; } .p-8 { padding: 8px !important; } .pt-8 { padding-top: 8px !important; } .pr-8 { padding-right: 8px !important; } .pb-8 { padding-bottom: 8px !important; } .pl-8 { padding-left: 8px !important; } .p-12 { padding: 12px !important; } .pt-12 { padding-top: 12px !important; } .pr-12 { padding-right: 12px !important; } .pb-12 { padding-bottom: 12px !important; } .pl-12 { padding-left: 12px !important; } .p-14 { padding: 14px !important; } .pt-14 { padding-top: 14px !important; } .pr-14 { padding-right: 14px !important; } .pb-14 { padding-bottom: 14px !important; } .pl-14 { padding-left: 14px !important; } .p-16 { padding: 16px !important; } .pt-16 { padding-top: 16px !important; } .pr-16 { padding-right: 16px !important; } .pb-16 { padding-bottom: 16px !important; } .pl-16 { padding-left: 16px !important; } .p-20 { padding: 20px !important; } .pt-20 { padding-top: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .p-24 { padding: 24px !important; } .pt-24 { padding-top: 24px !important; } .pr-24 { padding-right: 24px !important; } .pb-24 { padding-bottom: 24px !important; } .pl-24 { padding-left: 24px !important; } .p-28 { padding: 28px !important; } .pt-28 { padding-top: 28px !important; } .pr-28 { padding-right: 28px !important; } .pb-28 { padding-bottom: 28px !important; } .pl-28 { padding-left: 28px !important; } .p-32 { padding: 32px !important; } .pt-32 { padding-top: 32px !important; } .pr-32 { padding-right: 32px !important; } .pb-32 { padding-bottom: 32px !important; } .pl-32 { padding-left: 32px !important; } .p-36 { padding: 36px !important; } .pt-36 { padding-top: 36px !important; } .pr-36 { padding-right: 36px !important; } .pb-36 { padding-bottom: 36px !important; } .pl-36 { padding-left: 36px !important; } .p-40 { padding: 40px !important; } .pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } .p-44 { padding: 44px !important; } .pt-44 { padding-top: 44px !important; } .pr-44 { padding-right: 44px !important; } .pb-44 { padding-bottom: 44px !important; } .pl-44 { padding-left: 44px !important; } .p-48 { padding: 48px !important; } .pt-48 { padding-top: 48px !important; } .pr-48 { padding-right: 48px !important; } .pb-48 { padding-bottom: 48px !important; } .pl-48 { padding-left: 48px !important; } .p-52 { padding: 52px !important; } .pt-52 { padding-top: 52px !important; } .pr-52 { padding-right: 52px !important; } .pb-52 { padding-bottom: 52px !important; } .pl-52 { padding-left: 52px !important; } .p-54 { padding: 54px !important; } .pt-54 { padding-top: 54px !important; } .pr-54 { padding-right: 54px !important; } .pb-54 { padding-bottom: 54px !important; } .pl-54 { padding-left: 54px !important; } .p-56 { padding: 56px !important; } .pt-56 { padding-top: 56px !important; } .pr-56 { padding-right: 56px !important; } .pb-56 { padding-bottom: 56px !important; } .pl-56 { padding-left: 56px !important; } .p-60 { padding: 60px !important; } .pt-60 { padding-top: 60px !important; } .pr-60 { padding-right: 60px !important; } .pb-60 { padding-bottom: 60px !important; } .pl-60 { padding-left: 60px !important; } .p-64 { padding: 64px !important; } .pt-64 { padding-top: 64px !important; } .pr-64 { padding-right: 64px !important; } .pb-64 { padding-bottom: 64px !important; } .pl-64 { padding-left: 64px !important; } .p-68 { padding: 68px !important; } .pt-68 { padding-top: 68px !important; } .pr-68 { padding-right: 68px !important; } .pb-68 { padding-bottom: 68px !important; } .pl-68 { padding-left: 68px !important; } .p-72 { padding: 72px !important; } .pt-72 { padding-top: 72px !important; } .pr-72 { padding-right: 72px !important; } .pb-72 { padding-bottom: 72px !important; } .pl-72 { padding-left: 72px !important; } .p-80 { padding: 80px !important; } .pt-80 { padding-top: 80px !important; } .pr-80 { padding-right: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .pl-80 { padding-left: 80px !important; } .p-84 { padding: 84px !important; } .pt-84 { padding-top: 84px !important; } .pr-84 { padding-right: 84px !important; } .pb-84 { padding-bottom: 84px !important; } .pl-84 { padding-left: 84px !important; } .p-88 { padding: 88px !important; } .pt-88 { padding-top: 88px !important; } .pr-88 { padding-right: 88px !important; } .pb-88 { padding-bottom: 88px !important; } .pl-88 { padding-left: 88px !important; } .p-92 { padding: 92px !important; } .pt-92 { padding-top: 92px !important; } .pr-92 { padding-right: 92px !important; } .pb-92 { padding-bottom: 92px !important; } .pl-92 { padding-left: 92px !important; } .p-96 { padding: 96px !important; } .pt-96 { padding-top: 96px !important; } .pr-96 { padding-right: 96px !important; } .pb-96 { padding-bottom: 96px !important; } .pl-96 { padding-left: 96px !important; } .p-100 { padding: 100px !important; } .pt-100 { padding-top: 100px !important; } .pr-100 { padding-right: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .pl-100 { padding-left: 100px !important; } .p-120 { padding: 120px !important; } .pt-120 { padding-top: 120px !important; } .pr-120 { padding-right: 120px !important; } .pb-120 { padding-bottom: 120px !important; } .pl-120 { padding-left: 120px !important; } .p-128 { padding: 128px !important; } .pt-128 { padding-top: 128px !important; } .pr-128 { padding-right: 128px !important; } .pb-128 { padding-bottom: 128px !important; } .pl-128 { padding-left: 128px !important; } .p-140 { padding: 140px !important; } .pt-140 { padding-top: 140px !important; } .pr-140 { padding-right: 140px !important; } .pb-140 { padding-bottom: 140px !important; } .pl-140 { padding-left: 140px !important; } .p-152 { padding: 152px !important; } .pt-152 { padding-top: 152px !important; } .pr-152 { padding-right: 152px !important; } .pb-152 { padding-bottom: 152px !important; } .pl-152 { padding-left: 152px !important; } .p-160 { padding: 160px !important; } .pt-160 { padding-top: 160px !important; } .pr-160 { padding-right: 160px !important; } .pb-160 { padding-bottom: 160px !important; } .pl-160 { padding-left: 160px !important; } .p-168 { padding: 168px !important; } .pt-168 { padding-top: 168px !important; } .pr-168 { padding-right: 168px !important; } .pb-168 { padding-bottom: 168px !important; } .pl-168 { padding-left: 168px !important; } .p-180 { padding: 180px !important; } .pt-180 { padding-top: 180px !important; } .pr-180 { padding-right: 180px !important; } .pb-180 { padding-bottom: 180px !important; } .pl-180 { padding-left: 180px !important; } .p-192 { padding: 192px !important; } .pt-192 { padding-top: 192px !important; } .pr-192 { padding-right: 192px !important; } .pb-192 { padding-bottom: 192px !important; } .pl-192 { padding-left: 192px !important; } .p-200 { padding: 200px !important; } .pt-200 { padding-top: 200px !important; } .pr-200 { padding-right: 200px !important; } .pb-200 { padding-bottom: 200px !important; } .pl-200 { padding-left: 200px !important; } .p-240 { padding: 240px !important; } .pt-240 { padding-top: 240px !important; } .pr-240 { padding-right: 240px !important; } .pb-240 { padding-bottom: 240px !important; } .pl-240 { padding-left: 240px !important; } .m-n2px { margin: -2px !important; } .mt-n2px { margin-top: -2px !important; } .mr-n2px { margin-right: -2px !important; } .mb-n2px { margin-bottom: -2px !important; } .ml-n2px { margin-left: -2px !important; } .m-n4px { margin: -4px !important; } .mt-n4px { margin-top: -4px !important; } .mr-n4px { margin-right: -4px !important; } .mb-n4px { margin-bottom: -4px !important; } .ml-n4px { margin-left: -4px !important; } .m-n8 { margin: -8px !important; } .mt-n8 { margin-top: -8px !important; } .mr-n8 { margin-right: -8px !important; } .mb-n8 { margin-bottom: -8px !important; } .ml-n8 { margin-left: -8px !important; } .m-n12 { margin: -12px !important; } .mt-n12 { margin-top: -12px !important; } .mr-n12 { margin-right: -12px !important; } .mb-n12 { margin-bottom: -12px !important; } .ml-n12 { margin-left: -12px !important; } .m-n14 { margin: -14px !important; } .mt-n14 { margin-top: -14px !important; } .mr-n14 { margin-right: -14px !important; } .mb-n14 { margin-bottom: -14px !important; } .ml-n14 { margin-left: -14px !important; } .m-n16 { margin: -16px !important; } .mt-n16 { margin-top: -16px !important; } .mr-n16 { margin-right: -16px !important; } .mb-n16 { margin-bottom: -16px !important; } .ml-n16 { margin-left: -16px !important; } .m-n20 { margin: -20px !important; } .mt-n20 { margin-top: -20px !important; } .mr-n20 { margin-right: -20px !important; } .mb-n20 { margin-bottom: -20px !important; } .ml-n20 { margin-left: -20px !important; } .m-n24 { margin: -24px !important; } .mt-n24 { margin-top: -24px !important; } .mr-n24 { margin-right: -24px !important; } .mb-n24 { margin-bottom: -24px !important; } .ml-n24 { margin-left: -24px !important; } .m-n28 { margin: -28px !important; } .mt-n28 { margin-top: -28px !important; } .mr-n28 { margin-right: -28px !important; } .mb-n28 { margin-bottom: -28px !important; } .ml-n28 { margin-left: -28px !important; } .m-n32 { margin: -32px !important; } .mt-n32 { margin-top: -32px !important; } .mr-n32 { margin-right: -32px !important; } .mb-n32 { margin-bottom: -32px !important; } .ml-n32 { margin-left: -32px !important; } .m-n36 { margin: -36px !important; } .mt-n36 { margin-top: -36px !important; } .mr-n36 { margin-right: -36px !important; } .mb-n36 { margin-bottom: -36px !important; } .ml-n36 { margin-left: -36px !important; } .m-n40 { margin: -40px !important; } .mt-n40 { margin-top: -40px !important; } .mr-n40 { margin-right: -40px !important; } .mb-n40 { margin-bottom: -40px !important; } .ml-n40 { margin-left: -40px !important; } .m-n44 { margin: -44px !important; } .mt-n44 { margin-top: -44px !important; } .mr-n44 { margin-right: -44px !important; } .mb-n44 { margin-bottom: -44px !important; } .ml-n44 { margin-left: -44px !important; } .m-n48 { margin: -48px !important; } .mt-n48 { margin-top: -48px !important; } .mr-n48 { margin-right: -48px !important; } .mb-n48 { margin-bottom: -48px !important; } .ml-n48 { margin-left: -48px !important; } .m-n52 { margin: -52px !important; } .mt-n52 { margin-top: -52px !important; } .mr-n52 { margin-right: -52px !important; } .mb-n52 { margin-bottom: -52px !important; } .ml-n52 { margin-left: -52px !important; } .m-n54 { margin: -54px !important; } .mt-n54 { margin-top: -54px !important; } .mr-n54 { margin-right: -54px !important; } .mb-n54 { margin-bottom: -54px !important; } .ml-n54 { margin-left: -54px !important; } .m-n56 { margin: -56px !important; } .mt-n56 { margin-top: -56px !important; } .mr-n56 { margin-right: -56px !important; } .mb-n56 { margin-bottom: -56px !important; } .ml-n56 { margin-left: -56px !important; } .m-n60 { margin: -60px !important; } .mt-n60 { margin-top: -60px !important; } .mr-n60 { margin-right: -60px !important; } .mb-n60 { margin-bottom: -60px !important; } .ml-n60 { margin-left: -60px !important; } .m-n64 { margin: -64px !important; } .mt-n64 { margin-top: -64px !important; } .mr-n64 { margin-right: -64px !important; } .mb-n64 { margin-bottom: -64px !important; } .ml-n64 { margin-left: -64px !important; } .m-n68 { margin: -68px !important; } .mt-n68 { margin-top: -68px !important; } .mr-n68 { margin-right: -68px !important; } .mb-n68 { margin-bottom: -68px !important; } .ml-n68 { margin-left: -68px !important; } .m-n72 { margin: -72px !important; } .mt-n72 { margin-top: -72px !important; } .mr-n72 { margin-right: -72px !important; } .mb-n72 { margin-bottom: -72px !important; } .ml-n72 { margin-left: -72px !important; } .m-n80 { margin: -80px !important; } .mt-n80 { margin-top: -80px !important; } .mr-n80 { margin-right: -80px !important; } .mb-n80 { margin-bottom: -80px !important; } .ml-n80 { margin-left: -80px !important; } .m-n84 { margin: -84px !important; } .mt-n84 { margin-top: -84px !important; } .mr-n84 { margin-right: -84px !important; } .mb-n84 { margin-bottom: -84px !important; } .ml-n84 { margin-left: -84px !important; } .m-n88 { margin: -88px !important; } .mt-n88 { margin-top: -88px !important; } .mr-n88 { margin-right: -88px !important; } .mb-n88 { margin-bottom: -88px !important; } .ml-n88 { margin-left: -88px !important; } .m-n92 { margin: -92px !important; } .mt-n92 { margin-top: -92px !important; } .mr-n92 { margin-right: -92px !important; } .mb-n92 { margin-bottom: -92px !important; } .ml-n92 { margin-left: -92px !important; } .m-n96 { margin: -96px !important; } .mt-n96 { margin-top: -96px !important; } .mr-n96 { margin-right: -96px !important; } .mb-n96 { margin-bottom: -96px !important; } .ml-n96 { margin-left: -96px !important; } .m-n100 { margin: -100px !important; } .mt-n100 { margin-top: -100px !important; } .mr-n100 { margin-right: -100px !important; } .mb-n100 { margin-bottom: -100px !important; } .ml-n100 { margin-left: -100px !important; } .m-n120 { margin: -120px !important; } .mt-n120 { margin-top: -120px !important; } .mr-n120 { margin-right: -120px !important; } .mb-n120 { margin-bottom: -120px !important; } .ml-n120 { margin-left: -120px !important; } .m-n128 { margin: -128px !important; } .mt-n128 { margin-top: -128px !important; } .mr-n128 { margin-right: -128px !important; } .mb-n128 { margin-bottom: -128px !important; } .ml-n128 { margin-left: -128px !important; } .m-n140 { margin: -140px !important; } .mt-n140 { margin-top: -140px !important; } .mr-n140 { margin-right: -140px !important; } .mb-n140 { margin-bottom: -140px !important; } .ml-n140 { margin-left: -140px !important; } .m-n152 { margin: -152px !important; } .mt-n152 { margin-top: -152px !important; } .mr-n152 { margin-right: -152px !important; } .mb-n152 { margin-bottom: -152px !important; } .ml-n152 { margin-left: -152px !important; } .m-n160 { margin: -160px !important; } .mt-n160 { margin-top: -160px !important; } .mr-n160 { margin-right: -160px !important; } .mb-n160 { margin-bottom: -160px !important; } .ml-n160 { margin-left: -160px !important; } .m-n168 { margin: -168px !important; } .mt-n168 { margin-top: -168px !important; } .mr-n168 { margin-right: -168px !important; } .mb-n168 { margin-bottom: -168px !important; } .ml-n168 { margin-left: -168px !important; } .m-n180 { margin: -180px !important; } .mt-n180 { margin-top: -180px !important; } .mr-n180 { margin-right: -180px !important; } .mb-n180 { margin-bottom: -180px !important; } .ml-n180 { margin-left: -180px !important; } .m-n192 { margin: -192px !important; } .mt-n192 { margin-top: -192px !important; } .mr-n192 { margin-right: -192px !important; } .mb-n192 { margin-bottom: -192px !important; } .ml-n192 { margin-left: -192px !important; } .m-n200 { margin: -200px !important; } .mt-n200 { margin-top: -200px !important; } .mr-n200 { margin-right: -200px !important; } .mb-n200 { margin-bottom: -200px !important; } .ml-n200 { margin-left: -200px !important; } .m-n240 { margin: -240px !important; } .mt-n240 { margin-top: -240px !important; } .mr-n240 { margin-right: -240px !important; } .mb-n240 { margin-bottom: -240px !important; } .ml-n240 { margin-left: -240px !important; } @media (min-width: 360px) { .m-xs-0 { margin: 0px !important; } .mt-xs-0 { margin-top: 0px !important; } .mr-xs-0 { margin-right: 0px !important; } .mb-xs-0 { margin-bottom: 0px !important; } .ml-xs-0 { margin-left: 0px !important; } .m-xs-2px { margin: 2px !important; } .mt-xs-2px { margin-top: 2px !important; } .mr-xs-2px { margin-right: 2px !important; } .mb-xs-2px { margin-bottom: 2px !important; } .ml-xs-2px { margin-left: 2px !important; } .m-xs-4px { margin: 4px !important; } .mt-xs-4px { margin-top: 4px !important; } .mr-xs-4px { margin-right: 4px !important; } .mb-xs-4px { margin-bottom: 4px !important; } .ml-xs-4px { margin-left: 4px !important; } .m-xs-8 { margin: 8px !important; } .mt-xs-8 { margin-top: 8px !important; } .mr-xs-8 { margin-right: 8px !important; } .mb-xs-8 { margin-bottom: 8px !important; } .ml-xs-8 { margin-left: 8px !important; } .m-xs-12 { margin: 12px !important; } .mt-xs-12 { margin-top: 12px !important; } .mr-xs-12 { margin-right: 12px !important; } .mb-xs-12 { margin-bottom: 12px !important; } .ml-xs-12 { margin-left: 12px !important; } .m-xs-14 { margin: 14px !important; } .mt-xs-14 { margin-top: 14px !important; } .mr-xs-14 { margin-right: 14px !important; } .mb-xs-14 { margin-bottom: 14px !important; } .ml-xs-14 { margin-left: 14px !important; } .m-xs-16 { margin: 16px !important; } .mt-xs-16 { margin-top: 16px !important; } .mr-xs-16 { margin-right: 16px !important; } .mb-xs-16 { margin-bottom: 16px !important; } .ml-xs-16 { margin-left: 16px !important; } .m-xs-20 { margin: 20px !important; } .mt-xs-20 { margin-top: 20px !important; } .mr-xs-20 { margin-right: 20px !important; } .mb-xs-20 { margin-bottom: 20px !important; } .ml-xs-20 { margin-left: 20px !important; } .m-xs-24 { margin: 24px !important; } .mt-xs-24 { margin-top: 24px !important; } .mr-xs-24 { margin-right: 24px !important; } .mb-xs-24 { margin-bottom: 24px !important; } .ml-xs-24 { margin-left: 24px !important; } .m-xs-28 { margin: 28px !important; } .mt-xs-28 { margin-top: 28px !important; } .mr-xs-28 { margin-right: 28px !important; } .mb-xs-28 { margin-bottom: 28px !important; } .ml-xs-28 { margin-left: 28px !important; } .m-xs-32 { margin: 32px !important; } .mt-xs-32 { margin-top: 32px !important; } .mr-xs-32 { margin-right: 32px !important; } .mb-xs-32 { margin-bottom: 32px !important; } .ml-xs-32 { margin-left: 32px !important; } .m-xs-36 { margin: 36px !important; } .mt-xs-36 { margin-top: 36px !important; } .mr-xs-36 { margin-right: 36px !important; } .mb-xs-36 { margin-bottom: 36px !important; } .ml-xs-36 { margin-left: 36px !important; } .m-xs-40 { margin: 40px !important; } .mt-xs-40 { margin-top: 40px !important; } .mr-xs-40 { margin-right: 40px !important; } .mb-xs-40 { margin-bottom: 40px !important; } .ml-xs-40 { margin-left: 40px !important; } .m-xs-44 { margin: 44px !important; } .mt-xs-44 { margin-top: 44px !important; } .mr-xs-44 { margin-right: 44px !important; } .mb-xs-44 { margin-bottom: 44px !important; } .ml-xs-44 { margin-left: 44px !important; } .m-xs-48 { margin: 48px !important; } .mt-xs-48 { margin-top: 48px !important; } .mr-xs-48 { margin-right: 48px !important; } .mb-xs-48 { margin-bottom: 48px !important; } .ml-xs-48 { margin-left: 48px !important; } .m-xs-52 { margin: 52px !important; } .mt-xs-52 { margin-top: 52px !important; } .mr-xs-52 { margin-right: 52px !important; } .mb-xs-52 { margin-bottom: 52px !important; } .ml-xs-52 { margin-left: 52px !important; } .m-xs-54 { margin: 54px !important; } .mt-xs-54 { margin-top: 54px !important; } .mr-xs-54 { margin-right: 54px !important; } .mb-xs-54 { margin-bottom: 54px !important; } .ml-xs-54 { margin-left: 54px !important; } .m-xs-56 { margin: 56px !important; } .mt-xs-56 { margin-top: 56px !important; } .mr-xs-56 { margin-right: 56px !important; } .mb-xs-56 { margin-bottom: 56px !important; } .ml-xs-56 { margin-left: 56px !important; } .m-xs-60 { margin: 60px !important; } .mt-xs-60 { margin-top: 60px !important; } .mr-xs-60 { margin-right: 60px !important; } .mb-xs-60 { margin-bottom: 60px !important; } .ml-xs-60 { margin-left: 60px !important; } .m-xs-64 { margin: 64px !important; } .mt-xs-64 { margin-top: 64px !important; } .mr-xs-64 { margin-right: 64px !important; } .mb-xs-64 { margin-bottom: 64px !important; } .ml-xs-64 { margin-left: 64px !important; } .m-xs-68 { margin: 68px !important; } .mt-xs-68 { margin-top: 68px !important; } .mr-xs-68 { margin-right: 68px !important; } .mb-xs-68 { margin-bottom: 68px !important; } .ml-xs-68 { margin-left: 68px !important; } .m-xs-72 { margin: 72px !important; } .mt-xs-72 { margin-top: 72px !important; } .mr-xs-72 { margin-right: 72px !important; } .mb-xs-72 { margin-bottom: 72px !important; } .ml-xs-72 { margin-left: 72px !important; } .m-xs-80 { margin: 80px !important; } .mt-xs-80 { margin-top: 80px !important; } .mr-xs-80 { margin-right: 80px !important; } .mb-xs-80 { margin-bottom: 80px !important; } .ml-xs-80 { margin-left: 80px !important; } .m-xs-84 { margin: 84px !important; } .mt-xs-84 { margin-top: 84px !important; } .mr-xs-84 { margin-right: 84px !important; } .mb-xs-84 { margin-bottom: 84px !important; } .ml-xs-84 { margin-left: 84px !important; } .m-xs-88 { margin: 88px !important; } .mt-xs-88 { margin-top: 88px !important; } .mr-xs-88 { margin-right: 88px !important; } .mb-xs-88 { margin-bottom: 88px !important; } .ml-xs-88 { margin-left: 88px !important; } .m-xs-92 { margin: 92px !important; } .mt-xs-92 { margin-top: 92px !important; } .mr-xs-92 { margin-right: 92px !important; } .mb-xs-92 { margin-bottom: 92px !important; } .ml-xs-92 { margin-left: 92px !important; } .m-xs-96 { margin: 96px !important; } .mt-xs-96 { margin-top: 96px !important; } .mr-xs-96 { margin-right: 96px !important; } .mb-xs-96 { margin-bottom: 96px !important; } .ml-xs-96 { margin-left: 96px !important; } .m-xs-100 { margin: 100px !important; } .mt-xs-100 { margin-top: 100px !important; } .mr-xs-100 { margin-right: 100px !important; } .mb-xs-100 { margin-bottom: 100px !important; } .ml-xs-100 { margin-left: 100px !important; } .m-xs-120 { margin: 120px !important; } .mt-xs-120 { margin-top: 120px !important; } .mr-xs-120 { margin-right: 120px !important; } .mb-xs-120 { margin-bottom: 120px !important; } .ml-xs-120 { margin-left: 120px !important; } .m-xs-128 { margin: 128px !important; } .mt-xs-128 { margin-top: 128px !important; } .mr-xs-128 { margin-right: 128px !important; } .mb-xs-128 { margin-bottom: 128px !important; } .ml-xs-128 { margin-left: 128px !important; } .m-xs-140 { margin: 140px !important; } .mt-xs-140 { margin-top: 140px !important; } .mr-xs-140 { margin-right: 140px !important; } .mb-xs-140 { margin-bottom: 140px !important; } .ml-xs-140 { margin-left: 140px !important; } .m-xs-152 { margin: 152px !important; } .mt-xs-152 { margin-top: 152px !important; } .mr-xs-152 { margin-right: 152px !important; } .mb-xs-152 { margin-bottom: 152px !important; } .ml-xs-152 { margin-left: 152px !important; } .m-xs-160 { margin: 160px !important; } .mt-xs-160 { margin-top: 160px !important; } .mr-xs-160 { margin-right: 160px !important; } .mb-xs-160 { margin-bottom: 160px !important; } .ml-xs-160 { margin-left: 160px !important; } .m-xs-168 { margin: 168px !important; } .mt-xs-168 { margin-top: 168px !important; } .mr-xs-168 { margin-right: 168px !important; } .mb-xs-168 { margin-bottom: 168px !important; } .ml-xs-168 { margin-left: 168px !important; } .m-xs-180 { margin: 180px !important; } .mt-xs-180 { margin-top: 180px !important; } .mr-xs-180 { margin-right: 180px !important; } .mb-xs-180 { margin-bottom: 180px !important; } .ml-xs-180 { margin-left: 180px !important; } .m-xs-192 { margin: 192px !important; } .mt-xs-192 { margin-top: 192px !important; } .mr-xs-192 { margin-right: 192px !important; } .mb-xs-192 { margin-bottom: 192px !important; } .ml-xs-192 { margin-left: 192px !important; } .m-xs-200 { margin: 200px !important; } .mt-xs-200 { margin-top: 200px !important; } .mr-xs-200 { margin-right: 200px !important; } .mb-xs-200 { margin-bottom: 200px !important; } .ml-xs-200 { margin-left: 200px !important; } .m-xs-240 { margin: 240px !important; } .mt-xs-240 { margin-top: 240px !important; } .mr-xs-240 { margin-right: 240px !important; } .mb-xs-240 { margin-bottom: 240px !important; } .ml-xs-240 { margin-left: 240px !important; } .p-xs-0 { padding: 0px !important; } .pt-xs-0 { padding-top: 0px !important; } .pr-xs-0 { padding-right: 0px !important; } .pb-xs-0 { padding-bottom: 0px !important; } .pl-xs-0 { padding-left: 0px !important; } .p-xs-2px { padding: 2px !important; } .pt-xs-2px { padding-top: 2px !important; } .pr-xs-2px { padding-right: 2px !important; } .pb-xs-2px { padding-bottom: 2px !important; } .pl-xs-2px { padding-left: 2px !important; } .p-xs-4px { padding: 4px !important; } .pt-xs-4px { padding-top: 4px !important; } .pr-xs-4px { padding-right: 4px !important; } .pb-xs-4px { padding-bottom: 4px !important; } .pl-xs-4px { padding-left: 4px !important; } .p-xs-8 { padding: 8px !important; } .pt-xs-8 { padding-top: 8px !important; } .pr-xs-8 { padding-right: 8px !important; } .pb-xs-8 { padding-bottom: 8px !important; } .pl-xs-8 { padding-left: 8px !important; } .p-xs-12 { padding: 12px !important; } .pt-xs-12 { padding-top: 12px !important; } .pr-xs-12 { padding-right: 12px !important; } .pb-xs-12 { padding-bottom: 12px !important; } .pl-xs-12 { padding-left: 12px !important; } .p-xs-14 { padding: 14px !important; } .pt-xs-14 { padding-top: 14px !important; } .pr-xs-14 { padding-right: 14px !important; } .pb-xs-14 { padding-bottom: 14px !important; } .pl-xs-14 { padding-left: 14px !important; } .p-xs-16 { padding: 16px !important; } .pt-xs-16 { padding-top: 16px !important; } .pr-xs-16 { padding-right: 16px !important; } .pb-xs-16 { padding-bottom: 16px !important; } .pl-xs-16 { padding-left: 16px !important; } .p-xs-20 { padding: 20px !important; } .pt-xs-20 { padding-top: 20px !important; } .pr-xs-20 { padding-right: 20px !important; } .pb-xs-20 { padding-bottom: 20px !important; } .pl-xs-20 { padding-left: 20px !important; } .p-xs-24 { padding: 24px !important; } .pt-xs-24 { padding-top: 24px !important; } .pr-xs-24 { padding-right: 24px !important; } .pb-xs-24 { padding-bottom: 24px !important; } .pl-xs-24 { padding-left: 24px !important; } .p-xs-28 { padding: 28px !important; } .pt-xs-28 { padding-top: 28px !important; } .pr-xs-28 { padding-right: 28px !important; } .pb-xs-28 { padding-bottom: 28px !important; } .pl-xs-28 { padding-left: 28px !important; } .p-xs-32 { padding: 32px !important; } .pt-xs-32 { padding-top: 32px !important; } .pr-xs-32 { padding-right: 32px !important; } .pb-xs-32 { padding-bottom: 32px !important; } .pl-xs-32 { padding-left: 32px !important; } .p-xs-36 { padding: 36px !important; } .pt-xs-36 { padding-top: 36px !important; } .pr-xs-36 { padding-right: 36px !important; } .pb-xs-36 { padding-bottom: 36px !important; } .pl-xs-36 { padding-left: 36px !important; } .p-xs-40 { padding: 40px !important; } .pt-xs-40 { padding-top: 40px !important; } .pr-xs-40 { padding-right: 40px !important; } .pb-xs-40 { padding-bottom: 40px !important; } .pl-xs-40 { padding-left: 40px !important; } .p-xs-44 { padding: 44px !important; } .pt-xs-44 { padding-top: 44px !important; } .pr-xs-44 { padding-right: 44px !important; } .pb-xs-44 { padding-bottom: 44px !important; } .pl-xs-44 { padding-left: 44px !important; } .p-xs-48 { padding: 48px !important; } .pt-xs-48 { padding-top: 48px !important; } .pr-xs-48 { padding-right: 48px !important; } .pb-xs-48 { padding-bottom: 48px !important; } .pl-xs-48 { padding-left: 48px !important; } .p-xs-52 { padding: 52px !important; } .pt-xs-52 { padding-top: 52px !important; } .pr-xs-52 { padding-right: 52px !important; } .pb-xs-52 { padding-bottom: 52px !important; } .pl-xs-52 { padding-left: 52px !important; } .p-xs-54 { padding: 54px !important; } .pt-xs-54 { padding-top: 54px !important; } .pr-xs-54 { padding-right: 54px !important; } .pb-xs-54 { padding-bottom: 54px !important; } .pl-xs-54 { padding-left: 54px !important; } .p-xs-56 { padding: 56px !important; } .pt-xs-56 { padding-top: 56px !important; } .pr-xs-56 { padding-right: 56px !important; } .pb-xs-56 { padding-bottom: 56px !important; } .pl-xs-56 { padding-left: 56px !important; } .p-xs-60 { padding: 60px !important; } .pt-xs-60 { padding-top: 60px !important; } .pr-xs-60 { padding-right: 60px !important; } .pb-xs-60 { padding-bottom: 60px !important; } .pl-xs-60 { padding-left: 60px !important; } .p-xs-64 { padding: 64px !important; } .pt-xs-64 { padding-top: 64px !important; } .pr-xs-64 { padding-right: 64px !important; } .pb-xs-64 { padding-bottom: 64px !important; } .pl-xs-64 { padding-left: 64px !important; } .p-xs-68 { padding: 68px !important; } .pt-xs-68 { padding-top: 68px !important; } .pr-xs-68 { padding-right: 68px !important; } .pb-xs-68 { padding-bottom: 68px !important; } .pl-xs-68 { padding-left: 68px !important; } .p-xs-72 { padding: 72px !important; } .pt-xs-72 { padding-top: 72px !important; } .pr-xs-72 { padding-right: 72px !important; } .pb-xs-72 { padding-bottom: 72px !important; } .pl-xs-72 { padding-left: 72px !important; } .p-xs-80 { padding: 80px !important; } .pt-xs-80 { padding-top: 80px !important; } .pr-xs-80 { padding-right: 80px !important; } .pb-xs-80 { padding-bottom: 80px !important; } .pl-xs-80 { padding-left: 80px !important; } .p-xs-84 { padding: 84px !important; } .pt-xs-84 { padding-top: 84px !important; } .pr-xs-84 { padding-right: 84px !important; } .pb-xs-84 { padding-bottom: 84px !important; } .pl-xs-84 { padding-left: 84px !important; } .p-xs-88 { padding: 88px !important; } .pt-xs-88 { padding-top: 88px !important; } .pr-xs-88 { padding-right: 88px !important; } .pb-xs-88 { padding-bottom: 88px !important; } .pl-xs-88 { padding-left: 88px !important; } .p-xs-92 { padding: 92px !important; } .pt-xs-92 { padding-top: 92px !important; } .pr-xs-92 { padding-right: 92px !important; } .pb-xs-92 { padding-bottom: 92px !important; } .pl-xs-92 { padding-left: 92px !important; } .p-xs-96 { padding: 96px !important; } .pt-xs-96 { padding-top: 96px !important; } .pr-xs-96 { padding-right: 96px !important; } .pb-xs-96 { padding-bottom: 96px !important; } .pl-xs-96 { padding-left: 96px !important; } .p-xs-100 { padding: 100px !important; } .pt-xs-100 { padding-top: 100px !important; } .pr-xs-100 { padding-right: 100px !important; } .pb-xs-100 { padding-bottom: 100px !important; } .pl-xs-100 { padding-left: 100px !important; } .p-xs-120 { padding: 120px !important; } .pt-xs-120 { padding-top: 120px !important; } .pr-xs-120 { padding-right: 120px !important; } .pb-xs-120 { padding-bottom: 120px !important; } .pl-xs-120 { padding-left: 120px !important; } .p-xs-128 { padding: 128px !important; } .pt-xs-128 { padding-top: 128px !important; } .pr-xs-128 { padding-right: 128px !important; } .pb-xs-128 { padding-bottom: 128px !important; } .pl-xs-128 { padding-left: 128px !important; } .p-xs-140 { padding: 140px !important; } .pt-xs-140 { padding-top: 140px !important; } .pr-xs-140 { padding-right: 140px !important; } .pb-xs-140 { padding-bottom: 140px !important; } .pl-xs-140 { padding-left: 140px !important; } .p-xs-152 { padding: 152px !important; } .pt-xs-152 { padding-top: 152px !important; } .pr-xs-152 { padding-right: 152px !important; } .pb-xs-152 { padding-bottom: 152px !important; } .pl-xs-152 { padding-left: 152px !important; } .p-xs-160 { padding: 160px !important; } .pt-xs-160 { padding-top: 160px !important; } .pr-xs-160 { padding-right: 160px !important; } .pb-xs-160 { padding-bottom: 160px !important; } .pl-xs-160 { padding-left: 160px !important; } .p-xs-168 { padding: 168px !important; } .pt-xs-168 { padding-top: 168px !important; } .pr-xs-168 { padding-right: 168px !important; } .pb-xs-168 { padding-bottom: 168px !important; } .pl-xs-168 { padding-left: 168px !important; } .p-xs-180 { padding: 180px !important; } .pt-xs-180 { padding-top: 180px !important; } .pr-xs-180 { padding-right: 180px !important; } .pb-xs-180 { padding-bottom: 180px !important; } .pl-xs-180 { padding-left: 180px !important; } .p-xs-192 { padding: 192px !important; } .pt-xs-192 { padding-top: 192px !important; } .pr-xs-192 { padding-right: 192px !important; } .pb-xs-192 { padding-bottom: 192px !important; } .pl-xs-192 { padding-left: 192px !important; } .p-xs-200 { padding: 200px !important; } .pt-xs-200 { padding-top: 200px !important; } .pr-xs-200 { padding-right: 200px !important; } .pb-xs-200 { padding-bottom: 200px !important; } .pl-xs-200 { padding-left: 200px !important; } .p-xs-240 { padding: 240px !important; } .pt-xs-240 { padding-top: 240px !important; } .pr-xs-240 { padding-right: 240px !important; } .pb-xs-240 { padding-bottom: 240px !important; } .pl-xs-240 { padding-left: 240px !important; } .m-xs-n2px { margin: -2px !important; } .mt-xs-n2px { margin-top: -2px !important; } .mr-xs-n2px { margin-right: -2px !important; } .mb-xs-n2px { margin-bottom: -2px !important; } .ml-xs-n2px { margin-left: -2px !important; } .m-xs-n4px { margin: -4px !important; } .mt-xs-n4px { margin-top: -4px !important; } .mr-xs-n4px { margin-right: -4px !important; } .mb-xs-n4px { margin-bottom: -4px !important; } .ml-xs-n4px { margin-left: -4px !important; } .m-xs-n8 { margin: -8px !important; } .mt-xs-n8 { margin-top: -8px !important; } .mr-xs-n8 { margin-right: -8px !important; } .mb-xs-n8 { margin-bottom: -8px !important; } .ml-xs-n8 { margin-left: -8px !important; } .m-xs-n12 { margin: -12px !important; } .mt-xs-n12 { margin-top: -12px !important; } .mr-xs-n12 { margin-right: -12px !important; } .mb-xs-n12 { margin-bottom: -12px !important; } .ml-xs-n12 { margin-left: -12px !important; } .m-xs-n14 { margin: -14px !important; } .mt-xs-n14 { margin-top: -14px !important; } .mr-xs-n14 { margin-right: -14px !important; } .mb-xs-n14 { margin-bottom: -14px !important; } .ml-xs-n14 { margin-left: -14px !important; } .m-xs-n16 { margin: -16px !important; } .mt-xs-n16 { margin-top: -16px !important; } .mr-xs-n16 { margin-right: -16px !important; } .mb-xs-n16 { margin-bottom: -16px !important; } .ml-xs-n16 { margin-left: -16px !important; } .m-xs-n20 { margin: -20px !important; } .mt-xs-n20 { margin-top: -20px !important; } .mr-xs-n20 { margin-right: -20px !important; } .mb-xs-n20 { margin-bottom: -20px !important; } .ml-xs-n20 { margin-left: -20px !important; } .m-xs-n24 { margin: -24px !important; } .mt-xs-n24 { margin-top: -24px !important; } .mr-xs-n24 { margin-right: -24px !important; } .mb-xs-n24 { margin-bottom: -24px !important; } .ml-xs-n24 { margin-left: -24px !important; } .m-xs-n28 { margin: -28px !important; } .mt-xs-n28 { margin-top: -28px !important; } .mr-xs-n28 { margin-right: -28px !important; } .mb-xs-n28 { margin-bottom: -28px !important; } .ml-xs-n28 { margin-left: -28px !important; } .m-xs-n32 { margin: -32px !important; } .mt-xs-n32 { margin-top: -32px !important; } .mr-xs-n32 { margin-right: -32px !important; } .mb-xs-n32 { margin-bottom: -32px !important; } .ml-xs-n32 { margin-left: -32px !important; } .m-xs-n36 { margin: -36px !important; } .mt-xs-n36 { margin-top: -36px !important; } .mr-xs-n36 { margin-right: -36px !important; } .mb-xs-n36 { margin-bottom: -36px !important; } .ml-xs-n36 { margin-left: -36px !important; } .m-xs-n40 { margin: -40px !important; } .mt-xs-n40 { margin-top: -40px !important; } .mr-xs-n40 { margin-right: -40px !important; } .mb-xs-n40 { margin-bottom: -40px !important; } .ml-xs-n40 { margin-left: -40px !important; } .m-xs-n44 { margin: -44px !important; } .mt-xs-n44 { margin-top: -44px !important; } .mr-xs-n44 { margin-right: -44px !important; } .mb-xs-n44 { margin-bottom: -44px !important; } .ml-xs-n44 { margin-left: -44px !important; } .m-xs-n48 { margin: -48px !important; } .mt-xs-n48 { margin-top: -48px !important; } .mr-xs-n48 { margin-right: -48px !important; } .mb-xs-n48 { margin-bottom: -48px !important; } .ml-xs-n48 { margin-left: -48px !important; } .m-xs-n52 { margin: -52px !important; } .mt-xs-n52 { margin-top: -52px !important; } .mr-xs-n52 { margin-right: -52px !important; } .mb-xs-n52 { margin-bottom: -52px !important; } .ml-xs-n52 { margin-left: -52px !important; } .m-xs-n54 { margin: -54px !important; } .mt-xs-n54 { margin-top: -54px !important; } .mr-xs-n54 { margin-right: -54px !important; } .mb-xs-n54 { margin-bottom: -54px !important; } .ml-xs-n54 { margin-left: -54px !important; } .m-xs-n56 { margin: -56px !important; } .mt-xs-n56 { margin-top: -56px !important; } .mr-xs-n56 { margin-right: -56px !important; } .mb-xs-n56 { margin-bottom: -56px !important; } .ml-xs-n56 { margin-left: -56px !important; } .m-xs-n60 { margin: -60px !important; } .mt-xs-n60 { margin-top: -60px !important; } .mr-xs-n60 { margin-right: -60px !important; } .mb-xs-n60 { margin-bottom: -60px !important; } .ml-xs-n60 { margin-left: -60px !important; } .m-xs-n64 { margin: -64px !important; } .mt-xs-n64 { margin-top: -64px !important; } .mr-xs-n64 { margin-right: -64px !important; } .mb-xs-n64 { margin-bottom: -64px !important; } .ml-xs-n64 { margin-left: -64px !important; } .m-xs-n68 { margin: -68px !important; } .mt-xs-n68 { margin-top: -68px !important; } .mr-xs-n68 { margin-right: -68px !important; } .mb-xs-n68 { margin-bottom: -68px !important; } .ml-xs-n68 { margin-left: -68px !important; } .m-xs-n72 { margin: -72px !important; } .mt-xs-n72 { margin-top: -72px !important; } .mr-xs-n72 { margin-right: -72px !important; } .mb-xs-n72 { margin-bottom: -72px !important; } .ml-xs-n72 { margin-left: -72px !important; } .m-xs-n80 { margin: -80px !important; } .mt-xs-n80 { margin-top: -80px !important; } .mr-xs-n80 { margin-right: -80px !important; } .mb-xs-n80 { margin-bottom: -80px !important; } .ml-xs-n80 { margin-left: -80px !important; } .m-xs-n84 { margin: -84px !important; } .mt-xs-n84 { margin-top: -84px !important; } .mr-xs-n84 { margin-right: -84px !important; } .mb-xs-n84 { margin-bottom: -84px !important; } .ml-xs-n84 { margin-left: -84px !important; } .m-xs-n88 { margin: -88px !important; } .mt-xs-n88 { margin-top: -88px !important; } .mr-xs-n88 { margin-right: -88px !important; } .mb-xs-n88 { margin-bottom: -88px !important; } .ml-xs-n88 { margin-left: -88px !important; } .m-xs-n92 { margin: -92px !important; } .mt-xs-n92 { margin-top: -92px !important; } .mr-xs-n92 { margin-right: -92px !important; } .mb-xs-n92 { margin-bottom: -92px !important; } .ml-xs-n92 { margin-left: -92px !important; } .m-xs-n96 { margin: -96px !important; } .mt-xs-n96 { margin-top: -96px !important; } .mr-xs-n96 { margin-right: -96px !important; } .mb-xs-n96 { margin-bottom: -96px !important; } .ml-xs-n96 { margin-left: -96px !important; } .m-xs-n100 { margin: -100px !important; } .mt-xs-n100 { margin-top: -100px !important; } .mr-xs-n100 { margin-right: -100px !important; } .mb-xs-n100 { margin-bottom: -100px !important; } .ml-xs-n100 { margin-left: -100px !important; } .m-xs-n120 { margin: -120px !important; } .mt-xs-n120 { margin-top: -120px !important; } .mr-xs-n120 { margin-right: -120px !important; } .mb-xs-n120 { margin-bottom: -120px !important; } .ml-xs-n120 { margin-left: -120px !important; } .m-xs-n128 { margin: -128px !important; } .mt-xs-n128 { margin-top: -128px !important; } .mr-xs-n128 { margin-right: -128px !important; } .mb-xs-n128 { margin-bottom: -128px !important; } .ml-xs-n128 { margin-left: -128px !important; } .m-xs-n140 { margin: -140px !important; } .mt-xs-n140 { margin-top: -140px !important; } .mr-xs-n140 { margin-right: -140px !important; } .mb-xs-n140 { margin-bottom: -140px !important; } .ml-xs-n140 { margin-left: -140px !important; } .m-xs-n152 { margin: -152px !important; } .mt-xs-n152 { margin-top: -152px !important; } .mr-xs-n152 { margin-right: -152px !important; } .mb-xs-n152 { margin-bottom: -152px !important; } .ml-xs-n152 { margin-left: -152px !important; } .m-xs-n160 { margin: -160px !important; } .mt-xs-n160 { margin-top: -160px !important; } .mr-xs-n160 { margin-right: -160px !important; } .mb-xs-n160 { margin-bottom: -160px !important; } .ml-xs-n160 { margin-left: -160px !important; } .m-xs-n168 { margin: -168px !important; } .mt-xs-n168 { margin-top: -168px !important; } .mr-xs-n168 { margin-right: -168px !important; } .mb-xs-n168 { margin-bottom: -168px !important; } .ml-xs-n168 { margin-left: -168px !important; } .m-xs-n180 { margin: -180px !important; } .mt-xs-n180 { margin-top: -180px !important; } .mr-xs-n180 { margin-right: -180px !important; } .mb-xs-n180 { margin-bottom: -180px !important; } .ml-xs-n180 { margin-left: -180px !important; } .m-xs-n192 { margin: -192px !important; } .mt-xs-n192 { margin-top: -192px !important; } .mr-xs-n192 { margin-right: -192px !important; } .mb-xs-n192 { margin-bottom: -192px !important; } .ml-xs-n192 { margin-left: -192px !important; } .m-xs-n200 { margin: -200px !important; } .mt-xs-n200 { margin-top: -200px !important; } .mr-xs-n200 { margin-right: -200px !important; } .mb-xs-n200 { margin-bottom: -200px !important; } .ml-xs-n200 { margin-left: -200px !important; } .m-xs-n240 { margin: -240px !important; } .mt-xs-n240 { margin-top: -240px !important; } .mr-xs-n240 { margin-right: -240px !important; } .mb-xs-n240 { margin-bottom: -240px !important; } .ml-xs-n240 { margin-left: -240px !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0 { margin-top: 0px !important; } .mr-sm-0 { margin-right: 0px !important; } .mb-sm-0 { margin-bottom: 0px !important; } .ml-sm-0 { margin-left: 0px !important; } .m-sm-2px { margin: 2px !important; } .mt-sm-2px { margin-top: 2px !important; } .mr-sm-2px { margin-right: 2px !important; } .mb-sm-2px { margin-bottom: 2px !important; } .ml-sm-2px { margin-left: 2px !important; } .m-sm-4px { margin: 4px !important; } .mt-sm-4px { margin-top: 4px !important; } .mr-sm-4px { margin-right: 4px !important; } .mb-sm-4px { margin-bottom: 4px !important; } .ml-sm-4px { margin-left: 4px !important; } .m-sm-8 { margin: 8px !important; } .mt-sm-8 { margin-top: 8px !important; } .mr-sm-8 { margin-right: 8px !important; } .mb-sm-8 { margin-bottom: 8px !important; } .ml-sm-8 { margin-left: 8px !important; } .m-sm-12 { margin: 12px !important; } .mt-sm-12 { margin-top: 12px !important; } .mr-sm-12 { margin-right: 12px !important; } .mb-sm-12 { margin-bottom: 12px !important; } .ml-sm-12 { margin-left: 12px !important; } .m-sm-14 { margin: 14px !important; } .mt-sm-14 { margin-top: 14px !important; } .mr-sm-14 { margin-right: 14px !important; } .mb-sm-14 { margin-bottom: 14px !important; } .ml-sm-14 { margin-left: 14px !important; } .m-sm-16 { margin: 16px !important; } .mt-sm-16 { margin-top: 16px !important; } .mr-sm-16 { margin-right: 16px !important; } .mb-sm-16 { margin-bottom: 16px !important; } .ml-sm-16 { margin-left: 16px !important; } .m-sm-20 { margin: 20px !important; } .mt-sm-20 { margin-top: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .m-sm-24 { margin: 24px !important; } .mt-sm-24 { margin-top: 24px !important; } .mr-sm-24 { margin-right: 24px !important; } .mb-sm-24 { margin-bottom: 24px !important; } .ml-sm-24 { margin-left: 24px !important; } .m-sm-28 { margin: 28px !important; } .mt-sm-28 { margin-top: 28px !important; } .mr-sm-28 { margin-right: 28px !important; } .mb-sm-28 { margin-bottom: 28px !important; } .ml-sm-28 { margin-left: 28px !important; } .m-sm-32 { margin: 32px !important; } .mt-sm-32 { margin-top: 32px !important; } .mr-sm-32 { margin-right: 32px !important; } .mb-sm-32 { margin-bottom: 32px !important; } .ml-sm-32 { margin-left: 32px !important; } .m-sm-36 { margin: 36px !important; } .mt-sm-36 { margin-top: 36px !important; } .mr-sm-36 { margin-right: 36px !important; } .mb-sm-36 { margin-bottom: 36px !important; } .ml-sm-36 { margin-left: 36px !important; } .m-sm-40 { margin: 40px !important; } .mt-sm-40 { margin-top: 40px !important; } .mr-sm-40 { margin-right: 40px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .ml-sm-40 { margin-left: 40px !important; } .m-sm-44 { margin: 44px !important; } .mt-sm-44 { margin-top: 44px !important; } .mr-sm-44 { margin-right: 44px !important; } .mb-sm-44 { margin-bottom: 44px !important; } .ml-sm-44 { margin-left: 44px !important; } .m-sm-48 { margin: 48px !important; } .mt-sm-48 { margin-top: 48px !important; } .mr-sm-48 { margin-right: 48px !important; } .mb-sm-48 { margin-bottom: 48px !important; } .ml-sm-48 { margin-left: 48px !important; } .m-sm-52 { margin: 52px !important; } .mt-sm-52 { margin-top: 52px !important; } .mr-sm-52 { margin-right: 52px !important; } .mb-sm-52 { margin-bottom: 52px !important; } .ml-sm-52 { margin-left: 52px !important; } .m-sm-54 { margin: 54px !important; } .mt-sm-54 { margin-top: 54px !important; } .mr-sm-54 { margin-right: 54px !important; } .mb-sm-54 { margin-bottom: 54px !important; } .ml-sm-54 { margin-left: 54px !important; } .m-sm-56 { margin: 56px !important; } .mt-sm-56 { margin-top: 56px !important; } .mr-sm-56 { margin-right: 56px !important; } .mb-sm-56 { margin-bottom: 56px !important; } .ml-sm-56 { margin-left: 56px !important; } .m-sm-60 { margin: 60px !important; } .mt-sm-60 { margin-top: 60px !important; } .mr-sm-60 { margin-right: 60px !important; } .mb-sm-60 { margin-bottom: 60px !important; } .ml-sm-60 { margin-left: 60px !important; } .m-sm-64 { margin: 64px !important; } .mt-sm-64 { margin-top: 64px !important; } .mr-sm-64 { margin-right: 64px !important; } .mb-sm-64 { margin-bottom: 64px !important; } .ml-sm-64 { margin-left: 64px !important; } .m-sm-68 { margin: 68px !important; } .mt-sm-68 { margin-top: 68px !important; } .mr-sm-68 { margin-right: 68px !important; } .mb-sm-68 { margin-bottom: 68px !important; } .ml-sm-68 { margin-left: 68px !important; } .m-sm-72 { margin: 72px !important; } .mt-sm-72 { margin-top: 72px !important; } .mr-sm-72 { margin-right: 72px !important; } .mb-sm-72 { margin-bottom: 72px !important; } .ml-sm-72 { margin-left: 72px !important; } .m-sm-80 { margin: 80px !important; } .mt-sm-80 { margin-top: 80px !important; } .mr-sm-80 { margin-right: 80px !important; } .mb-sm-80 { margin-bottom: 80px !important; } .ml-sm-80 { margin-left: 80px !important; } .m-sm-84 { margin: 84px !important; } .mt-sm-84 { margin-top: 84px !important; } .mr-sm-84 { margin-right: 84px !important; } .mb-sm-84 { margin-bottom: 84px !important; } .ml-sm-84 { margin-left: 84px !important; } .m-sm-88 { margin: 88px !important; } .mt-sm-88 { margin-top: 88px !important; } .mr-sm-88 { margin-right: 88px !important; } .mb-sm-88 { margin-bottom: 88px !important; } .ml-sm-88 { margin-left: 88px !important; } .m-sm-92 { margin: 92px !important; } .mt-sm-92 { margin-top: 92px !important; } .mr-sm-92 { margin-right: 92px !important; } .mb-sm-92 { margin-bottom: 92px !important; } .ml-sm-92 { margin-left: 92px !important; } .m-sm-96 { margin: 96px !important; } .mt-sm-96 { margin-top: 96px !important; } .mr-sm-96 { margin-right: 96px !important; } .mb-sm-96 { margin-bottom: 96px !important; } .ml-sm-96 { margin-left: 96px !important; } .m-sm-100 { margin: 100px !important; } .mt-sm-100 { margin-top: 100px !important; } .mr-sm-100 { margin-right: 100px !important; } .mb-sm-100 { margin-bottom: 100px !important; } .ml-sm-100 { margin-left: 100px !important; } .m-sm-120 { margin: 120px !important; } .mt-sm-120 { margin-top: 120px !important; } .mr-sm-120 { margin-right: 120px !important; } .mb-sm-120 { margin-bottom: 120px !important; } .ml-sm-120 { margin-left: 120px !important; } .m-sm-128 { margin: 128px !important; } .mt-sm-128 { margin-top: 128px !important; } .mr-sm-128 { margin-right: 128px !important; } .mb-sm-128 { margin-bottom: 128px !important; } .ml-sm-128 { margin-left: 128px !important; } .m-sm-140 { margin: 140px !important; } .mt-sm-140 { margin-top: 140px !important; } .mr-sm-140 { margin-right: 140px !important; } .mb-sm-140 { margin-bottom: 140px !important; } .ml-sm-140 { margin-left: 140px !important; } .m-sm-152 { margin: 152px !important; } .mt-sm-152 { margin-top: 152px !important; } .mr-sm-152 { margin-right: 152px !important; } .mb-sm-152 { margin-bottom: 152px !important; } .ml-sm-152 { margin-left: 152px !important; } .m-sm-160 { margin: 160px !important; } .mt-sm-160 { margin-top: 160px !important; } .mr-sm-160 { margin-right: 160px !important; } .mb-sm-160 { margin-bottom: 160px !important; } .ml-sm-160 { margin-left: 160px !important; } .m-sm-168 { margin: 168px !important; } .mt-sm-168 { margin-top: 168px !important; } .mr-sm-168 { margin-right: 168px !important; } .mb-sm-168 { margin-bottom: 168px !important; } .ml-sm-168 { margin-left: 168px !important; } .m-sm-180 { margin: 180px !important; } .mt-sm-180 { margin-top: 180px !important; } .mr-sm-180 { margin-right: 180px !important; } .mb-sm-180 { margin-bottom: 180px !important; } .ml-sm-180 { margin-left: 180px !important; } .m-sm-192 { margin: 192px !important; } .mt-sm-192 { margin-top: 192px !important; } .mr-sm-192 { margin-right: 192px !important; } .mb-sm-192 { margin-bottom: 192px !important; } .ml-sm-192 { margin-left: 192px !important; } .m-sm-200 { margin: 200px !important; } .mt-sm-200 { margin-top: 200px !important; } .mr-sm-200 { margin-right: 200px !important; } .mb-sm-200 { margin-bottom: 200px !important; } .ml-sm-200 { margin-left: 200px !important; } .m-sm-240 { margin: 240px !important; } .mt-sm-240 { margin-top: 240px !important; } .mr-sm-240 { margin-right: 240px !important; } .mb-sm-240 { margin-bottom: 240px !important; } .ml-sm-240 { margin-left: 240px !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0 { padding-top: 0px !important; } .pr-sm-0 { padding-right: 0px !important; } .pb-sm-0 { padding-bottom: 0px !important; } .pl-sm-0 { padding-left: 0px !important; } .p-sm-2px { padding: 2px !important; } .pt-sm-2px { padding-top: 2px !important; } .pr-sm-2px { padding-right: 2px !important; } .pb-sm-2px { padding-bottom: 2px !important; } .pl-sm-2px { padding-left: 2px !important; } .p-sm-4px { padding: 4px !important; } .pt-sm-4px { padding-top: 4px !important; } .pr-sm-4px { padding-right: 4px !important; } .pb-sm-4px { padding-bottom: 4px !important; } .pl-sm-4px { padding-left: 4px !important; } .p-sm-8 { padding: 8px !important; } .pt-sm-8 { padding-top: 8px !important; } .pr-sm-8 { padding-right: 8px !important; } .pb-sm-8 { padding-bottom: 8px !important; } .pl-sm-8 { padding-left: 8px !important; } .p-sm-12 { padding: 12px !important; } .pt-sm-12 { padding-top: 12px !important; } .pr-sm-12 { padding-right: 12px !important; } .pb-sm-12 { padding-bottom: 12px !important; } .pl-sm-12 { padding-left: 12px !important; } .p-sm-14 { padding: 14px !important; } .pt-sm-14 { padding-top: 14px !important; } .pr-sm-14 { padding-right: 14px !important; } .pb-sm-14 { padding-bottom: 14px !important; } .pl-sm-14 { padding-left: 14px !important; } .p-sm-16 { padding: 16px !important; } .pt-sm-16 { padding-top: 16px !important; } .pr-sm-16 { padding-right: 16px !important; } .pb-sm-16 { padding-bottom: 16px !important; } .pl-sm-16 { padding-left: 16px !important; } .p-sm-20 { padding: 20px !important; } .pt-sm-20 { padding-top: 20px !important; } .pr-sm-20 { padding-right: 20px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .p-sm-24 { padding: 24px !important; } .pt-sm-24 { padding-top: 24px !important; } .pr-sm-24 { padding-right: 24px !important; } .pb-sm-24 { padding-bottom: 24px !important; } .pl-sm-24 { padding-left: 24px !important; } .p-sm-28 { padding: 28px !important; } .pt-sm-28 { padding-top: 28px !important; } .pr-sm-28 { padding-right: 28px !important; } .pb-sm-28 { padding-bottom: 28px !important; } .pl-sm-28 { padding-left: 28px !important; } .p-sm-32 { padding: 32px !important; } .pt-sm-32 { padding-top: 32px !important; } .pr-sm-32 { padding-right: 32px !important; } .pb-sm-32 { padding-bottom: 32px !important; } .pl-sm-32 { padding-left: 32px !important; } .p-sm-36 { padding: 36px !important; } .pt-sm-36 { padding-top: 36px !important; } .pr-sm-36 { padding-right: 36px !important; } .pb-sm-36 { padding-bottom: 36px !important; } .pl-sm-36 { padding-left: 36px !important; } .p-sm-40 { padding: 40px !important; } .pt-sm-40 { padding-top: 40px !important; } .pr-sm-40 { padding-right: 40px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pl-sm-40 { padding-left: 40px !important; } .p-sm-44 { padding: 44px !important; } .pt-sm-44 { padding-top: 44px !important; } .pr-sm-44 { padding-right: 44px !important; } .pb-sm-44 { padding-bottom: 44px !important; } .pl-sm-44 { padding-left: 44px !important; } .p-sm-48 { padding: 48px !important; } .pt-sm-48 { padding-top: 48px !important; } .pr-sm-48 { padding-right: 48px !important; } .pb-sm-48 { padding-bottom: 48px !important; } .pl-sm-48 { padding-left: 48px !important; } .p-sm-52 { padding: 52px !important; } .pt-sm-52 { padding-top: 52px !important; } .pr-sm-52 { padding-right: 52px !important; } .pb-sm-52 { padding-bottom: 52px !important; } .pl-sm-52 { padding-left: 52px !important; } .p-sm-54 { padding: 54px !important; } .pt-sm-54 { padding-top: 54px !important; } .pr-sm-54 { padding-right: 54px !important; } .pb-sm-54 { padding-bottom: 54px !important; } .pl-sm-54 { padding-left: 54px !important; } .p-sm-56 { padding: 56px !important; } .pt-sm-56 { padding-top: 56px !important; } .pr-sm-56 { padding-right: 56px !important; } .pb-sm-56 { padding-bottom: 56px !important; } .pl-sm-56 { padding-left: 56px !important; } .p-sm-60 { padding: 60px !important; } .pt-sm-60 { padding-top: 60px !important; } .pr-sm-60 { padding-right: 60px !important; } .pb-sm-60 { padding-bottom: 60px !important; } .pl-sm-60 { padding-left: 60px !important; } .p-sm-64 { padding: 64px !important; } .pt-sm-64 { padding-top: 64px !important; } .pr-sm-64 { padding-right: 64px !important; } .pb-sm-64 { padding-bottom: 64px !important; } .pl-sm-64 { padding-left: 64px !important; } .p-sm-68 { padding: 68px !important; } .pt-sm-68 { padding-top: 68px !important; } .pr-sm-68 { padding-right: 68px !important; } .pb-sm-68 { padding-bottom: 68px !important; } .pl-sm-68 { padding-left: 68px !important; } .p-sm-72 { padding: 72px !important; } .pt-sm-72 { padding-top: 72px !important; } .pr-sm-72 { padding-right: 72px !important; } .pb-sm-72 { padding-bottom: 72px !important; } .pl-sm-72 { padding-left: 72px !important; } .p-sm-80 { padding: 80px !important; } .pt-sm-80 { padding-top: 80px !important; } .pr-sm-80 { padding-right: 80px !important; } .pb-sm-80 { padding-bottom: 80px !important; } .pl-sm-80 { padding-left: 80px !important; } .p-sm-84 { padding: 84px !important; } .pt-sm-84 { padding-top: 84px !important; } .pr-sm-84 { padding-right: 84px !important; } .pb-sm-84 { padding-bottom: 84px !important; } .pl-sm-84 { padding-left: 84px !important; } .p-sm-88 { padding: 88px !important; } .pt-sm-88 { padding-top: 88px !important; } .pr-sm-88 { padding-right: 88px !important; } .pb-sm-88 { padding-bottom: 88px !important; } .pl-sm-88 { padding-left: 88px !important; } .p-sm-92 { padding: 92px !important; } .pt-sm-92 { padding-top: 92px !important; } .pr-sm-92 { padding-right: 92px !important; } .pb-sm-92 { padding-bottom: 92px !important; } .pl-sm-92 { padding-left: 92px !important; } .p-sm-96 { padding: 96px !important; } .pt-sm-96 { padding-top: 96px !important; } .pr-sm-96 { padding-right: 96px !important; } .pb-sm-96 { padding-bottom: 96px !important; } .pl-sm-96 { padding-left: 96px !important; } .p-sm-100 { padding: 100px !important; } .pt-sm-100 { padding-top: 100px !important; } .pr-sm-100 { padding-right: 100px !important; } .pb-sm-100 { padding-bottom: 100px !important; } .pl-sm-100 { padding-left: 100px !important; } .p-sm-120 { padding: 120px !important; } .pt-sm-120 { padding-top: 120px !important; } .pr-sm-120 { padding-right: 120px !important; } .pb-sm-120 { padding-bottom: 120px !important; } .pl-sm-120 { padding-left: 120px !important; } .p-sm-128 { padding: 128px !important; } .pt-sm-128 { padding-top: 128px !important; } .pr-sm-128 { padding-right: 128px !important; } .pb-sm-128 { padding-bottom: 128px !important; } .pl-sm-128 { padding-left: 128px !important; } .p-sm-140 { padding: 140px !important; } .pt-sm-140 { padding-top: 140px !important; } .pr-sm-140 { padding-right: 140px !important; } .pb-sm-140 { padding-bottom: 140px !important; } .pl-sm-140 { padding-left: 140px !important; } .p-sm-152 { padding: 152px !important; } .pt-sm-152 { padding-top: 152px !important; } .pr-sm-152 { padding-right: 152px !important; } .pb-sm-152 { padding-bottom: 152px !important; } .pl-sm-152 { padding-left: 152px !important; } .p-sm-160 { padding: 160px !important; } .pt-sm-160 { padding-top: 160px !important; } .pr-sm-160 { padding-right: 160px !important; } .pb-sm-160 { padding-bottom: 160px !important; } .pl-sm-160 { padding-left: 160px !important; } .p-sm-168 { padding: 168px !important; } .pt-sm-168 { padding-top: 168px !important; } .pr-sm-168 { padding-right: 168px !important; } .pb-sm-168 { padding-bottom: 168px !important; } .pl-sm-168 { padding-left: 168px !important; } .p-sm-180 { padding: 180px !important; } .pt-sm-180 { padding-top: 180px !important; } .pr-sm-180 { padding-right: 180px !important; } .pb-sm-180 { padding-bottom: 180px !important; } .pl-sm-180 { padding-left: 180px !important; } .p-sm-192 { padding: 192px !important; } .pt-sm-192 { padding-top: 192px !important; } .pr-sm-192 { padding-right: 192px !important; } .pb-sm-192 { padding-bottom: 192px !important; } .pl-sm-192 { padding-left: 192px !important; } .p-sm-200 { padding: 200px !important; } .pt-sm-200 { padding-top: 200px !important; } .pr-sm-200 { padding-right: 200px !important; } .pb-sm-200 { padding-bottom: 200px !important; } .pl-sm-200 { padding-left: 200px !important; } .p-sm-240 { padding: 240px !important; } .pt-sm-240 { padding-top: 240px !important; } .pr-sm-240 { padding-right: 240px !important; } .pb-sm-240 { padding-bottom: 240px !important; } .pl-sm-240 { padding-left: 240px !important; } .m-sm-n2px { margin: -2px !important; } .mt-sm-n2px { margin-top: -2px !important; } .mr-sm-n2px { margin-right: -2px !important; } .mb-sm-n2px { margin-bottom: -2px !important; } .ml-sm-n2px { margin-left: -2px !important; } .m-sm-n4px { margin: -4px !important; } .mt-sm-n4px { margin-top: -4px !important; } .mr-sm-n4px { margin-right: -4px !important; } .mb-sm-n4px { margin-bottom: -4px !important; } .ml-sm-n4px { margin-left: -4px !important; } .m-sm-n8 { margin: -8px !important; } .mt-sm-n8 { margin-top: -8px !important; } .mr-sm-n8 { margin-right: -8px !important; } .mb-sm-n8 { margin-bottom: -8px !important; } .ml-sm-n8 { margin-left: -8px !important; } .m-sm-n12 { margin: -12px !important; } .mt-sm-n12 { margin-top: -12px !important; } .mr-sm-n12 { margin-right: -12px !important; } .mb-sm-n12 { margin-bottom: -12px !important; } .ml-sm-n12 { margin-left: -12px !important; } .m-sm-n14 { margin: -14px !important; } .mt-sm-n14 { margin-top: -14px !important; } .mr-sm-n14 { margin-right: -14px !important; } .mb-sm-n14 { margin-bottom: -14px !important; } .ml-sm-n14 { margin-left: -14px !important; } .m-sm-n16 { margin: -16px !important; } .mt-sm-n16 { margin-top: -16px !important; } .mr-sm-n16 { margin-right: -16px !important; } .mb-sm-n16 { margin-bottom: -16px !important; } .ml-sm-n16 { margin-left: -16px !important; } .m-sm-n20 { margin: -20px !important; } .mt-sm-n20 { margin-top: -20px !important; } .mr-sm-n20 { margin-right: -20px !important; } .mb-sm-n20 { margin-bottom: -20px !important; } .ml-sm-n20 { margin-left: -20px !important; } .m-sm-n24 { margin: -24px !important; } .mt-sm-n24 { margin-top: -24px !important; } .mr-sm-n24 { margin-right: -24px !important; } .mb-sm-n24 { margin-bottom: -24px !important; } .ml-sm-n24 { margin-left: -24px !important; } .m-sm-n28 { margin: -28px !important; } .mt-sm-n28 { margin-top: -28px !important; } .mr-sm-n28 { margin-right: -28px !important; } .mb-sm-n28 { margin-bottom: -28px !important; } .ml-sm-n28 { margin-left: -28px !important; } .m-sm-n32 { margin: -32px !important; } .mt-sm-n32 { margin-top: -32px !important; } .mr-sm-n32 { margin-right: -32px !important; } .mb-sm-n32 { margin-bottom: -32px !important; } .ml-sm-n32 { margin-left: -32px !important; } .m-sm-n36 { margin: -36px !important; } .mt-sm-n36 { margin-top: -36px !important; } .mr-sm-n36 { margin-right: -36px !important; } .mb-sm-n36 { margin-bottom: -36px !important; } .ml-sm-n36 { margin-left: -36px !important; } .m-sm-n40 { margin: -40px !important; } .mt-sm-n40 { margin-top: -40px !important; } .mr-sm-n40 { margin-right: -40px !important; } .mb-sm-n40 { margin-bottom: -40px !important; } .ml-sm-n40 { margin-left: -40px !important; } .m-sm-n44 { margin: -44px !important; } .mt-sm-n44 { margin-top: -44px !important; } .mr-sm-n44 { margin-right: -44px !important; } .mb-sm-n44 { margin-bottom: -44px !important; } .ml-sm-n44 { margin-left: -44px !important; } .m-sm-n48 { margin: -48px !important; } .mt-sm-n48 { margin-top: -48px !important; } .mr-sm-n48 { margin-right: -48px !important; } .mb-sm-n48 { margin-bottom: -48px !important; } .ml-sm-n48 { margin-left: -48px !important; } .m-sm-n52 { margin: -52px !important; } .mt-sm-n52 { margin-top: -52px !important; } .mr-sm-n52 { margin-right: -52px !important; } .mb-sm-n52 { margin-bottom: -52px !important; } .ml-sm-n52 { margin-left: -52px !important; } .m-sm-n54 { margin: -54px !important; } .mt-sm-n54 { margin-top: -54px !important; } .mr-sm-n54 { margin-right: -54px !important; } .mb-sm-n54 { margin-bottom: -54px !important; } .ml-sm-n54 { margin-left: -54px !important; } .m-sm-n56 { margin: -56px !important; } .mt-sm-n56 { margin-top: -56px !important; } .mr-sm-n56 { margin-right: -56px !important; } .mb-sm-n56 { margin-bottom: -56px !important; } .ml-sm-n56 { margin-left: -56px !important; } .m-sm-n60 { margin: -60px !important; } .mt-sm-n60 { margin-top: -60px !important; } .mr-sm-n60 { margin-right: -60px !important; } .mb-sm-n60 { margin-bottom: -60px !important; } .ml-sm-n60 { margin-left: -60px !important; } .m-sm-n64 { margin: -64px !important; } .mt-sm-n64 { margin-top: -64px !important; } .mr-sm-n64 { margin-right: -64px !important; } .mb-sm-n64 { margin-bottom: -64px !important; } .ml-sm-n64 { margin-left: -64px !important; } .m-sm-n68 { margin: -68px !important; } .mt-sm-n68 { margin-top: -68px !important; } .mr-sm-n68 { margin-right: -68px !important; } .mb-sm-n68 { margin-bottom: -68px !important; } .ml-sm-n68 { margin-left: -68px !important; } .m-sm-n72 { margin: -72px !important; } .mt-sm-n72 { margin-top: -72px !important; } .mr-sm-n72 { margin-right: -72px !important; } .mb-sm-n72 { margin-bottom: -72px !important; } .ml-sm-n72 { margin-left: -72px !important; } .m-sm-n80 { margin: -80px !important; } .mt-sm-n80 { margin-top: -80px !important; } .mr-sm-n80 { margin-right: -80px !important; } .mb-sm-n80 { margin-bottom: -80px !important; } .ml-sm-n80 { margin-left: -80px !important; } .m-sm-n84 { margin: -84px !important; } .mt-sm-n84 { margin-top: -84px !important; } .mr-sm-n84 { margin-right: -84px !important; } .mb-sm-n84 { margin-bottom: -84px !important; } .ml-sm-n84 { margin-left: -84px !important; } .m-sm-n88 { margin: -88px !important; } .mt-sm-n88 { margin-top: -88px !important; } .mr-sm-n88 { margin-right: -88px !important; } .mb-sm-n88 { margin-bottom: -88px !important; } .ml-sm-n88 { margin-left: -88px !important; } .m-sm-n92 { margin: -92px !important; } .mt-sm-n92 { margin-top: -92px !important; } .mr-sm-n92 { margin-right: -92px !important; } .mb-sm-n92 { margin-bottom: -92px !important; } .ml-sm-n92 { margin-left: -92px !important; } .m-sm-n96 { margin: -96px !important; } .mt-sm-n96 { margin-top: -96px !important; } .mr-sm-n96 { margin-right: -96px !important; } .mb-sm-n96 { margin-bottom: -96px !important; } .ml-sm-n96 { margin-left: -96px !important; } .m-sm-n100 { margin: -100px !important; } .mt-sm-n100 { margin-top: -100px !important; } .mr-sm-n100 { margin-right: -100px !important; } .mb-sm-n100 { margin-bottom: -100px !important; } .ml-sm-n100 { margin-left: -100px !important; } .m-sm-n120 { margin: -120px !important; } .mt-sm-n120 { margin-top: -120px !important; } .mr-sm-n120 { margin-right: -120px !important; } .mb-sm-n120 { margin-bottom: -120px !important; } .ml-sm-n120 { margin-left: -120px !important; } .m-sm-n128 { margin: -128px !important; } .mt-sm-n128 { margin-top: -128px !important; } .mr-sm-n128 { margin-right: -128px !important; } .mb-sm-n128 { margin-bottom: -128px !important; } .ml-sm-n128 { margin-left: -128px !important; } .m-sm-n140 { margin: -140px !important; } .mt-sm-n140 { margin-top: -140px !important; } .mr-sm-n140 { margin-right: -140px !important; } .mb-sm-n140 { margin-bottom: -140px !important; } .ml-sm-n140 { margin-left: -140px !important; } .m-sm-n152 { margin: -152px !important; } .mt-sm-n152 { margin-top: -152px !important; } .mr-sm-n152 { margin-right: -152px !important; } .mb-sm-n152 { margin-bottom: -152px !important; } .ml-sm-n152 { margin-left: -152px !important; } .m-sm-n160 { margin: -160px !important; } .mt-sm-n160 { margin-top: -160px !important; } .mr-sm-n160 { margin-right: -160px !important; } .mb-sm-n160 { margin-bottom: -160px !important; } .ml-sm-n160 { margin-left: -160px !important; } .m-sm-n168 { margin: -168px !important; } .mt-sm-n168 { margin-top: -168px !important; } .mr-sm-n168 { margin-right: -168px !important; } .mb-sm-n168 { margin-bottom: -168px !important; } .ml-sm-n168 { margin-left: -168px !important; } .m-sm-n180 { margin: -180px !important; } .mt-sm-n180 { margin-top: -180px !important; } .mr-sm-n180 { margin-right: -180px !important; } .mb-sm-n180 { margin-bottom: -180px !important; } .ml-sm-n180 { margin-left: -180px !important; } .m-sm-n192 { margin: -192px !important; } .mt-sm-n192 { margin-top: -192px !important; } .mr-sm-n192 { margin-right: -192px !important; } .mb-sm-n192 { margin-bottom: -192px !important; } .ml-sm-n192 { margin-left: -192px !important; } .m-sm-n200 { margin: -200px !important; } .mt-sm-n200 { margin-top: -200px !important; } .mr-sm-n200 { margin-right: -200px !important; } .mb-sm-n200 { margin-bottom: -200px !important; } .ml-sm-n200 { margin-left: -200px !important; } .m-sm-n240 { margin: -240px !important; } .mt-sm-n240 { margin-top: -240px !important; } .mr-sm-n240 { margin-right: -240px !important; } .mb-sm-n240 { margin-bottom: -240px !important; } .ml-sm-n240 { margin-left: -240px !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0 { margin-top: 0px !important; } .mr-md-0 { margin-right: 0px !important; } .mb-md-0 { margin-bottom: 0px !important; } .ml-md-0 { margin-left: 0px !important; } .m-md-2px { margin: 2px !important; } .mt-md-2px { margin-top: 2px !important; } .mr-md-2px { margin-right: 2px !important; } .mb-md-2px { margin-bottom: 2px !important; } .ml-md-2px { margin-left: 2px !important; } .m-md-4px { margin: 4px !important; } .mt-md-4px { margin-top: 4px !important; } .mr-md-4px { margin-right: 4px !important; } .mb-md-4px { margin-bottom: 4px !important; } .ml-md-4px { margin-left: 4px !important; } .m-md-8 { margin: 8px !important; } .mt-md-8 { margin-top: 8px !important; } .mr-md-8 { margin-right: 8px !important; } .mb-md-8 { margin-bottom: 8px !important; } .ml-md-8 { margin-left: 8px !important; } .m-md-12 { margin: 12px !important; } .mt-md-12 { margin-top: 12px !important; } .mr-md-12 { margin-right: 12px !important; } .mb-md-12 { margin-bottom: 12px !important; } .ml-md-12 { margin-left: 12px !important; } .m-md-14 { margin: 14px !important; } .mt-md-14 { margin-top: 14px !important; } .mr-md-14 { margin-right: 14px !important; } .mb-md-14 { margin-bottom: 14px !important; } .ml-md-14 { margin-left: 14px !important; } .m-md-16 { margin: 16px !important; } .mt-md-16 { margin-top: 16px !important; } .mr-md-16 { margin-right: 16px !important; } .mb-md-16 { margin-bottom: 16px !important; } .ml-md-16 { margin-left: 16px !important; } .m-md-20 { margin: 20px !important; } .mt-md-20 { margin-top: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .m-md-24 { margin: 24px !important; } .mt-md-24 { margin-top: 24px !important; } .mr-md-24 { margin-right: 24px !important; } .mb-md-24 { margin-bottom: 24px !important; } .ml-md-24 { margin-left: 24px !important; } .m-md-28 { margin: 28px !important; } .mt-md-28 { margin-top: 28px !important; } .mr-md-28 { margin-right: 28px !important; } .mb-md-28 { margin-bottom: 28px !important; } .ml-md-28 { margin-left: 28px !important; } .m-md-32 { margin: 32px !important; } .mt-md-32 { margin-top: 32px !important; } .mr-md-32 { margin-right: 32px !important; } .mb-md-32 { margin-bottom: 32px !important; } .ml-md-32 { margin-left: 32px !important; } .m-md-36 { margin: 36px !important; } .mt-md-36 { margin-top: 36px !important; } .mr-md-36 { margin-right: 36px !important; } .mb-md-36 { margin-bottom: 36px !important; } .ml-md-36 { margin-left: 36px !important; } .m-md-40 { margin: 40px !important; } .mt-md-40 { margin-top: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .m-md-44 { margin: 44px !important; } .mt-md-44 { margin-top: 44px !important; } .mr-md-44 { margin-right: 44px !important; } .mb-md-44 { margin-bottom: 44px !important; } .ml-md-44 { margin-left: 44px !important; } .m-md-48 { margin: 48px !important; } .mt-md-48 { margin-top: 48px !important; } .mr-md-48 { margin-right: 48px !important; } .mb-md-48 { margin-bottom: 48px !important; } .ml-md-48 { margin-left: 48px !important; } .m-md-52 { margin: 52px !important; } .mt-md-52 { margin-top: 52px !important; } .mr-md-52 { margin-right: 52px !important; } .mb-md-52 { margin-bottom: 52px !important; } .ml-md-52 { margin-left: 52px !important; } .m-md-54 { margin: 54px !important; } .mt-md-54 { margin-top: 54px !important; } .mr-md-54 { margin-right: 54px !important; } .mb-md-54 { margin-bottom: 54px !important; } .ml-md-54 { margin-left: 54px !important; } .m-md-56 { margin: 56px !important; } .mt-md-56 { margin-top: 56px !important; } .mr-md-56 { margin-right: 56px !important; } .mb-md-56 { margin-bottom: 56px !important; } .ml-md-56 { margin-left: 56px !important; } .m-md-60 { margin: 60px !important; } .mt-md-60 { margin-top: 60px !important; } .mr-md-60 { margin-right: 60px !important; } .mb-md-60 { margin-bottom: 60px !important; } .ml-md-60 { margin-left: 60px !important; } .m-md-64 { margin: 64px !important; } .mt-md-64 { margin-top: 64px !important; } .mr-md-64 { margin-right: 64px !important; } .mb-md-64 { margin-bottom: 64px !important; } .ml-md-64 { margin-left: 64px !important; } .m-md-68 { margin: 68px !important; } .mt-md-68 { margin-top: 68px !important; } .mr-md-68 { margin-right: 68px !important; } .mb-md-68 { margin-bottom: 68px !important; } .ml-md-68 { margin-left: 68px !important; } .m-md-72 { margin: 72px !important; } .mt-md-72 { margin-top: 72px !important; } .mr-md-72 { margin-right: 72px !important; } .mb-md-72 { margin-bottom: 72px !important; } .ml-md-72 { margin-left: 72px !important; } .m-md-80 { margin: 80px !important; } .mt-md-80 { margin-top: 80px !important; } .mr-md-80 { margin-right: 80px !important; } .mb-md-80 { margin-bottom: 80px !important; } .ml-md-80 { margin-left: 80px !important; } .m-md-84 { margin: 84px !important; } .mt-md-84 { margin-top: 84px !important; } .mr-md-84 { margin-right: 84px !important; } .mb-md-84 { margin-bottom: 84px !important; } .ml-md-84 { margin-left: 84px !important; } .m-md-88 { margin: 88px !important; } .mt-md-88 { margin-top: 88px !important; } .mr-md-88 { margin-right: 88px !important; } .mb-md-88 { margin-bottom: 88px !important; } .ml-md-88 { margin-left: 88px !important; } .m-md-92 { margin: 92px !important; } .mt-md-92 { margin-top: 92px !important; } .mr-md-92 { margin-right: 92px !important; } .mb-md-92 { margin-bottom: 92px !important; } .ml-md-92 { margin-left: 92px !important; } .m-md-96 { margin: 96px !important; } .mt-md-96 { margin-top: 96px !important; } .mr-md-96 { margin-right: 96px !important; } .mb-md-96 { margin-bottom: 96px !important; } .ml-md-96 { margin-left: 96px !important; } .m-md-100 { margin: 100px !important; } .mt-md-100 { margin-top: 100px !important; } .mr-md-100 { margin-right: 100px !important; } .mb-md-100 { margin-bottom: 100px !important; } .ml-md-100 { margin-left: 100px !important; } .m-md-120 { margin: 120px !important; } .mt-md-120 { margin-top: 120px !important; } .mr-md-120 { margin-right: 120px !important; } .mb-md-120 { margin-bottom: 120px !important; } .ml-md-120 { margin-left: 120px !important; } .m-md-128 { margin: 128px !important; } .mt-md-128 { margin-top: 128px !important; } .mr-md-128 { margin-right: 128px !important; } .mb-md-128 { margin-bottom: 128px !important; } .ml-md-128 { margin-left: 128px !important; } .m-md-140 { margin: 140px !important; } .mt-md-140 { margin-top: 140px !important; } .mr-md-140 { margin-right: 140px !important; } .mb-md-140 { margin-bottom: 140px !important; } .ml-md-140 { margin-left: 140px !important; } .m-md-152 { margin: 152px !important; } .mt-md-152 { margin-top: 152px !important; } .mr-md-152 { margin-right: 152px !important; } .mb-md-152 { margin-bottom: 152px !important; } .ml-md-152 { margin-left: 152px !important; } .m-md-160 { margin: 160px !important; } .mt-md-160 { margin-top: 160px !important; } .mr-md-160 { margin-right: 160px !important; } .mb-md-160 { margin-bottom: 160px !important; } .ml-md-160 { margin-left: 160px !important; } .m-md-168 { margin: 168px !important; } .mt-md-168 { margin-top: 168px !important; } .mr-md-168 { margin-right: 168px !important; } .mb-md-168 { margin-bottom: 168px !important; } .ml-md-168 { margin-left: 168px !important; } .m-md-180 { margin: 180px !important; } .mt-md-180 { margin-top: 180px !important; } .mr-md-180 { margin-right: 180px !important; } .mb-md-180 { margin-bottom: 180px !important; } .ml-md-180 { margin-left: 180px !important; } .m-md-192 { margin: 192px !important; } .mt-md-192 { margin-top: 192px !important; } .mr-md-192 { margin-right: 192px !important; } .mb-md-192 { margin-bottom: 192px !important; } .ml-md-192 { margin-left: 192px !important; } .m-md-200 { margin: 200px !important; } .mt-md-200 { margin-top: 200px !important; } .mr-md-200 { margin-right: 200px !important; } .mb-md-200 { margin-bottom: 200px !important; } .ml-md-200 { margin-left: 200px !important; } .m-md-240 { margin: 240px !important; } .mt-md-240 { margin-top: 240px !important; } .mr-md-240 { margin-right: 240px !important; } .mb-md-240 { margin-bottom: 240px !important; } .ml-md-240 { margin-left: 240px !important; } .p-md-0 { padding: 0px !important; } .pt-md-0 { padding-top: 0px !important; } .pr-md-0 { padding-right: 0px !important; } .pb-md-0 { padding-bottom: 0px !important; } .pl-md-0 { padding-left: 0px !important; } .p-md-2px { padding: 2px !important; } .pt-md-2px { padding-top: 2px !important; } .pr-md-2px { padding-right: 2px !important; } .pb-md-2px { padding-bottom: 2px !important; } .pl-md-2px { padding-left: 2px !important; } .p-md-4px { padding: 4px !important; } .pt-md-4px { padding-top: 4px !important; } .pr-md-4px { padding-right: 4px !important; } .pb-md-4px { padding-bottom: 4px !important; } .pl-md-4px { padding-left: 4px !important; } .p-md-8 { padding: 8px !important; } .pt-md-8 { padding-top: 8px !important; } .pr-md-8 { padding-right: 8px !important; } .pb-md-8 { padding-bottom: 8px !important; } .pl-md-8 { padding-left: 8px !important; } .p-md-12 { padding: 12px !important; } .pt-md-12 { padding-top: 12px !important; } .pr-md-12 { padding-right: 12px !important; } .pb-md-12 { padding-bottom: 12px !important; } .pl-md-12 { padding-left: 12px !important; } .p-md-14 { padding: 14px !important; } .pt-md-14 { padding-top: 14px !important; } .pr-md-14 { padding-right: 14px !important; } .pb-md-14 { padding-bottom: 14px !important; } .pl-md-14 { padding-left: 14px !important; } .p-md-16 { padding: 16px !important; } .pt-md-16 { padding-top: 16px !important; } .pr-md-16 { padding-right: 16px !important; } .pb-md-16 { padding-bottom: 16px !important; } .pl-md-16 { padding-left: 16px !important; } .p-md-20 { padding: 20px !important; } .pt-md-20 { padding-top: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .p-md-24 { padding: 24px !important; } .pt-md-24 { padding-top: 24px !important; } .pr-md-24 { padding-right: 24px !important; } .pb-md-24 { padding-bottom: 24px !important; } .pl-md-24 { padding-left: 24px !important; } .p-md-28 { padding: 28px !important; } .pt-md-28 { padding-top: 28px !important; } .pr-md-28 { padding-right: 28px !important; } .pb-md-28 { padding-bottom: 28px !important; } .pl-md-28 { padding-left: 28px !important; } .p-md-32 { padding: 32px !important; } .pt-md-32 { padding-top: 32px !important; } .pr-md-32 { padding-right: 32px !important; } .pb-md-32 { padding-bottom: 32px !important; } .pl-md-32 { padding-left: 32px !important; } .p-md-36 { padding: 36px !important; } .pt-md-36 { padding-top: 36px !important; } .pr-md-36 { padding-right: 36px !important; } .pb-md-36 { padding-bottom: 36px !important; } .pl-md-36 { padding-left: 36px !important; } .p-md-40 { padding: 40px !important; } .pt-md-40 { padding-top: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .p-md-44 { padding: 44px !important; } .pt-md-44 { padding-top: 44px !important; } .pr-md-44 { padding-right: 44px !important; } .pb-md-44 { padding-bottom: 44px !important; } .pl-md-44 { padding-left: 44px !important; } .p-md-48 { padding: 48px !important; } .pt-md-48 { padding-top: 48px !important; } .pr-md-48 { padding-right: 48px !important; } .pb-md-48 { padding-bottom: 48px !important; } .pl-md-48 { padding-left: 48px !important; } .p-md-52 { padding: 52px !important; } .pt-md-52 { padding-top: 52px !important; } .pr-md-52 { padding-right: 52px !important; } .pb-md-52 { padding-bottom: 52px !important; } .pl-md-52 { padding-left: 52px !important; } .p-md-54 { padding: 54px !important; } .pt-md-54 { padding-top: 54px !important; } .pr-md-54 { padding-right: 54px !important; } .pb-md-54 { padding-bottom: 54px !important; } .pl-md-54 { padding-left: 54px !important; } .p-md-56 { padding: 56px !important; } .pt-md-56 { padding-top: 56px !important; } .pr-md-56 { padding-right: 56px !important; } .pb-md-56 { padding-bottom: 56px !important; } .pl-md-56 { padding-left: 56px !important; } .p-md-60 { padding: 60px !important; } .pt-md-60 { padding-top: 60px !important; } .pr-md-60 { padding-right: 60px !important; } .pb-md-60 { padding-bottom: 60px !important; } .pl-md-60 { padding-left: 60px !important; } .p-md-64 { padding: 64px !important; } .pt-md-64 { padding-top: 64px !important; } .pr-md-64 { padding-right: 64px !important; } .pb-md-64 { padding-bottom: 64px !important; } .pl-md-64 { padding-left: 64px !important; } .p-md-68 { padding: 68px !important; } .pt-md-68 { padding-top: 68px !important; } .pr-md-68 { padding-right: 68px !important; } .pb-md-68 { padding-bottom: 68px !important; } .pl-md-68 { padding-left: 68px !important; } .p-md-72 { padding: 72px !important; } .pt-md-72 { padding-top: 72px !important; } .pr-md-72 { padding-right: 72px !important; } .pb-md-72 { padding-bottom: 72px !important; } .pl-md-72 { padding-left: 72px !important; } .p-md-80 { padding: 80px !important; } .pt-md-80 { padding-top: 80px !important; } .pr-md-80 { padding-right: 80px !important; } .pb-md-80 { padding-bottom: 80px !important; } .pl-md-80 { padding-left: 80px !important; } .p-md-84 { padding: 84px !important; } .pt-md-84 { padding-top: 84px !important; } .pr-md-84 { padding-right: 84px !important; } .pb-md-84 { padding-bottom: 84px !important; } .pl-md-84 { padding-left: 84px !important; } .p-md-88 { padding: 88px !important; } .pt-md-88 { padding-top: 88px !important; } .pr-md-88 { padding-right: 88px !important; } .pb-md-88 { padding-bottom: 88px !important; } .pl-md-88 { padding-left: 88px !important; } .p-md-92 { padding: 92px !important; } .pt-md-92 { padding-top: 92px !important; } .pr-md-92 { padding-right: 92px !important; } .pb-md-92 { padding-bottom: 92px !important; } .pl-md-92 { padding-left: 92px !important; } .p-md-96 { padding: 96px !important; } .pt-md-96 { padding-top: 96px !important; } .pr-md-96 { padding-right: 96px !important; } .pb-md-96 { padding-bottom: 96px !important; } .pl-md-96 { padding-left: 96px !important; } .p-md-100 { padding: 100px !important; } .pt-md-100 { padding-top: 100px !important; } .pr-md-100 { padding-right: 100px !important; } .pb-md-100 { padding-bottom: 100px !important; } .pl-md-100 { padding-left: 100px !important; } .p-md-120 { padding: 120px !important; } .pt-md-120 { padding-top: 120px !important; } .pr-md-120 { padding-right: 120px !important; } .pb-md-120 { padding-bottom: 120px !important; } .pl-md-120 { padding-left: 120px !important; } .p-md-128 { padding: 128px !important; } .pt-md-128 { padding-top: 128px !important; } .pr-md-128 { padding-right: 128px !important; } .pb-md-128 { padding-bottom: 128px !important; } .pl-md-128 { padding-left: 128px !important; } .p-md-140 { padding: 140px !important; } .pt-md-140 { padding-top: 140px !important; } .pr-md-140 { padding-right: 140px !important; } .pb-md-140 { padding-bottom: 140px !important; } .pl-md-140 { padding-left: 140px !important; } .p-md-152 { padding: 152px !important; } .pt-md-152 { padding-top: 152px !important; } .pr-md-152 { padding-right: 152px !important; } .pb-md-152 { padding-bottom: 152px !important; } .pl-md-152 { padding-left: 152px !important; } .p-md-160 { padding: 160px !important; } .pt-md-160 { padding-top: 160px !important; } .pr-md-160 { padding-right: 160px !important; } .pb-md-160 { padding-bottom: 160px !important; } .pl-md-160 { padding-left: 160px !important; } .p-md-168 { padding: 168px !important; } .pt-md-168 { padding-top: 168px !important; } .pr-md-168 { padding-right: 168px !important; } .pb-md-168 { padding-bottom: 168px !important; } .pl-md-168 { padding-left: 168px !important; } .p-md-180 { padding: 180px !important; } .pt-md-180 { padding-top: 180px !important; } .pr-md-180 { padding-right: 180px !important; } .pb-md-180 { padding-bottom: 180px !important; } .pl-md-180 { padding-left: 180px !important; } .p-md-192 { padding: 192px !important; } .pt-md-192 { padding-top: 192px !important; } .pr-md-192 { padding-right: 192px !important; } .pb-md-192 { padding-bottom: 192px !important; } .pl-md-192 { padding-left: 192px !important; } .p-md-200 { padding: 200px !important; } .pt-md-200 { padding-top: 200px !important; } .pr-md-200 { padding-right: 200px !important; } .pb-md-200 { padding-bottom: 200px !important; } .pl-md-200 { padding-left: 200px !important; } .p-md-240 { padding: 240px !important; } .pt-md-240 { padding-top: 240px !important; } .pr-md-240 { padding-right: 240px !important; } .pb-md-240 { padding-bottom: 240px !important; } .pl-md-240 { padding-left: 240px !important; } .m-md-n2px { margin: -2px !important; } .mt-md-n2px { margin-top: -2px !important; } .mr-md-n2px { margin-right: -2px !important; } .mb-md-n2px { margin-bottom: -2px !important; } .ml-md-n2px { margin-left: -2px !important; } .m-md-n4px { margin: -4px !important; } .mt-md-n4px { margin-top: -4px !important; } .mr-md-n4px { margin-right: -4px !important; } .mb-md-n4px { margin-bottom: -4px !important; } .ml-md-n4px { margin-left: -4px !important; } .m-md-n8 { margin: -8px !important; } .mt-md-n8 { margin-top: -8px !important; } .mr-md-n8 { margin-right: -8px !important; } .mb-md-n8 { margin-bottom: -8px !important; } .ml-md-n8 { margin-left: -8px !important; } .m-md-n12 { margin: -12px !important; } .mt-md-n12 { margin-top: -12px !important; } .mr-md-n12 { margin-right: -12px !important; } .mb-md-n12 { margin-bottom: -12px !important; } .ml-md-n12 { margin-left: -12px !important; } .m-md-n14 { margin: -14px !important; } .mt-md-n14 { margin-top: -14px !important; } .mr-md-n14 { margin-right: -14px !important; } .mb-md-n14 { margin-bottom: -14px !important; } .ml-md-n14 { margin-left: -14px !important; } .m-md-n16 { margin: -16px !important; } .mt-md-n16 { margin-top: -16px !important; } .mr-md-n16 { margin-right: -16px !important; } .mb-md-n16 { margin-bottom: -16px !important; } .ml-md-n16 { margin-left: -16px !important; } .m-md-n20 { margin: -20px !important; } .mt-md-n20 { margin-top: -20px !important; } .mr-md-n20 { margin-right: -20px !important; } .mb-md-n20 { margin-bottom: -20px !important; } .ml-md-n20 { margin-left: -20px !important; } .m-md-n24 { margin: -24px !important; } .mt-md-n24 { margin-top: -24px !important; } .mr-md-n24 { margin-right: -24px !important; } .mb-md-n24 { margin-bottom: -24px !important; } .ml-md-n24 { margin-left: -24px !important; } .m-md-n28 { margin: -28px !important; } .mt-md-n28 { margin-top: -28px !important; } .mr-md-n28 { margin-right: -28px !important; } .mb-md-n28 { margin-bottom: -28px !important; } .ml-md-n28 { margin-left: -28px !important; } .m-md-n32 { margin: -32px !important; } .mt-md-n32 { margin-top: -32px !important; } .mr-md-n32 { margin-right: -32px !important; } .mb-md-n32 { margin-bottom: -32px !important; } .ml-md-n32 { margin-left: -32px !important; } .m-md-n36 { margin: -36px !important; } .mt-md-n36 { margin-top: -36px !important; } .mr-md-n36 { margin-right: -36px !important; } .mb-md-n36 { margin-bottom: -36px !important; } .ml-md-n36 { margin-left: -36px !important; } .m-md-n40 { margin: -40px !important; } .mt-md-n40 { margin-top: -40px !important; } .mr-md-n40 { margin-right: -40px !important; } .mb-md-n40 { margin-bottom: -40px !important; } .ml-md-n40 { margin-left: -40px !important; } .m-md-n44 { margin: -44px !important; } .mt-md-n44 { margin-top: -44px !important; } .mr-md-n44 { margin-right: -44px !important; } .mb-md-n44 { margin-bottom: -44px !important; } .ml-md-n44 { margin-left: -44px !important; } .m-md-n48 { margin: -48px !important; } .mt-md-n48 { margin-top: -48px !important; } .mr-md-n48 { margin-right: -48px !important; } .mb-md-n48 { margin-bottom: -48px !important; } .ml-md-n48 { margin-left: -48px !important; } .m-md-n52 { margin: -52px !important; } .mt-md-n52 { margin-top: -52px !important; } .mr-md-n52 { margin-right: -52px !important; } .mb-md-n52 { margin-bottom: -52px !important; } .ml-md-n52 { margin-left: -52px !important; } .m-md-n54 { margin: -54px !important; } .mt-md-n54 { margin-top: -54px !important; } .mr-md-n54 { margin-right: -54px !important; } .mb-md-n54 { margin-bottom: -54px !important; } .ml-md-n54 { margin-left: -54px !important; } .m-md-n56 { margin: -56px !important; } .mt-md-n56 { margin-top: -56px !important; } .mr-md-n56 { margin-right: -56px !important; } .mb-md-n56 { margin-bottom: -56px !important; } .ml-md-n56 { margin-left: -56px !important; } .m-md-n60 { margin: -60px !important; } .mt-md-n60 { margin-top: -60px !important; } .mr-md-n60 { margin-right: -60px !important; } .mb-md-n60 { margin-bottom: -60px !important; } .ml-md-n60 { margin-left: -60px !important; } .m-md-n64 { margin: -64px !important; } .mt-md-n64 { margin-top: -64px !important; } .mr-md-n64 { margin-right: -64px !important; } .mb-md-n64 { margin-bottom: -64px !important; } .ml-md-n64 { margin-left: -64px !important; } .m-md-n68 { margin: -68px !important; } .mt-md-n68 { margin-top: -68px !important; } .mr-md-n68 { margin-right: -68px !important; } .mb-md-n68 { margin-bottom: -68px !important; } .ml-md-n68 { margin-left: -68px !important; } .m-md-n72 { margin: -72px !important; } .mt-md-n72 { margin-top: -72px !important; } .mr-md-n72 { margin-right: -72px !important; } .mb-md-n72 { margin-bottom: -72px !important; } .ml-md-n72 { margin-left: -72px !important; } .m-md-n80 { margin: -80px !important; } .mt-md-n80 { margin-top: -80px !important; } .mr-md-n80 { margin-right: -80px !important; } .mb-md-n80 { margin-bottom: -80px !important; } .ml-md-n80 { margin-left: -80px !important; } .m-md-n84 { margin: -84px !important; } .mt-md-n84 { margin-top: -84px !important; } .mr-md-n84 { margin-right: -84px !important; } .mb-md-n84 { margin-bottom: -84px !important; } .ml-md-n84 { margin-left: -84px !important; } .m-md-n88 { margin: -88px !important; } .mt-md-n88 { margin-top: -88px !important; } .mr-md-n88 { margin-right: -88px !important; } .mb-md-n88 { margin-bottom: -88px !important; } .ml-md-n88 { margin-left: -88px !important; } .m-md-n92 { margin: -92px !important; } .mt-md-n92 { margin-top: -92px !important; } .mr-md-n92 { margin-right: -92px !important; } .mb-md-n92 { margin-bottom: -92px !important; } .ml-md-n92 { margin-left: -92px !important; } .m-md-n96 { margin: -96px !important; } .mt-md-n96 { margin-top: -96px !important; } .mr-md-n96 { margin-right: -96px !important; } .mb-md-n96 { margin-bottom: -96px !important; } .ml-md-n96 { margin-left: -96px !important; } .m-md-n100 { margin: -100px !important; } .mt-md-n100 { margin-top: -100px !important; } .mr-md-n100 { margin-right: -100px !important; } .mb-md-n100 { margin-bottom: -100px !important; } .ml-md-n100 { margin-left: -100px !important; } .m-md-n120 { margin: -120px !important; } .mt-md-n120 { margin-top: -120px !important; } .mr-md-n120 { margin-right: -120px !important; } .mb-md-n120 { margin-bottom: -120px !important; } .ml-md-n120 { margin-left: -120px !important; } .m-md-n128 { margin: -128px !important; } .mt-md-n128 { margin-top: -128px !important; } .mr-md-n128 { margin-right: -128px !important; } .mb-md-n128 { margin-bottom: -128px !important; } .ml-md-n128 { margin-left: -128px !important; } .m-md-n140 { margin: -140px !important; } .mt-md-n140 { margin-top: -140px !important; } .mr-md-n140 { margin-right: -140px !important; } .mb-md-n140 { margin-bottom: -140px !important; } .ml-md-n140 { margin-left: -140px !important; } .m-md-n152 { margin: -152px !important; } .mt-md-n152 { margin-top: -152px !important; } .mr-md-n152 { margin-right: -152px !important; } .mb-md-n152 { margin-bottom: -152px !important; } .ml-md-n152 { margin-left: -152px !important; } .m-md-n160 { margin: -160px !important; } .mt-md-n160 { margin-top: -160px !important; } .mr-md-n160 { margin-right: -160px !important; } .mb-md-n160 { margin-bottom: -160px !important; } .ml-md-n160 { margin-left: -160px !important; } .m-md-n168 { margin: -168px !important; } .mt-md-n168 { margin-top: -168px !important; } .mr-md-n168 { margin-right: -168px !important; } .mb-md-n168 { margin-bottom: -168px !important; } .ml-md-n168 { margin-left: -168px !important; } .m-md-n180 { margin: -180px !important; } .mt-md-n180 { margin-top: -180px !important; } .mr-md-n180 { margin-right: -180px !important; } .mb-md-n180 { margin-bottom: -180px !important; } .ml-md-n180 { margin-left: -180px !important; } .m-md-n192 { margin: -192px !important; } .mt-md-n192 { margin-top: -192px !important; } .mr-md-n192 { margin-right: -192px !important; } .mb-md-n192 { margin-bottom: -192px !important; } .ml-md-n192 { margin-left: -192px !important; } .m-md-n200 { margin: -200px !important; } .mt-md-n200 { margin-top: -200px !important; } .mr-md-n200 { margin-right: -200px !important; } .mb-md-n200 { margin-bottom: -200px !important; } .ml-md-n200 { margin-left: -200px !important; } .m-md-n240 { margin: -240px !important; } .mt-md-n240 { margin-top: -240px !important; } .mr-md-n240 { margin-right: -240px !important; } .mb-md-n240 { margin-bottom: -240px !important; } .ml-md-n240 { margin-left: -240px !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0 { margin-top: 0px !important; } .mr-lg-0 { margin-right: 0px !important; } .mb-lg-0 { margin-bottom: 0px !important; } .ml-lg-0 { margin-left: 0px !important; } .m-lg-2px { margin: 2px !important; } .mt-lg-2px { margin-top: 2px !important; } .mr-lg-2px { margin-right: 2px !important; } .mb-lg-2px { margin-bottom: 2px !important; } .ml-lg-2px { margin-left: 2px !important; } .m-lg-4px { margin: 4px !important; } .mt-lg-4px { margin-top: 4px !important; } .mr-lg-4px { margin-right: 4px !important; } .mb-lg-4px { margin-bottom: 4px !important; } .ml-lg-4px { margin-left: 4px !important; } .m-lg-8 { margin: 8px !important; } .mt-lg-8 { margin-top: 8px !important; } .mr-lg-8 { margin-right: 8px !important; } .mb-lg-8 { margin-bottom: 8px !important; } .ml-lg-8 { margin-left: 8px !important; } .m-lg-12 { margin: 12px !important; } .mt-lg-12 { margin-top: 12px !important; } .mr-lg-12 { margin-right: 12px !important; } .mb-lg-12 { margin-bottom: 12px !important; } .ml-lg-12 { margin-left: 12px !important; } .m-lg-14 { margin: 14px !important; } .mt-lg-14 { margin-top: 14px !important; } .mr-lg-14 { margin-right: 14px !important; } .mb-lg-14 { margin-bottom: 14px !important; } .ml-lg-14 { margin-left: 14px !important; } .m-lg-16 { margin: 16px !important; } .mt-lg-16 { margin-top: 16px !important; } .mr-lg-16 { margin-right: 16px !important; } .mb-lg-16 { margin-bottom: 16px !important; } .ml-lg-16 { margin-left: 16px !important; } .m-lg-20 { margin: 20px !important; } .mt-lg-20 { margin-top: 20px !important; } .mr-lg-20 { margin-right: 20px !important; } .mb-lg-20 { margin-bottom: 20px !important; } .ml-lg-20 { margin-left: 20px !important; } .m-lg-24 { margin: 24px !important; } .mt-lg-24 { margin-top: 24px !important; } .mr-lg-24 { margin-right: 24px !important; } .mb-lg-24 { margin-bottom: 24px !important; } .ml-lg-24 { margin-left: 24px !important; } .m-lg-28 { margin: 28px !important; } .mt-lg-28 { margin-top: 28px !important; } .mr-lg-28 { margin-right: 28px !important; } .mb-lg-28 { margin-bottom: 28px !important; } .ml-lg-28 { margin-left: 28px !important; } .m-lg-32 { margin: 32px !important; } .mt-lg-32 { margin-top: 32px !important; } .mr-lg-32 { margin-right: 32px !important; } .mb-lg-32 { margin-bottom: 32px !important; } .ml-lg-32 { margin-left: 32px !important; } .m-lg-36 { margin: 36px !important; } .mt-lg-36 { margin-top: 36px !important; } .mr-lg-36 { margin-right: 36px !important; } .mb-lg-36 { margin-bottom: 36px !important; } .ml-lg-36 { margin-left: 36px !important; } .m-lg-40 { margin: 40px !important; } .mt-lg-40 { margin-top: 40px !important; } .mr-lg-40 { margin-right: 40px !important; } .mb-lg-40 { margin-bottom: 40px !important; } .ml-lg-40 { margin-left: 40px !important; } .m-lg-44 { margin: 44px !important; } .mt-lg-44 { margin-top: 44px !important; } .mr-lg-44 { margin-right: 44px !important; } .mb-lg-44 { margin-bottom: 44px !important; } .ml-lg-44 { margin-left: 44px !important; } .m-lg-48 { margin: 48px !important; } .mt-lg-48 { margin-top: 48px !important; } .mr-lg-48 { margin-right: 48px !important; } .mb-lg-48 { margin-bottom: 48px !important; } .ml-lg-48 { margin-left: 48px !important; } .m-lg-52 { margin: 52px !important; } .mt-lg-52 { margin-top: 52px !important; } .mr-lg-52 { margin-right: 52px !important; } .mb-lg-52 { margin-bottom: 52px !important; } .ml-lg-52 { margin-left: 52px !important; } .m-lg-54 { margin: 54px !important; } .mt-lg-54 { margin-top: 54px !important; } .mr-lg-54 { margin-right: 54px !important; } .mb-lg-54 { margin-bottom: 54px !important; } .ml-lg-54 { margin-left: 54px !important; } .m-lg-56 { margin: 56px !important; } .mt-lg-56 { margin-top: 56px !important; } .mr-lg-56 { margin-right: 56px !important; } .mb-lg-56 { margin-bottom: 56px !important; } .ml-lg-56 { margin-left: 56px !important; } .m-lg-60 { margin: 60px !important; } .mt-lg-60 { margin-top: 60px !important; } .mr-lg-60 { margin-right: 60px !important; } .mb-lg-60 { margin-bottom: 60px !important; } .ml-lg-60 { margin-left: 60px !important; } .m-lg-64 { margin: 64px !important; } .mt-lg-64 { margin-top: 64px !important; } .mr-lg-64 { margin-right: 64px !important; } .mb-lg-64 { margin-bottom: 64px !important; } .ml-lg-64 { margin-left: 64px !important; } .m-lg-68 { margin: 68px !important; } .mt-lg-68 { margin-top: 68px !important; } .mr-lg-68 { margin-right: 68px !important; } .mb-lg-68 { margin-bottom: 68px !important; } .ml-lg-68 { margin-left: 68px !important; } .m-lg-72 { margin: 72px !important; } .mt-lg-72 { margin-top: 72px !important; } .mr-lg-72 { margin-right: 72px !important; } .mb-lg-72 { margin-bottom: 72px !important; } .ml-lg-72 { margin-left: 72px !important; } .m-lg-80 { margin: 80px !important; } .mt-lg-80 { margin-top: 80px !important; } .mr-lg-80 { margin-right: 80px !important; } .mb-lg-80 { margin-bottom: 80px !important; } .ml-lg-80 { margin-left: 80px !important; } .m-lg-84 { margin: 84px !important; } .mt-lg-84 { margin-top: 84px !important; } .mr-lg-84 { margin-right: 84px !important; } .mb-lg-84 { margin-bottom: 84px !important; } .ml-lg-84 { margin-left: 84px !important; } .m-lg-88 { margin: 88px !important; } .mt-lg-88 { margin-top: 88px !important; } .mr-lg-88 { margin-right: 88px !important; } .mb-lg-88 { margin-bottom: 88px !important; } .ml-lg-88 { margin-left: 88px !important; } .m-lg-92 { margin: 92px !important; } .mt-lg-92 { margin-top: 92px !important; } .mr-lg-92 { margin-right: 92px !important; } .mb-lg-92 { margin-bottom: 92px !important; } .ml-lg-92 { margin-left: 92px !important; } .m-lg-96 { margin: 96px !important; } .mt-lg-96 { margin-top: 96px !important; } .mr-lg-96 { margin-right: 96px !important; } .mb-lg-96 { margin-bottom: 96px !important; } .ml-lg-96 { margin-left: 96px !important; } .m-lg-100 { margin: 100px !important; } .mt-lg-100 { margin-top: 100px !important; } .mr-lg-100 { margin-right: 100px !important; } .mb-lg-100 { margin-bottom: 100px !important; } .ml-lg-100 { margin-left: 100px !important; } .m-lg-120 { margin: 120px !important; } .mt-lg-120 { margin-top: 120px !important; } .mr-lg-120 { margin-right: 120px !important; } .mb-lg-120 { margin-bottom: 120px !important; } .ml-lg-120 { margin-left: 120px !important; } .m-lg-128 { margin: 128px !important; } .mt-lg-128 { margin-top: 128px !important; } .mr-lg-128 { margin-right: 128px !important; } .mb-lg-128 { margin-bottom: 128px !important; } .ml-lg-128 { margin-left: 128px !important; } .m-lg-140 { margin: 140px !important; } .mt-lg-140 { margin-top: 140px !important; } .mr-lg-140 { margin-right: 140px !important; } .mb-lg-140 { margin-bottom: 140px !important; } .ml-lg-140 { margin-left: 140px !important; } .m-lg-152 { margin: 152px !important; } .mt-lg-152 { margin-top: 152px !important; } .mr-lg-152 { margin-right: 152px !important; } .mb-lg-152 { margin-bottom: 152px !important; } .ml-lg-152 { margin-left: 152px !important; } .m-lg-160 { margin: 160px !important; } .mt-lg-160 { margin-top: 160px !important; } .mr-lg-160 { margin-right: 160px !important; } .mb-lg-160 { margin-bottom: 160px !important; } .ml-lg-160 { margin-left: 160px !important; } .m-lg-168 { margin: 168px !important; } .mt-lg-168 { margin-top: 168px !important; } .mr-lg-168 { margin-right: 168px !important; } .mb-lg-168 { margin-bottom: 168px !important; } .ml-lg-168 { margin-left: 168px !important; } .m-lg-180 { margin: 180px !important; } .mt-lg-180 { margin-top: 180px !important; } .mr-lg-180 { margin-right: 180px !important; } .mb-lg-180 { margin-bottom: 180px !important; } .ml-lg-180 { margin-left: 180px !important; } .m-lg-192 { margin: 192px !important; } .mt-lg-192 { margin-top: 192px !important; } .mr-lg-192 { margin-right: 192px !important; } .mb-lg-192 { margin-bottom: 192px !important; } .ml-lg-192 { margin-left: 192px !important; } .m-lg-200 { margin: 200px !important; } .mt-lg-200 { margin-top: 200px !important; } .mr-lg-200 { margin-right: 200px !important; } .mb-lg-200 { margin-bottom: 200px !important; } .ml-lg-200 { margin-left: 200px !important; } .m-lg-240 { margin: 240px !important; } .mt-lg-240 { margin-top: 240px !important; } .mr-lg-240 { margin-right: 240px !important; } .mb-lg-240 { margin-bottom: 240px !important; } .ml-lg-240 { margin-left: 240px !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0 { padding-top: 0px !important; } .pr-lg-0 { padding-right: 0px !important; } .pb-lg-0 { padding-bottom: 0px !important; } .pl-lg-0 { padding-left: 0px !important; } .p-lg-2px { padding: 2px !important; } .pt-lg-2px { padding-top: 2px !important; } .pr-lg-2px { padding-right: 2px !important; } .pb-lg-2px { padding-bottom: 2px !important; } .pl-lg-2px { padding-left: 2px !important; } .p-lg-4px { padding: 4px !important; } .pt-lg-4px { padding-top: 4px !important; } .pr-lg-4px { padding-right: 4px !important; } .pb-lg-4px { padding-bottom: 4px !important; } .pl-lg-4px { padding-left: 4px !important; } .p-lg-8 { padding: 8px !important; } .pt-lg-8 { padding-top: 8px !important; } .pr-lg-8 { padding-right: 8px !important; } .pb-lg-8 { padding-bottom: 8px !important; } .pl-lg-8 { padding-left: 8px !important; } .p-lg-12 { padding: 12px !important; } .pt-lg-12 { padding-top: 12px !important; } .pr-lg-12 { padding-right: 12px !important; } .pb-lg-12 { padding-bottom: 12px !important; } .pl-lg-12 { padding-left: 12px !important; } .p-lg-14 { padding: 14px !important; } .pt-lg-14 { padding-top: 14px !important; } .pr-lg-14 { padding-right: 14px !important; } .pb-lg-14 { padding-bottom: 14px !important; } .pl-lg-14 { padding-left: 14px !important; } .p-lg-16 { padding: 16px !important; } .pt-lg-16 { padding-top: 16px !important; } .pr-lg-16 { padding-right: 16px !important; } .pb-lg-16 { padding-bottom: 16px !important; } .pl-lg-16 { padding-left: 16px !important; } .p-lg-20 { padding: 20px !important; } .pt-lg-20 { padding-top: 20px !important; } .pr-lg-20 { padding-right: 20px !important; } .pb-lg-20 { padding-bottom: 20px !important; } .pl-lg-20 { padding-left: 20px !important; } .p-lg-24 { padding: 24px !important; } .pt-lg-24 { padding-top: 24px !important; } .pr-lg-24 { padding-right: 24px !important; } .pb-lg-24 { padding-bottom: 24px !important; } .pl-lg-24 { padding-left: 24px !important; } .p-lg-28 { padding: 28px !important; } .pt-lg-28 { padding-top: 28px !important; } .pr-lg-28 { padding-right: 28px !important; } .pb-lg-28 { padding-bottom: 28px !important; } .pl-lg-28 { padding-left: 28px !important; } .p-lg-32 { padding: 32px !important; } .pt-lg-32 { padding-top: 32px !important; } .pr-lg-32 { padding-right: 32px !important; } .pb-lg-32 { padding-bottom: 32px !important; } .pl-lg-32 { padding-left: 32px !important; } .p-lg-36 { padding: 36px !important; } .pt-lg-36 { padding-top: 36px !important; } .pr-lg-36 { padding-right: 36px !important; } .pb-lg-36 { padding-bottom: 36px !important; } .pl-lg-36 { padding-left: 36px !important; } .p-lg-40 { padding: 40px !important; } .pt-lg-40 { padding-top: 40px !important; } .pr-lg-40 { padding-right: 40px !important; } .pb-lg-40 { padding-bottom: 40px !important; } .pl-lg-40 { padding-left: 40px !important; } .p-lg-44 { padding: 44px !important; } .pt-lg-44 { padding-top: 44px !important; } .pr-lg-44 { padding-right: 44px !important; } .pb-lg-44 { padding-bottom: 44px !important; } .pl-lg-44 { padding-left: 44px !important; } .p-lg-48 { padding: 48px !important; } .pt-lg-48 { padding-top: 48px !important; } .pr-lg-48 { padding-right: 48px !important; } .pb-lg-48 { padding-bottom: 48px !important; } .pl-lg-48 { padding-left: 48px !important; } .p-lg-52 { padding: 52px !important; } .pt-lg-52 { padding-top: 52px !important; } .pr-lg-52 { padding-right: 52px !important; } .pb-lg-52 { padding-bottom: 52px !important; } .pl-lg-52 { padding-left: 52px !important; } .p-lg-54 { padding: 54px !important; } .pt-lg-54 { padding-top: 54px !important; } .pr-lg-54 { padding-right: 54px !important; } .pb-lg-54 { padding-bottom: 54px !important; } .pl-lg-54 { padding-left: 54px !important; } .p-lg-56 { padding: 56px !important; } .pt-lg-56 { padding-top: 56px !important; } .pr-lg-56 { padding-right: 56px !important; } .pb-lg-56 { padding-bottom: 56px !important; } .pl-lg-56 { padding-left: 56px !important; } .p-lg-60 { padding: 60px !important; } .pt-lg-60 { padding-top: 60px !important; } .pr-lg-60 { padding-right: 60px !important; } .pb-lg-60 { padding-bottom: 60px !important; } .pl-lg-60 { padding-left: 60px !important; } .p-lg-64 { padding: 64px !important; } .pt-lg-64 { padding-top: 64px !important; } .pr-lg-64 { padding-right: 64px !important; } .pb-lg-64 { padding-bottom: 64px !important; } .pl-lg-64 { padding-left: 64px !important; } .p-lg-68 { padding: 68px !important; } .pt-lg-68 { padding-top: 68px !important; } .pr-lg-68 { padding-right: 68px !important; } .pb-lg-68 { padding-bottom: 68px !important; } .pl-lg-68 { padding-left: 68px !important; } .p-lg-72 { padding: 72px !important; } .pt-lg-72 { padding-top: 72px !important; } .pr-lg-72 { padding-right: 72px !important; } .pb-lg-72 { padding-bottom: 72px !important; } .pl-lg-72 { padding-left: 72px !important; } .p-lg-80 { padding: 80px !important; } .pt-lg-80 { padding-top: 80px !important; } .pr-lg-80 { padding-right: 80px !important; } .pb-lg-80 { padding-bottom: 80px !important; } .pl-lg-80 { padding-left: 80px !important; } .p-lg-84 { padding: 84px !important; } .pt-lg-84 { padding-top: 84px !important; } .pr-lg-84 { padding-right: 84px !important; } .pb-lg-84 { padding-bottom: 84px !important; } .pl-lg-84 { padding-left: 84px !important; } .p-lg-88 { padding: 88px !important; } .pt-lg-88 { padding-top: 88px !important; } .pr-lg-88 { padding-right: 88px !important; } .pb-lg-88 { padding-bottom: 88px !important; } .pl-lg-88 { padding-left: 88px !important; } .p-lg-92 { padding: 92px !important; } .pt-lg-92 { padding-top: 92px !important; } .pr-lg-92 { padding-right: 92px !important; } .pb-lg-92 { padding-bottom: 92px !important; } .pl-lg-92 { padding-left: 92px !important; } .p-lg-96 { padding: 96px !important; } .pt-lg-96 { padding-top: 96px !important; } .pr-lg-96 { padding-right: 96px !important; } .pb-lg-96 { padding-bottom: 96px !important; } .pl-lg-96 { padding-left: 96px !important; } .p-lg-100 { padding: 100px !important; } .pt-lg-100 { padding-top: 100px !important; } .pr-lg-100 { padding-right: 100px !important; } .pb-lg-100 { padding-bottom: 100px !important; } .pl-lg-100 { padding-left: 100px !important; } .p-lg-120 { padding: 120px !important; } .pt-lg-120 { padding-top: 120px !important; } .pr-lg-120 { padding-right: 120px !important; } .pb-lg-120 { padding-bottom: 120px !important; } .pl-lg-120 { padding-left: 120px !important; } .p-lg-128 { padding: 128px !important; } .pt-lg-128 { padding-top: 128px !important; } .pr-lg-128 { padding-right: 128px !important; } .pb-lg-128 { padding-bottom: 128px !important; } .pl-lg-128 { padding-left: 128px !important; } .p-lg-140 { padding: 140px !important; } .pt-lg-140 { padding-top: 140px !important; } .pr-lg-140 { padding-right: 140px !important; } .pb-lg-140 { padding-bottom: 140px !important; } .pl-lg-140 { padding-left: 140px !important; } .p-lg-152 { padding: 152px !important; } .pt-lg-152 { padding-top: 152px !important; } .pr-lg-152 { padding-right: 152px !important; } .pb-lg-152 { padding-bottom: 152px !important; } .pl-lg-152 { padding-left: 152px !important; } .p-lg-160 { padding: 160px !important; } .pt-lg-160 { padding-top: 160px !important; } .pr-lg-160 { padding-right: 160px !important; } .pb-lg-160 { padding-bottom: 160px !important; } .pl-lg-160 { padding-left: 160px !important; } .p-lg-168 { padding: 168px !important; } .pt-lg-168 { padding-top: 168px !important; } .pr-lg-168 { padding-right: 168px !important; } .pb-lg-168 { padding-bottom: 168px !important; } .pl-lg-168 { padding-left: 168px !important; } .p-lg-180 { padding: 180px !important; } .pt-lg-180 { padding-top: 180px !important; } .pr-lg-180 { padding-right: 180px !important; } .pb-lg-180 { padding-bottom: 180px !important; } .pl-lg-180 { padding-left: 180px !important; } .p-lg-192 { padding: 192px !important; } .pt-lg-192 { padding-top: 192px !important; } .pr-lg-192 { padding-right: 192px !important; } .pb-lg-192 { padding-bottom: 192px !important; } .pl-lg-192 { padding-left: 192px !important; } .p-lg-200 { padding: 200px !important; } .pt-lg-200 { padding-top: 200px !important; } .pr-lg-200 { padding-right: 200px !important; } .pb-lg-200 { padding-bottom: 200px !important; } .pl-lg-200 { padding-left: 200px !important; } .p-lg-240 { padding: 240px !important; } .pt-lg-240 { padding-top: 240px !important; } .pr-lg-240 { padding-right: 240px !important; } .pb-lg-240 { padding-bottom: 240px !important; } .pl-lg-240 { padding-left: 240px !important; } .m-lg-n2px { margin: -2px !important; } .mt-lg-n2px { margin-top: -2px !important; } .mr-lg-n2px { margin-right: -2px !important; } .mb-lg-n2px { margin-bottom: -2px !important; } .ml-lg-n2px { margin-left: -2px !important; } .m-lg-n4px { margin: -4px !important; } .mt-lg-n4px { margin-top: -4px !important; } .mr-lg-n4px { margin-right: -4px !important; } .mb-lg-n4px { margin-bottom: -4px !important; } .ml-lg-n4px { margin-left: -4px !important; } .m-lg-n8 { margin: -8px !important; } .mt-lg-n8 { margin-top: -8px !important; } .mr-lg-n8 { margin-right: -8px !important; } .mb-lg-n8 { margin-bottom: -8px !important; } .ml-lg-n8 { margin-left: -8px !important; } .m-lg-n12 { margin: -12px !important; } .mt-lg-n12 { margin-top: -12px !important; } .mr-lg-n12 { margin-right: -12px !important; } .mb-lg-n12 { margin-bottom: -12px !important; } .ml-lg-n12 { margin-left: -12px !important; } .m-lg-n14 { margin: -14px !important; } .mt-lg-n14 { margin-top: -14px !important; } .mr-lg-n14 { margin-right: -14px !important; } .mb-lg-n14 { margin-bottom: -14px !important; } .ml-lg-n14 { margin-left: -14px !important; } .m-lg-n16 { margin: -16px !important; } .mt-lg-n16 { margin-top: -16px !important; } .mr-lg-n16 { margin-right: -16px !important; } .mb-lg-n16 { margin-bottom: -16px !important; } .ml-lg-n16 { margin-left: -16px !important; } .m-lg-n20 { margin: -20px !important; } .mt-lg-n20 { margin-top: -20px !important; } .mr-lg-n20 { margin-right: -20px !important; } .mb-lg-n20 { margin-bottom: -20px !important; } .ml-lg-n20 { margin-left: -20px !important; } .m-lg-n24 { margin: -24px !important; } .mt-lg-n24 { margin-top: -24px !important; } .mr-lg-n24 { margin-right: -24px !important; } .mb-lg-n24 { margin-bottom: -24px !important; } .ml-lg-n24 { margin-left: -24px !important; } .m-lg-n28 { margin: -28px !important; } .mt-lg-n28 { margin-top: -28px !important; } .mr-lg-n28 { margin-right: -28px !important; } .mb-lg-n28 { margin-bottom: -28px !important; } .ml-lg-n28 { margin-left: -28px !important; } .m-lg-n32 { margin: -32px !important; } .mt-lg-n32 { margin-top: -32px !important; } .mr-lg-n32 { margin-right: -32px !important; } .mb-lg-n32 { margin-bottom: -32px !important; } .ml-lg-n32 { margin-left: -32px !important; } .m-lg-n36 { margin: -36px !important; } .mt-lg-n36 { margin-top: -36px !important; } .mr-lg-n36 { margin-right: -36px !important; } .mb-lg-n36 { margin-bottom: -36px !important; } .ml-lg-n36 { margin-left: -36px !important; } .m-lg-n40 { margin: -40px !important; } .mt-lg-n40 { margin-top: -40px !important; } .mr-lg-n40 { margin-right: -40px !important; } .mb-lg-n40 { margin-bottom: -40px !important; } .ml-lg-n40 { margin-left: -40px !important; } .m-lg-n44 { margin: -44px !important; } .mt-lg-n44 { margin-top: -44px !important; } .mr-lg-n44 { margin-right: -44px !important; } .mb-lg-n44 { margin-bottom: -44px !important; } .ml-lg-n44 { margin-left: -44px !important; } .m-lg-n48 { margin: -48px !important; } .mt-lg-n48 { margin-top: -48px !important; } .mr-lg-n48 { margin-right: -48px !important; } .mb-lg-n48 { margin-bottom: -48px !important; } .ml-lg-n48 { margin-left: -48px !important; } .m-lg-n52 { margin: -52px !important; } .mt-lg-n52 { margin-top: -52px !important; } .mr-lg-n52 { margin-right: -52px !important; } .mb-lg-n52 { margin-bottom: -52px !important; } .ml-lg-n52 { margin-left: -52px !important; } .m-lg-n54 { margin: -54px !important; } .mt-lg-n54 { margin-top: -54px !important; } .mr-lg-n54 { margin-right: -54px !important; } .mb-lg-n54 { margin-bottom: -54px !important; } .ml-lg-n54 { margin-left: -54px !important; } .m-lg-n56 { margin: -56px !important; } .mt-lg-n56 { margin-top: -56px !important; } .mr-lg-n56 { margin-right: -56px !important; } .mb-lg-n56 { margin-bottom: -56px !important; } .ml-lg-n56 { margin-left: -56px !important; } .m-lg-n60 { margin: -60px !important; } .mt-lg-n60 { margin-top: -60px !important; } .mr-lg-n60 { margin-right: -60px !important; } .mb-lg-n60 { margin-bottom: -60px !important; } .ml-lg-n60 { margin-left: -60px !important; } .m-lg-n64 { margin: -64px !important; } .mt-lg-n64 { margin-top: -64px !important; } .mr-lg-n64 { margin-right: -64px !important; } .mb-lg-n64 { margin-bottom: -64px !important; } .ml-lg-n64 { margin-left: -64px !important; } .m-lg-n68 { margin: -68px !important; } .mt-lg-n68 { margin-top: -68px !important; } .mr-lg-n68 { margin-right: -68px !important; } .mb-lg-n68 { margin-bottom: -68px !important; } .ml-lg-n68 { margin-left: -68px !important; } .m-lg-n72 { margin: -72px !important; } .mt-lg-n72 { margin-top: -72px !important; } .mr-lg-n72 { margin-right: -72px !important; } .mb-lg-n72 { margin-bottom: -72px !important; } .ml-lg-n72 { margin-left: -72px !important; } .m-lg-n80 { margin: -80px !important; } .mt-lg-n80 { margin-top: -80px !important; } .mr-lg-n80 { margin-right: -80px !important; } .mb-lg-n80 { margin-bottom: -80px !important; } .ml-lg-n80 { margin-left: -80px !important; } .m-lg-n84 { margin: -84px !important; } .mt-lg-n84 { margin-top: -84px !important; } .mr-lg-n84 { margin-right: -84px !important; } .mb-lg-n84 { margin-bottom: -84px !important; } .ml-lg-n84 { margin-left: -84px !important; } .m-lg-n88 { margin: -88px !important; } .mt-lg-n88 { margin-top: -88px !important; } .mr-lg-n88 { margin-right: -88px !important; } .mb-lg-n88 { margin-bottom: -88px !important; } .ml-lg-n88 { margin-left: -88px !important; } .m-lg-n92 { margin: -92px !important; } .mt-lg-n92 { margin-top: -92px !important; } .mr-lg-n92 { margin-right: -92px !important; } .mb-lg-n92 { margin-bottom: -92px !important; } .ml-lg-n92 { margin-left: -92px !important; } .m-lg-n96 { margin: -96px !important; } .mt-lg-n96 { margin-top: -96px !important; } .mr-lg-n96 { margin-right: -96px !important; } .mb-lg-n96 { margin-bottom: -96px !important; } .ml-lg-n96 { margin-left: -96px !important; } .m-lg-n100 { margin: -100px !important; } .mt-lg-n100 { margin-top: -100px !important; } .mr-lg-n100 { margin-right: -100px !important; } .mb-lg-n100 { margin-bottom: -100px !important; } .ml-lg-n100 { margin-left: -100px !important; } .m-lg-n120 { margin: -120px !important; } .mt-lg-n120 { margin-top: -120px !important; } .mr-lg-n120 { margin-right: -120px !important; } .mb-lg-n120 { margin-bottom: -120px !important; } .ml-lg-n120 { margin-left: -120px !important; } .m-lg-n128 { margin: -128px !important; } .mt-lg-n128 { margin-top: -128px !important; } .mr-lg-n128 { margin-right: -128px !important; } .mb-lg-n128 { margin-bottom: -128px !important; } .ml-lg-n128 { margin-left: -128px !important; } .m-lg-n140 { margin: -140px !important; } .mt-lg-n140 { margin-top: -140px !important; } .mr-lg-n140 { margin-right: -140px !important; } .mb-lg-n140 { margin-bottom: -140px !important; } .ml-lg-n140 { margin-left: -140px !important; } .m-lg-n152 { margin: -152px !important; } .mt-lg-n152 { margin-top: -152px !important; } .mr-lg-n152 { margin-right: -152px !important; } .mb-lg-n152 { margin-bottom: -152px !important; } .ml-lg-n152 { margin-left: -152px !important; } .m-lg-n160 { margin: -160px !important; } .mt-lg-n160 { margin-top: -160px !important; } .mr-lg-n160 { margin-right: -160px !important; } .mb-lg-n160 { margin-bottom: -160px !important; } .ml-lg-n160 { margin-left: -160px !important; } .m-lg-n168 { margin: -168px !important; } .mt-lg-n168 { margin-top: -168px !important; } .mr-lg-n168 { margin-right: -168px !important; } .mb-lg-n168 { margin-bottom: -168px !important; } .ml-lg-n168 { margin-left: -168px !important; } .m-lg-n180 { margin: -180px !important; } .mt-lg-n180 { margin-top: -180px !important; } .mr-lg-n180 { margin-right: -180px !important; } .mb-lg-n180 { margin-bottom: -180px !important; } .ml-lg-n180 { margin-left: -180px !important; } .m-lg-n192 { margin: -192px !important; } .mt-lg-n192 { margin-top: -192px !important; } .mr-lg-n192 { margin-right: -192px !important; } .mb-lg-n192 { margin-bottom: -192px !important; } .ml-lg-n192 { margin-left: -192px !important; } .m-lg-n200 { margin: -200px !important; } .mt-lg-n200 { margin-top: -200px !important; } .mr-lg-n200 { margin-right: -200px !important; } .mb-lg-n200 { margin-bottom: -200px !important; } .ml-lg-n200 { margin-left: -200px !important; } .m-lg-n240 { margin: -240px !important; } .mt-lg-n240 { margin-top: -240px !important; } .mr-lg-n240 { margin-right: -240px !important; } .mb-lg-n240 { margin-bottom: -240px !important; } .ml-lg-n240 { margin-left: -240px !important; } } @media (min-width: 1024px) { .m-lgb-0 { margin: 0px !important; } .mt-lgb-0 { margin-top: 0px !important; } .mr-lgb-0 { margin-right: 0px !important; } .mb-lgb-0 { margin-bottom: 0px !important; } .ml-lgb-0 { margin-left: 0px !important; } .m-lgb-2px { margin: 2px !important; } .mt-lgb-2px { margin-top: 2px !important; } .mr-lgb-2px { margin-right: 2px !important; } .mb-lgb-2px { margin-bottom: 2px !important; } .ml-lgb-2px { margin-left: 2px !important; } .m-lgb-4px { margin: 4px !important; } .mt-lgb-4px { margin-top: 4px !important; } .mr-lgb-4px { margin-right: 4px !important; } .mb-lgb-4px { margin-bottom: 4px !important; } .ml-lgb-4px { margin-left: 4px !important; } .m-lgb-8 { margin: 8px !important; } .mt-lgb-8 { margin-top: 8px !important; } .mr-lgb-8 { margin-right: 8px !important; } .mb-lgb-8 { margin-bottom: 8px !important; } .ml-lgb-8 { margin-left: 8px !important; } .m-lgb-12 { margin: 12px !important; } .mt-lgb-12 { margin-top: 12px !important; } .mr-lgb-12 { margin-right: 12px !important; } .mb-lgb-12 { margin-bottom: 12px !important; } .ml-lgb-12 { margin-left: 12px !important; } .m-lgb-14 { margin: 14px !important; } .mt-lgb-14 { margin-top: 14px !important; } .mr-lgb-14 { margin-right: 14px !important; } .mb-lgb-14 { margin-bottom: 14px !important; } .ml-lgb-14 { margin-left: 14px !important; } .m-lgb-16 { margin: 16px !important; } .mt-lgb-16 { margin-top: 16px !important; } .mr-lgb-16 { margin-right: 16px !important; } .mb-lgb-16 { margin-bottom: 16px !important; } .ml-lgb-16 { margin-left: 16px !important; } .m-lgb-20 { margin: 20px !important; } .mt-lgb-20 { margin-top: 20px !important; } .mr-lgb-20 { margin-right: 20px !important; } .mb-lgb-20 { margin-bottom: 20px !important; } .ml-lgb-20 { margin-left: 20px !important; } .m-lgb-24 { margin: 24px !important; } .mt-lgb-24 { margin-top: 24px !important; } .mr-lgb-24 { margin-right: 24px !important; } .mb-lgb-24 { margin-bottom: 24px !important; } .ml-lgb-24 { margin-left: 24px !important; } .m-lgb-28 { margin: 28px !important; } .mt-lgb-28 { margin-top: 28px !important; } .mr-lgb-28 { margin-right: 28px !important; } .mb-lgb-28 { margin-bottom: 28px !important; } .ml-lgb-28 { margin-left: 28px !important; } .m-lgb-32 { margin: 32px !important; } .mt-lgb-32 { margin-top: 32px !important; } .mr-lgb-32 { margin-right: 32px !important; } .mb-lgb-32 { margin-bottom: 32px !important; } .ml-lgb-32 { margin-left: 32px !important; } .m-lgb-36 { margin: 36px !important; } .mt-lgb-36 { margin-top: 36px !important; } .mr-lgb-36 { margin-right: 36px !important; } .mb-lgb-36 { margin-bottom: 36px !important; } .ml-lgb-36 { margin-left: 36px !important; } .m-lgb-40 { margin: 40px !important; } .mt-lgb-40 { margin-top: 40px !important; } .mr-lgb-40 { margin-right: 40px !important; } .mb-lgb-40 { margin-bottom: 40px !important; } .ml-lgb-40 { margin-left: 40px !important; } .m-lgb-44 { margin: 44px !important; } .mt-lgb-44 { margin-top: 44px !important; } .mr-lgb-44 { margin-right: 44px !important; } .mb-lgb-44 { margin-bottom: 44px !important; } .ml-lgb-44 { margin-left: 44px !important; } .m-lgb-48 { margin: 48px !important; } .mt-lgb-48 { margin-top: 48px !important; } .mr-lgb-48 { margin-right: 48px !important; } .mb-lgb-48 { margin-bottom: 48px !important; } .ml-lgb-48 { margin-left: 48px !important; } .m-lgb-52 { margin: 52px !important; } .mt-lgb-52 { margin-top: 52px !important; } .mr-lgb-52 { margin-right: 52px !important; } .mb-lgb-52 { margin-bottom: 52px !important; } .ml-lgb-52 { margin-left: 52px !important; } .m-lgb-54 { margin: 54px !important; } .mt-lgb-54 { margin-top: 54px !important; } .mr-lgb-54 { margin-right: 54px !important; } .mb-lgb-54 { margin-bottom: 54px !important; } .ml-lgb-54 { margin-left: 54px !important; } .m-lgb-56 { margin: 56px !important; } .mt-lgb-56 { margin-top: 56px !important; } .mr-lgb-56 { margin-right: 56px !important; } .mb-lgb-56 { margin-bottom: 56px !important; } .ml-lgb-56 { margin-left: 56px !important; } .m-lgb-60 { margin: 60px !important; } .mt-lgb-60 { margin-top: 60px !important; } .mr-lgb-60 { margin-right: 60px !important; } .mb-lgb-60 { margin-bottom: 60px !important; } .ml-lgb-60 { margin-left: 60px !important; } .m-lgb-64 { margin: 64px !important; } .mt-lgb-64 { margin-top: 64px !important; } .mr-lgb-64 { margin-right: 64px !important; } .mb-lgb-64 { margin-bottom: 64px !important; } .ml-lgb-64 { margin-left: 64px !important; } .m-lgb-68 { margin: 68px !important; } .mt-lgb-68 { margin-top: 68px !important; } .mr-lgb-68 { margin-right: 68px !important; } .mb-lgb-68 { margin-bottom: 68px !important; } .ml-lgb-68 { margin-left: 68px !important; } .m-lgb-72 { margin: 72px !important; } .mt-lgb-72 { margin-top: 72px !important; } .mr-lgb-72 { margin-right: 72px !important; } .mb-lgb-72 { margin-bottom: 72px !important; } .ml-lgb-72 { margin-left: 72px !important; } .m-lgb-80 { margin: 80px !important; } .mt-lgb-80 { margin-top: 80px !important; } .mr-lgb-80 { margin-right: 80px !important; } .mb-lgb-80 { margin-bottom: 80px !important; } .ml-lgb-80 { margin-left: 80px !important; } .m-lgb-84 { margin: 84px !important; } .mt-lgb-84 { margin-top: 84px !important; } .mr-lgb-84 { margin-right: 84px !important; } .mb-lgb-84 { margin-bottom: 84px !important; } .ml-lgb-84 { margin-left: 84px !important; } .m-lgb-88 { margin: 88px !important; } .mt-lgb-88 { margin-top: 88px !important; } .mr-lgb-88 { margin-right: 88px !important; } .mb-lgb-88 { margin-bottom: 88px !important; } .ml-lgb-88 { margin-left: 88px !important; } .m-lgb-92 { margin: 92px !important; } .mt-lgb-92 { margin-top: 92px !important; } .mr-lgb-92 { margin-right: 92px !important; } .mb-lgb-92 { margin-bottom: 92px !important; } .ml-lgb-92 { margin-left: 92px !important; } .m-lgb-96 { margin: 96px !important; } .mt-lgb-96 { margin-top: 96px !important; } .mr-lgb-96 { margin-right: 96px !important; } .mb-lgb-96 { margin-bottom: 96px !important; } .ml-lgb-96 { margin-left: 96px !important; } .m-lgb-100 { margin: 100px !important; } .mt-lgb-100 { margin-top: 100px !important; } .mr-lgb-100 { margin-right: 100px !important; } .mb-lgb-100 { margin-bottom: 100px !important; } .ml-lgb-100 { margin-left: 100px !important; } .m-lgb-120 { margin: 120px !important; } .mt-lgb-120 { margin-top: 120px !important; } .mr-lgb-120 { margin-right: 120px !important; } .mb-lgb-120 { margin-bottom: 120px !important; } .ml-lgb-120 { margin-left: 120px !important; } .m-lgb-128 { margin: 128px !important; } .mt-lgb-128 { margin-top: 128px !important; } .mr-lgb-128 { margin-right: 128px !important; } .mb-lgb-128 { margin-bottom: 128px !important; } .ml-lgb-128 { margin-left: 128px !important; } .m-lgb-140 { margin: 140px !important; } .mt-lgb-140 { margin-top: 140px !important; } .mr-lgb-140 { margin-right: 140px !important; } .mb-lgb-140 { margin-bottom: 140px !important; } .ml-lgb-140 { margin-left: 140px !important; } .m-lgb-152 { margin: 152px !important; } .mt-lgb-152 { margin-top: 152px !important; } .mr-lgb-152 { margin-right: 152px !important; } .mb-lgb-152 { margin-bottom: 152px !important; } .ml-lgb-152 { margin-left: 152px !important; } .m-lgb-160 { margin: 160px !important; } .mt-lgb-160 { margin-top: 160px !important; } .mr-lgb-160 { margin-right: 160px !important; } .mb-lgb-160 { margin-bottom: 160px !important; } .ml-lgb-160 { margin-left: 160px !important; } .m-lgb-168 { margin: 168px !important; } .mt-lgb-168 { margin-top: 168px !important; } .mr-lgb-168 { margin-right: 168px !important; } .mb-lgb-168 { margin-bottom: 168px !important; } .ml-lgb-168 { margin-left: 168px !important; } .m-lgb-180 { margin: 180px !important; } .mt-lgb-180 { margin-top: 180px !important; } .mr-lgb-180 { margin-right: 180px !important; } .mb-lgb-180 { margin-bottom: 180px !important; } .ml-lgb-180 { margin-left: 180px !important; } .m-lgb-192 { margin: 192px !important; } .mt-lgb-192 { margin-top: 192px !important; } .mr-lgb-192 { margin-right: 192px !important; } .mb-lgb-192 { margin-bottom: 192px !important; } .ml-lgb-192 { margin-left: 192px !important; } .m-lgb-200 { margin: 200px !important; } .mt-lgb-200 { margin-top: 200px !important; } .mr-lgb-200 { margin-right: 200px !important; } .mb-lgb-200 { margin-bottom: 200px !important; } .ml-lgb-200 { margin-left: 200px !important; } .m-lgb-240 { margin: 240px !important; } .mt-lgb-240 { margin-top: 240px !important; } .mr-lgb-240 { margin-right: 240px !important; } .mb-lgb-240 { margin-bottom: 240px !important; } .ml-lgb-240 { margin-left: 240px !important; } .p-lgb-0 { padding: 0px !important; } .pt-lgb-0 { padding-top: 0px !important; } .pr-lgb-0 { padding-right: 0px !important; } .pb-lgb-0 { padding-bottom: 0px !important; } .pl-lgb-0 { padding-left: 0px !important; } .p-lgb-2px { padding: 2px !important; } .pt-lgb-2px { padding-top: 2px !important; } .pr-lgb-2px { padding-right: 2px !important; } .pb-lgb-2px { padding-bottom: 2px !important; } .pl-lgb-2px { padding-left: 2px !important; } .p-lgb-4px { padding: 4px !important; } .pt-lgb-4px { padding-top: 4px !important; } .pr-lgb-4px { padding-right: 4px !important; } .pb-lgb-4px { padding-bottom: 4px !important; } .pl-lgb-4px { padding-left: 4px !important; } .p-lgb-8 { padding: 8px !important; } .pt-lgb-8 { padding-top: 8px !important; } .pr-lgb-8 { padding-right: 8px !important; } .pb-lgb-8 { padding-bottom: 8px !important; } .pl-lgb-8 { padding-left: 8px !important; } .p-lgb-12 { padding: 12px !important; } .pt-lgb-12 { padding-top: 12px !important; } .pr-lgb-12 { padding-right: 12px !important; } .pb-lgb-12 { padding-bottom: 12px !important; } .pl-lgb-12 { padding-left: 12px !important; } .p-lgb-14 { padding: 14px !important; } .pt-lgb-14 { padding-top: 14px !important; } .pr-lgb-14 { padding-right: 14px !important; } .pb-lgb-14 { padding-bottom: 14px !important; } .pl-lgb-14 { padding-left: 14px !important; } .p-lgb-16 { padding: 16px !important; } .pt-lgb-16 { padding-top: 16px !important; } .pr-lgb-16 { padding-right: 16px !important; } .pb-lgb-16 { padding-bottom: 16px !important; } .pl-lgb-16 { padding-left: 16px !important; } .p-lgb-20 { padding: 20px !important; } .pt-lgb-20 { padding-top: 20px !important; } .pr-lgb-20 { padding-right: 20px !important; } .pb-lgb-20 { padding-bottom: 20px !important; } .pl-lgb-20 { padding-left: 20px !important; } .p-lgb-24 { padding: 24px !important; } .pt-lgb-24 { padding-top: 24px !important; } .pr-lgb-24 { padding-right: 24px !important; } .pb-lgb-24 { padding-bottom: 24px !important; } .pl-lgb-24 { padding-left: 24px !important; } .p-lgb-28 { padding: 28px !important; } .pt-lgb-28 { padding-top: 28px !important; } .pr-lgb-28 { padding-right: 28px !important; } .pb-lgb-28 { padding-bottom: 28px !important; } .pl-lgb-28 { padding-left: 28px !important; } .p-lgb-32 { padding: 32px !important; } .pt-lgb-32 { padding-top: 32px !important; } .pr-lgb-32 { padding-right: 32px !important; } .pb-lgb-32 { padding-bottom: 32px !important; } .pl-lgb-32 { padding-left: 32px !important; } .p-lgb-36 { padding: 36px !important; } .pt-lgb-36 { padding-top: 36px !important; } .pr-lgb-36 { padding-right: 36px !important; } .pb-lgb-36 { padding-bottom: 36px !important; } .pl-lgb-36 { padding-left: 36px !important; } .p-lgb-40 { padding: 40px !important; } .pt-lgb-40 { padding-top: 40px !important; } .pr-lgb-40 { padding-right: 40px !important; } .pb-lgb-40 { padding-bottom: 40px !important; } .pl-lgb-40 { padding-left: 40px !important; } .p-lgb-44 { padding: 44px !important; } .pt-lgb-44 { padding-top: 44px !important; } .pr-lgb-44 { padding-right: 44px !important; } .pb-lgb-44 { padding-bottom: 44px !important; } .pl-lgb-44 { padding-left: 44px !important; } .p-lgb-48 { padding: 48px !important; } .pt-lgb-48 { padding-top: 48px !important; } .pr-lgb-48 { padding-right: 48px !important; } .pb-lgb-48 { padding-bottom: 48px !important; } .pl-lgb-48 { padding-left: 48px !important; } .p-lgb-52 { padding: 52px !important; } .pt-lgb-52 { padding-top: 52px !important; } .pr-lgb-52 { padding-right: 52px !important; } .pb-lgb-52 { padding-bottom: 52px !important; } .pl-lgb-52 { padding-left: 52px !important; } .p-lgb-54 { padding: 54px !important; } .pt-lgb-54 { padding-top: 54px !important; } .pr-lgb-54 { padding-right: 54px !important; } .pb-lgb-54 { padding-bottom: 54px !important; } .pl-lgb-54 { padding-left: 54px !important; } .p-lgb-56 { padding: 56px !important; } .pt-lgb-56 { padding-top: 56px !important; } .pr-lgb-56 { padding-right: 56px !important; } .pb-lgb-56 { padding-bottom: 56px !important; } .pl-lgb-56 { padding-left: 56px !important; } .p-lgb-60 { padding: 60px !important; } .pt-lgb-60 { padding-top: 60px !important; } .pr-lgb-60 { padding-right: 60px !important; } .pb-lgb-60 { padding-bottom: 60px !important; } .pl-lgb-60 { padding-left: 60px !important; } .p-lgb-64 { padding: 64px !important; } .pt-lgb-64 { padding-top: 64px !important; } .pr-lgb-64 { padding-right: 64px !important; } .pb-lgb-64 { padding-bottom: 64px !important; } .pl-lgb-64 { padding-left: 64px !important; } .p-lgb-68 { padding: 68px !important; } .pt-lgb-68 { padding-top: 68px !important; } .pr-lgb-68 { padding-right: 68px !important; } .pb-lgb-68 { padding-bottom: 68px !important; } .pl-lgb-68 { padding-left: 68px !important; } .p-lgb-72 { padding: 72px !important; } .pt-lgb-72 { padding-top: 72px !important; } .pr-lgb-72 { padding-right: 72px !important; } .pb-lgb-72 { padding-bottom: 72px !important; } .pl-lgb-72 { padding-left: 72px !important; } .p-lgb-80 { padding: 80px !important; } .pt-lgb-80 { padding-top: 80px !important; } .pr-lgb-80 { padding-right: 80px !important; } .pb-lgb-80 { padding-bottom: 80px !important; } .pl-lgb-80 { padding-left: 80px !important; } .p-lgb-84 { padding: 84px !important; } .pt-lgb-84 { padding-top: 84px !important; } .pr-lgb-84 { padding-right: 84px !important; } .pb-lgb-84 { padding-bottom: 84px !important; } .pl-lgb-84 { padding-left: 84px !important; } .p-lgb-88 { padding: 88px !important; } .pt-lgb-88 { padding-top: 88px !important; } .pr-lgb-88 { padding-right: 88px !important; } .pb-lgb-88 { padding-bottom: 88px !important; } .pl-lgb-88 { padding-left: 88px !important; } .p-lgb-92 { padding: 92px !important; } .pt-lgb-92 { padding-top: 92px !important; } .pr-lgb-92 { padding-right: 92px !important; } .pb-lgb-92 { padding-bottom: 92px !important; } .pl-lgb-92 { padding-left: 92px !important; } .p-lgb-96 { padding: 96px !important; } .pt-lgb-96 { padding-top: 96px !important; } .pr-lgb-96 { padding-right: 96px !important; } .pb-lgb-96 { padding-bottom: 96px !important; } .pl-lgb-96 { padding-left: 96px !important; } .p-lgb-100 { padding: 100px !important; } .pt-lgb-100 { padding-top: 100px !important; } .pr-lgb-100 { padding-right: 100px !important; } .pb-lgb-100 { padding-bottom: 100px !important; } .pl-lgb-100 { padding-left: 100px !important; } .p-lgb-120 { padding: 120px !important; } .pt-lgb-120 { padding-top: 120px !important; } .pr-lgb-120 { padding-right: 120px !important; } .pb-lgb-120 { padding-bottom: 120px !important; } .pl-lgb-120 { padding-left: 120px !important; } .p-lgb-128 { padding: 128px !important; } .pt-lgb-128 { padding-top: 128px !important; } .pr-lgb-128 { padding-right: 128px !important; } .pb-lgb-128 { padding-bottom: 128px !important; } .pl-lgb-128 { padding-left: 128px !important; } .p-lgb-140 { padding: 140px !important; } .pt-lgb-140 { padding-top: 140px !important; } .pr-lgb-140 { padding-right: 140px !important; } .pb-lgb-140 { padding-bottom: 140px !important; } .pl-lgb-140 { padding-left: 140px !important; } .p-lgb-152 { padding: 152px !important; } .pt-lgb-152 { padding-top: 152px !important; } .pr-lgb-152 { padding-right: 152px !important; } .pb-lgb-152 { padding-bottom: 152px !important; } .pl-lgb-152 { padding-left: 152px !important; } .p-lgb-160 { padding: 160px !important; } .pt-lgb-160 { padding-top: 160px !important; } .pr-lgb-160 { padding-right: 160px !important; } .pb-lgb-160 { padding-bottom: 160px !important; } .pl-lgb-160 { padding-left: 160px !important; } .p-lgb-168 { padding: 168px !important; } .pt-lgb-168 { padding-top: 168px !important; } .pr-lgb-168 { padding-right: 168px !important; } .pb-lgb-168 { padding-bottom: 168px !important; } .pl-lgb-168 { padding-left: 168px !important; } .p-lgb-180 { padding: 180px !important; } .pt-lgb-180 { padding-top: 180px !important; } .pr-lgb-180 { padding-right: 180px !important; } .pb-lgb-180 { padding-bottom: 180px !important; } .pl-lgb-180 { padding-left: 180px !important; } .p-lgb-192 { padding: 192px !important; } .pt-lgb-192 { padding-top: 192px !important; } .pr-lgb-192 { padding-right: 192px !important; } .pb-lgb-192 { padding-bottom: 192px !important; } .pl-lgb-192 { padding-left: 192px !important; } .p-lgb-200 { padding: 200px !important; } .pt-lgb-200 { padding-top: 200px !important; } .pr-lgb-200 { padding-right: 200px !important; } .pb-lgb-200 { padding-bottom: 200px !important; } .pl-lgb-200 { padding-left: 200px !important; } .p-lgb-240 { padding: 240px !important; } .pt-lgb-240 { padding-top: 240px !important; } .pr-lgb-240 { padding-right: 240px !important; } .pb-lgb-240 { padding-bottom: 240px !important; } .pl-lgb-240 { padding-left: 240px !important; } .m-lgb-n2px { margin: -2px !important; } .mt-lgb-n2px { margin-top: -2px !important; } .mr-lgb-n2px { margin-right: -2px !important; } .mb-lgb-n2px { margin-bottom: -2px !important; } .ml-lgb-n2px { margin-left: -2px !important; } .m-lgb-n4px { margin: -4px !important; } .mt-lgb-n4px { margin-top: -4px !important; } .mr-lgb-n4px { margin-right: -4px !important; } .mb-lgb-n4px { margin-bottom: -4px !important; } .ml-lgb-n4px { margin-left: -4px !important; } .m-lgb-n8 { margin: -8px !important; } .mt-lgb-n8 { margin-top: -8px !important; } .mr-lgb-n8 { margin-right: -8px !important; } .mb-lgb-n8 { margin-bottom: -8px !important; } .ml-lgb-n8 { margin-left: -8px !important; } .m-lgb-n12 { margin: -12px !important; } .mt-lgb-n12 { margin-top: -12px !important; } .mr-lgb-n12 { margin-right: -12px !important; } .mb-lgb-n12 { margin-bottom: -12px !important; } .ml-lgb-n12 { margin-left: -12px !important; } .m-lgb-n14 { margin: -14px !important; } .mt-lgb-n14 { margin-top: -14px !important; } .mr-lgb-n14 { margin-right: -14px !important; } .mb-lgb-n14 { margin-bottom: -14px !important; } .ml-lgb-n14 { margin-left: -14px !important; } .m-lgb-n16 { margin: -16px !important; } .mt-lgb-n16 { margin-top: -16px !important; } .mr-lgb-n16 { margin-right: -16px !important; } .mb-lgb-n16 { margin-bottom: -16px !important; } .ml-lgb-n16 { margin-left: -16px !important; } .m-lgb-n20 { margin: -20px !important; } .mt-lgb-n20 { margin-top: -20px !important; } .mr-lgb-n20 { margin-right: -20px !important; } .mb-lgb-n20 { margin-bottom: -20px !important; } .ml-lgb-n20 { margin-left: -20px !important; } .m-lgb-n24 { margin: -24px !important; } .mt-lgb-n24 { margin-top: -24px !important; } .mr-lgb-n24 { margin-right: -24px !important; } .mb-lgb-n24 { margin-bottom: -24px !important; } .ml-lgb-n24 { margin-left: -24px !important; } .m-lgb-n28 { margin: -28px !important; } .mt-lgb-n28 { margin-top: -28px !important; } .mr-lgb-n28 { margin-right: -28px !important; } .mb-lgb-n28 { margin-bottom: -28px !important; } .ml-lgb-n28 { margin-left: -28px !important; } .m-lgb-n32 { margin: -32px !important; } .mt-lgb-n32 { margin-top: -32px !important; } .mr-lgb-n32 { margin-right: -32px !important; } .mb-lgb-n32 { margin-bottom: -32px !important; } .ml-lgb-n32 { margin-left: -32px !important; } .m-lgb-n36 { margin: -36px !important; } .mt-lgb-n36 { margin-top: -36px !important; } .mr-lgb-n36 { margin-right: -36px !important; } .mb-lgb-n36 { margin-bottom: -36px !important; } .ml-lgb-n36 { margin-left: -36px !important; } .m-lgb-n40 { margin: -40px !important; } .mt-lgb-n40 { margin-top: -40px !important; } .mr-lgb-n40 { margin-right: -40px !important; } .mb-lgb-n40 { margin-bottom: -40px !important; } .ml-lgb-n40 { margin-left: -40px !important; } .m-lgb-n44 { margin: -44px !important; } .mt-lgb-n44 { margin-top: -44px !important; } .mr-lgb-n44 { margin-right: -44px !important; } .mb-lgb-n44 { margin-bottom: -44px !important; } .ml-lgb-n44 { margin-left: -44px !important; } .m-lgb-n48 { margin: -48px !important; } .mt-lgb-n48 { margin-top: -48px !important; } .mr-lgb-n48 { margin-right: -48px !important; } .mb-lgb-n48 { margin-bottom: -48px !important; } .ml-lgb-n48 { margin-left: -48px !important; } .m-lgb-n52 { margin: -52px !important; } .mt-lgb-n52 { margin-top: -52px !important; } .mr-lgb-n52 { margin-right: -52px !important; } .mb-lgb-n52 { margin-bottom: -52px !important; } .ml-lgb-n52 { margin-left: -52px !important; } .m-lgb-n54 { margin: -54px !important; } .mt-lgb-n54 { margin-top: -54px !important; } .mr-lgb-n54 { margin-right: -54px !important; } .mb-lgb-n54 { margin-bottom: -54px !important; } .ml-lgb-n54 { margin-left: -54px !important; } .m-lgb-n56 { margin: -56px !important; } .mt-lgb-n56 { margin-top: -56px !important; } .mr-lgb-n56 { margin-right: -56px !important; } .mb-lgb-n56 { margin-bottom: -56px !important; } .ml-lgb-n56 { margin-left: -56px !important; } .m-lgb-n60 { margin: -60px !important; } .mt-lgb-n60 { margin-top: -60px !important; } .mr-lgb-n60 { margin-right: -60px !important; } .mb-lgb-n60 { margin-bottom: -60px !important; } .ml-lgb-n60 { margin-left: -60px !important; } .m-lgb-n64 { margin: -64px !important; } .mt-lgb-n64 { margin-top: -64px !important; } .mr-lgb-n64 { margin-right: -64px !important; } .mb-lgb-n64 { margin-bottom: -64px !important; } .ml-lgb-n64 { margin-left: -64px !important; } .m-lgb-n68 { margin: -68px !important; } .mt-lgb-n68 { margin-top: -68px !important; } .mr-lgb-n68 { margin-right: -68px !important; } .mb-lgb-n68 { margin-bottom: -68px !important; } .ml-lgb-n68 { margin-left: -68px !important; } .m-lgb-n72 { margin: -72px !important; } .mt-lgb-n72 { margin-top: -72px !important; } .mr-lgb-n72 { margin-right: -72px !important; } .mb-lgb-n72 { margin-bottom: -72px !important; } .ml-lgb-n72 { margin-left: -72px !important; } .m-lgb-n80 { margin: -80px !important; } .mt-lgb-n80 { margin-top: -80px !important; } .mr-lgb-n80 { margin-right: -80px !important; } .mb-lgb-n80 { margin-bottom: -80px !important; } .ml-lgb-n80 { margin-left: -80px !important; } .m-lgb-n84 { margin: -84px !important; } .mt-lgb-n84 { margin-top: -84px !important; } .mr-lgb-n84 { margin-right: -84px !important; } .mb-lgb-n84 { margin-bottom: -84px !important; } .ml-lgb-n84 { margin-left: -84px !important; } .m-lgb-n88 { margin: -88px !important; } .mt-lgb-n88 { margin-top: -88px !important; } .mr-lgb-n88 { margin-right: -88px !important; } .mb-lgb-n88 { margin-bottom: -88px !important; } .ml-lgb-n88 { margin-left: -88px !important; } .m-lgb-n92 { margin: -92px !important; } .mt-lgb-n92 { margin-top: -92px !important; } .mr-lgb-n92 { margin-right: -92px !important; } .mb-lgb-n92 { margin-bottom: -92px !important; } .ml-lgb-n92 { margin-left: -92px !important; } .m-lgb-n96 { margin: -96px !important; } .mt-lgb-n96 { margin-top: -96px !important; } .mr-lgb-n96 { margin-right: -96px !important; } .mb-lgb-n96 { margin-bottom: -96px !important; } .ml-lgb-n96 { margin-left: -96px !important; } .m-lgb-n100 { margin: -100px !important; } .mt-lgb-n100 { margin-top: -100px !important; } .mr-lgb-n100 { margin-right: -100px !important; } .mb-lgb-n100 { margin-bottom: -100px !important; } .ml-lgb-n100 { margin-left: -100px !important; } .m-lgb-n120 { margin: -120px !important; } .mt-lgb-n120 { margin-top: -120px !important; } .mr-lgb-n120 { margin-right: -120px !important; } .mb-lgb-n120 { margin-bottom: -120px !important; } .ml-lgb-n120 { margin-left: -120px !important; } .m-lgb-n128 { margin: -128px !important; } .mt-lgb-n128 { margin-top: -128px !important; } .mr-lgb-n128 { margin-right: -128px !important; } .mb-lgb-n128 { margin-bottom: -128px !important; } .ml-lgb-n128 { margin-left: -128px !important; } .m-lgb-n140 { margin: -140px !important; } .mt-lgb-n140 { margin-top: -140px !important; } .mr-lgb-n140 { margin-right: -140px !important; } .mb-lgb-n140 { margin-bottom: -140px !important; } .ml-lgb-n140 { margin-left: -140px !important; } .m-lgb-n152 { margin: -152px !important; } .mt-lgb-n152 { margin-top: -152px !important; } .mr-lgb-n152 { margin-right: -152px !important; } .mb-lgb-n152 { margin-bottom: -152px !important; } .ml-lgb-n152 { margin-left: -152px !important; } .m-lgb-n160 { margin: -160px !important; } .mt-lgb-n160 { margin-top: -160px !important; } .mr-lgb-n160 { margin-right: -160px !important; } .mb-lgb-n160 { margin-bottom: -160px !important; } .ml-lgb-n160 { margin-left: -160px !important; } .m-lgb-n168 { margin: -168px !important; } .mt-lgb-n168 { margin-top: -168px !important; } .mr-lgb-n168 { margin-right: -168px !important; } .mb-lgb-n168 { margin-bottom: -168px !important; } .ml-lgb-n168 { margin-left: -168px !important; } .m-lgb-n180 { margin: -180px !important; } .mt-lgb-n180 { margin-top: -180px !important; } .mr-lgb-n180 { margin-right: -180px !important; } .mb-lgb-n180 { margin-bottom: -180px !important; } .ml-lgb-n180 { margin-left: -180px !important; } .m-lgb-n192 { margin: -192px !important; } .mt-lgb-n192 { margin-top: -192px !important; } .mr-lgb-n192 { margin-right: -192px !important; } .mb-lgb-n192 { margin-bottom: -192px !important; } .ml-lgb-n192 { margin-left: -192px !important; } .m-lgb-n200 { margin: -200px !important; } .mt-lgb-n200 { margin-top: -200px !important; } .mr-lgb-n200 { margin-right: -200px !important; } .mb-lgb-n200 { margin-bottom: -200px !important; } .ml-lgb-n200 { margin-left: -200px !important; } .m-lgb-n240 { margin: -240px !important; } .mt-lgb-n240 { margin-top: -240px !important; } .mr-lgb-n240 { margin-right: -240px !important; } .mb-lgb-n240 { margin-bottom: -240px !important; } .ml-lgb-n240 { margin-left: -240px !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0 { margin-top: 0px !important; } .mr-xl-0 { margin-right: 0px !important; } .mb-xl-0 { margin-bottom: 0px !important; } .ml-xl-0 { margin-left: 0px !important; } .m-xl-2px { margin: 2px !important; } .mt-xl-2px { margin-top: 2px !important; } .mr-xl-2px { margin-right: 2px !important; } .mb-xl-2px { margin-bottom: 2px !important; } .ml-xl-2px { margin-left: 2px !important; } .m-xl-4px { margin: 4px !important; } .mt-xl-4px { margin-top: 4px !important; } .mr-xl-4px { margin-right: 4px !important; } .mb-xl-4px { margin-bottom: 4px !important; } .ml-xl-4px { margin-left: 4px !important; } .m-xl-8 { margin: 8px !important; } .mt-xl-8 { margin-top: 8px !important; } .mr-xl-8 { margin-right: 8px !important; } .mb-xl-8 { margin-bottom: 8px !important; } .ml-xl-8 { margin-left: 8px !important; } .m-xl-12 { margin: 12px !important; } .mt-xl-12 { margin-top: 12px !important; } .mr-xl-12 { margin-right: 12px !important; } .mb-xl-12 { margin-bottom: 12px !important; } .ml-xl-12 { margin-left: 12px !important; } .m-xl-14 { margin: 14px !important; } .mt-xl-14 { margin-top: 14px !important; } .mr-xl-14 { margin-right: 14px !important; } .mb-xl-14 { margin-bottom: 14px !important; } .ml-xl-14 { margin-left: 14px !important; } .m-xl-16 { margin: 16px !important; } .mt-xl-16 { margin-top: 16px !important; } .mr-xl-16 { margin-right: 16px !important; } .mb-xl-16 { margin-bottom: 16px !important; } .ml-xl-16 { margin-left: 16px !important; } .m-xl-20 { margin: 20px !important; } .mt-xl-20 { margin-top: 20px !important; } .mr-xl-20 { margin-right: 20px !important; } .mb-xl-20 { margin-bottom: 20px !important; } .ml-xl-20 { margin-left: 20px !important; } .m-xl-24 { margin: 24px !important; } .mt-xl-24 { margin-top: 24px !important; } .mr-xl-24 { margin-right: 24px !important; } .mb-xl-24 { margin-bottom: 24px !important; } .ml-xl-24 { margin-left: 24px !important; } .m-xl-28 { margin: 28px !important; } .mt-xl-28 { margin-top: 28px !important; } .mr-xl-28 { margin-right: 28px !important; } .mb-xl-28 { margin-bottom: 28px !important; } .ml-xl-28 { margin-left: 28px !important; } .m-xl-32 { margin: 32px !important; } .mt-xl-32 { margin-top: 32px !important; } .mr-xl-32 { margin-right: 32px !important; } .mb-xl-32 { margin-bottom: 32px !important; } .ml-xl-32 { margin-left: 32px !important; } .m-xl-36 { margin: 36px !important; } .mt-xl-36 { margin-top: 36px !important; } .mr-xl-36 { margin-right: 36px !important; } .mb-xl-36 { margin-bottom: 36px !important; } .ml-xl-36 { margin-left: 36px !important; } .m-xl-40 { margin: 40px !important; } .mt-xl-40 { margin-top: 40px !important; } .mr-xl-40 { margin-right: 40px !important; } .mb-xl-40 { margin-bottom: 40px !important; } .ml-xl-40 { margin-left: 40px !important; } .m-xl-44 { margin: 44px !important; } .mt-xl-44 { margin-top: 44px !important; } .mr-xl-44 { margin-right: 44px !important; } .mb-xl-44 { margin-bottom: 44px !important; } .ml-xl-44 { margin-left: 44px !important; } .m-xl-48 { margin: 48px !important; } .mt-xl-48 { margin-top: 48px !important; } .mr-xl-48 { margin-right: 48px !important; } .mb-xl-48 { margin-bottom: 48px !important; } .ml-xl-48 { margin-left: 48px !important; } .m-xl-52 { margin: 52px !important; } .mt-xl-52 { margin-top: 52px !important; } .mr-xl-52 { margin-right: 52px !important; } .mb-xl-52 { margin-bottom: 52px !important; } .ml-xl-52 { margin-left: 52px !important; } .m-xl-54 { margin: 54px !important; } .mt-xl-54 { margin-top: 54px !important; } .mr-xl-54 { margin-right: 54px !important; } .mb-xl-54 { margin-bottom: 54px !important; } .ml-xl-54 { margin-left: 54px !important; } .m-xl-56 { margin: 56px !important; } .mt-xl-56 { margin-top: 56px !important; } .mr-xl-56 { margin-right: 56px !important; } .mb-xl-56 { margin-bottom: 56px !important; } .ml-xl-56 { margin-left: 56px !important; } .m-xl-60 { margin: 60px !important; } .mt-xl-60 { margin-top: 60px !important; } .mr-xl-60 { margin-right: 60px !important; } .mb-xl-60 { margin-bottom: 60px !important; } .ml-xl-60 { margin-left: 60px !important; } .m-xl-64 { margin: 64px !important; } .mt-xl-64 { margin-top: 64px !important; } .mr-xl-64 { margin-right: 64px !important; } .mb-xl-64 { margin-bottom: 64px !important; } .ml-xl-64 { margin-left: 64px !important; } .m-xl-68 { margin: 68px !important; } .mt-xl-68 { margin-top: 68px !important; } .mr-xl-68 { margin-right: 68px !important; } .mb-xl-68 { margin-bottom: 68px !important; } .ml-xl-68 { margin-left: 68px !important; } .m-xl-72 { margin: 72px !important; } .mt-xl-72 { margin-top: 72px !important; } .mr-xl-72 { margin-right: 72px !important; } .mb-xl-72 { margin-bottom: 72px !important; } .ml-xl-72 { margin-left: 72px !important; } .m-xl-80 { margin: 80px !important; } .mt-xl-80 { margin-top: 80px !important; } .mr-xl-80 { margin-right: 80px !important; } .mb-xl-80 { margin-bottom: 80px !important; } .ml-xl-80 { margin-left: 80px !important; } .m-xl-84 { margin: 84px !important; } .mt-xl-84 { margin-top: 84px !important; } .mr-xl-84 { margin-right: 84px !important; } .mb-xl-84 { margin-bottom: 84px !important; } .ml-xl-84 { margin-left: 84px !important; } .m-xl-88 { margin: 88px !important; } .mt-xl-88 { margin-top: 88px !important; } .mr-xl-88 { margin-right: 88px !important; } .mb-xl-88 { margin-bottom: 88px !important; } .ml-xl-88 { margin-left: 88px !important; } .m-xl-92 { margin: 92px !important; } .mt-xl-92 { margin-top: 92px !important; } .mr-xl-92 { margin-right: 92px !important; } .mb-xl-92 { margin-bottom: 92px !important; } .ml-xl-92 { margin-left: 92px !important; } .m-xl-96 { margin: 96px !important; } .mt-xl-96 { margin-top: 96px !important; } .mr-xl-96 { margin-right: 96px !important; } .mb-xl-96 { margin-bottom: 96px !important; } .ml-xl-96 { margin-left: 96px !important; } .m-xl-100 { margin: 100px !important; } .mt-xl-100 { margin-top: 100px !important; } .mr-xl-100 { margin-right: 100px !important; } .mb-xl-100 { margin-bottom: 100px !important; } .ml-xl-100 { margin-left: 100px !important; } .m-xl-120 { margin: 120px !important; } .mt-xl-120 { margin-top: 120px !important; } .mr-xl-120 { margin-right: 120px !important; } .mb-xl-120 { margin-bottom: 120px !important; } .ml-xl-120 { margin-left: 120px !important; } .m-xl-128 { margin: 128px !important; } .mt-xl-128 { margin-top: 128px !important; } .mr-xl-128 { margin-right: 128px !important; } .mb-xl-128 { margin-bottom: 128px !important; } .ml-xl-128 { margin-left: 128px !important; } .m-xl-140 { margin: 140px !important; } .mt-xl-140 { margin-top: 140px !important; } .mr-xl-140 { margin-right: 140px !important; } .mb-xl-140 { margin-bottom: 140px !important; } .ml-xl-140 { margin-left: 140px !important; } .m-xl-152 { margin: 152px !important; } .mt-xl-152 { margin-top: 152px !important; } .mr-xl-152 { margin-right: 152px !important; } .mb-xl-152 { margin-bottom: 152px !important; } .ml-xl-152 { margin-left: 152px !important; } .m-xl-160 { margin: 160px !important; } .mt-xl-160 { margin-top: 160px !important; } .mr-xl-160 { margin-right: 160px !important; } .mb-xl-160 { margin-bottom: 160px !important; } .ml-xl-160 { margin-left: 160px !important; } .m-xl-168 { margin: 168px !important; } .mt-xl-168 { margin-top: 168px !important; } .mr-xl-168 { margin-right: 168px !important; } .mb-xl-168 { margin-bottom: 168px !important; } .ml-xl-168 { margin-left: 168px !important; } .m-xl-180 { margin: 180px !important; } .mt-xl-180 { margin-top: 180px !important; } .mr-xl-180 { margin-right: 180px !important; } .mb-xl-180 { margin-bottom: 180px !important; } .ml-xl-180 { margin-left: 180px !important; } .m-xl-192 { margin: 192px !important; } .mt-xl-192 { margin-top: 192px !important; } .mr-xl-192 { margin-right: 192px !important; } .mb-xl-192 { margin-bottom: 192px !important; } .ml-xl-192 { margin-left: 192px !important; } .m-xl-200 { margin: 200px !important; } .mt-xl-200 { margin-top: 200px !important; } .mr-xl-200 { margin-right: 200px !important; } .mb-xl-200 { margin-bottom: 200px !important; } .ml-xl-200 { margin-left: 200px !important; } .m-xl-240 { margin: 240px !important; } .mt-xl-240 { margin-top: 240px !important; } .mr-xl-240 { margin-right: 240px !important; } .mb-xl-240 { margin-bottom: 240px !important; } .ml-xl-240 { margin-left: 240px !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0 { padding-top: 0px !important; } .pr-xl-0 { padding-right: 0px !important; } .pb-xl-0 { padding-bottom: 0px !important; } .pl-xl-0 { padding-left: 0px !important; } .p-xl-2px { padding: 2px !important; } .pt-xl-2px { padding-top: 2px !important; } .pr-xl-2px { padding-right: 2px !important; } .pb-xl-2px { padding-bottom: 2px !important; } .pl-xl-2px { padding-left: 2px !important; } .p-xl-4px { padding: 4px !important; } .pt-xl-4px { padding-top: 4px !important; } .pr-xl-4px { padding-right: 4px !important; } .pb-xl-4px { padding-bottom: 4px !important; } .pl-xl-4px { padding-left: 4px !important; } .p-xl-8 { padding: 8px !important; } .pt-xl-8 { padding-top: 8px !important; } .pr-xl-8 { padding-right: 8px !important; } .pb-xl-8 { padding-bottom: 8px !important; } .pl-xl-8 { padding-left: 8px !important; } .p-xl-12 { padding: 12px !important; } .pt-xl-12 { padding-top: 12px !important; } .pr-xl-12 { padding-right: 12px !important; } .pb-xl-12 { padding-bottom: 12px !important; } .pl-xl-12 { padding-left: 12px !important; } .p-xl-14 { padding: 14px !important; } .pt-xl-14 { padding-top: 14px !important; } .pr-xl-14 { padding-right: 14px !important; } .pb-xl-14 { padding-bottom: 14px !important; } .pl-xl-14 { padding-left: 14px !important; } .p-xl-16 { padding: 16px !important; } .pt-xl-16 { padding-top: 16px !important; } .pr-xl-16 { padding-right: 16px !important; } .pb-xl-16 { padding-bottom: 16px !important; } .pl-xl-16 { padding-left: 16px !important; } .p-xl-20 { padding: 20px !important; } .pt-xl-20 { padding-top: 20px !important; } .pr-xl-20 { padding-right: 20px !important; } .pb-xl-20 { padding-bottom: 20px !important; } .pl-xl-20 { padding-left: 20px !important; } .p-xl-24 { padding: 24px !important; } .pt-xl-24 { padding-top: 24px !important; } .pr-xl-24 { padding-right: 24px !important; } .pb-xl-24 { padding-bottom: 24px !important; } .pl-xl-24 { padding-left: 24px !important; } .p-xl-28 { padding: 28px !important; } .pt-xl-28 { padding-top: 28px !important; } .pr-xl-28 { padding-right: 28px !important; } .pb-xl-28 { padding-bottom: 28px !important; } .pl-xl-28 { padding-left: 28px !important; } .p-xl-32 { padding: 32px !important; } .pt-xl-32 { padding-top: 32px !important; } .pr-xl-32 { padding-right: 32px !important; } .pb-xl-32 { padding-bottom: 32px !important; } .pl-xl-32 { padding-left: 32px !important; } .p-xl-36 { padding: 36px !important; } .pt-xl-36 { padding-top: 36px !important; } .pr-xl-36 { padding-right: 36px !important; } .pb-xl-36 { padding-bottom: 36px !important; } .pl-xl-36 { padding-left: 36px !important; } .p-xl-40 { padding: 40px !important; } .pt-xl-40 { padding-top: 40px !important; } .pr-xl-40 { padding-right: 40px !important; } .pb-xl-40 { padding-bottom: 40px !important; } .pl-xl-40 { padding-left: 40px !important; } .p-xl-44 { padding: 44px !important; } .pt-xl-44 { padding-top: 44px !important; } .pr-xl-44 { padding-right: 44px !important; } .pb-xl-44 { padding-bottom: 44px !important; } .pl-xl-44 { padding-left: 44px !important; } .p-xl-48 { padding: 48px !important; } .pt-xl-48 { padding-top: 48px !important; } .pr-xl-48 { padding-right: 48px !important; } .pb-xl-48 { padding-bottom: 48px !important; } .pl-xl-48 { padding-left: 48px !important; } .p-xl-52 { padding: 52px !important; } .pt-xl-52 { padding-top: 52px !important; } .pr-xl-52 { padding-right: 52px !important; } .pb-xl-52 { padding-bottom: 52px !important; } .pl-xl-52 { padding-left: 52px !important; } .p-xl-54 { padding: 54px !important; } .pt-xl-54 { padding-top: 54px !important; } .pr-xl-54 { padding-right: 54px !important; } .pb-xl-54 { padding-bottom: 54px !important; } .pl-xl-54 { padding-left: 54px !important; } .p-xl-56 { padding: 56px !important; } .pt-xl-56 { padding-top: 56px !important; } .pr-xl-56 { padding-right: 56px !important; } .pb-xl-56 { padding-bottom: 56px !important; } .pl-xl-56 { padding-left: 56px !important; } .p-xl-60 { padding: 60px !important; } .pt-xl-60 { padding-top: 60px !important; } .pr-xl-60 { padding-right: 60px !important; } .pb-xl-60 { padding-bottom: 60px !important; } .pl-xl-60 { padding-left: 60px !important; } .p-xl-64 { padding: 64px !important; } .pt-xl-64 { padding-top: 64px !important; } .pr-xl-64 { padding-right: 64px !important; } .pb-xl-64 { padding-bottom: 64px !important; } .pl-xl-64 { padding-left: 64px !important; } .p-xl-68 { padding: 68px !important; } .pt-xl-68 { padding-top: 68px !important; } .pr-xl-68 { padding-right: 68px !important; } .pb-xl-68 { padding-bottom: 68px !important; } .pl-xl-68 { padding-left: 68px !important; } .p-xl-72 { padding: 72px !important; } .pt-xl-72 { padding-top: 72px !important; } .pr-xl-72 { padding-right: 72px !important; } .pb-xl-72 { padding-bottom: 72px !important; } .pl-xl-72 { padding-left: 72px !important; } .p-xl-80 { padding: 80px !important; } .pt-xl-80 { padding-top: 80px !important; } .pr-xl-80 { padding-right: 80px !important; } .pb-xl-80 { padding-bottom: 80px !important; } .pl-xl-80 { padding-left: 80px !important; } .p-xl-84 { padding: 84px !important; } .pt-xl-84 { padding-top: 84px !important; } .pr-xl-84 { padding-right: 84px !important; } .pb-xl-84 { padding-bottom: 84px !important; } .pl-xl-84 { padding-left: 84px !important; } .p-xl-88 { padding: 88px !important; } .pt-xl-88 { padding-top: 88px !important; } .pr-xl-88 { padding-right: 88px !important; } .pb-xl-88 { padding-bottom: 88px !important; } .pl-xl-88 { padding-left: 88px !important; } .p-xl-92 { padding: 92px !important; } .pt-xl-92 { padding-top: 92px !important; } .pr-xl-92 { padding-right: 92px !important; } .pb-xl-92 { padding-bottom: 92px !important; } .pl-xl-92 { padding-left: 92px !important; } .p-xl-96 { padding: 96px !important; } .pt-xl-96 { padding-top: 96px !important; } .pr-xl-96 { padding-right: 96px !important; } .pb-xl-96 { padding-bottom: 96px !important; } .pl-xl-96 { padding-left: 96px !important; } .p-xl-100 { padding: 100px !important; } .pt-xl-100 { padding-top: 100px !important; } .pr-xl-100 { padding-right: 100px !important; } .pb-xl-100 { padding-bottom: 100px !important; } .pl-xl-100 { padding-left: 100px !important; } .p-xl-120 { padding: 120px !important; } .pt-xl-120 { padding-top: 120px !important; } .pr-xl-120 { padding-right: 120px !important; } .pb-xl-120 { padding-bottom: 120px !important; } .pl-xl-120 { padding-left: 120px !important; } .p-xl-128 { padding: 128px !important; } .pt-xl-128 { padding-top: 128px !important; } .pr-xl-128 { padding-right: 128px !important; } .pb-xl-128 { padding-bottom: 128px !important; } .pl-xl-128 { padding-left: 128px !important; } .p-xl-140 { padding: 140px !important; } .pt-xl-140 { padding-top: 140px !important; } .pr-xl-140 { padding-right: 140px !important; } .pb-xl-140 { padding-bottom: 140px !important; } .pl-xl-140 { padding-left: 140px !important; } .p-xl-152 { padding: 152px !important; } .pt-xl-152 { padding-top: 152px !important; } .pr-xl-152 { padding-right: 152px !important; } .pb-xl-152 { padding-bottom: 152px !important; } .pl-xl-152 { padding-left: 152px !important; } .p-xl-160 { padding: 160px !important; } .pt-xl-160 { padding-top: 160px !important; } .pr-xl-160 { padding-right: 160px !important; } .pb-xl-160 { padding-bottom: 160px !important; } .pl-xl-160 { padding-left: 160px !important; } .p-xl-168 { padding: 168px !important; } .pt-xl-168 { padding-top: 168px !important; } .pr-xl-168 { padding-right: 168px !important; } .pb-xl-168 { padding-bottom: 168px !important; } .pl-xl-168 { padding-left: 168px !important; } .p-xl-180 { padding: 180px !important; } .pt-xl-180 { padding-top: 180px !important; } .pr-xl-180 { padding-right: 180px !important; } .pb-xl-180 { padding-bottom: 180px !important; } .pl-xl-180 { padding-left: 180px !important; } .p-xl-192 { padding: 192px !important; } .pt-xl-192 { padding-top: 192px !important; } .pr-xl-192 { padding-right: 192px !important; } .pb-xl-192 { padding-bottom: 192px !important; } .pl-xl-192 { padding-left: 192px !important; } .p-xl-200 { padding: 200px !important; } .pt-xl-200 { padding-top: 200px !important; } .pr-xl-200 { padding-right: 200px !important; } .pb-xl-200 { padding-bottom: 200px !important; } .pl-xl-200 { padding-left: 200px !important; } .p-xl-240 { padding: 240px !important; } .pt-xl-240 { padding-top: 240px !important; } .pr-xl-240 { padding-right: 240px !important; } .pb-xl-240 { padding-bottom: 240px !important; } .pl-xl-240 { padding-left: 240px !important; } .m-xl-n2px { margin: -2px !important; } .mt-xl-n2px { margin-top: -2px !important; } .mr-xl-n2px { margin-right: -2px !important; } .mb-xl-n2px { margin-bottom: -2px !important; } .ml-xl-n2px { margin-left: -2px !important; } .m-xl-n4px { margin: -4px !important; } .mt-xl-n4px { margin-top: -4px !important; } .mr-xl-n4px { margin-right: -4px !important; } .mb-xl-n4px { margin-bottom: -4px !important; } .ml-xl-n4px { margin-left: -4px !important; } .m-xl-n8 { margin: -8px !important; } .mt-xl-n8 { margin-top: -8px !important; } .mr-xl-n8 { margin-right: -8px !important; } .mb-xl-n8 { margin-bottom: -8px !important; } .ml-xl-n8 { margin-left: -8px !important; } .m-xl-n12 { margin: -12px !important; } .mt-xl-n12 { margin-top: -12px !important; } .mr-xl-n12 { margin-right: -12px !important; } .mb-xl-n12 { margin-bottom: -12px !important; } .ml-xl-n12 { margin-left: -12px !important; } .m-xl-n14 { margin: -14px !important; } .mt-xl-n14 { margin-top: -14px !important; } .mr-xl-n14 { margin-right: -14px !important; } .mb-xl-n14 { margin-bottom: -14px !important; } .ml-xl-n14 { margin-left: -14px !important; } .m-xl-n16 { margin: -16px !important; } .mt-xl-n16 { margin-top: -16px !important; } .mr-xl-n16 { margin-right: -16px !important; } .mb-xl-n16 { margin-bottom: -16px !important; } .ml-xl-n16 { margin-left: -16px !important; } .m-xl-n20 { margin: -20px !important; } .mt-xl-n20 { margin-top: -20px !important; } .mr-xl-n20 { margin-right: -20px !important; } .mb-xl-n20 { margin-bottom: -20px !important; } .ml-xl-n20 { margin-left: -20px !important; } .m-xl-n24 { margin: -24px !important; } .mt-xl-n24 { margin-top: -24px !important; } .mr-xl-n24 { margin-right: -24px !important; } .mb-xl-n24 { margin-bottom: -24px !important; } .ml-xl-n24 { margin-left: -24px !important; } .m-xl-n28 { margin: -28px !important; } .mt-xl-n28 { margin-top: -28px !important; } .mr-xl-n28 { margin-right: -28px !important; } .mb-xl-n28 { margin-bottom: -28px !important; } .ml-xl-n28 { margin-left: -28px !important; } .m-xl-n32 { margin: -32px !important; } .mt-xl-n32 { margin-top: -32px !important; } .mr-xl-n32 { margin-right: -32px !important; } .mb-xl-n32 { margin-bottom: -32px !important; } .ml-xl-n32 { margin-left: -32px !important; } .m-xl-n36 { margin: -36px !important; } .mt-xl-n36 { margin-top: -36px !important; } .mr-xl-n36 { margin-right: -36px !important; } .mb-xl-n36 { margin-bottom: -36px !important; } .ml-xl-n36 { margin-left: -36px !important; } .m-xl-n40 { margin: -40px !important; } .mt-xl-n40 { margin-top: -40px !important; } .mr-xl-n40 { margin-right: -40px !important; } .mb-xl-n40 { margin-bottom: -40px !important; } .ml-xl-n40 { margin-left: -40px !important; } .m-xl-n44 { margin: -44px !important; } .mt-xl-n44 { margin-top: -44px !important; } .mr-xl-n44 { margin-right: -44px !important; } .mb-xl-n44 { margin-bottom: -44px !important; } .ml-xl-n44 { margin-left: -44px !important; } .m-xl-n48 { margin: -48px !important; } .mt-xl-n48 { margin-top: -48px !important; } .mr-xl-n48 { margin-right: -48px !important; } .mb-xl-n48 { margin-bottom: -48px !important; } .ml-xl-n48 { margin-left: -48px !important; } .m-xl-n52 { margin: -52px !important; } .mt-xl-n52 { margin-top: -52px !important; } .mr-xl-n52 { margin-right: -52px !important; } .mb-xl-n52 { margin-bottom: -52px !important; } .ml-xl-n52 { margin-left: -52px !important; } .m-xl-n54 { margin: -54px !important; } .mt-xl-n54 { margin-top: -54px !important; } .mr-xl-n54 { margin-right: -54px !important; } .mb-xl-n54 { margin-bottom: -54px !important; } .ml-xl-n54 { margin-left: -54px !important; } .m-xl-n56 { margin: -56px !important; } .mt-xl-n56 { margin-top: -56px !important; } .mr-xl-n56 { margin-right: -56px !important; } .mb-xl-n56 { margin-bottom: -56px !important; } .ml-xl-n56 { margin-left: -56px !important; } .m-xl-n60 { margin: -60px !important; } .mt-xl-n60 { margin-top: -60px !important; } .mr-xl-n60 { margin-right: -60px !important; } .mb-xl-n60 { margin-bottom: -60px !important; } .ml-xl-n60 { margin-left: -60px !important; } .m-xl-n64 { margin: -64px !important; } .mt-xl-n64 { margin-top: -64px !important; } .mr-xl-n64 { margin-right: -64px !important; } .mb-xl-n64 { margin-bottom: -64px !important; } .ml-xl-n64 { margin-left: -64px !important; } .m-xl-n68 { margin: -68px !important; } .mt-xl-n68 { margin-top: -68px !important; } .mr-xl-n68 { margin-right: -68px !important; } .mb-xl-n68 { margin-bottom: -68px !important; } .ml-xl-n68 { margin-left: -68px !important; } .m-xl-n72 { margin: -72px !important; } .mt-xl-n72 { margin-top: -72px !important; } .mr-xl-n72 { margin-right: -72px !important; } .mb-xl-n72 { margin-bottom: -72px !important; } .ml-xl-n72 { margin-left: -72px !important; } .m-xl-n80 { margin: -80px !important; } .mt-xl-n80 { margin-top: -80px !important; } .mr-xl-n80 { margin-right: -80px !important; } .mb-xl-n80 { margin-bottom: -80px !important; } .ml-xl-n80 { margin-left: -80px !important; } .m-xl-n84 { margin: -84px !important; } .mt-xl-n84 { margin-top: -84px !important; } .mr-xl-n84 { margin-right: -84px !important; } .mb-xl-n84 { margin-bottom: -84px !important; } .ml-xl-n84 { margin-left: -84px !important; } .m-xl-n88 { margin: -88px !important; } .mt-xl-n88 { margin-top: -88px !important; } .mr-xl-n88 { margin-right: -88px !important; } .mb-xl-n88 { margin-bottom: -88px !important; } .ml-xl-n88 { margin-left: -88px !important; } .m-xl-n92 { margin: -92px !important; } .mt-xl-n92 { margin-top: -92px !important; } .mr-xl-n92 { margin-right: -92px !important; } .mb-xl-n92 { margin-bottom: -92px !important; } .ml-xl-n92 { margin-left: -92px !important; } .m-xl-n96 { margin: -96px !important; } .mt-xl-n96 { margin-top: -96px !important; } .mr-xl-n96 { margin-right: -96px !important; } .mb-xl-n96 { margin-bottom: -96px !important; } .ml-xl-n96 { margin-left: -96px !important; } .m-xl-n100 { margin: -100px !important; } .mt-xl-n100 { margin-top: -100px !important; } .mr-xl-n100 { margin-right: -100px !important; } .mb-xl-n100 { margin-bottom: -100px !important; } .ml-xl-n100 { margin-left: -100px !important; } .m-xl-n120 { margin: -120px !important; } .mt-xl-n120 { margin-top: -120px !important; } .mr-xl-n120 { margin-right: -120px !important; } .mb-xl-n120 { margin-bottom: -120px !important; } .ml-xl-n120 { margin-left: -120px !important; } .m-xl-n128 { margin: -128px !important; } .mt-xl-n128 { margin-top: -128px !important; } .mr-xl-n128 { margin-right: -128px !important; } .mb-xl-n128 { margin-bottom: -128px !important; } .ml-xl-n128 { margin-left: -128px !important; } .m-xl-n140 { margin: -140px !important; } .mt-xl-n140 { margin-top: -140px !important; } .mr-xl-n140 { margin-right: -140px !important; } .mb-xl-n140 { margin-bottom: -140px !important; } .ml-xl-n140 { margin-left: -140px !important; } .m-xl-n152 { margin: -152px !important; } .mt-xl-n152 { margin-top: -152px !important; } .mr-xl-n152 { margin-right: -152px !important; } .mb-xl-n152 { margin-bottom: -152px !important; } .ml-xl-n152 { margin-left: -152px !important; } .m-xl-n160 { margin: -160px !important; } .mt-xl-n160 { margin-top: -160px !important; } .mr-xl-n160 { margin-right: -160px !important; } .mb-xl-n160 { margin-bottom: -160px !important; } .ml-xl-n160 { margin-left: -160px !important; } .m-xl-n168 { margin: -168px !important; } .mt-xl-n168 { margin-top: -168px !important; } .mr-xl-n168 { margin-right: -168px !important; } .mb-xl-n168 { margin-bottom: -168px !important; } .ml-xl-n168 { margin-left: -168px !important; } .m-xl-n180 { margin: -180px !important; } .mt-xl-n180 { margin-top: -180px !important; } .mr-xl-n180 { margin-right: -180px !important; } .mb-xl-n180 { margin-bottom: -180px !important; } .ml-xl-n180 { margin-left: -180px !important; } .m-xl-n192 { margin: -192px !important; } .mt-xl-n192 { margin-top: -192px !important; } .mr-xl-n192 { margin-right: -192px !important; } .mb-xl-n192 { margin-bottom: -192px !important; } .ml-xl-n192 { margin-left: -192px !important; } .m-xl-n200 { margin: -200px !important; } .mt-xl-n200 { margin-top: -200px !important; } .mr-xl-n200 { margin-right: -200px !important; } .mb-xl-n200 { margin-bottom: -200px !important; } .ml-xl-n200 { margin-left: -200px !important; } .m-xl-n240 { margin: -240px !important; } .mt-xl-n240 { margin-top: -240px !important; } .mr-xl-n240 { margin-right: -240px !important; } .mb-xl-n240 { margin-bottom: -240px !important; } .ml-xl-n240 { margin-left: -240px !important; } } @media (min-width: 1440px) { .m-xxl-0 { margin: 0px !important; } .mt-xxl-0 { margin-top: 0px !important; } .mr-xxl-0 { margin-right: 0px !important; } .mb-xxl-0 { margin-bottom: 0px !important; } .ml-xxl-0 { margin-left: 0px !important; } .m-xxl-2px { margin: 2px !important; } .mt-xxl-2px { margin-top: 2px !important; } .mr-xxl-2px { margin-right: 2px !important; } .mb-xxl-2px { margin-bottom: 2px !important; } .ml-xxl-2px { margin-left: 2px !important; } .m-xxl-4px { margin: 4px !important; } .mt-xxl-4px { margin-top: 4px !important; } .mr-xxl-4px { margin-right: 4px !important; } .mb-xxl-4px { margin-bottom: 4px !important; } .ml-xxl-4px { margin-left: 4px !important; } .m-xxl-8 { margin: 8px !important; } .mt-xxl-8 { margin-top: 8px !important; } .mr-xxl-8 { margin-right: 8px !important; } .mb-xxl-8 { margin-bottom: 8px !important; } .ml-xxl-8 { margin-left: 8px !important; } .m-xxl-12 { margin: 12px !important; } .mt-xxl-12 { margin-top: 12px !important; } .mr-xxl-12 { margin-right: 12px !important; } .mb-xxl-12 { margin-bottom: 12px !important; } .ml-xxl-12 { margin-left: 12px !important; } .m-xxl-14 { margin: 14px !important; } .mt-xxl-14 { margin-top: 14px !important; } .mr-xxl-14 { margin-right: 14px !important; } .mb-xxl-14 { margin-bottom: 14px !important; } .ml-xxl-14 { margin-left: 14px !important; } .m-xxl-16 { margin: 16px !important; } .mt-xxl-16 { margin-top: 16px !important; } .mr-xxl-16 { margin-right: 16px !important; } .mb-xxl-16 { margin-bottom: 16px !important; } .ml-xxl-16 { margin-left: 16px !important; } .m-xxl-20 { margin: 20px !important; } .mt-xxl-20 { margin-top: 20px !important; } .mr-xxl-20 { margin-right: 20px !important; } .mb-xxl-20 { margin-bottom: 20px !important; } .ml-xxl-20 { margin-left: 20px !important; } .m-xxl-24 { margin: 24px !important; } .mt-xxl-24 { margin-top: 24px !important; } .mr-xxl-24 { margin-right: 24px !important; } .mb-xxl-24 { margin-bottom: 24px !important; } .ml-xxl-24 { margin-left: 24px !important; } .m-xxl-28 { margin: 28px !important; } .mt-xxl-28 { margin-top: 28px !important; } .mr-xxl-28 { margin-right: 28px !important; } .mb-xxl-28 { margin-bottom: 28px !important; } .ml-xxl-28 { margin-left: 28px !important; } .m-xxl-32 { margin: 32px !important; } .mt-xxl-32 { margin-top: 32px !important; } .mr-xxl-32 { margin-right: 32px !important; } .mb-xxl-32 { margin-bottom: 32px !important; } .ml-xxl-32 { margin-left: 32px !important; } .m-xxl-36 { margin: 36px !important; } .mt-xxl-36 { margin-top: 36px !important; } .mr-xxl-36 { margin-right: 36px !important; } .mb-xxl-36 { margin-bottom: 36px !important; } .ml-xxl-36 { margin-left: 36px !important; } .m-xxl-40 { margin: 40px !important; } .mt-xxl-40 { margin-top: 40px !important; } .mr-xxl-40 { margin-right: 40px !important; } .mb-xxl-40 { margin-bottom: 40px !important; } .ml-xxl-40 { margin-left: 40px !important; } .m-xxl-44 { margin: 44px !important; } .mt-xxl-44 { margin-top: 44px !important; } .mr-xxl-44 { margin-right: 44px !important; } .mb-xxl-44 { margin-bottom: 44px !important; } .ml-xxl-44 { margin-left: 44px !important; } .m-xxl-48 { margin: 48px !important; } .mt-xxl-48 { margin-top: 48px !important; } .mr-xxl-48 { margin-right: 48px !important; } .mb-xxl-48 { margin-bottom: 48px !important; } .ml-xxl-48 { margin-left: 48px !important; } .m-xxl-52 { margin: 52px !important; } .mt-xxl-52 { margin-top: 52px !important; } .mr-xxl-52 { margin-right: 52px !important; } .mb-xxl-52 { margin-bottom: 52px !important; } .ml-xxl-52 { margin-left: 52px !important; } .m-xxl-54 { margin: 54px !important; } .mt-xxl-54 { margin-top: 54px !important; } .mr-xxl-54 { margin-right: 54px !important; } .mb-xxl-54 { margin-bottom: 54px !important; } .ml-xxl-54 { margin-left: 54px !important; } .m-xxl-56 { margin: 56px !important; } .mt-xxl-56 { margin-top: 56px !important; } .mr-xxl-56 { margin-right: 56px !important; } .mb-xxl-56 { margin-bottom: 56px !important; } .ml-xxl-56 { margin-left: 56px !important; } .m-xxl-60 { margin: 60px !important; } .mt-xxl-60 { margin-top: 60px !important; } .mr-xxl-60 { margin-right: 60px !important; } .mb-xxl-60 { margin-bottom: 60px !important; } .ml-xxl-60 { margin-left: 60px !important; } .m-xxl-64 { margin: 64px !important; } .mt-xxl-64 { margin-top: 64px !important; } .mr-xxl-64 { margin-right: 64px !important; } .mb-xxl-64 { margin-bottom: 64px !important; } .ml-xxl-64 { margin-left: 64px !important; } .m-xxl-68 { margin: 68px !important; } .mt-xxl-68 { margin-top: 68px !important; } .mr-xxl-68 { margin-right: 68px !important; } .mb-xxl-68 { margin-bottom: 68px !important; } .ml-xxl-68 { margin-left: 68px !important; } .m-xxl-72 { margin: 72px !important; } .mt-xxl-72 { margin-top: 72px !important; } .mr-xxl-72 { margin-right: 72px !important; } .mb-xxl-72 { margin-bottom: 72px !important; } .ml-xxl-72 { margin-left: 72px !important; } .m-xxl-80 { margin: 80px !important; } .mt-xxl-80 { margin-top: 80px !important; } .mr-xxl-80 { margin-right: 80px !important; } .mb-xxl-80 { margin-bottom: 80px !important; } .ml-xxl-80 { margin-left: 80px !important; } .m-xxl-84 { margin: 84px !important; } .mt-xxl-84 { margin-top: 84px !important; } .mr-xxl-84 { margin-right: 84px !important; } .mb-xxl-84 { margin-bottom: 84px !important; } .ml-xxl-84 { margin-left: 84px !important; } .m-xxl-88 { margin: 88px !important; } .mt-xxl-88 { margin-top: 88px !important; } .mr-xxl-88 { margin-right: 88px !important; } .mb-xxl-88 { margin-bottom: 88px !important; } .ml-xxl-88 { margin-left: 88px !important; } .m-xxl-92 { margin: 92px !important; } .mt-xxl-92 { margin-top: 92px !important; } .mr-xxl-92 { margin-right: 92px !important; } .mb-xxl-92 { margin-bottom: 92px !important; } .ml-xxl-92 { margin-left: 92px !important; } .m-xxl-96 { margin: 96px !important; } .mt-xxl-96 { margin-top: 96px !important; } .mr-xxl-96 { margin-right: 96px !important; } .mb-xxl-96 { margin-bottom: 96px !important; } .ml-xxl-96 { margin-left: 96px !important; } .m-xxl-100 { margin: 100px !important; } .mt-xxl-100 { margin-top: 100px !important; } .mr-xxl-100 { margin-right: 100px !important; } .mb-xxl-100 { margin-bottom: 100px !important; } .ml-xxl-100 { margin-left: 100px !important; } .m-xxl-120 { margin: 120px !important; } .mt-xxl-120 { margin-top: 120px !important; } .mr-xxl-120 { margin-right: 120px !important; } .mb-xxl-120 { margin-bottom: 120px !important; } .ml-xxl-120 { margin-left: 120px !important; } .m-xxl-128 { margin: 128px !important; } .mt-xxl-128 { margin-top: 128px !important; } .mr-xxl-128 { margin-right: 128px !important; } .mb-xxl-128 { margin-bottom: 128px !important; } .ml-xxl-128 { margin-left: 128px !important; } .m-xxl-140 { margin: 140px !important; } .mt-xxl-140 { margin-top: 140px !important; } .mr-xxl-140 { margin-right: 140px !important; } .mb-xxl-140 { margin-bottom: 140px !important; } .ml-xxl-140 { margin-left: 140px !important; } .m-xxl-152 { margin: 152px !important; } .mt-xxl-152 { margin-top: 152px !important; } .mr-xxl-152 { margin-right: 152px !important; } .mb-xxl-152 { margin-bottom: 152px !important; } .ml-xxl-152 { margin-left: 152px !important; } .m-xxl-160 { margin: 160px !important; } .mt-xxl-160 { margin-top: 160px !important; } .mr-xxl-160 { margin-right: 160px !important; } .mb-xxl-160 { margin-bottom: 160px !important; } .ml-xxl-160 { margin-left: 160px !important; } .m-xxl-168 { margin: 168px !important; } .mt-xxl-168 { margin-top: 168px !important; } .mr-xxl-168 { margin-right: 168px !important; } .mb-xxl-168 { margin-bottom: 168px !important; } .ml-xxl-168 { margin-left: 168px !important; } .m-xxl-180 { margin: 180px !important; } .mt-xxl-180 { margin-top: 180px !important; } .mr-xxl-180 { margin-right: 180px !important; } .mb-xxl-180 { margin-bottom: 180px !important; } .ml-xxl-180 { margin-left: 180px !important; } .m-xxl-192 { margin: 192px !important; } .mt-xxl-192 { margin-top: 192px !important; } .mr-xxl-192 { margin-right: 192px !important; } .mb-xxl-192 { margin-bottom: 192px !important; } .ml-xxl-192 { margin-left: 192px !important; } .m-xxl-200 { margin: 200px !important; } .mt-xxl-200 { margin-top: 200px !important; } .mr-xxl-200 { margin-right: 200px !important; } .mb-xxl-200 { margin-bottom: 200px !important; } .ml-xxl-200 { margin-left: 200px !important; } .m-xxl-240 { margin: 240px !important; } .mt-xxl-240 { margin-top: 240px !important; } .mr-xxl-240 { margin-right: 240px !important; } .mb-xxl-240 { margin-bottom: 240px !important; } .ml-xxl-240 { margin-left: 240px !important; } .p-xxl-0 { padding: 0px !important; } .pt-xxl-0 { padding-top: 0px !important; } .pr-xxl-0 { padding-right: 0px !important; } .pb-xxl-0 { padding-bottom: 0px !important; } .pl-xxl-0 { padding-left: 0px !important; } .p-xxl-2px { padding: 2px !important; } .pt-xxl-2px { padding-top: 2px !important; } .pr-xxl-2px { padding-right: 2px !important; } .pb-xxl-2px { padding-bottom: 2px !important; } .pl-xxl-2px { padding-left: 2px !important; } .p-xxl-4px { padding: 4px !important; } .pt-xxl-4px { padding-top: 4px !important; } .pr-xxl-4px { padding-right: 4px !important; } .pb-xxl-4px { padding-bottom: 4px !important; } .pl-xxl-4px { padding-left: 4px !important; } .p-xxl-8 { padding: 8px !important; } .pt-xxl-8 { padding-top: 8px !important; } .pr-xxl-8 { padding-right: 8px !important; } .pb-xxl-8 { padding-bottom: 8px !important; } .pl-xxl-8 { padding-left: 8px !important; } .p-xxl-12 { padding: 12px !important; } .pt-xxl-12 { padding-top: 12px !important; } .pr-xxl-12 { padding-right: 12px !important; } .pb-xxl-12 { padding-bottom: 12px !important; } .pl-xxl-12 { padding-left: 12px !important; } .p-xxl-14 { padding: 14px !important; } .pt-xxl-14 { padding-top: 14px !important; } .pr-xxl-14 { padding-right: 14px !important; } .pb-xxl-14 { padding-bottom: 14px !important; } .pl-xxl-14 { padding-left: 14px !important; } .p-xxl-16 { padding: 16px !important; } .pt-xxl-16 { padding-top: 16px !important; } .pr-xxl-16 { padding-right: 16px !important; } .pb-xxl-16 { padding-bottom: 16px !important; } .pl-xxl-16 { padding-left: 16px !important; } .p-xxl-20 { padding: 20px !important; } .pt-xxl-20 { padding-top: 20px !important; } .pr-xxl-20 { padding-right: 20px !important; } .pb-xxl-20 { padding-bottom: 20px !important; } .pl-xxl-20 { padding-left: 20px !important; } .p-xxl-24 { padding: 24px !important; } .pt-xxl-24 { padding-top: 24px !important; } .pr-xxl-24 { padding-right: 24px !important; } .pb-xxl-24 { padding-bottom: 24px !important; } .pl-xxl-24 { padding-left: 24px !important; } .p-xxl-28 { padding: 28px !important; } .pt-xxl-28 { padding-top: 28px !important; } .pr-xxl-28 { padding-right: 28px !important; } .pb-xxl-28 { padding-bottom: 28px !important; } .pl-xxl-28 { padding-left: 28px !important; } .p-xxl-32 { padding: 32px !important; } .pt-xxl-32 { padding-top: 32px !important; } .pr-xxl-32 { padding-right: 32px !important; } .pb-xxl-32 { padding-bottom: 32px !important; } .pl-xxl-32 { padding-left: 32px !important; } .p-xxl-36 { padding: 36px !important; } .pt-xxl-36 { padding-top: 36px !important; } .pr-xxl-36 { padding-right: 36px !important; } .pb-xxl-36 { padding-bottom: 36px !important; } .pl-xxl-36 { padding-left: 36px !important; } .p-xxl-40 { padding: 40px !important; } .pt-xxl-40 { padding-top: 40px !important; } .pr-xxl-40 { padding-right: 40px !important; } .pb-xxl-40 { padding-bottom: 40px !important; } .pl-xxl-40 { padding-left: 40px !important; } .p-xxl-44 { padding: 44px !important; } .pt-xxl-44 { padding-top: 44px !important; } .pr-xxl-44 { padding-right: 44px !important; } .pb-xxl-44 { padding-bottom: 44px !important; } .pl-xxl-44 { padding-left: 44px !important; } .p-xxl-48 { padding: 48px !important; } .pt-xxl-48 { padding-top: 48px !important; } .pr-xxl-48 { padding-right: 48px !important; } .pb-xxl-48 { padding-bottom: 48px !important; } .pl-xxl-48 { padding-left: 48px !important; } .p-xxl-52 { padding: 52px !important; } .pt-xxl-52 { padding-top: 52px !important; } .pr-xxl-52 { padding-right: 52px !important; } .pb-xxl-52 { padding-bottom: 52px !important; } .pl-xxl-52 { padding-left: 52px !important; } .p-xxl-54 { padding: 54px !important; } .pt-xxl-54 { padding-top: 54px !important; } .pr-xxl-54 { padding-right: 54px !important; } .pb-xxl-54 { padding-bottom: 54px !important; } .pl-xxl-54 { padding-left: 54px !important; } .p-xxl-56 { padding: 56px !important; } .pt-xxl-56 { padding-top: 56px !important; } .pr-xxl-56 { padding-right: 56px !important; } .pb-xxl-56 { padding-bottom: 56px !important; } .pl-xxl-56 { padding-left: 56px !important; } .p-xxl-60 { padding: 60px !important; } .pt-xxl-60 { padding-top: 60px !important; } .pr-xxl-60 { padding-right: 60px !important; } .pb-xxl-60 { padding-bottom: 60px !important; } .pl-xxl-60 { padding-left: 60px !important; } .p-xxl-64 { padding: 64px !important; } .pt-xxl-64 { padding-top: 64px !important; } .pr-xxl-64 { padding-right: 64px !important; } .pb-xxl-64 { padding-bottom: 64px !important; } .pl-xxl-64 { padding-left: 64px !important; } .p-xxl-68 { padding: 68px !important; } .pt-xxl-68 { padding-top: 68px !important; } .pr-xxl-68 { padding-right: 68px !important; } .pb-xxl-68 { padding-bottom: 68px !important; } .pl-xxl-68 { padding-left: 68px !important; } .p-xxl-72 { padding: 72px !important; } .pt-xxl-72 { padding-top: 72px !important; } .pr-xxl-72 { padding-right: 72px !important; } .pb-xxl-72 { padding-bottom: 72px !important; } .pl-xxl-72 { padding-left: 72px !important; } .p-xxl-80 { padding: 80px !important; } .pt-xxl-80 { padding-top: 80px !important; } .pr-xxl-80 { padding-right: 80px !important; } .pb-xxl-80 { padding-bottom: 80px !important; } .pl-xxl-80 { padding-left: 80px !important; } .p-xxl-84 { padding: 84px !important; } .pt-xxl-84 { padding-top: 84px !important; } .pr-xxl-84 { padding-right: 84px !important; } .pb-xxl-84 { padding-bottom: 84px !important; } .pl-xxl-84 { padding-left: 84px !important; } .p-xxl-88 { padding: 88px !important; } .pt-xxl-88 { padding-top: 88px !important; } .pr-xxl-88 { padding-right: 88px !important; } .pb-xxl-88 { padding-bottom: 88px !important; } .pl-xxl-88 { padding-left: 88px !important; } .p-xxl-92 { padding: 92px !important; } .pt-xxl-92 { padding-top: 92px !important; } .pr-xxl-92 { padding-right: 92px !important; } .pb-xxl-92 { padding-bottom: 92px !important; } .pl-xxl-92 { padding-left: 92px !important; } .p-xxl-96 { padding: 96px !important; } .pt-xxl-96 { padding-top: 96px !important; } .pr-xxl-96 { padding-right: 96px !important; } .pb-xxl-96 { padding-bottom: 96px !important; } .pl-xxl-96 { padding-left: 96px !important; } .p-xxl-100 { padding: 100px !important; } .pt-xxl-100 { padding-top: 100px !important; } .pr-xxl-100 { padding-right: 100px !important; } .pb-xxl-100 { padding-bottom: 100px !important; } .pl-xxl-100 { padding-left: 100px !important; } .p-xxl-120 { padding: 120px !important; } .pt-xxl-120 { padding-top: 120px !important; } .pr-xxl-120 { padding-right: 120px !important; } .pb-xxl-120 { padding-bottom: 120px !important; } .pl-xxl-120 { padding-left: 120px !important; } .p-xxl-128 { padding: 128px !important; } .pt-xxl-128 { padding-top: 128px !important; } .pr-xxl-128 { padding-right: 128px !important; } .pb-xxl-128 { padding-bottom: 128px !important; } .pl-xxl-128 { padding-left: 128px !important; } .p-xxl-140 { padding: 140px !important; } .pt-xxl-140 { padding-top: 140px !important; } .pr-xxl-140 { padding-right: 140px !important; } .pb-xxl-140 { padding-bottom: 140px !important; } .pl-xxl-140 { padding-left: 140px !important; } .p-xxl-152 { padding: 152px !important; } .pt-xxl-152 { padding-top: 152px !important; } .pr-xxl-152 { padding-right: 152px !important; } .pb-xxl-152 { padding-bottom: 152px !important; } .pl-xxl-152 { padding-left: 152px !important; } .p-xxl-160 { padding: 160px !important; } .pt-xxl-160 { padding-top: 160px !important; } .pr-xxl-160 { padding-right: 160px !important; } .pb-xxl-160 { padding-bottom: 160px !important; } .pl-xxl-160 { padding-left: 160px !important; } .p-xxl-168 { padding: 168px !important; } .pt-xxl-168 { padding-top: 168px !important; } .pr-xxl-168 { padding-right: 168px !important; } .pb-xxl-168 { padding-bottom: 168px !important; } .pl-xxl-168 { padding-left: 168px !important; } .p-xxl-180 { padding: 180px !important; } .pt-xxl-180 { padding-top: 180px !important; } .pr-xxl-180 { padding-right: 180px !important; } .pb-xxl-180 { padding-bottom: 180px !important; } .pl-xxl-180 { padding-left: 180px !important; } .p-xxl-192 { padding: 192px !important; } .pt-xxl-192 { padding-top: 192px !important; } .pr-xxl-192 { padding-right: 192px !important; } .pb-xxl-192 { padding-bottom: 192px !important; } .pl-xxl-192 { padding-left: 192px !important; } .p-xxl-200 { padding: 200px !important; } .pt-xxl-200 { padding-top: 200px !important; } .pr-xxl-200 { padding-right: 200px !important; } .pb-xxl-200 { padding-bottom: 200px !important; } .pl-xxl-200 { padding-left: 200px !important; } .p-xxl-240 { padding: 240px !important; } .pt-xxl-240 { padding-top: 240px !important; } .pr-xxl-240 { padding-right: 240px !important; } .pb-xxl-240 { padding-bottom: 240px !important; } .pl-xxl-240 { padding-left: 240px !important; } .m-xxl-n2px { margin: -2px !important; } .mt-xxl-n2px { margin-top: -2px !important; } .mr-xxl-n2px { margin-right: -2px !important; } .mb-xxl-n2px { margin-bottom: -2px !important; } .ml-xxl-n2px { margin-left: -2px !important; } .m-xxl-n4px { margin: -4px !important; } .mt-xxl-n4px { margin-top: -4px !important; } .mr-xxl-n4px { margin-right: -4px !important; } .mb-xxl-n4px { margin-bottom: -4px !important; } .ml-xxl-n4px { margin-left: -4px !important; } .m-xxl-n8 { margin: -8px !important; } .mt-xxl-n8 { margin-top: -8px !important; } .mr-xxl-n8 { margin-right: -8px !important; } .mb-xxl-n8 { margin-bottom: -8px !important; } .ml-xxl-n8 { margin-left: -8px !important; } .m-xxl-n12 { margin: -12px !important; } .mt-xxl-n12 { margin-top: -12px !important; } .mr-xxl-n12 { margin-right: -12px !important; } .mb-xxl-n12 { margin-bottom: -12px !important; } .ml-xxl-n12 { margin-left: -12px !important; } .m-xxl-n14 { margin: -14px !important; } .mt-xxl-n14 { margin-top: -14px !important; } .mr-xxl-n14 { margin-right: -14px !important; } .mb-xxl-n14 { margin-bottom: -14px !important; } .ml-xxl-n14 { margin-left: -14px !important; } .m-xxl-n16 { margin: -16px !important; } .mt-xxl-n16 { margin-top: -16px !important; } .mr-xxl-n16 { margin-right: -16px !important; } .mb-xxl-n16 { margin-bottom: -16px !important; } .ml-xxl-n16 { margin-left: -16px !important; } .m-xxl-n20 { margin: -20px !important; } .mt-xxl-n20 { margin-top: -20px !important; } .mr-xxl-n20 { margin-right: -20px !important; } .mb-xxl-n20 { margin-bottom: -20px !important; } .ml-xxl-n20 { margin-left: -20px !important; } .m-xxl-n24 { margin: -24px !important; } .mt-xxl-n24 { margin-top: -24px !important; } .mr-xxl-n24 { margin-right: -24px !important; } .mb-xxl-n24 { margin-bottom: -24px !important; } .ml-xxl-n24 { margin-left: -24px !important; } .m-xxl-n28 { margin: -28px !important; } .mt-xxl-n28 { margin-top: -28px !important; } .mr-xxl-n28 { margin-right: -28px !important; } .mb-xxl-n28 { margin-bottom: -28px !important; } .ml-xxl-n28 { margin-left: -28px !important; } .m-xxl-n32 { margin: -32px !important; } .mt-xxl-n32 { margin-top: -32px !important; } .mr-xxl-n32 { margin-right: -32px !important; } .mb-xxl-n32 { margin-bottom: -32px !important; } .ml-xxl-n32 { margin-left: -32px !important; } .m-xxl-n36 { margin: -36px !important; } .mt-xxl-n36 { margin-top: -36px !important; } .mr-xxl-n36 { margin-right: -36px !important; } .mb-xxl-n36 { margin-bottom: -36px !important; } .ml-xxl-n36 { margin-left: -36px !important; } .m-xxl-n40 { margin: -40px !important; } .mt-xxl-n40 { margin-top: -40px !important; } .mr-xxl-n40 { margin-right: -40px !important; } .mb-xxl-n40 { margin-bottom: -40px !important; } .ml-xxl-n40 { margin-left: -40px !important; } .m-xxl-n44 { margin: -44px !important; } .mt-xxl-n44 { margin-top: -44px !important; } .mr-xxl-n44 { margin-right: -44px !important; } .mb-xxl-n44 { margin-bottom: -44px !important; } .ml-xxl-n44 { margin-left: -44px !important; } .m-xxl-n48 { margin: -48px !important; } .mt-xxl-n48 { margin-top: -48px !important; } .mr-xxl-n48 { margin-right: -48px !important; } .mb-xxl-n48 { margin-bottom: -48px !important; } .ml-xxl-n48 { margin-left: -48px !important; } .m-xxl-n52 { margin: -52px !important; } .mt-xxl-n52 { margin-top: -52px !important; } .mr-xxl-n52 { margin-right: -52px !important; } .mb-xxl-n52 { margin-bottom: -52px !important; } .ml-xxl-n52 { margin-left: -52px !important; } .m-xxl-n54 { margin: -54px !important; } .mt-xxl-n54 { margin-top: -54px !important; } .mr-xxl-n54 { margin-right: -54px !important; } .mb-xxl-n54 { margin-bottom: -54px !important; } .ml-xxl-n54 { margin-left: -54px !important; } .m-xxl-n56 { margin: -56px !important; } .mt-xxl-n56 { margin-top: -56px !important; } .mr-xxl-n56 { margin-right: -56px !important; } .mb-xxl-n56 { margin-bottom: -56px !important; } .ml-xxl-n56 { margin-left: -56px !important; } .m-xxl-n60 { margin: -60px !important; } .mt-xxl-n60 { margin-top: -60px !important; } .mr-xxl-n60 { margin-right: -60px !important; } .mb-xxl-n60 { margin-bottom: -60px !important; } .ml-xxl-n60 { margin-left: -60px !important; } .m-xxl-n64 { margin: -64px !important; } .mt-xxl-n64 { margin-top: -64px !important; } .mr-xxl-n64 { margin-right: -64px !important; } .mb-xxl-n64 { margin-bottom: -64px !important; } .ml-xxl-n64 { margin-left: -64px !important; } .m-xxl-n68 { margin: -68px !important; } .mt-xxl-n68 { margin-top: -68px !important; } .mr-xxl-n68 { margin-right: -68px !important; } .mb-xxl-n68 { margin-bottom: -68px !important; } .ml-xxl-n68 { margin-left: -68px !important; } .m-xxl-n72 { margin: -72px !important; } .mt-xxl-n72 { margin-top: -72px !important; } .mr-xxl-n72 { margin-right: -72px !important; } .mb-xxl-n72 { margin-bottom: -72px !important; } .ml-xxl-n72 { margin-left: -72px !important; } .m-xxl-n80 { margin: -80px !important; } .mt-xxl-n80 { margin-top: -80px !important; } .mr-xxl-n80 { margin-right: -80px !important; } .mb-xxl-n80 { margin-bottom: -80px !important; } .ml-xxl-n80 { margin-left: -80px !important; } .m-xxl-n84 { margin: -84px !important; } .mt-xxl-n84 { margin-top: -84px !important; } .mr-xxl-n84 { margin-right: -84px !important; } .mb-xxl-n84 { margin-bottom: -84px !important; } .ml-xxl-n84 { margin-left: -84px !important; } .m-xxl-n88 { margin: -88px !important; } .mt-xxl-n88 { margin-top: -88px !important; } .mr-xxl-n88 { margin-right: -88px !important; } .mb-xxl-n88 { margin-bottom: -88px !important; } .ml-xxl-n88 { margin-left: -88px !important; } .m-xxl-n92 { margin: -92px !important; } .mt-xxl-n92 { margin-top: -92px !important; } .mr-xxl-n92 { margin-right: -92px !important; } .mb-xxl-n92 { margin-bottom: -92px !important; } .ml-xxl-n92 { margin-left: -92px !important; } .m-xxl-n96 { margin: -96px !important; } .mt-xxl-n96 { margin-top: -96px !important; } .mr-xxl-n96 { margin-right: -96px !important; } .mb-xxl-n96 { margin-bottom: -96px !important; } .ml-xxl-n96 { margin-left: -96px !important; } .m-xxl-n100 { margin: -100px !important; } .mt-xxl-n100 { margin-top: -100px !important; } .mr-xxl-n100 { margin-right: -100px !important; } .mb-xxl-n100 { margin-bottom: -100px !important; } .ml-xxl-n100 { margin-left: -100px !important; } .m-xxl-n120 { margin: -120px !important; } .mt-xxl-n120 { margin-top: -120px !important; } .mr-xxl-n120 { margin-right: -120px !important; } .mb-xxl-n120 { margin-bottom: -120px !important; } .ml-xxl-n120 { margin-left: -120px !important; } .m-xxl-n128 { margin: -128px !important; } .mt-xxl-n128 { margin-top: -128px !important; } .mr-xxl-n128 { margin-right: -128px !important; } .mb-xxl-n128 { margin-bottom: -128px !important; } .ml-xxl-n128 { margin-left: -128px !important; } .m-xxl-n140 { margin: -140px !important; } .mt-xxl-n140 { margin-top: -140px !important; } .mr-xxl-n140 { margin-right: -140px !important; } .mb-xxl-n140 { margin-bottom: -140px !important; } .ml-xxl-n140 { margin-left: -140px !important; } .m-xxl-n152 { margin: -152px !important; } .mt-xxl-n152 { margin-top: -152px !important; } .mr-xxl-n152 { margin-right: -152px !important; } .mb-xxl-n152 { margin-bottom: -152px !important; } .ml-xxl-n152 { margin-left: -152px !important; } .m-xxl-n160 { margin: -160px !important; } .mt-xxl-n160 { margin-top: -160px !important; } .mr-xxl-n160 { margin-right: -160px !important; } .mb-xxl-n160 { margin-bottom: -160px !important; } .ml-xxl-n160 { margin-left: -160px !important; } .m-xxl-n168 { margin: -168px !important; } .mt-xxl-n168 { margin-top: -168px !important; } .mr-xxl-n168 { margin-right: -168px !important; } .mb-xxl-n168 { margin-bottom: -168px !important; } .ml-xxl-n168 { margin-left: -168px !important; } .m-xxl-n180 { margin: -180px !important; } .mt-xxl-n180 { margin-top: -180px !important; } .mr-xxl-n180 { margin-right: -180px !important; } .mb-xxl-n180 { margin-bottom: -180px !important; } .ml-xxl-n180 { margin-left: -180px !important; } .m-xxl-n192 { margin: -192px !important; } .mt-xxl-n192 { margin-top: -192px !important; } .mr-xxl-n192 { margin-right: -192px !important; } .mb-xxl-n192 { margin-bottom: -192px !important; } .ml-xxl-n192 { margin-left: -192px !important; } .m-xxl-n200 { margin: -200px !important; } .mt-xxl-n200 { margin-top: -200px !important; } .mr-xxl-n200 { margin-right: -200px !important; } .mb-xxl-n200 { margin-bottom: -200px !important; } .ml-xxl-n200 { margin-left: -200px !important; } .m-xxl-n240 { margin: -240px !important; } .mt-xxl-n240 { margin-top: -240px !important; } .mr-xxl-n240 { margin-right: -240px !important; } .mb-xxl-n240 { margin-bottom: -240px !important; } .ml-xxl-n240 { margin-left: -240px !important; } } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-thumb { background-color: #1B2028; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } body { -webkit-font-smoothing: antialiased; } body.modal-open { padding-right: 0 !important; width: 100%; } .modal-open .modal { padding-right: 0 !important; } #main-container { background: transparent; padding-bottom: 500px; } @media (max-width: 991px) { #main-container { padding-bottom: 0; } } .main-content { position: relative; z-index: 5; } .main-page-content { position: relative; z-index: 5; background-color: #F3F5F6; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; } @media (max-width: 991px) { .main-page-content { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } } @media (max-width: 991px) { .main-page-content:not(.latestNews) { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0) rotate(0deg) translate3d(0, 0, 0); overflow: hidden; } } main { padding-bottom: 380px; } @media (min-width: 992px) { main { padding-top: 92px; } } @media (max-width: 991px) { main { padding-top: 64px; } } @media (max-width: 767px) { main { padding-bottom: inherit; } } .qa-accordion .accordion-item { margin-bottom: 16px; background-color: #fff; border-radius: 16px; } .qa-accordion .item-title { font-weight: 500; font-size: 20px; line-height: 32px; font-family: 'Noto Sans TC'; font-display: swap; color: #2A3342; padding: 24px 40px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } @media (max-width: 991px) { .qa-accordion .item-title { font-size: 18px; line-height: 24px; padding: 16px 20px; } } .qa-accordion .item-title[aria-expanded="true"] .icon-new-minus { opacity: 1; } .qa-accordion .item-title[aria-expanded="true"] .icon-new-plus { opacity: 0; } .qa-accordion .item-content-text { padding: 0 88px 24px 40px; font-weight: 400; font-size: 16px; line-height: 24px; color: #727D8C; font-family: 'Noto Sans TC'; font-display: swap; } @media (max-width: 991px) { .qa-accordion .item-content-text { padding: 0 20px 16px 20px; } } .qa-accordion .accordion-item-icon { width: 24px; height: 24px; position: relative; margin-left: 8px; flex-shrink: 0; } .qa-accordion .accordion-item-icon [class^=icon] { position: absolute; left: 0; top: 0; transition: opacity 0.3s ease-out; } .qa-accordion .accordion-item-icon .icon-new-minus { opacity: 0; } .qa-accordion .accordion-item-icon .icon-new-plus { opacity: 1; } .cookie { background: rgba(42, 51, 66, 0.9); font-weight: 400; font-size: 14px; line-height: 20px; font-family: 'Noto Sans TC'; font-display: swap; color: #FDFDFD; position: fixed; z-index: 200; left: 0; right: 0; bottom: 0; width: 100%; } .cookie .content { width: 1200px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 0; } @media (max-width: 1199px) { .cookie .content { width: 100%; padding: 20px 16px 16px 16px; } } @media (max-width: 767px) { .cookie .content { flex-direction: column; } } .cookie .btn-secondary { width: 112px; margin-left: 24px; } @media (max-width: 767px) { .cookie .btn-secondary { width: 96px; margin-top: 16px; align-self: flex-end; } } .gotoTop { display: inline-block; position: absolute; z-index: 99; right: 32px; bottom: 40px; } @media (max-width: 991px) { .gotoTop { bottom: 24px; right: 16px; } } .gotoTop:hover .content { background: #48556C; } .gotoTop .content { width: 50px; height: 50px; display: flex; flex-direction: column; align-items: center; border-radius: 50%; background: #364053; border: 1px solid #48556C; box-shadow: 0px 2px 6px rgba(54, 64, 83, 0.24); transition: background 0.5s ease-out; } .gotoTop i { margin-top: 5px; } .gotoTop .text { color: #fff; font-family: 'Montserrat'; font-display: swap; font-weight: 700; font-size: 12px; line-height: 15px; } .fixed-marketing { position: fixed; left: 0; right: 0; bottom: 0; z-index: 199; background-color: rgba(49, 52, 58, 0.8); } .fixed-marketing .col-txt { padding-right: 0; padding-left: 0; } .fixed-marketing .img-dog img { margin-top: -10px; } .fixed-marketing .txt a { color: #fff; font-size: 1.125rem; line-height: 30px; margin-left: 10px; display: inline-flex; align-items: center; text-decoration: none; } @media (max-width: 767px) { .fixed-marketing { padding-top: 8px; padding-bottom: 8px; } .fixed-marketing .img-dog img { margin-top: 0; } .fixed-marketing .txt { width: calc(100vw - 122px); } .fixed-marketing .txt a { font-size: 1rem; font-weight: 500; line-height: 1.5; font-family: 'Noto Sans TC'; font-display: swap; margin-left: 12px; display: inline-block; } .fixed-marketing .txt a i { vertical-align: middle; } .fixed-marketing .btn-close { width: 50px; padding: 0; text-align: center; } .fixed-marketing .btn-close a { display: inline-block; } } @media (max-width: 991px) { .body-nav-open { overflow: hidden; } } .app-close { display: none; flex-shrink: 0; } .app { height: 100%; } .app body { height: 100%; } .app #main-container { min-height: 100%; } .app .main-page-content, .app .reg-container { min-height: calc(100dvh - 192px); } @media (max-width: 767px) { .app .main-page-content, .app .reg-container { min-height: calc(100dvh - 76px); } } .app #regpage-row { flex-direction: column; min-height: calc(100dvh - 192px); flex-wrap: nowrap; margin-top: 0 !important; } @media (max-width: 767px) { .app #regpage-row { min-height: calc(100dvh - 76px); } } .app #regpage-title, .app #regProcessNavSection2 { flex: none; } .app #regpage-content, .app #white-card-main-content, .app .white-card-container { display: flex; flex-direction: column; flex-grow: 1; } .app .white-card-container { justify-content: space-between; } .app .white-card-container.scrollable-content .scroll-container { height: calc(100dvh - 152px); } .app .white-card-container.scrollable-content .scroll-container.h-2 { height: calc(100dvh - 224px); } .app #main-header, .app #main-footer, .app .ad-banner { display: none !important; } @media (max-width: 767px) { .app .reg-container { padding-top: 76px; } } .app .app-close { display: flex; } @media (max-width: 1199px) { .app .progress-container-mobile { top: 0; } } .app .progress-container-mobile .bar { margin-right: 16px; } .app .main-page-content, .app #white-card-main-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .app #main-container.registration::after { height: 100dvh !important; } .app .reg-process.progressPrepared .fix-top { margin-top: -12px; margin-bottom: 24px; } .app .reg-process.progressPrepared .reg-container { padding-top: 92px; } @media (max-width: 767px) { .app .reg-process.progressPrepared .reg-container { padding-top: 76px; } } .app .progress-00 { display: block !important; } .app .app-fixed-bottom { margin-top: auto; margin-bottom: 0; } @media (max-width: 1199px) { .app-fixed-bottom.rwd-fixed { position: fixed; z-index: 100; left: 0; bottom: 0; width: 100%; padding: 16px 16px 32px 16px; background-color: #FDFDFD; box-shadow: 0px -1px 4px 0px rgba(42, 51, 66, 0.08); } .app-fixed-bottom.rwd-fixed div { margin-top: 0 !important; } .app-fixed-bottom.rwd-fixed + #main-footer { padding-bottom: 100px; } } .btn-primary { display: inline-block; background: #17B6C9; border-radius: 100px; color: #FDFDFD; border: none; text-align: center; font-family: 'Noto Sans TC'; font-display: swap; font-weight: 500; transition: background 0.5s; overflow: hidden; outline: none; } .btn-primary:hover { color: #FDFDFD; text-decoration: none; background: #15A6B7; } .btn-primary.disabled, .btn-primary:disabled { border-radius: 38px; background: #727D8C; color: rgba(253, 253, 253, 0.5); cursor: default; pointer-events: none; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active { color: #FDFDFD; background: #15A6B7; box-shadow: none; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus { color: #FDFDFD; background: #15A6B7; box-shadow: none; } .btn-primary-sm { padding: 8px 16px; font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .btn-primary-sm { padding: 6px 16px; } } .btn-primary-md { padding: 12px 24px; font-size: 16px; line-height: 24px; } .btn-primary-lg { padding: 12px 0; font-size: 16px; line-height: 24px; width: 200px; } @media (max-width: 767px) { .btn-primary-lg { width: 180px; } } .btn-primary-lg:hover { box-shadow: 0px 4px 12px rgba(72, 85, 108, 0.24); } .btn-primary-lg2 { padding: 12px 0; font-size: 16px; line-height: 24px; width: 100%; box-sizing: border-box; } .btn-primary-lg2:hover { box-shadow: 0px 4px 12px rgba(72, 85, 108, 0.24); } .btn-primary-lg-auto { padding: 12px 16px; font-size: 16px; line-height: 24px; width: auto; } @media (max-width: 767px) { .btn-primary-lg-auto { width: 180px; } } .btn-primary-lg-auto:hover { box-shadow: 0px 4px 12px rgba(72, 85, 108, 0.24); } .btn-primary-xl { padding: 16px 0; font-size: 20px; line-height: 32px; width: 240px; background-image: radial-gradient(100% 256.33% at 0% 7.41%, #64cedb 0%, #15a6b7 100%); position: relative; z-index: 1; } @media (max-width: 767px) { .btn-primary-xl { font-size: 18px; line-height: 28px; } } .btn-primary-xl::before { content: ''; position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; background: #15A6B7; opacity: 0; transition: opacity 0.3s linear; } .btn-primary-xl:hover::before { opacity: 1; } .btn-secondary { display: inline-block; background: transparent; border-radius: 100px; color: #17B6C9; border: 2px solid #17B6C9; text-align: center; font-family: 'Noto Sans TC'; font-display: swap; font-weight: 500; transition: background 0.5s; overflow: hidden; outline: none; } .btn-secondary:hover { color: #FDFDFD; text-decoration: none; background: #17B6C9; border-color: #17B6C9; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active { color: #FDFDFD; background: #17B6C9; border-color: #17B6C9; box-shadow: none; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus { color: #FDFDFD; background: #17B6C9; border-color: #17B6C9; box-shadow: none; } .btn-secondary-sm { padding: 8px 16px; font-size: 14px; line-height: 16px; } @media (max-width: 767px) { .btn-secondary-sm { padding: 6px 16px; } } .btn-secondary-md { padding: 12px 24px; font-size: 16px; line-height: 20px; } .btn-secondary-lg { padding: 12px 0; font-size: 16px; line-height: 20px; width: 200px; } @media (max-width: 767px) { .btn-secondary-lg { width: 180px; } } .btn-secondary-lg2 { padding: 12px 0; font-size: 16px; line-height: 20px; width: 100%; box-sizing: border-box; } .btn-secondary-lg-auto { padding: 12px 16px; font-size: 16px; line-height: 20px; width: auto; } @media (max-width: 767px) { .btn-secondary-lg-auto { width: 180px; } } .btn-radio-checkox { display: inline-block; background: #F3F5F6; border-radius: 16px; color: #727D8C; border: 2px solid transparent; text-align: center; font-family: 'Noto Sans TC'; font-display: swap; font-weight: 500; transition: background 0.5s; overflow: hidden; margin-bottom: 0; padding: 10px 24px; font-family: 'Noto Sans TC'; font-weight: 700; font-size: 16px; line-height: 24px; cursor: pointer; } @media (max-width: 767px) { .btn-radio-checkox { padding: 6px 20px; } } .btn-radio-checkox:hover { color: #727D8C; text-decoration: none; background: #F3F5F6; border-color: transparent; } .btn-radio-checkox .focus, .btn-radio-checkox:focus { color: #17B6C9; background: #ECF9FA; border-color: transparent; box-shadow: none; } .btn-radio-checkox:not(:disabled):not(.disabled):active, .btn-radio-checkox:not(:disabled):not(.disabled).active { color: #17B6C9; background: #ECF9FA; border-color: #64CEDB; box-shadow: none; } .btn-radio-checkox:not(:disabled):not(.disabled):active:focus, .btn-radio-checkox:not(:disabled):not(.disabled).active:focus { color: #17B6C9; background: #ECF9FA; border-color: #64CEDB; box-shadow: none; } .btn-radio-checkox + .btn-radio-checkox { margin-left: 16px; } .buttons-group { display: flex; align-items: center; justify-content: space-between; } .buttons-group [class^='btn-'] { width: 100%; margin-right: 8px; } .buttons-group [class^='btn-'] + [class^='btn-'] { margin-left: 8px; margin-right: 0; } .tip-modal .btn-row [class^='btn-'] { width: 160px; } .text-link-arrow-right { display: inline-flex; align-items: center; color: #17B6C9; cursor: pointer; transition: color ease-out 0.3s; } .text-link-arrow-right .icon-new-arrow-right-s { transition: transform ease-out 0.3s; } .text-link-arrow-right:hover { color: #15A6B7; text-decoration: none; } .text-link-arrow-right:hover .icon-new-arrow-right-s { transform: translateX(4px); } .text-link-arrow-left { display: inline-flex; align-items: center; color: #17B6C9; cursor: pointer; transition: all ease-out 0.3s; } .text-link-arrow-left i { transition: all ease-out 0.3s; transform: rotate(180deg); } .text-link-arrow-left:hover { color: #15A6B7; text-decoration: none; } .text-link-arrow-left:hover .icon-new-arrow-right-s { transform: rotate(180deg) translateX(4px); } .text-link-underline { color: #17B6C9; text-decoration: underline; transition: all ease-out 0.3s; } .text-link-underline:hover { color: #64CEDB; } .text-link { color: #17B6C9; text-decoration: none; transition: all ease-out 0.3s; font-weight: 500; } .text-link:hover { color: #15A6B7; text-decoration: none; } .text-link2 { color: #17B6C9; text-decoration: none; transition: all ease-out 0.3s; font-weight: 400; } .text-link2:hover { color: #15A6B7; text-decoration: none; } .seemore-toggle { display: none; padding-top: 16px; text-align: center; color: #00a8b8; font-size: 16px; font-weight: 500; line-height: 1.5; font-family: 'Noto Sans TC'; } .seemore-toggle span { display: inline-block; margin-right: 2px; } .seemore-toggle .icon-new-arrow-down-s.up { transform: rotate(180deg); } @media (max-width: 767px) { .seemore-toggle { display: flex; align-items: center; justify-content: center; } } .fixed-new-helper { position: fixed; bottom: 70px; right: 0px; z-index: 100; width: 110px; height: 109px; padding: 1px 5px; transition: all 0.3s ease-out; cursor: pointer; } .fixed-new-helper img { width: 100%; } .fixed-new-helper .helper-shadow { display: none; } .fixed-new-helper:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px); } .fixed-new-helper:hover + .dialog-box { bottom: 200px; } .fixed-new-helper.down { transform: translateY(61px); -webkit-transform: translateY(61px); } .fixed-new-helper.down:hover { transform: translateY(51px); -webkit-transform: translateY(51px); } .dialog-box { display: none; position: fixed; bottom: 190px; right: 20px; z-index: 100; max-width: 195px; border-radius: 12px; border: 1px solid #C7CDD4; background-color: #F3F5F6; padding: 8px 12px; transition: bottom 0.3s ease-out; font-size: 14px; font-weight: 500; font-family: 'Noto Sans TC'; color: #364053; } .dialog-box.down { transform: translate(0, 65px); -webkit-transform: translate(0, 65px); } .dialog-box::before { content: ""; display: block; position: absolute; right: 26px; bottom: -10px; width: 0px; height: 0px; border-style: solid; border-width: 10px 7px 0 7px; border-color: #C7CDD4 transparent transparent transparent; } .dialog-box::after { content: ""; display: block; position: absolute; right: 27px; bottom: -8px; width: 0px; height: 0px; border-style: solid; border-width: 8px 6px 0 6px; border-color: #F3F5F6 transparent transparent transparent; } .dialog-box p { margin: 0; } .helper-window-bg { position: fixed; bottom: 0; z-index: 9999; opacity: 0; transition: all 0.15s ease-out; } .helper-window-bg.open { opacity: 1; } .helper-window-bg .helper-window { position: relative; background-color: #ffffff; border-radius: 16px; height: 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); transform: none; -webkit-transform: none; transition: all 0.15s ease-out; overflow: hidden; } .helper-window-bg .helper-window .helper-window-title { padding: 10px 0; height: 44px; border-bottom: solid 2px #00a8b8; text-align: center; } .helper-window-bg .helper-window .helper-window-title h3 { font-size: 17px; margin-bottom: 0; display: inline-block; font-weight: 500; font-family: 'Noto Sans TC'; font-display: swap; line-height: 1.5; } .helper-window-bg .helper-window .helper-window-title .btn-close { position: absolute; right: 15px; z-index: 5; padding: 0; height: 24px; background: none; border: none; } .helper-window-bg .helper-window .helper-iframe { height: calc(100% - 46px); width: 100%; border: none; } @media (min-width: 768px) { .helper-window-bg { right: 10px; bottom: 85px; } .helper-window-bg.down { bottom: 20px; } .helper-window-bg .helper-window { width: 0; } .helper-window-bg.open .helper-window { width: 375px; max-height: 800px; min-height: 400px; height: 80vh; } } @media (max-width: 767px) { .fixed-btn-helper { bottom: 75px; } .helper-window-bg { width: 100%; height: 0; right: 0; } .helper-window-bg .helper-window { border-radius: 16px 16px 0 0; transform: translate(0, 58px); -webkit-transform: translate(0, 58px); } .helper-window-bg.open { background-color: rgba(49, 52, 58, 0.85); height: 100vh; } .helper-window-bg.open .helper-window { width: 100%; height: 85%; position: absolute; bottom: 58px; } } .black-page #main-container { padding-bottom: 220px; } @media (max-width: 1199px) { .black-page #main-container { padding-bottom: 0; } } .black-page .main-page-content { background-color: #1B2028; } .black-page .bt-section { background-color: transparent; } .black-page .disclaimer { padding-top: 40px; padding-bottom: 40px; } #main-container.blackpage-content { position: relative; } @media (max-width: 1199px) { #main-container.blackpage-content::before { content: ''; display: block; position: absolute; z-index: 0; left: 0; bottom: 0; width: 100%; height: 100px; background-color: #F3F5F6; overflow: auto; } #main-container.blackpage-content::after { content: ''; display: block; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: calc(100dvh + 100px); background-color: #1B2028; overflow: auto; } } .error-content { margin: 140px auto 50px auto; min-height: 286px; text-align: center; position: relative; } .error-content.blackStyle { margin: 0 !important; padding-top: 200px; padding-bottom: 160px; } .error-content.blackStyle .error-title, .error-content.blackStyle .error-desc { color: #FDFDFD; } .error-content .img { width: 180px; height: 140px; margin: 0 auto; } .error-content .img img { width: 100%; } .error-content .error-title { font-size: 28px; font-weight: 700; line-height: 44px; font-family: 'Noto Sans TC'; margin-bottom: 4px; } .error-content .error-desc { font-size: 16px; line-height: 28px; font-weight: 400; font-family: 'Noto Sans TC'; } @media (max-width: 767px) { .error-content { margin: 75px auto 60px auto; min-height: 229px; } .error-content.blackStyle { padding-top: 132px; padding-bottom: 68px; } .error-content .bg-oops { width: 415px; } .error-content .img .img-oops { width: 234px; height: 89px; margin-top: 30px; } .error-content .img .img-page { width: 66px; height: 74px; right: -47px; top: -45px; } .error-content .error-desc { font-size: 1rem; line-height: 1.63; } } @media (max-width: 360px) { .error-content .img { transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); } } .tip-modal.tip-modal-wide .modal-content { width: 770px; padding: 40px; background: #fff; box-shadow: 0px 24px 60px rgba(9, 9, 10, 0.2), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border: 1px solid #E7E7E7; border-radius: 32px; } .tip-modal.tip-modal-wide .modal-content a[class^="btn-"] { max-width: none; } @media (max-width: 767px) { .tip-modal.tip-modal-wide .modal-content { width: auto; padding: 48px 40px; } } .tip-modal .modal-dialog { max-width: none; } .tip-modal .modal-content { width: 384px; text-align: center; padding: 32px; margin: 0 auto; background: #FDFDFD; box-shadow: -4px -3px 12px 0px rgba(182, 190, 199, 0.12) inset, -2px -2px 10px 0px rgba(54, 64, 83, 0.1) inset, 0px 24px 60px 0px rgba(9, 9, 10, 0.2), 1px 1px 8px 0px rgba(182, 190, 199, 0.08) inset; border: 1px solid #DCE0E5; border-radius: 24px; } .tip-modal .modal-content .selectDropdown { text-align: left; } .tip-modal .modal-content a[class^="btn-"] { max-width: 128px; } @media (max-width: 767px) { .tip-modal .modal-content { width: 311px; padding: 32px 20px; } } .tip-modal .icon-top { margin-bottom: 16px; } .tip-modal .desc { font-size: 1.125rem; line-height: 1.67; margin-bottom: 18px; min-height: 56px; } .tip-modal .svg-stroke.atbottom { position: absolute; left: -90px !important; bottom: -50px !important; z-index: 1; transform: scaleY(-1) scaleY(0.7) scaleX(1) rotate(40deg); opacity: 1 !important; } .index-page .tip-modal .svg-stroke.atbottom { left: 0 !important; bottom: 0 !important; } .product-modal { overflow: hidden !important; } .product-modal ::-webkit-scrollbar-track { background-color: transparent; } .product-modal ::-webkit-scrollbar { width: 3px; } .product-modal ::-webkit-scrollbar-thumb { background-color: #C7CDD4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .product-modal.modal-bottom-sheet .modal-dialog { width: 800px; max-height: 85vh; } .product-modal .modal-dialog { max-width: 800px; position: relative; } .product-modal .modal-content { border-radius: 32px; border: solid 1px #DCE0E5; box-shadow: 0px 24px 60px rgba(9, 9, 10, 0.2), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); margin: 0px auto; padding-bottom: 32px; } @media (max-width: 767px) { .product-modal .modal-content { box-shadow: none; } } .product-modal .m-header { padding: 32px 40px 16px 40px; border-bottom: solid 1px #DCE0E5; position: relative; } .product-modal .m-header .drag-handle { display: none; position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -90px; cursor: grab; user-select: none; padding: 15px 72px 30px 72px; margin-top: 0; } .product-modal .m-header .drag-handle span { height: 4px; width: 36px; display: block; background: #C7D0E1; border-radius: 50px; } .product-modal .m-header .modal-title { font-size: 20px; font-weight: 700; font-family: 'Noto Sans TC'; text-align: center; position: relative; } .product-modal .btn-close { position: absolute; right: 15px; padding: 9px; top: 15px; height: 50px; z-index: 5; } .product-modal .m-body { padding: 32px 48px 0 48px; max-height: calc(80vh - 112px); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .product-modal .m-body.min-h-body { min-height: 65vh; } .product-modal .m-body-s { padding: 24px 40px; } .product-modal .liner { border-bottom: 1px solid #dfdfdf; margin-bottom: 25px; } .product-modal .liner-insurance { border-bottom: 1px solid #dfdfdf; margin: 23px -28px; } .product-modal .title { margin-bottom: 16px; display: flex; align-items: flex-start; } .product-modal .title .line { width: 4px; height: 24px; background-color: #17B6C9; margin-right: 8px; margin-top: 4px; } @media (max-width: 767px) { .product-modal .title .line { margin-top: 0; margin-right: 4px; } } .product-modal .title .txt { font-size: 18px; font-weight: 500; line-height: 28px; font-family: 'Noto Sans TC'; } @media (max-width: 767px) { .product-modal .title .txt { font-size: 16px; line-height: 24px; } } .product-modal .circle-title { margin-bottom: 28px; } .product-modal .circle-title .circle { color: #fff; text-align: center; min-width: 82px; } .product-modal .circle-title .circle .circle-bg { background-image: url(../images/img-popup@2x.png); background-size: 82px 78px; background-repeat: no-repeat; padding-left: 12px; width: 82px; height: 78px; } .product-modal .circle-title .circle.circle-sub { color: #17B6C9; } .product-modal .circle-title .circle.circle-sub .circle-bg { background-image: url(../images/img-popup-2@2x.png); } .product-modal .circle-title .circle .num { font-size: 2.5rem; font-weight: bold; line-height: 1.2; } .product-modal .circle-title .circle .desc { font-weight: bold; margin-top: -8px; } .product-modal .circle-title .circle .caption { font-size: 1.125rem; line-height: 3.8; font-weight: bold; } .product-modal .circle-title .txt { line-height: 1.5; align-self: center; margin-left: 30px; } .product-modal .circle-title .insurance-txt { align-self: center; font-size: 1.125rem; font-weight: bold; line-height: 1.67; margin-left: 12px; } .product-modal .desc-txt { line-height: 1.5; margin-bottom: 16px; padding-left: 24px; } .product-modal .reference-num { font-size: 0.75rem; line-height: 1.67; color: #ccc; margin: 8px 0; } .product-modal .desc-insurance { line-height: 24px; margin: 8px 0; } .product-modal ul.list { margin-left: 20px; margin-bottom: 0; } .product-modal ul.list li { list-style: none; position: relative; font-family: 'Noto Sans TC'; font-weight: 400; font-size: 16px; line-height: 24px; } .product-modal ul.list li + li { margin-top: 16px; } @media (max-width: 767px) { .product-modal ul.list li + li { margin-top: 8px; } } .product-modal ul.list li:before { content: ""; width: 8px; height: 8px; background-color: #17B6C9; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: absolute; left: -16px; top: 8px; } .product-modal .m-table { border: 1px solid #DCE0E5; border-radius: 8px; overflow: hidden; margin-bottom: 24px; } .product-modal .m-table .table { color: #2A3342; margin-bottom: 0; font-family: 'Noto Sans TC'; } .product-modal .m-table .table.th-top th { border-top: none; background-color: #F3F5F6; border-right: 1px solid #F3F5F6; text-align: center; vertical-align: middle; font-weight: 500; font-size: 14px; line-height: 20px; color: #727D8C; } .product-modal .m-table .table.th-top th:last-child { border-right: none; } .product-modal .m-table .table th { border-top: 1px solid #DCE0E5; padding: 12px 16px; } .product-modal .m-table .table td { border-top: 1px solid #DCE0E5; border-right: 1px solid #DCE0E5; text-align: center; vertical-align: middle; font-weight: 500; padding: 16px; } .product-modal .m-table .table td:last-child { border-right: none; } .product-modal .m-table .table td a { text-decoration: underline; } .product-modal .m-table .table.th-left tr:first-child th, .product-modal .m-table .table.th-left tr:first-child td { border-top: none; } .product-modal .m-table .table.th-left th { background-color: #F3F5F6; border-right: 1px solid #DCE0E5; text-align: center; vertical-align: middle; color: #727D8C; font-family: 'Noto Sans TC'; font-weight: 500; font-size: 14px; line-height: 20px; } .product-modal .m-table .table.th-left td { text-align: left; padding-left: 16px; padding-right: 16px; } .product-modal .m-table .desc { min-width: 66px; display: inline-block; text-align: left; margin-left: 7px; vertical-align: middle; } .product-modal .m-table-compare .table td, .product-modal .m-table-compare .table th { padding: 0.75rem 8px; } .product-modal .m-table-compare .table td { font-weight: normal; } .product-modal .m-table-compare .table td.font-bold { font-weight: 500; } .product-modal .m-table-compare .table.th-top th { color: #fff; background-color: #17B6C9; } .product-modal .m-table-compare .grey-bg { background-color: #f9f7f7; } .product-modal .m-table-insurance .table.th-top th { text-align: left; } .product-modal .m-table-insurance .table td { text-align: left; vertical-align: top; font-weight: normal; } .product-modal .m-table-insurance .table td.font-bold { font-weight: bold; } .product-modal .m-table-info .desc { font-size: 0.75rem; color: #ccc; line-height: 2; } .product-modal .m-table + .m-table-info { margin-top: -10px; margin-bottom: 20px; } .product-modal ul.tip { padding-left: 0; margin-bottom: 0; } .product-modal ul.tip li { list-style: none; font-size: 14px; font-weight: 400; color: #727D8C; line-height: 1.71; padding-left: 1rem; font-family: 'Noto Sans TC'; } .product-modal ul.tip li:before { content: "※"; margin-right: 3px; margin-left: -1rem; } .product-modal ul.tip li ul { padding-left: 0; margin-left: -1rem; } .product-modal ul.tip li li:before { content: "－"; } .product-modal .accordion-incar { margin-top: -12px; } .product-modal .accordion-incar .heading .txt { font-size: 1.125rem; font-weight: bold; color: #333; } .product-modal .accordion-incar .heading > a { display: block; padding: 12px 4px; border-bottom: 1px solid #e9e9e9; } .product-modal .accordion-incar .heading a[aria-expanded="true"] { border-bottom: none; } .product-modal .accordion-incar .heading a[aria-expanded="true"] .txt { color: #17B6C9; } .product-modal .accordion-incar .heading a[aria-expanded="true"] .ic-active { display: inline-block; } .product-modal .accordion-incar .heading a[aria-expanded="true"] .ic-default { display: none; } .product-modal .accordion-incar .heading a[aria-expanded="false"] .ic-active { display: none; } .product-modal .accordion-incar .heading a[aria-expanded="false"] .ic-default { display: inline-block; } .product-modal ul.num-list { padding-left: 30px; } .product-modal ul.num-list li { list-style-type: decimal; padding-left: 6px; margin-bottom: 8px; line-height: 1.5; } .product-modal ul.num-list .sec-list { text-indent: -24px; padding-left: 24px; margin-bottom: 4px; } .product-modal ul.num-list ul.dots { padding-left: 50px; } .product-modal ul.num-list ul.dots li { list-style-type: disc; padding-left: 0; } .product-modal ul.num-list ul.dashed { padding-left: 0; } .product-modal ul.num-list ul.dashed li { list-style: none; margin-bottom: 0; } .product-modal ul.num-list ul.dashed li::before { content: "-"; padding-right: 20px; } @media (max-width: 767px) { .product-modal .modal-dialog { margin: 0 auto; margin-top: 16px; height: 100vh; height: calc((var(--vh, 1vh) * 100) - 16px); max-height: -webkit-fill-available; } .product-modal .modal-content { margin: 0; position: absolute; bottom: 0; border-radius: 24px 24px 0 0; padding-bottom: 0px; height: 100%; } .product-modal.modal-bottom-sheet .modal-dialog { width: 100%; box-sizing: border-box; height: 100%; margin-top: auto; max-height: calc(var(--vh, 1vh) * 85); transition: 0.3s ease !important; } .product-modal.modal-bottom-sheet .modal-dialog-centered { min-height: 100%; } .product-modal.modal-bottom-sheet .modal-content { height: 100%; max-height: 100%; } .product-modal .btn-close { top: 16px; height: 42px; } .product-modal .btn-close .icon-new-close { min-width: 24px; width: 24px; height: 24px; } .product-modal .m-header { padding: 23px 16px 16px 16px; border-bottom: 1px solid #C7CDD4; } .product-modal .m-header .drag-handle { display: block; } .product-modal .m-header .modal-title { font-size: 18px; text-align: left; padding-right: 40px; } .product-modal .m-body { max-height: none; min-height: 20vh; padding: 24px 16px; } .product-modal .m-body.min-h-body { min-height: 59vh; } .product-modal .m-body.min-h-body-75 { min-height: 75vh; } .product-modal .m-table .table td, .product-modal .m-table .table th { padding: 8px 3px; } .product-modal .m-table-compare .table td, .product-modal .m-table-compare .table th { padding: 8px 7px; } .product-modal .m-table-insurance .table td, .product-modal .m-table-insurance .table th { padding: 8px; } .product-modal .m-table-benefits .table th { min-width: inherit !important; width: 50% !important; } .product-modal .m-table-info .desc { font-size: 0.875rem; line-height: 1.71; } .product-modal .m-table + .m-table-info { margin-top: -8px; } .product-modal .liner-insurance { border-bottom: 1px solid #dfdfdf; margin: 23px 0; } .product-modal .circle-title { margin-bottom: 12px; } .product-modal .circle-title .circle { min-width: 67px; } .product-modal .circle-title .circle .circle-bg { background-size: 67px 64px; background-repeat: no-repeat; padding-left: 8px; width: 67px; height: 64px; } .product-modal .circle-title .circle .num { font-size: 1.875rem; line-height: 1.3; } .product-modal .circle-title .circle .desc { font-size: 0.75rem; margin-top: -6px; } .product-modal .circle-title .circle .caption { line-height: 3.2; } .product-modal .circle-title .txt { margin-left: 23px; } .product-modal .circle-title .insurance-txt { line-height: 1.56; } .product-modal .circle-title + .m-table { margin-top: 25px; } .product-modal .m-desc { line-height: 1.75; } } .modal-qrcode .figure { width: 100px; height: 100px; padding: 4px; border: 3px solid #364053; border-radius: 20px; overflow: hidden; margin: 0 auto; } .modal-qrcode .figure img { width: 100%; } .icon-new-draw-arrow2.openapp { position: absolute; left: -30px; bottom: -15px; } .modal-fixed-tabs .m-body { padding-top: 102px; padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .modal-fixed-tabs .m-body { padding-top: 24px; } } .modal-fixed-tabs .fixed-tabs-content { padding: 0 48px; } @media (max-width: 767px) { .modal-fixed-tabs .fixed-tabs-content { padding: 0 16px; } } .modal-fixed-tabs2 .modal-title { position: relative; } @media (max-width: 767px) { .modal-fixed-tabs2 .modal-title .backtoList { margin-left: -4px; } } .modal-fixed-tabs2 .m-body { padding-top: 102px; scroll-behavior: smooth; } @media (max-width: 767px) { .modal-fixed-tabs2 .m-body { padding-top: 16px; position: absolute; top: 66px; left: 0; z-index: 2; height: calc(100% - 66px); min-height: auto !important; transition: all 0.3s ease-out; transform: translateX(100%); } } .modal-fixed-tabs2 .m-body.goLeft { transform: translateX(0); } .fixed-tabs { position: absolute; left: 0; top: 78px; width: 100%; background-color: #fff; z-index: 2; } @media (max-width: 767px) { .fixed-tabs { top: 66px; position: static; height: 100%; transition: all 0.3s ease-out; transform: translateX(0); } .fixed-tabs.foreign-currrency-chart { height: auto; } } .fixed-tabs.goLeft { transform: translateX(-100%); } .modal-collapse .collapse-title i { transition: transform 0.3s ease-out; transform: rotate(180deg); } .modal-collapse .collapse-title.collapsed i { transform: rotate(0deg); } .modal-card { width: 100%; display: flex; } @media (max-width: 767px) { .modal-card { display: block; } } .modal-card .cards-item { margin-left: 4px; margin-right: 4px; border: 1px solid #DCE0E5; border-radius: 8px; overflow: hidden; flex-grow: 1; } .modal-card .cards-item:first-child { margin-left: 0; } .modal-card .cards-item:last-child { margin-right: 0; } @media (max-width: 1215px) { .modal-card .cards-item { transform: scale(1); } } @media (max-width: 767px) { .modal-card .cards-item { margin: 0; } } .modal-card .cards-item .hd { background-color: #F3F5F6; padding: 16px; border-bottom: 1px solid #DCE0E5; } .modal-card .cards-item .bd { background-color: #fff; padding: 24px 16px; } @media (max-width: 767px) { .modal-card .cards-item .bd { padding: 16px; } } @media (max-width: 767px) { .product-modal-open { overflow: auto !important; } } .doc-modal.noAgreeSection .m-footer { display: none; } .doc-modal.noAgreeSection .modal-content { padding-bottom: 0; } .doc-modal .modal-dialog { max-width: 800px; } .doc-modal .modal-content { padding-bottom: 80px; } .doc-modal .btn-close { top: 10px; } .doc-modal .m-body { margin: 16px; padding: 0; } .doc-modal .m-body .bd-wrapper { border: 1px solid #e0e0e0; overflow-x: auto; } .doc-modal .m-body .bd-wrapper::-webkit-scrollbar { height: 4px; } .doc-modal .m-footer { width: 100%; position: absolute; bottom: 0; left: 0; padding: 16px; background-color: #FDFDFD; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.03); border-radius: 0 0 32px 32px; } @media (max-width: 767px) { .doc-modal .m-footer { border-radius: 0; position: fixed; } } #modalSelectDropdown .m-body { padding: 0 0 32px 0; } #modalSelectDropdown .m-body li { display: block; } #modalSelectDropdown .m-body li a { display: flex; align-items: center; padding: 0 16px; border-bottom: 1px solid #C7CDD4; font-size: 16px; font-weight: 400; color: #2A3342; font-family: 'Noto Sans TC'; text-decoration: none; margin: 0 !important; } #modalSelectDropdown .m-body li a label { padding: 16px 0; width: 100%; padding-left: 32px; background-position: left center; box-sizing: border-box; } #modalSelectDropdownMulti .m-body { padding: 0; height: calc(85vh - 175px); max-height: auto; } #modalSelectDropdownMulti .m-body li a { padding: 0 16px; } #modalSelectDropdownMulti .m-body li a label { padding: 16px 0; width: 100%; padding-left: 32px; background-position: left center; box-sizing: border-box; } #modalSelectDropdownMulti .m-body .menu-content, #modalSelectDropdownMulti .m-body .dropdown-tabs { height: 100%; } #modalSelectDropdownMulti .m-body .row { justify-content: stretch; height: 100%; } #modalSelectDropdownMulti .m-body .colCategory { border-right: 1px solid #C7CDD4; } #modalSelectDropdownMulti .m-body .tab-item .tab-link { text-decoration: none; display: block; padding: 16px; font-size: 14px; font-weight: 500; font-family: 'Noto Sans TC'; color: #727D8C; } #modalSelectDropdownMulti .m-body .tab-item .tab-link.active { background-color: #F3F5F6; color: #17B6C9; font-weight: 700; } #modalSelectDropdownMulti .m-body .tab-item .tab-link:hover { cursor: pointer; background-color: #F3F5F6; } #modalSelectDropdownMulti .m-body .tab-content { padding-bottom: 96px; } #modalSelectDropdownMulti .m-body .tab-content .tab-content-pane li a { border-bottom: 1px solid #C7CDD4; } #modalSelectDropdownMulti .m-body .tab-content .tab-content-pane li .form-check-label { background-position: left center; } #modalSelectDropdownMulti .m-body .tab-content .tab-content-pane li + li { border-top: none; } #modalSelectDropdownMulti .m-footer { padding: 16px 16px 32px 16px; } @media (max-width: 767px) { #modalSelectDropdownMulti .m-footer { position: fixed; width: 100%; bottom: 0; background-color: #FDFDFD; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.03); } } .modal-bottom-sheet .modal-content .menu-content .form-check-input { pointer-events: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } button { border: 0; padding: 0; background-color: transparent; cursor: pointer; } button.disabled { pointer-events: none; } button:focus, .btn.focus, .btn:focus { outline: none; box-shadow: none; } .form-control { height: auto; padding: 11px 20px; } .form-control::-webkit-input-placeholder { color: #B6BEC7; } .form-control:-ms-input-placeholder { color: #B6BEC7; } .form-control::placeholder { color: #B6BEC7; } .form-control:focus { color: #000; border-color: #17B6C9; outline: 0; box-shadow: none; } .form-control:disabled { background-color: #fcfcfc; border-color: #e9e9e9; color: #727D8C; -webkit-text-fill-color: #727D8C; } .form-control.error { border-color: #DF636A; padding-right: 48px; } .form-control.error + a.btn-error { position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; } .form-container .form-group { position: relative; margin-bottom: 24px; } @media (max-width: 767px) { .form-container .form-group { margin-bottom: 16px; } } .form-container .form-group label { color: #364053; font-size: 16px; font-weight: 400; line-height: 1.4; font-family: 'Montserrat', 'Noto Sans TC'; } .form-container .form-group.group-item-error .dropdown-toggle { border: 1px solid #DF636A; } .form-container .form-group.group-item-error .rc-input input { border-color: #DF636A; } .form-container .group-item-error .dropdown-toggle { border: 1px solid #DF636A !important; } .form-container .group-item-error .rc-input input { border-color: #DF636A !important; } .form-container .ic-req { position: relative; } .form-container .ic-req:before { content: "*"; color: #DF636A; font-size: 1rem; position: absolute; left: -11.5px; top: 0; } .form-container .ic-req [data-toggle="modal"] { display: inline-flex; align-items: center; } .form-container .ic-req [data-toggle="modal"] i { margin-left: 4px; } .form-container .ic-tip { margin: -0.3rem 0 0.5rem 0; font-size: 0.875rem; line-height: 1.71; } .form-container .img-checkcode { width: 105px; margin-right: 8px; } .form-container .img-checkcode img { width: 100%; } .form-container .rc-input { position: relative; } .form-container .rc-input .btn-icon-keyboard { position: absolute; top: 16px; right: 16px; } .form-container .rc-input .btn-icon-keyboard:hover { cursor: pointer; } .form-container .rc-input.keyboard .form-control { padding-right: 40px; } .form-container input::-ms-clear { display: none; } .form-container input.form-control { color: #2A3342; font-weight: 500; font-size: 16px; font-family: 'Noto Sans TC'; line-height: 26px; height: auto; padding: 10px 16px; border-radius: 8px; background-color: #FDFDFD; border: 1px solid #C7CDD4; } .form-container input.form-control::-webkit-input-placeholder { color: #B6BEC7; font-weight: 400 !important; font-family: 'Montserrat', 'Noto Sans TC'; } .form-container input.form-control:-ms-input-placeholder { color: #B6BEC7; font-weight: 400 !important; font-family: 'Montserrat', 'Noto Sans TC'; } .form-container input.form-control::placeholder { color: #B6BEC7; font-weight: 400 !important; font-family: 'Montserrat', 'Noto Sans TC'; } .form-container input.form-control:focus { color: #2A3342; border-color: #17B6C9; outline: 0; box-shadow: none; } .form-container input.form-control:disabled { background-color: #DCE0E5; border-color: #C7CDD4; color: #2A3342; -webkit-text-fill-color: #2A3342; opacity: 0.5; } .form-container input.form-control.error { border-color: #DF636A; } .form-container input.form-control.readOnly { background-color: #DCE0E5; border-color: #C7CDD4; color: #2A3342; -webkit-text-fill-color: #2A3342; opacity: 0.5; } @media (min-width: 1200px) { .form-container .selectDropdown.style-filter .select-dropdown-menu { max-height: 310px; } } @media (min-width: 768px) and (max-width: 1199px) { .form-container .selectDropdown.style-filter .select-dropdown-menu { max-height: auto; } } @media (max-width: 767px) { .form-container .selectDropdown.style-filter .select-dropdown-menu { max-height: auto; } } .form-container .selectDropdown .dropdown-toggle { padding: 10px 16px; border: 1px solid #C7CDD4; background-color: #FDFDFD; } .form-container .selectDropdown .dropdown-toggle[aria-expanded="true"] { border-color: #17B6C9; } .form-container .selectDropdown .dropdown-toggle.error { border: 1px solid #DF636A; } .form-container .selectDropdown .dropdown-toggle.disabled { background-color: #DCE0E5; border: 1px solid #C7CDD4; color: #2A3342; opacity: 0.5; cursor: default; } .form-container .selectDropdown .dropdown-toggle.disabled:after { background-image: url(../images/ic-select-arrow-disabled@2x.png); } .form-container .selectDropdown .dropdownSelected { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .form-container .selectDropdown .select-dropdown-menu { border-radius: 16px !important; transform: translate3d(0px, 43px, 0px) !important; width: 100% !important; max-height: 230px; overflow-y: auto; background-color: #FDFDFD; } .form-container .selectDropdown .select-dropdown-menu ul { margin: 0; } @media (min-width: 1200px) { .form-container .selectDropdown .select-dropdown-menu input[type="radio"]:not(old) + label { background: none; padding-left: 0; } } .form-container .selectDropdown .select-dropdown-menu::-webkit-scrollbar { width: 2px; right: 8px; } .form-container .selectDropdown .select-dropdown-menu::-webkit-scrollbar-track-piece { background-color: #FDFDFD; } .form-container .selectDropdown .select-dropdown-menu::-webkit-scrollbar-thumb { background-color: #B6BEC7; border-radius: 4px; width: 2px; } .form-container .selectDropdown .select-dropdown-menu::-webkit-scrollbar-button { background: transparent; border-radius: 16px; } .dropdownSearch { padding: 16px 8px; } .dropdownSearch .input-search-group .form-control { border-color: #B6BEC7 !important; color: #2A3342 !important; } .dropdownSearch .input-search-group .form-control:focus { border-color: #17B6C9 !important; } .dropdownSearch .input-search-group .form-control:-webkit-input-placeholder { color: #B6BEC7 !important; } .dropdownSearch .input-search-group .form-control:-ms-input-placeholder { color: #B6BEC7 !important; } .dropdownSearch .input-search-group .form-control::placeholder { color: #B6BEC7 !important; } .multi-dropdown .multi-select-dropdown-menu { border-radius: 16px !important; transform: translate3d(0px, 43px, 0px) !important; width: 100% !important; max-height: 285px; overflow: hidden; border: 1px solid #727D8C; background-color: #FDFDFD; padding: 0; } .multi-dropdown .multi-select-dropdown-menu ul { margin: 0; } .multi-dropdown .multi-select-dropdown-menu::-webkit-scrollbar { width: 2px; right: 8px; } .multi-dropdown .multi-select-dropdown-menu::-webkit-scrollbar-track-piece { background-color: #FDFDFD; } .multi-dropdown .multi-select-dropdown-menu::-webkit-scrollbar-thumb { background-color: #B6BEC7; border-radius: 4px; width: 2px; } .multi-dropdown .multi-select-dropdown-menu::-webkit-scrollbar-button { background: transparent; border-radius: 16px; } .multi-dropdown .multi-select-dropdown-menu .row { height: 100%; justify-content: stretch; overflow: hidden; } .multi-dropdown .multi-select-dropdown-menu .row .colCategory, .multi-dropdown .multi-select-dropdown-menu .row .colItems { height: 100%; overflow-y: auto; } .multi-dropdown .multi-select-dropdown-menu .row .colCategory { border-right: 1px solid #C7CDD4; } .dropdown-tabs .tab-item { display: block; } .dropdown-tabs .tab-link { display: block; padding: 16px; font-size: 14px; font-weight: 500; font-family: 'Noto Sans TC'; color: #727D8C; } .dropdown-tabs .tab-link.active { background-color: #F3F5F6; color: #17B6C9; font-weight: 700; } .dropdown-tabs .tab-link:hover { cursor: pointer; background-color: #F3F5F6; } .dropdown-tabs .tab-content .tab-content-pane { display: none; } .dropdown-tabs .tab-content .tab-content-pane.active { display: block; } .dropdown-tabs .tab-content .tab-content-pane li { display: block; } .dropdown-tabs .tab-content .tab-content-pane li a { display: flex; align-items: center; padding: 16px; font-size: 16px; font-weight: 400; color: #2A3342; font-family: 'Noto Sans TC'; text-decoration: none; margin: 0 !important; } .dropdown-tabs .tab-content .tab-content-pane li + li { border-top: 1px solid #C7CDD4; } .form-error { width: 100%; display: block; font-size: 0.75rem; color: #DF636A; margin-top: 2px; margin-bottom: -20px; text-align: right; } .form-error.error { color: #DF636A; } .form-radio-group { margin-top: 24px; font-family: 'Noto Sans TC'; } @media (max-width: 767px) { .form-radio-group { margin-top: 16px; } } .form-radio-group.group-sm .form-radios input.group-radio:not(old) + label { background-position: right 16px top 16px; } .form-radio-group.group-sm .form-radios .item-content { padding: 8px 16px; border-radius: 8px; padding-right: 48px; } .form-radio-group.group-sm .form-radios + .form-radios { margin-top: 12px; } .form-radio-group.group-md .form-radios input.group-radio:not(old) + label { background-position: right 16px top 16px; } .form-radio-group.group-md .form-radios .item-content { padding: 12px 16px; border-radius: 8px; padding-right: 48px; } .form-radio-group.group-md .form-radios + .form-radios { margin-top: 12px; } .form-radio-group.radio-valign-center .form-radios input.group-radio:not(old) + label { background-position: right 16px top 50%; } .form-radio-group.radio-valign-center .form-radios input.group-radio { top: 50%; margin-top: -12px; } .form-radio-group.group-product .form-radios .item-content { padding-right: 16px; } .form-radio-group.group-product .latestnews-status-tags { padding: 1px 4px; border-radius: 4px; } .form-radio-group.accordion.group-sm .form-radios { border-radius: 8px; } .form-radio-group.accordion .form-radios { border: 1px solid #DCE0E5; border-radius: 24px; } .form-radio-group.accordion .form-radios input.group-radio:checked + label .item-content { background: transparent; } .form-radio-group.accordion .form-radios .item-content { border: none; } .form-radio-group.accordion .form-radios:has(> .collapse-header[aria-expanded=true]) { border-color: #17B6C9; background: rgba(226, 251, 254, 0.3); } .form-radio-group.radio-item-error.accordion .form-radios { border: 1px solid #E75365; } .form-radio-group.radio-item-error.accordion .form-error { margin-top: 0; margin-bottom: 0; text-align: left; padding-right: 0; } .form-radio-group.radio-item-error .form-radios input.group-radio:not(old) + label { background-image: url("../images/btn-radio-empty-error-24@2x.png"); background-size: 24px; } .form-radio-group.radio-item-error .form-radios input.group-radio:not(old) + label .item-content { border-color: #E75365; } @media (max-width: 767px) { .form-radio-group.radio-item-error .form-radios input.group-radio:not(old) + label { background-image: url("../images/btn-radio-empty-error-24-s@2x.png"); } } .form-radio-group.radio-item-error .form-error { text-align: left; color: #E75365; } .form-radio-group .group-radio + .form-check-label { display: block; padding-left: 0; } .form-radio-group .form-radios { position: relative; } .form-radio-group .form-radios input.group-radio { position: absolute; right: 16px; top: 20px; } .form-radio-group .form-radios input.group-radio:checked + label .item-content { border-color: #17B6C9; background: rgba(226, 251, 254, 0.3); } .form-radio-group .form-radios input.group-radio:not(old) + label { background-position: right 16px top 20px; } .form-radio-group .form-radios .item-content { padding: 20px; border-radius: 24px; padding-right: 40px; border: 1px solid #DCE0E5; } .form-radio-group .form-radios .item-content ul { margin: 0; } .form-radio-group .form-radios + .form-radios { margin-top: 16px; } @media (max-width: 767px) { .form-radio-group .form-radios + .form-radios { margin-top: 12px; } } .form-radio-group .form-radios .selection-imgs { display: flex; align-items: center; margin-right: 24px; } .form-radio-group .form-radios .selection-imgs div, .form-radio-group .form-radios .selection-imgs i { flex-shrink: 0; } .form-radio-group .form-radios .selection-imgs.wider .latestnews-status-tags { font-size: 12px; padding: 0 8px; } @media (max-width: 767px) { .form-radio-group .form-radios .selection-imgs.wider { height: 30px; margin-right: 4px; flex-wrap: wrap; overflow: hidden; } } .form-radio-group .form-radios .selection-imgs .figure { width: 80px; height: 80px; } @media (max-width: 767px) { .form-radio-group .form-radios .selection-imgs .figure { width: 60px; height: 60px; } } .form-radio-group .form-radios .selection-imgs .figure img { width: 100%; height: auto; } .form-radio-group .form-radios .selection-imgs .figure-jkopay-logo { width: 99px; height: 40px; display: flex; } @media (max-width: 767px) { .form-radio-group .form-radios .selection-imgs .figure-jkopay-logo { width: 74px; height: 30px; } } .form-radio-group .form-radios .selection-imgs .figure-jkopay-logo img { width: 100%; height: auto; } .form-radio-group .form-radios .selection-imgs .figure-dcard-logo { width: 89px; height: 40px; display: flex; } @media (max-width: 767px) { .form-radio-group .form-radios .selection-imgs .figure-dcard-logo { width: 67px; height: 30px; } } .form-radio-group .form-radios .selection-imgs .figure-dcard-logo img { width: 100%; height: auto; } .form-radio-group .form-radios .selection-imgs .figure-richart-logo { width: 103px; height: 31px; display: flex; } @media (max-width: 767px) { .form-radio-group .form-radios .selection-imgs .figure-richart-logo { width: 78px; height: 23px; } } .form-radio-group .form-radios .selection-imgs .figure-richart-logo img { width: 100%; height: auto; } .form-radio-group .form-radios .latestnews-status-tags { font-size: 12px; padding: 0 8px; } .form-radio-group .form-radios .fs-12 { font-size: 12px !important; } .form-radio-group-normal { display: flex; align-items: center; font-family: 'Noto Sans TC'; } .form-radio-group-normal.radio-error { background-color: transparent; } .form-radio-group-normal.radio-error + .form-error { margin-top: 0px; margin-bottom: 16px; text-align: left; padding-right: 0; } .form-radio-group-normal.radio-error input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { .form-radio-group-normal.radio-error input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24-s@2x.png"); } } .form-radio-group-normal .form-check-label { line-height: 1.5 !important; } .form-radio-group-normal .form-radio-inline input[Type="radio"]:disabled + .form-check-label { color: #727D8C; } select.form-control { background-color: #fff; font-family: 'Noto Sans TC'; border-radius: 25px; font-weight: normal; color: #000; border: solid 1px #cccccc; height: auto; padding: 12px 32px 12px 20px; background-image: url(../images/ic-select-arrow@2x.png); background-size: 16px 16px; background-position: calc(100% - 16px), calc(100% - 16px); background-repeat: no-repeat; margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; } select.form-control:focus { color: #000; border-color: #17B6C9; outline: 0; box-shadow: none; } select.form-control.error { border: 1px solid #DF636A; } select.form-control:disabled { background-color: #fcfcfc; background-image: url(../images/ic-select-arrow-disabled@2x.png); border: 1px solid #e9e9e9; color: #727D8C; cursor: default; } select::-ms-expand { display: none; } select:-moz-focusring { color: transparent; text-shadow: none; } select.black { color: black; } select.gray { color: #c9c9c9; } input[type="date"]::-webkit-calendar-picker-indicator { background-image: url(../images/ic-select-arrow@2x.png); background-size: 16px 16px; background-position: calc(100% - 16px), calc(100% - 16px); background-repeat: no-repeat; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; } .rc-textarea { position: relative; } textarea.form-control { color: #000; line-height: 1.75; padding: 10px 20px; resize: none; height: 160px; border-radius: 8px; } textarea.form-control:-webkit-input-placeholder { color: #c9c9c9; } textarea.form-control:-ms-input-placeholder { color: #c9c9c9; } textarea.form-control::placeholder { color: #c9c9c9; } textarea.form-control:focus { color: #000; border-color: #17B6C9; outline: 0; box-shadow: none; } textarea.form-control:disabled { background-color: #fcfcfc; border-color: #e9e9e9; color: #727D8C; -webkit-text-fill-color: #727D8C; } textarea.form-control.error { border-color: #DF636A; padding-right: 48px; } textarea.form-control.error + a.btn-error { position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-radio-inline, .form-check-inline { display: inline-flex; align-items: center; margin: 0 24px 0 0; font-family: 'Noto Sans TC'; } .form-radio-inline:last-child, .form-check-inline:last-child { margin-right: 0; } .form-radio { font-family: 'Noto Sans TC'; line-height: 1.4; } .form-radio .form-check-label { font-weight: 500 !important; line-height: 24px !important; } .form-radio:last-child { margin-bottom: 0; } .form-check { font-family: 'Noto Sans TC'; padding-left: 0; line-height: 1.4; } .form-check .form-check-label { font-weight: 500 !important; line-height: 24px !important; } .form-check .form-check-label div { line-height: 24px !important; } .form-check:last-child { margin-bottom: 0; } .form-check-inline .form-check-input { position: absolute; } @media (max-width: 360px) { .form-radio-360-block { display: block; margin-bottom: 10px; margin-right: 0; } .form-radio-360-block:last-child { margin-bottom: 0; } } input[type="checkbox"]:not(old), input[type="radio"]:not(old) { width: 24px; height: 24px; margin: 0; padding: 0; opacity: 0; position: absolute; cursor: pointer; } input[type="checkbox"]:not(old) + label, input[type="radio"]:not(old) + label { display: inline-block; padding-left: 32px; line-height: 24px; cursor: pointer; background-repeat: no-repeat; margin: 0; color: #333; } input[type="checkbox"]:not(old) + label + span { visibility: hidden; } input[type="checkbox"]:not(old):checked + label + span { visibility: visible; } input[type="checkbox"]:not(old) + label { background-image: url("../images/btn-checkbox-empty-n-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { input[type="checkbox"]:not(old) + label { background-image: url("../images/btn-checkbox-empty-n-24-s@2x.png"); } } input[type="checkbox"]:not(old):checked + label { background-image: url("../images/btn-checkbox-select-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { input[type="checkbox"]:not(old):checked + label { background-image: url("../images/btn-checkbox-select-24-s@2x.png"); } } input[type="checkbox"]:not(old):checked:disabled + label { background-image: url("../images/btn-checkbox-select-n-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { input[type="checkbox"]:not(old):checked:disabled + label { background-image: url("../images/btn-checkbox-select-n-24-s@2x.png"); } } input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-n-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-n-24-s@2x.png"); } } input[type="radio"]:not(old):checked + label { background-image: url("../images/btn-radio-select-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { input[type="radio"]:not(old):checked + label { background-image: url("../images/btn-radio-select-24-s@2x.png"); } } input[type="radio"]:not(old):checked:disabled + label { background-image: url("../images/btn-radio-select-n-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { input[type="radio"]:not(old):checked:disabled + label { background-image: url("../images/btn-radio-select-n-24-s@2x.png"); } } .radio-error { background-color: #fef4f4; padding: 6px 10px; margin: -6px -10px; } .radio-error + .form-error { margin-top: 8px; margin-bottom: -26px; } .radio-error input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { .radio-error input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24-s@2x.png"); } } .checkbox-error .form-error { text-align: left; padding-right: 0; margin-bottom: 16px; margin-top: -8px; } .checkbox-error input[type="checkbox"]:not(old) + label { background-image: url("../images/btn-checkbox-empty-error-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { .checkbox-error input[type="checkbox"]:not(old) + label { background-image: url("../images/btn-checkbox-empty-error-24-s@2x.png"); } } .checkbox-error input[type="checkbox"]:not(old):checked + label { background-image: url("../images/btn-checkbox-select-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { .checkbox-error input[type="checkbox"]:not(old):checked + label { background-image: url("../images/btn-checkbox-select-24-s@2x.png"); } } .component-error { background-color: #fef4f4; padding: 6px 10px; margin: -6px -10px; } .component-error + .form-error { margin-top: 8px; margin-bottom: -26px; } .radio-item-error > .caption { background-color: #fef4f4 !important; } .radio-item-error > .caption > .form-error { display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; width: auto; padding-right: 0; } .radio-item-error .list input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { .radio-item-error .list input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24-s@2x.png"); } } .checkbox-item-error { border-color: #E75365 !important; } .checkbox-item-error > .caption { background-color: #fef4f4 !important; } .checkbox-item-error > .caption > .form-error { display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; width: auto; padding-right: 0; } .checkbox-item-error .checkbox-list input[type="checkbox"]:not(old) + label { background-image: url("../images/btn-checkbox-empty-error-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { .checkbox-item-error .checkbox-list input[type="checkbox"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24-s@2x.png"); } } .checkbox-item-error .form-error { text-align: left; padding: 0; } .item-sec-error input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24@2x.png"); background-size: 24px; } @media (max-width: 767px) { .item-sec-error input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-error-24-s@2x.png"); } } .col-left-radio { padding: 0 15px 0 15px; } .col-right-radio { padding: 0 15px 0 15px; } .date-max-width { max-width: 556px; } .idinfo-max-width { max-width: 520px; } .row-address { display: flex; margin-bottom: 15px; } .row-address.max-width { max-width: 480px; } @media (max-width: 375px) { .row-address select.form-control { padding: 12px 22px 12px 10px; background-position: calc(100% - 8px), calc(100% - 16px); } .row-address .form-control { padding: 12px 10px; } } .col-address { flex-grow: 1; margin-right: 15px; } .col-zipcode { width: 110px; } @media (max-width: 991px) { .col-right-radio { width: 100%; margin-top: 15px; } .col-left-radio { width: 100%; margin-bottom: 15px; } .col-address { margin-right: 4px; flex: 0 0 34%; max-width: 34%; } .col-zipcode { width: auto; flex: 0 0 30%; max-width: 30%; } } .radio-middle, .checkbox-middle { position: relative; } .radio-middle input[type="checkbox"]:not(old), .radio-middle input[type="radio"]:not(old), .checkbox-middle input[type="checkbox"]:not(old), .checkbox-middle input[type="radio"]:not(old) { top: 0; bottom: 0; margin: auto; } .radio-middle input[type="checkbox"]:not(old) + label, .radio-middle input[type="radio"]:not(old) + label, .checkbox-middle input[type="checkbox"]:not(old) + label, .checkbox-middle input[type="radio"]:not(old) + label { background-position: left center; } .product-trial-td input[type="radio"]:not(old) { width: 32px; height: 32px; margin: 0; padding: 0; opacity: 0; position: absolute; cursor: pointer; } .product-trial-td input[type="radio"]:not(old) + label { display: inline-block; padding-left: 40px; height: 32px; line-height: 32px; cursor: pointer; background-repeat: no-repeat; margin: 0; } .product-trial-td input[type="radio"]:not(old) + label { background-image: url("../images/btn-radio-empty-n@2x.png"); background-size: 32px; font-size: 1.125rem; } .product-trial-td input[type="radio"]:not(old):checked + label { background-image: url("../images/btn-radio-select@2x.png"); background-size: 32px; } .selectDropdown { position: relative; } .selectDropdown.show .dropdown-toggle::after { transform: rotate(-180deg); } .selectDropdown a { text-decoration: none; font-family: 'Noto Sans TC'; font-size: 16px; font-weight: 500; line-height: 24px; color: #2A3342; } .selectDropdown .dropdown-toggle { display: inline-flex; align-items: center; justify-content: space-between; padding: 8px 12px 8px 16px; border: 1px solid #727D8C; border-radius: 8px !important; background-color: #fff; margin-left: 8px; cursor: pointer; } .selectDropdown .dropdown-toggle::after { content: ''; display: block; width: 16px; height: 16px; display: block; margin-left: 12px; background-image: url(../images/ic-select-arrow@2x.png); background-repeat: no-repeat; background-size: 100% 100%; border: none !important; flex-shrink: 0; } .selectDropdown .dropdown-toggle.error { border: 1px solid #DF636A; } .selectDropdown .dropdown-toggle:disabled { background-color: #DCE0E5; border: 1px solid #C7CDD4; color: #2A3342; opacity: 0.5; cursor: default; } .selectDropdown .dropdown-toggle:disabled:after { background-image: url(../images/ic-select-arrow-disabled@2x.png); } .selectDropdown .select-dropdown-menu { border: 1px solid #727D8C; border-radius: 8px !important; background-color: #fff; padding: 16px 8px; min-width: auto !important; width: calc(100% - 10px); box-sizing: border-box; transform: translate3d(8px, 40px, 0px) !important; } .selectDropdown .select-dropdown-menu li a { font-size: 16px; font-weight: 500; line-height: 24px; color: #2A3342; display: block; padding: 8px 0 8px 8px; margin: 0; } .selectDropdown .select-dropdown-menu li a:hover { background-color: #F3F5F6; border-radius: 8px; } .selectDropdown .select-dropdown-menu li a.selected { color: #17B6C9; } .selectDropdown .select-dropdown-menu li a.selected label { color: #17B6C9; } .upload-file-box { border-radius: 16px; background-color: #F3F5F6; box-shadow: 0px 2px 0px 0px #DCE0E5; height: 144px; position: relative; } .upload-file-box + .upload-file-box { margin-top: 24px; } .upload-file-box.statement-box .upload-txt { flex-direction: column; } .upload-file-box label { margin: 0; width: 100%; height: 100%; cursor: pointer; } .upload-file-box .img-id { height: 144px; box-sizing: border-box; display: flex; } .upload-file-box .upload-txt { display: flex; align-items: center; } .upload-file-box .btn-upload-deleted { display: none; position: absolute; right: -10px; top: -10px; z-index: 1; height: 24px; } .upload-file-box .img { position: absolute; left: 0; top: 0; padding: 12px; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; display: flex; justify-content: center; } .upload-file-box .img div { position: relative; height: 100%; display: flex; } .upload-file-box .img img { height: 100%; display: block; border-radius: 8px; object-fit: contain; object-position: center center; } .upload-file-box .rc-input { width: 0; height: 0; } .upload-file-box .inputfile { min-height: 0; padding: 0; line-height: 0; width: 0; height: 0; opacity: 0; position: absolute; z-index: -1; opacity: 0; } .btn-show-hide-toggle { display: block; width: 24px; height: 24px; margin-left: 4px; margin-top: -4px; } .jqDatepicker { background-image: url(../images/icon-24-calendar@2x.png); background-repeat: no-repeat; background-position: right 16px center; background-size: 24px 24px; cursor: pointer; } .ui-datepicker { width: 100% !important; max-width: 335px; border: none; border-radius: 16px !important; padding: 12px !important; } @media (max-width: 767px) { .ui-datepicker { width: calc(100% - 20px) !important; max-width: none; min-height: 360px !important; } } .ui-datepicker .ui-widget-header { background: none !important; background-color: none !important; border: none !important; padding: 6px 0 !important; height: 44px !important; } .ui-datepicker .ui-widget-header .ui-icon { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.07088 4.92912L16.0713 12.0002L9.07126 19.0713' stroke='%2317B6C9' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e"); } .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e { background-position: 0 0 !important; } .ui-datepicker table { margin-bottom: 0 !important; } .ui-datepicker th { padding: 10px 0.3em !important; font-size: 16px; } .ui-datepicker td { padding: 2px 1px !important; text-align: center !important; } .ui-datepicker td a { display: inline-block !important; } .ui-datepicker .ui-state-hover { background-position: 0 0 !important; } .ui-datepicker .ui-datepicker-next { right: 0 !important; top: 6px !important; } .ui-datepicker .ui-datepicker-prev { left: 0 !important; top: 6px !important; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { margin-left: -12px !important; margin-top: -12px !important; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { right: 0 !important; } .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-hover { border: none !important; background: none !important; } .ui-datepicker .ui-icon-circle-triangle-w { transform: rotate(180deg); background-position: 0 0 !important; } .ui-datepicker .ui-icon-circle-triangle-e { background-position: 0 0 !important; } .ui-datepicker .ui-datepicker-title select { width: auto !important; border: none; outline: none !important; appearance: none; margin: 0 !important; font-size: 14px !important; font-weight: 500; font-family: 'Noto Sans TC'; background-image: url(../images/ic-select-arrow@2x.png); background-size: 12px 12px; background-position: calc(100% - 8px); background-repeat: no-repeat; padding-right: 32px; } .ui-datepicker select.ui-datepicker-year { display: none; } .ui-datepicker select.ui-datepicker-month { display: none; margin-left: 24px !important; } .ui-widget.ui-widget-content { min-height: 340px; border: 1px solid #727D8C !important; } .ui-datepicker-calendar td { width: auto !important; font-size: 16px; } .ui-datepicker-calendar .ui-state-default { text-align: center; color: #364053 !important; font-weight: normal !important; font-family: 'Noto Sans TC'; width: 40px; height: 40px; line-height: 40px; background: none !important; border: none !important; padding: 0; } .ui-datepicker-calendar .ui-state-hover { background-image: url(../images/icon-40-calendar-hover@2x.png) !important; background-size: 40px 40px !important; background-position: center center !important; } .ui-datepicker-calendar .ui-state-active { background-image: url(../images/icon-40-calendar-active@2x.png) !important; background-size: 40px 40px !important; background-position: center center !important; color: #fff !important; } .datePickerWithLists .ui-datepicker-header { position: relative; } .dateListItem { font-size: 14px !important; font-weight: 500; font-family: 'Noto Sans TC'; line-height: 20px; padding: 16px 8px; cursor: pointer; color: #364053; } .datepicker-dropdown, .datepicker-dropdown dd, .datepicker-dropdown dt, .datepicker-dropdown ul { margin: 0px; padding: 0px; } .datepicker-dropdown a { display: block; color: #2A3342 !important; text-decoration: none; outline: none; font-size: 14px !important; font-weight: 500; font-family: 'Noto Sans TC'; line-height: 20px; } .datepicker-dropdown dt a { padding-right: 32px; display: inline-block; position: relative; } .datepicker-dropdown dt a:after { content: ''; display: inline-block; position: absolute; right: 8px; top: 50%; margin-top: -4px; width: 12px; height: 12px; background-image: url(../images/ic-select-arrow@2x.png); background-size: 100% 100%; background-position: 0 0; background-repeat: no-repeat; } .datepicker-dropdown dt a.listOpen:after { transform: rotate(180deg); margin-top: -6px; } .datepicker-dropdown dt a span { cursor: pointer; display: block; } .datepicker-dropdown span.value { display: none; } .datepicker-dropdown dd { position: absolute; left: 0; top: 100%; width: 100%; display: block; } .datepicker-dropdown dd ::-webkit-scrollbar-track { background-color: transparent; } .datepicker-dropdown dd ::-webkit-scrollbar { width: 2px; } .datepicker-dropdown dd ::-webkit-scrollbar-thumb { background-color: #B6BEC7; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .datepicker-dropdown dd ul { background: #fff; max-height: 264px; overflow-y: auto; width: 100%; display: none; list-style: none; text-align: left; } .datepicker-dropdown dd ul li a { display: block; font-size: 14px !important; font-weight: 500; font-family: 'Noto Sans TC'; line-height: 20px; padding: 12px 8px; cursor: pointer; color: #364053; } .datepicker-dropdown dd ul li a:hover { background-color: #F3F5F6; border-radius: 8px; } .datepicker-dropdown dd ul li.selectedValue a { color: #17B6C9 !important; } .ui-datepicker-month-list, .ui-datepicker-year-list { display: inline-block; } .ui-datepicker-month-list { display: inline-block; width: 64px; margin-left: 24px; } .ui-datepicker-month-list dd ul { display: flex; flex-wrap: wrap; } .ui-datepicker-month-list dd ul li { flex-basis: calc(100% / 3); margin-top: 12px; } .ui-datepicker-month-list dd ul li:nth-child(n+4) { margin-top: 20px; } .ui-datepicker-month-list dd ul li a { text-align: center; } .form-input-with-text { position: relative; } .form-input-with-text span { display: block; position: absolute; right: 16px; top: 50%; margin-top: -12px; } .form-input-with-text .form-control { padding-right: 40px !important; } .input-group.increment-decrement { border-radius: 8px; } .input-group.increment-decrement.error { border-color: #E75365; } .input-group.increment-decrement .input-group-prepend, .input-group.increment-decrement .input-group-append { width: 40px; flex-shrink: 0; justify-content: center; align-items: center; } .input-group.increment-decrement .input-group-prepend button, .input-group.increment-decrement .input-group-append button { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .input-group.increment-decrement .ratio-text { flex-grow: 1; margin: 10px 0; } .input-group.increment-decrement .ratio-text input { width: 100%; text-align: center; font-family: 'Montserrat', 'Noto Sans TC'; background: transparent; border: none; outline: none; } .tbl-risk { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #DCE0E5; border-radius: 12px; overflow: hidden; } .tbl-risk tbody tr:first-child td { border-top: none; } .tbl-risk tr th { padding: 16px; text-align: center; background-color: #F3F5F6; border-bottom: 1px solid #DCE0E5; } .tbl-risk tr th:nth-child(2) { border-left: 1px solid #DCE0E5; } @media (max-width: 767px) { .tbl-risk tr th { padding: 16px 8px; } } .tbl-risk tr td { padding: 16px; text-align: center; border-left: 1px solid #DCE0E5; border-top: 1px solid #DCE0E5; } .tbl-risk tr td:first-child { text-align: left; border-left: none; } .tbl-risk tr td i { vertical-align: middle; } @media (max-width: 767px) { .tbl-risk tr td { padding: 16px 8px; } } .tbl-risk .th-td-separate { position: relative; background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 194 77' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.99995 1.00004L193.185 75.5364' stroke='%23DCE0E5'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } .tbl-risk .th-td-separate div { position: absolute; } .tbl-risk .th-td-separate .category-th { right: 4px; top: 8px; } .tbl-risk .th-td-separate .category-td { left: 4px; bottom: 8px; } .tbl-risk .fix-192 { width: 192px; } @media (max-width: 767px) { .tbl-risk .fix-192 { width: 136px; } } .tbl-risk .fix-192 .category-th { right: 8%; top: 8px; } .tbl-risk .fix-192 .category-td { left: 8%; bottom: 8px; } .tbl-risk.narrow tr td { padding: 8px 16px; } .tbl-grayscale { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #DCE0E5; border-radius: 8px; overflow: hidden; } .tbl-grayscale tbody tr:first-child td { border-top: none; } .tbl-grayscale tr th { padding: 16px; text-align: center; background-color: #F3F5F6; border-bottom: 1px solid #DCE0E5; border-left: 1px solid #DCE0E5; } .tbl-grayscale tr th:first-child { border-left: none; } .tbl-grayscale tr td { padding: 16px; text-align: center; border-left: 1px solid #DCE0E5; border-top: 1px solid #DCE0E5; } .tbl-grayscale tr td i { vertical-align: middle; } .tbl-grayscale tr td:first-child { border-left: none; } @media (max-width: 767px) { .tbl-grayscale tr th, .tbl-grayscale tr td { padding: 8px; } } .tbl-left-style { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #DCE0E5; border-radius: 8px; overflow: hidden; } .tbl-left-style tbody tr:first-child th, .tbl-left-style tbody tr:first-child td { border-top: none; } .tbl-left-style tr th { padding: 16px; text-align: left; background-color: #F3F5F6; border-top: 1px solid #DCE0E5; } @media (max-width: 767px) { .tbl-left-style tr th { padding: 16px 8px; background-color: #F3F5F6; } } .tbl-left-style tr td { padding: 16px; text-align: left; border-left: 1px solid #DCE0E5; border-top: 1px solid #DCE0E5; } @media (max-width: 767px) { .tbl-left-style tr td { padding: 8px; min-height: 52px; } } .tbl-install { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #C7CDD4; border-radius: 16px; overflow: hidden; } .tbl-install thead th { border-bottom-width: 1px; border-top: none; font-size: 14px; font-weight: 400; font-family: 'Noto Sans TC'; color: #364053; padding: 8px 24px; } .tbl-install tbody td { vertical-align: middle; white-space: nowrap; font-family: 'Noto Sans TC'; padding: 8px 24px; border-top: 1px solid #C7CDD4; } .tbl-install .icon-title { vertical-align: middle; font-size: 16px; font-weight: 500; font-family: 'Noto Sans TC'; color: #2A3342; } .tbl-install .item { display: inline-flex; flex-direction: column; justify-items: center; align-items: center; text-align: center; min-width: 60px; } .tbl-install .txt { font-size: 12px; font-weight: 500; font-family: 'Noto Sans TC'; line-height: 20px; margin-top: 4px; white-space: nowrap; } .tbl-install a { text-decoration: none; color: #727D8C; } .tbl-install a:hover { color: #17B6C9; } #main-container.product { position: relative; } @media (max-width: 991px) { #main-container.product::before { content: ''; display: block; position: absolute; z-index: 0; left: 0; bottom: 0; width: 100%; height: 100px; background-color: #1B2028; overflow: auto; } } #main-container.product .kv-banner { height: 340px; padding-top: 92px; } @media (max-width: 991px) { #main-container.product .kv-banner { padding-top: 64px; height: 320px; } } .product-news { height: 40px; background: #FFFFFF; border: 1px solid #EDF0F2; box-shadow: 0px 4px 12px rgba(114, 125, 140, 0.14), 0px 1px 3px rgba(54, 64, 83, 0.16); border-radius: 22px; display: flex; align-items: center; padding: 6px 8px; margin-top: 8px; font-size: 16px; font-weight: 500; font-family: 'Noto Sans TC'; } @media (max-width: 767px) { .product-news { width: 80%; box-shadow: 0px 1px 4px rgba(54, 64, 83, 0.04); } } .product-news .title { font-weight: 700; font-size: 14px; line-height: 20px; color: #FDFDFD; padding: 4px 10px; background: #CB904C; border-radius: 28px; margin-right: 8px; flex-shrink: 0; } @media (max-width: 767px) { .product-news .text { width: 70%; white-space: nowrap; text-overflow: ellipsis; margin-right: auto; overflow: hidden; } } .product-news .text a { color: #2A3342; text-decoration: none; transition: color ease-out 0.3s; } .product-news i { transition: all 0.3s ease-out; } .product-news:hover .text a { color: #17B6C9; } .product-news:hover i { transform: translateX(4px); } .section .section-container { width: 1216px; margin: 0 auto; padding: 32px; } @media (max-width: 1199px) { .section .section-container { width: 100%; padding: 24px 20px; } } .section .section-container .section-figure { max-width: 560px; } .section .section-container .section-figure img { width: 100%; } @media (max-width: 767px) { .section .section-container .section-figure { width: 100%; } } .section .section-container .figure.card-pic { width: 560px; margin: 0 auto; } .section .section-container .figure.card-pic img { width: 100%; } @media (max-width: 767px) { .section .section-container .figure.card-pic { width: 100%; } } .section .section-container .bubble-bg { width: 496px; height: 144px; background-image: url(../images/bubble-shape@2x.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } @media (max-width: 575px) { .section .section-container .bubble-bg { width: 100%; height: 120px; } } .section .section-container .bubble-bg2 { width: 515px; height: 244px; background-image: url(../images/bubble-shape-02@2x.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } @media (min-width: 390px) and (max-width: 1279px) { .section .section-container .bubble-bg2 { width: 100%; height: auto; } } @media (max-width: 389px) { .section .section-container .bubble-bg2 { width: 335px; height: 206px; background-image: url(../images/bubble-shape-02-m@2x.png); } } .section .section-container .bubble-bg3 { width: 510px; height: 268px; background-image: url(../images/bubble-shape-03@2x.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } .section.bt-section { background-color: #E9EDF1; z-index: 1; position: relative; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; } @media (max-width: 991px) { .section.bt-section { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; } } .section.other-product-section { background-color: #E9EDF1; } .section.other-product-section .section-container { width: 1440px; padding: 220px 190px 48px 144px; position: relative; } @media (min-width: 992px) and (max-width: 1439px) { .section.other-product-section .section-container { width: auto; padding: 220px 40px 48px 40px; } } @media (max-width: 991px) { .section.other-product-section .section-container { width: auto; padding: 120px 0 140px 0; } } .section.other-product-section .section-bg-text { position: absolute; z-index: 0; left: 0; bottom: -50px; width: 365px; height: 285px; } .section.other-product-section .section-bg-text img { width: 100%; } @media (max-width: 767px) { .section.other-product-section .section-bg-text { width: 225px; height: 176px; left: -15px; bottom: -25px; } } .section.qa-section { background-color: #E9EDF1; position: relative; } .section.qa-section .bt-section-wrap { padding-top: 80px; } @media (max-width: 991px) { .section.qa-section .bt-section-wrap { padding-top: 64px; } } .section.qa-section .section-title { position: relative; } .section.qa-section .section-title .svg-stroke2 { left: 50%; margin-left: 150px; top: 20px; transform: rotate(20deg) scaleY(0.8); backface-visibility: hidden; } @media (max-width: 767px) { .section.qa-section .section-title .svg-stroke2 { left: 210px; margin-left: 0; top: 10px; transform: scale(0.7) rotate(20deg) scaleY(0.8); } } .section.qa-section .bt-section-content { width: 1440px; margin: 40px auto 0 auto; } @media (max-width: 1439px) { .section.qa-section .bt-section-content { width: 100%; } } @media (max-width: 991px) { .section.qa-section .bt-section-content { padding: 0 16px 64px 16px; } } .section.qa-section .bt-section-content:after { content: ''; display: block; width: 1216px; height: 1px; background-color: #DCE0E5; margin: 64px auto 0 auto; } @media (max-width: 1215px) { .section.qa-section .bt-section-content:after { width: 90%; } } @media (max-width: 767px) { .section.qa-section .bt-section-content:after { display: none; } } .anchor-navigation { opacity: 0; position: absolute; z-index: 1; top: 600px; left: 50%; margin-left: -608px; animation-name: initActionAnimationY1; animation-duration: 0.5s; animation-delay: 0.1s; animation-fill-mode: forwards; } @media (max-width: 1199px) { .anchor-navigation { margin-left: -50vw; top: 700px; } } @media (max-width: 767px) { .anchor-navigation { top: 582px; } } .anchor-navigation .navi-container { width: 1216px; background: #FDFDFD; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border-radius: 16px; } @media (max-width: 1199px) { .anchor-navigation .navi-container { width: 95vw; margin: 0 2.5vw; } } .anchor-navigation .navi-container ul { display: flex; align-items: center; } .anchor-navigation .navi-container ul.threeItem li { width: 33.3%; } .anchor-navigation .navi-container ul.twoItem li { width: 50%; } .anchor-navigation .navi-container li { position: relative; } .anchor-navigation .navi-container li + li::before { content: ''; display: block; position: absolute; left: 0; top: 24px; width: 1px; height: 40px; background-color: #C7CDD4; } @media (max-width: 767px) { .anchor-navigation .navi-container li + li::before { height: 72px; } } .anchor-navigation .navi-container li a { padding: 24px 32px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #2A3342; transition: all ease-out 0.3s; } @media (max-width: 991px) { .anchor-navigation .navi-container li a { padding: 24px 20px; } } @media (max-width: 480px) { .anchor-navigation .navi-container li a { padding: 24px 8px; } } .anchor-navigation .navi-container li a:hover { color: #17B6C9; transform: translateY(-4px); } .fixed-navigation { position: relative; } .fixed-navigation ::-webkit-scrollbar-track { background-color: transparent; } .fixed-navigation ::-webkit-scrollbar { width: 1px; display: none; } .fixed-navigation ::-webkit-scrollbar-thumb { background-color: #C7CDD4; border-radius: 4px; } .fixed-navigation .navi-container { position: relative; background: #fff; box-shadow: 0px 4px 10px rgba(54, 64, 83, 0.08), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -3px 4px rgba(182, 190, 199, 0.08); overflow-x: scroll; } @media (max-width: 599px) { .fixed-navigation .navi-container { height: 65px; padding: 0 20px; } } .fixed-navigation ul { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } @media (min-width: 600px) { .fixed-navigation ul { transform: translate3d(0px, 0px, 0px) !important; } } @media (max-width: 499px) { .fixed-navigation ul.fourItem { width: calc(90px * 4 + 20px); position: absolute; left: 0; } } @media (max-width: 499px) { .fixed-navigation ul.fiveItem { width: calc(90px * 5 + 20px); position: absolute; left: 0; } } @media (max-width: 599px) { .fixed-navigation ul.sixItem { width: calc(90px * 6 + 20px); position: absolute; left: 0; } } .fixed-navigation ul li { margin: 0 20px; } @media (max-width: 991px) { .fixed-navigation ul li { margin: 0 5px; } } .fixed-navigation ul li a { padding: 20px 16px; color: #727D8C; text-decoration: none; transition: color 0.3s ease-out; } @media (max-width: 991px) { .fixed-navigation ul li a { padding: 20px 8px; } } .fixed-navigation ul li:hover a, .fixed-navigation ul li.active a { color: #17B6C9; } .fixnav-swiper ul { margin-left: 0 !important; margin-right: 0 !important; } .fixnav-swiper .swiper-slide { width: auto !important; } .disclaimer { padding-top: 46px; padding-bottom: 80px; } @media (max-width: 1215px) { .disclaimer { padding: 16px 16px 64px 16px; } } .disclaimer .content { width: 1216px; margin: 0 auto; } @media (max-width: 1215px) { .disclaimer .content { width: 100%; } } .other-products { display: flex; margin-left: -12px; margin-right: -12px; } @media (max-width: 767px) { .other-products { flex-direction: column; } } .other-products.twoItem li { width: 50%; } @media (max-width: 767px) { .other-products.twoItem li { width: auto; } .other-products.twoItem li + li { margin-top: 16px; } } .other-products.threeItem li { width: 33.3%; } @media (max-width: 767px) { .other-products.threeItem li { width: auto; } .other-products.threeItem li + li { margin-top: 16px; } } .other-products li { display: block; background: #FDFDFD; border: 1px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border-radius: 24px; margin: 0 12px; transition: all ease-out 0.3s; } .other-products li a { display: block; padding: 24px; text-decoration: none; } .other-products li:hover .title { color: #17B6C9; } .other-products li:hover .title i { transform: translateX(4px); } @media (min-width: 768px) { .other-products li:hover { box-shadow: 0px 16px 40px 2px rgba(54, 64, 83, 0.2), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); transform: translateY(-8px); } } .other-products li:active .title { color: #15A6B7; } .other-products .pd-item .title { display: flex; align-items: center; color: #364053; transition: all ease-out 0.3s; } .other-products .pd-item .title i { transition: all ease-out 0.3s; } .findout-swiper { min-height: 244px; overflow: visible !important; -webkit-transform: translate3d(0, 0, 0); } .findout-swiper .swiper-wrapper { -webkit-transform: translateY(0) rotate(0deg) translate3d(0, 0, 0); } .findout-swiper .swiper-slide { height: auto; -webkit-transform: translateY(0) rotate(0deg) translate3d(0, 0, 0); } @media (min-width: 992px) { .findout-swiper .swiper-slide { width: calc((100% - 48px)/3); } } @media (max-width: 991px) { .findout-swiper .swiper-slide { width: 226px; } } .findout-swiper .swiper-slide .content { padding: 32px 24px; text-align: center; background: #FDFDFD; border: 0.5px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border-radius: 24px; transform: translateY(0) rotate(0deg) translate3d(0, 0, 0); -webkit-transform: translateY(0) rotate(0deg) translate3d(0, 0, 0); transition: all ease-out 0.3s; } .findout-swiper .swiper-slide .content i { transition: all ease-out 0.3s; } .findout-swiper .swiper-slide .content:hover i { transform: translateX(4px); } @media (min-width: 768px) { .findout-swiper .swiper-slide .content:hover { box-shadow: 0px 16px 40px 2px rgba(54, 64, 83, 0.2), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); transform: translateY(-8px); } } .findout-swiper .swiper-slide a { text-decoration: none; } .findout-swiper .swiper-slide .figure { width: 100px; height: 100px; margin: 0 auto; } .findout-swiper .swiper-slide .figure img { width: 100%; } .findout-swiper .swiper-slide .pd-item { display: block; height: 100%; padding: 24px; background: #FDFDFD; border: 1px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border-radius: 24px; transition: all ease-out 0.3s; } .findout-swiper .swiper-slide .pd-item .title { display: flex; align-items: center; color: #364053; transition: all ease-out 0.3s; } .findout-swiper .swiper-slide .pd-item .title i { transition: all ease-out 0.3s; } .findout-swiper .swiper-slide .pd-item .title:hover { color: #17B6C9; } .findout-swiper .swiper-slide .pd-item .title:hover i { transform: translateX(4px); } @media (min-width: 768px) { .findout-swiper .swiper-slide .pd-item:hover { box-shadow: 0px 16px 40px 2px rgba(54, 64, 83, 0.2), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); transform: translateY(-8px); } } .findout-swiper .swiper-slide .pd-item:active .title { color: #15A6B7; } .latestnews-swiper { padding: 48px 50px 32px 50px; overflow: hidden !important; z-index: 0; -webkit-transform: translate3d(0, 0, 0); } @media (max-width: 767px) { .latestnews-swiper { padding: 28px 0 24px 0; margin: 0; overflow: visible !important; } } .latestnews-swiper .swiper-wrapper.latestnewsIndex-list { align-items: stretch; flex-wrap: nowrap; margin: 0; } @media (max-width: 767px) { .latestnews-swiper .swiper-wrapper.latestnewsIndex-list.justify-content-center { justify-content: flex-start !important; } } .latestnews-swiper .swiper-slide.news-item { padding: 0 16px; margin: 0; } @media (max-width: 767px) { .latestnews-swiper .swiper-slide.news-item { padding: 0 8px; width: 90vw; } } .latestnews-swiper .swiper-slide.news-item a { text-decoration: none; } .latestnews-swiper .swiper-slide.news-item .d-flex div + div { flex-shrink: 0; } @media (max-width: 767px) { .latestnews-swiper .swiper-slide.news-item .figure { height: 118px; } } .latestnews-swiper .swiper-button-next, .latestnews-swiper .swiper-button-prev { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -3px 4px rgba(182, 190, 199, 0.08); border-radius: 50%; top: 125px; margin-top: 0; z-index: 10; } @media (max-width: 767px) { .latestnews-swiper .swiper-button-next, .latestnews-swiper .swiper-button-prev { display: none; } } .latestnews-swiper .swiper-button-next:hover, .latestnews-swiper .swiper-button-prev:hover { box-shadow: 0px 6px 16px rgba(54, 64, 83, 0.08), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -3px 4px rgba(182, 190, 199, 0.08); } .latestnews-swiper .swiper-button-next:hover::after, .latestnews-swiper .swiper-button-prev:hover::after { color: #17B6C9; } .latestnews-swiper .swiper-button-next::after, .latestnews-swiper .swiper-button-prev::after { font-size: 14px; font-weight: bold; color: #727D8C; } .latestnews-swiper .swiper-button-next.swiper-button-disabled, .latestnews-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; } .latestnews-swiper .swiper-button-next.swiper-button-disabled::after, .latestnews-swiper .swiper-button-prev.swiper-button-disabled::after { color: #C7CDD4; } .latestnews-swiper .swiper-button-next { right: 10px; } .latestnews-swiper .swiper-button-next::after { margin-left: 4px; } .latestnews-swiper .swiper-button-prev { left: 10px; } .latestnews-swiper .swiper-button-prev::after { margin-right: 4px; } .latestnews-swiper .swiper-mask-left, .latestnews-swiper .swiper-mask-right { width: 50px; height: 100%; display: block; position: absolute; top: 0; z-index: 9; background-color: #F3F5F6; -webkit-transform: translate3d(0, 0, 0); } .latestnews-swiper .swiper-mask-left { left: 0; } .latestnews-swiper .swiper-mask-right { right: 0; } .cta-card { width: 1280px; height: 360px; display: block; margin: 0 auto; position: relative; z-index: 1; background: linear-gradient(180deg, #2c3748 0%, #000000 100%); box-shadow: 0px 40px 40px rgba(23, 182, 201, 0.3); border-radius: 32px; overflow: hidden; backface-visibility: hidden; } @media (max-width: 1279px) { .cta-card { width: auto; margin: 0 16px; } } .cta-card .title { position: relative; } .cta-card .title .highlight { width: 51px; height: 48px; position: absolute; left: -30px; top: -45px; transition: all ease-out 0.3s; opacity: 0; } .cta-card .title .highlight img { width: 100%; } @media (max-width: 767px) { .cta-card .title { text-align: center; } } .cta-card .card-bg { background-image: url(../images/img-bg-actioncard@2x.png); background-size: 110%; background-position: center 60%; background-repeat: no-repeat; height: 100%; } @media (max-width: 767px) { .cta-card .card-bg { background-image: url(../images/img-bg-actioncard-m@2x.png); background-size: 240%; background-position: 35% 80%; } } .cta-card .bg-image { padding: 82px 0 82px 80px; height: 100%; background: linear-gradient(153.45deg, rgba(169, 176, 192, 0.24) 7.72%, rgba(93, 106, 129, 0.09) 21.28%, rgba(34, 43, 58, 0.45) 53.04%, #0a111d 72.45%); } @media (max-width: 991px) { .cta-card .bg-image { padding: 48px 40px; } } @media (max-width: 767px) { .cta-card .bg-image { background: linear-gradient(179.49deg, rgba(169, 176, 192, 0.64) -23.89%, rgba(93, 106, 129, 0.49) -4.14%, rgba(34, 43, 58, 0.85059) 47.66%, #0a111d 91.28%); } } .cta-card .bg-image .figure { width: 60%; position: absolute; right: 0; bottom: 0; } .cta-card .bg-image .figure img { width: 100%; } @media (max-width: 767px) { .cta-card .bg-image .figure { display: none; } } .cta-card .content { display: flex; height: 100%; } @media (max-width: 991px) { .cta-card { width: auto; margin: 0 12px; } } .section-card { width: 1216px; margin: 0 auto; position: relative; } @media (max-width: 1215px) { .section-card { width: 100%; } } .section-card.no-bg .section-card-wrap { background: none; box-shadow: none; border: 0; border-radius: 0; } .section-card.card-s { width: 904px; } @media (max-width: 903px) { .section-card.card-s { width: 100%; } } .section-card .section-card-title { position: relative; display: flex; justify-content: center; align-items: center; } .section-card .section-card-title .icon-new-draw-line1 { position: absolute; width: 161px; min-width: 161px; height: 8px; left: 50%; bottom: -5px; } @media (max-width: 767px) { .section-card .section-card-title .icon-new-draw-line1 { width: 114px; min-width: 114px; height: 7px; margin-left: 10px; } } .section-card .section-card-title .icon-new-draw-line2 { position: absolute; width: 127px; min-width: 127px; height: 10px; left: 50%; bottom: -7px; margin-left: 13px; } @media (max-width: 767px) { .section-card .section-card-title .icon-new-draw-line2 { width: 112px; min-width: 112px; height: 7px; bottom: -5px; margin-left: 10px; } } .section-card .section-card-title .icon-new-draw-line2.toright { margin-left: 40px; } .section-card .section-card-title .icon-new-draw-line2.wide176 { width: 176px; min-width: 176px; margin-left: -10px; } @media (max-width: 767px) { .section-card .section-card-title .icon-new-draw-line2.wide176 { width: 112px; min-width: 112px; height: 7px; bottom: -5px; margin-left: 10px; } } .section-card .section-card-title .icon-new-draw-line3 { position: absolute; width: 102px; min-width: 102px; height: 10px; left: 50%; bottom: -5px; margin-left: 75px; } @media (max-width: 767px) { .section-card .section-card-title .icon-new-draw-line3 { bottom: -5px; margin-left: 60px; } } .section-card .section-card-title .icon-new-draw-line3.rotate { bottom: -8px; transform: rotate(180deg); margin-left: 55px; } .section-card .section-card-title .card-title-icon { position: absolute; opacity: 0; left: 50%; top: 7px; width: 28px; height: 36px; margin-left: -115px; transition: all ease-out 0.3s; } .section-card .section-card-title .card-title-icon img { width: 100%; } .section-card .section-card-title .card-title-icon.easein { opacity: 1; } @media (max-width: 767px) { .section-card .section-card-title .card-title-icon { margin-right: 180px; } } .section-card .section-bg-text4 { position: absolute; left: 50%; top: -60px; margin-left: 450px; width: 310px; height: 280px; } .section-card .section-bg-text4 img { width: 100%; } .section-card .section-card-wrap { background: #FDFDFD; border: 1px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border-radius: 24px; } .section-card .section-figure.card-pic { width: 528px; } .section-card .section-figure.card-pic img { width: 100%; } @media (max-width: 1199px) { .section-card .section-figure.card-pic { width: 100%; } } .section-card .withdraw-item .figure { width: 80px; height: 80px; } .section-card .withdraw-item .figure img { width: 100%; } .section-card .withdraw-item .desc { width: 324px; height: 48px; } @media (max-width: 479px) { .section-card .withdraw-item .desc { width: auto; } } .section-card .withdraw-item.b-left { border-left: 1px solid #DCE0E5; border-top: none; } @media (max-width: 767px) { .section-card .withdraw-item.b-left { border-top: 1px solid #DCE0E5; border-left: none; } } .section-card .service-item .figure { width: 280px; height: 160px; } .section-card .service-item .figure img { width: 100%; } .section-card .service-item .desc { width: 248px; height: 48px; } #mobileFloatingButton { position: relative; transition: opacity 100ms linear; opacity: 1; } @media (max-width: 767px) { #mobileFloatingButton { position: fixed; z-index: 1000; bottom: 24px; left: 50%; margin-left: -100px; width: 200px; box-shadow: 0px 4px 16px rgba(23, 182, 201, 0.4); } } #mobileFloatingButton.showhide { opacity: 0; } .white-card { background: #FDFDFD; border: 0.5px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border-radius: 32px; position: relative; } @media (max-width: 767px) { .white-card { border-radius: 24px; } } .white-card ::-webkit-scrollbar-track { background-color: transparent; } .white-card ::-webkit-scrollbar { width: 5px; } .white-card ::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .white-card .white-card-container { padding: 40px; } @media (max-width: 767px) { .white-card .white-card-container { padding: 48px 20px 56px; } } .white-card .title-underline { position: relative; } .white-card .title-underline .figure { position: absolute; left: 55px; top: 25px; } @media (max-width: 767px) { .white-card .title-underline .figure { left: 30px; top: 23px; transform: scale(0.9); } } .gray-card { background: #F3F5F6; border: 1px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); border-radius: 32px; position: relative; } @media (max-width: 767px) { .gray-card { border-radius: 24px; } } .gray-card ::-webkit-scrollbar-track { background-color: transparent; } .gray-card ::-webkit-scrollbar { width: 5px; } .gray-card ::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .foreign-currrency-chart { /*style the arrow inside the select element:*/ /*style the items (options), including the selected item:*/ /*style items (options):*/ /*hide the items when the select box is closed:*/ } .foreign-currrency-chart.chart-forex .currency-content-wrap-bd { height: 320px; } @media (max-width: 991px) { .foreign-currrency-chart.chart-forex .currency-content-wrap-bd { height: auto; } } .foreign-currrency-chart.chart-forex .currency-content { height: 267px; } @media (max-width: 767px) { .foreign-currrency-chart.chart-forex .currency-content { height: auto; } } .foreign-currrency-chart .nav-tabs { border-bottom: 4px solid #DCE0E5; } .foreign-currrency-chart .nav-tabs .nav-link { border: none; font-weight: 500; font-size: 20px; line-height: 32px; font-family: 'Montserrat', 'Noto Sans TC'; color: #727D8C; margin-bottom: -4px; padding: 0.5rem 4px; background-color: transparent; appearance: none; -webkit-appearance: none; } @media (max-width: 767px) { .foreign-currrency-chart .nav-tabs .nav-link { font-size: 16px; line-height: 24px; } } .foreign-currrency-chart .nav-tabs .nav-link.active { color: #17B6C9; border-bottom: 4px solid #17B6C9; } .foreign-currrency-chart .nav-tabs .nav-item { flex-basis: 50%; text-align: center; } .foreign-currrency-chart .nav-tabs.threeItem .nav-item { flex-basis: 33.3%; } .foreign-currrency-chart .nav-tabs.fourItem .nav-item { flex-basis: 25%; } .foreign-currrency-chart .currency-content-wrap-bd { height: 369px; } @media (max-width: 991px) { .foreign-currrency-chart .currency-content-wrap-bd { height: auto; } } .foreign-currrency-chart .currency-content-wrap-bd::after { content: ''; display: block; position: absolute; left: 50%; bottom: 5px; margin-left: calc(-50% + 39px); width: calc(100% - 84px); height: 56px; background: linear-gradient(177.64deg, rgba(253, 253, 253, 0) 1.98%, #ffffff 69.07%); } @media (max-width: 767px) { .foreign-currrency-chart .currency-content-wrap-bd::after { display: none; } } .foreign-currrency-chart .currency-content { overflow-y: auto; height: 316px; } @media (max-width: 767px) { .foreign-currrency-chart .currency-content { height: auto; overflow: hidden; } } .foreign-currrency-chart .currency-table-toggle, .foreign-currrency-chart .currency-table-toggle2 { display: none; padding: 8px 0 0 0; text-align: center; color: #00a8b8; font-size: 16px; font-weight: 500; line-height: 1.5; font-family: 'Noto Sans TC'; } .foreign-currrency-chart .currency-table-toggle span, .foreign-currrency-chart .currency-table-toggle2 span { display: inline-block; margin-right: 2px; } .foreign-currrency-chart .currency-table-toggle .icon-new-arrow-down-s.up, .foreign-currrency-chart .currency-table-toggle2 .icon-new-arrow-down-s.up { transform: rotate(180deg); } @media (max-width: 767px) { .foreign-currrency-chart .currency-table-toggle, .foreign-currrency-chart .currency-table-toggle2 { display: flex; align-items: center; justify-content: center; } } .foreign-currrency-chart .tbl-currency { width: 100%; } .foreign-currrency-chart .tbl-currency .th-col-1, .foreign-currrency-chart .tbl-currency .td-col-1 { width: 30%; } @media (max-width: 992px) { .foreign-currrency-chart .tbl-currency .th-col-1, .foreign-currrency-chart .tbl-currency .td-col-1 { width: 24%; } } @media (max-width: 500px) { .foreign-currrency-chart .tbl-currency .th-col-1, .foreign-currrency-chart .tbl-currency .td-col-1 { width: 32%; } } @media (max-width: 375px) { .foreign-currrency-chart .tbl-currency .th-col-1, .foreign-currrency-chart .tbl-currency .td-col-1 { width: 36%; } } .foreign-currrency-chart .tbl-currency .th-col-2, .foreign-currrency-chart .tbl-currency .td-col-2 { width: 35%; } @media (max-width: 992px) { .foreign-currrency-chart .tbl-currency .th-col-2, .foreign-currrency-chart .tbl-currency .td-col-2 { width: 38%; } } @media (max-width: 500px) { .foreign-currrency-chart .tbl-currency .th-col-2, .foreign-currrency-chart .tbl-currency .td-col-2 { width: 34%; } } @media (max-width: 375px) { .foreign-currrency-chart .tbl-currency .th-col-2, .foreign-currrency-chart .tbl-currency .td-col-2 { width: 32%; } } .foreign-currrency-chart .tbl-currency .th-col-3, .foreign-currrency-chart .tbl-currency .td-col-3 { width: 35%; } @media (max-width: 992px) { .foreign-currrency-chart .tbl-currency .th-col-3, .foreign-currrency-chart .tbl-currency .td-col-3 { width: 38%; } } @media (max-width: 500px) { .foreign-currrency-chart .tbl-currency .th-col-3, .foreign-currrency-chart .tbl-currency .td-col-3 { width: 34%; } } @media (max-width: 375px) { .foreign-currrency-chart .tbl-currency .th-col-3, .foreign-currrency-chart .tbl-currency .td-col-3 { width: 32%; } } .foreign-currrency-chart .tbl-currency tbody tr td:last-child { color: #000; font-weight: 500; } .foreign-currrency-chart .tbl-currency th { font-size: 14px; font-weight: 500; line-height: 20px; font-family: 'Noto Sans TC'; color: #727D8C; padding: 16px 32px; border-bottom: 1px solid #C7CDD4; } .foreign-currrency-chart .tbl-currency td { font-size: 18px; font-weight: 500; line-height: 24px; font-family: 'Montserrat', 'Noto Sans TC'; color: #2A3342; padding: 20px 32px; border-bottom: 1px solid #C7CDD4; } .foreign-currrency-chart .tbl-currency td i { margin-right: 8px; vertical-align: middle; } .foreign-currrency-chart .tbl-currency td span { vertical-align: middle; white-space: nowrap; } @media (max-width: 1199px) { .foreign-currrency-chart .tbl-currency th { padding: 16px 8px; } .foreign-currrency-chart .tbl-currency td { padding: 16px 8px; } } @media (max-width: 767px) { .foreign-currrency-chart .tbl-currency tbody tr:nth-child(n+5) { display: none; } .foreign-currrency-chart .tbl-currency td { font-size: 16px; } } .foreign-currrency-chart .tbl-normal { width: 100%; } .foreign-currrency-chart .tbl-normal th { font-size: 14px; font-weight: 500; line-height: 20px; font-family: 'Noto Sans TC'; color: #727D8C; padding: 16px 32px; border-bottom: 1px solid #C7CDD4; } .foreign-currrency-chart .tbl-normal td { font-size: 16px; font-weight: 500; line-height: 24px; font-family: 'Montserrat', 'Noto Sans TC'; color: #2A3342; padding: 20px 32px; border-bottom: 1px solid #C7CDD4; } .foreign-currrency-chart .tbl-normal td.rate { font-size: 18px; line-height: 28px; font-weight: 700; } @media (max-width: 767px) { .foreign-currrency-chart .tbl-normal td.rate { font-size: 16px; line-height: 24px; } } @media (max-width: 1199px) { .foreign-currrency-chart .tbl-normal th { padding: 16px 8px; } .foreign-currrency-chart .tbl-normal td { padding: 16px 8px; } } @media (max-width: 767px) { .foreign-currrency-chart .tbl-normal tbody tr:nth-child(n+5) { display: none; } .foreign-currrency-chart .tbl-normal td { font-size: 16px; } } .foreign-currrency-chart .ct-border { position: relative; background-color: #FDFDFD; border: solid 1px #727D8C; border-radius: 16px; height: 56px; } .foreign-currrency-chart .ct-select, .foreign-currrency-chart .ct-select-fixed { position: absolute; display: inline-block; text-align: left; left: 0; } .foreign-currrency-chart .ct-select.is-open, .foreign-currrency-chart .ct-select-fixed.is-open { z-index: 2; } .foreign-currrency-chart .ct-select select { display: none; /*hide original SELECT element:*/ } .foreign-currrency-chart .ct-select-fixed .select-selected { width: 140px; cursor: default; } .foreign-currrency-chart .ct-select-fixed .select-selected::after { display: none; } .foreign-currrency-chart .select-selected { background-color: #FDFDFD; font-family: 'Noto Sans TC'; font-weight: 500; font-size: 16px; line-height: 24px; padding: 7px 10px 7px 16px; margin: 8px 0; border-radius: 16px 0 0 16px; width: 170px; border-right: 1px solid #727D8C; } .foreign-currrency-chart .select-selected i { float: left; margin-right: 8px; margin-top: 2px; } .foreign-currrency-chart .select-selected.select-arrow-active::after { transform: rotate(180deg); } .foreign-currrency-chart .select-selected:after { position: absolute; content: ""; background-image: url(../images/ic-arrow-list-down@2x.png); background-repeat: no-repeat; background-size: 16px 16px; width: 16px; height: 16px; top: 20px; right: 16px; } .foreign-currrency-chart .select-items div, .foreign-currrency-chart .select-selected { cursor: pointer; user-select: none; } .foreign-currrency-chart .select-items { position: absolute; top: calc(100% + 1px); left: 0; right: 0; z-index: 99; height: 335px; overflow-y: auto; border-radius: 16px; border: solid 1px #727D8C; background-color: #FDFDFD; -webkit-overflow-scrolling: touch; } .foreign-currrency-chart .select-items div { font-family: 'Noto Sans TC'; font-weight: 500; font-size: 16px; line-height: 24px; padding: 16px 8px; margin: 0 16px; border-radius: 8px; } .foreign-currrency-chart .select-items div > i { margin-right: 8px; } .foreign-currrency-chart .select-hide { display: none; } .foreign-currrency-chart .select-items div:hover, .foreign-currrency-chart .same-as-selected { background-color: #F3F5F6; } .foreign-currrency-chart .select-items div[disabled], .foreign-currrency-chart .select-items div[disabled]:hover { cursor: default; opacity: 0.3; color: #333; background-color: #F3F5F6; } .foreign-currrency-chart .ct-input { color: #333; width: 100%; border: none; font-family: 'Montserrat'; font-weight: 600; font-size: 18px; line-height: 28px; padding: 14px 16px; background: transparent; text-align: right; outline: none; } .foreign-currrency-chart .ct-input::-webkit-input-placeholder { color: #333; } .foreign-currrency-chart .ct-input:-ms-input-placeholder { color: #333; } .foreign-currrency-chart .ct-input::placeholder { color: #333; } .calculate-section { padding: 24px; background-color: rgba(243, 245, 246, 0.5); border-radius: 16px; } @media (max-width: 767px) { .calculate-section { padding: 24px 40px; } } .marketing-board { width: 1216px; height: 72px; background: #FDFDFD; border: 1px solid #DCE0E5; border-radius: 16px; margin: 0 auto; overflow: hidden; cursor: pointer; } @media (max-width: 1215px) { .marketing-board { width: auto; margin-left: 16px; margin-right: 16px; } } @media (max-width: 767px) { .marketing-board { height: auto; background: #EDF0F2; } } .marketing-board .board-container { display: flex; align-items: center; justify-content: space-between; height: 100%; padding-left: 148px; padding-right: 48px; position: relative; background-image: url(../images/img-marketing-bg@2x.png); background-repeat: no-repeat; background-position: 0 center; background-size: contain; } @media (max-width: 767px) { .marketing-board .board-container { padding: 8px 16px 16px 16px; justify-content: center; height: auto; background-image: url(../images/img-marketing-bg-m@2x.png); background-size: cover; } } .marketing-board .board-container .figure { position: absolute; left: 14px; top: 5px; width: 122px; } .marketing-board .board-container .figure img { width: 100%; } @media (max-width: 767px) { .marketing-board .board-container .figure { width: 61px; left: 5px; top: 10px; } } .marketing-board .product-news { background: none; box-shadow: none; width: auto; border: none; margin: 0; align-items: center; } @media (max-width: 767px) { .marketing-board .product-news { padding: 0; flex-direction: column; align-items: center; height: auto; } } .section-steps:before { content: ''; display: none; width: 100%; height: 80px; background-image: url(../images/img-bg-stepbystep-top@2x.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center top; } @media (max-width: 767px) { .section-steps:before { display: block; } } .section-steps:after { content: ''; display: none; width: 100%; height: 80px; background-image: url(../images/img-bg-stepbystep-bottom@2x.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center top; } @media (max-width: 767px) { .section-steps:after { display: block; } } .section-steps .section-steps-container { width: 1280px; margin: 0 auto; padding: 80px; background-image: url(../images/img-bg-stepbystep@2x.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center top; } @media (max-width: 1279px) { .section-steps .section-steps-container { width: 100%; } } @media (max-width: 767px) { .section-steps .section-steps-container { padding: 0 16px; background: none; background-color: #E9EDF1; } } .section-steps .section-steps-content .step-items { width: 208px; margin: 0 auto; color: #364053; } @media (max-width: 1023px) { .section-steps .section-steps-content .step-items { width: 100%; } } @media (max-width: 767px) { .section-steps .section-steps-content .step-items { width: 212px; } } .section-steps .section-steps-content .step-items .figure { width: 208px; height: 200px; } .section-steps .section-steps-content .step-items .figure img { width: 100%; } @media (max-width: 1023px) { .section-steps .section-steps-content .step-items .figure { width: 100%; height: auto; } } @media (max-width: 767px) { .section-steps .section-steps-content .step-items .figure { width: 146px; } } @media (max-width: 767px) { .section-steps .section-steps-content .step-items.z-index-2 { z-index: 0 !important; } } .step-lines { position: absolute; width: 914px; height: 209px; left: 50%; margin-left: -47%; top: 0; z-index: 1; } .step-lines .line-arrow { position: absolute; right: -10px; top: 10%; } @media (max-width: 1279px) { .step-lines .line-arrow { right: -1%; top: 2%; } } @media (max-width: 1279px) { .step-lines { width: 90%; } } .step-lines .line-01 { position: absolute; left: 50%; margin-left: -130px; top: 70px; } .step-lines .line-02 { position: absolute; left: 50%; margin-left: 100px; top: 360px; } .step-lines .line-03 { position: absolute; left: 50%; margin-left: -145px; top: 600px; } .personalloan-form { display: flex; width: 100%; align-items: center; } .personalloan-form .rc-input { flex-grow: 1; } .personalloan-form .rc-input input { background: #FDFDFD; border: 1px solid #727D8C; border-radius: 16px; text-align: center; font-family: 'Montserrat'; font-weight: 700; font-size: 24px; line-height: 32px; color: #333333; } .choose-car-loan { display: flex; align-items: center; width: 100%; margin-bottom: 0; border-bottom: 0; } .choose-car-loan.insurance { justify-content: center; } .choose-car-loan.insurance li { width: 225px; text-align: center; } @media (max-width: 767px) { .choose-car-loan.insurance li { width: calc((100% - 16px)/2); } } .choose-car-loan.insurance li + li { margin-left: 16px; } @media (max-width: 767px) { .choose-car-loan.insurance li + li { margin-left: 16px; } } .choose-car-loan.insurance2 { justify-content: center; } .choose-car-loan.insurance2 li { width: 146px; text-align: center; } @media (max-width: 767px) { .choose-car-loan.insurance2 li { width: calc((100% - 32px)/3); } } .choose-car-loan.insurance2 li + li { margin-left: 16px; } @media (max-width: 767px) { .choose-car-loan.insurance2 li + li { margin-left: 16px; } } .choose-car-loan li { width: calc((100% - 32px)/3); text-align: center; } @media (max-width: 767px) { .choose-car-loan li { width: calc((100% - 16px)/3); } } .choose-car-loan li + li { margin-left: 16px; } @media (max-width: 767px) { .choose-car-loan li + li { margin-left: 8px; } } .choose-car-loan li a { display: block; padding: 10px; background-color: #F3F5F6 !important; border-radius: 16px !important; font-family: 'Noto Sans TC'; font-weight: 700; font-size: 16px; line-height: 24px; color: #727D8C; border: 2px solid transparent !important; text-decoration: none; transition: all 0.3s ease-out; appearance: none; -webkit-appearance: none; } .choose-car-loan li a:hover { background: #ECF9FA !important; color: #17B6C9 !important; border: 2px solid #ECF9FA !important; } .choose-car-loan li a.active { background: #ECF9FA !important; border: 2px solid #64CEDB !important; color: #17B6C9 !important; } @media (max-width: 767px) { .choose-car-loan li a { padding: 6px; } } .btn-type-group { display: flex; align-items: center; } .btn-type-group .btn-radio-checkox { width: calc((100%-16px)/2); } @media (max-width: 767px) { .btn-type-group .btn-radio-checkox { width: calc((100%-8px)/2); } } .plan-figures { position: relative; } .plan-figures .bg { position: absolute; width: 500px; height: 440px; left: 50%; margin-left: -250px; top: 50%; margin-top: -80px; z-index: 0; } .plan-figures .bg img { width: 100%; } @media (max-width: 767px) { .plan-figures .bg { width: 335px; height: 320px; top: -50px; margin-top: 0; margin-left: -168px; } } .plan-figures.personal-loan .bg { width: 500px; height: 370px; margin-top: -60px; } @media (max-width: 767px) { .plan-figures.personal-loan .bg { width: 335px; height: 320px; top: -30px; margin-top: 0; margin-left: -168px; } } .plan-figures.reserved-cash .bg { margin-top: -10px; } @media (max-width: 767px) { .plan-figures.reserved-cash .bg { width: 343px; height: 247px; top: -30px; margin-top: 0; margin-left: -172px; } } .plan-figures.current-time-deposit .bg { width: 491px; height: 420px; margin-top: -60px; } @media (max-width: 767px) { .plan-figures.current-time-deposit .bg { width: 335px; height: 287px; top: -30px; margin-top: -30px; margin-left: -168px; } } .plan-figures .dog-big-loan { width: 196px; height: 170px; position: absolute; left: 50%; margin-left: 105px; top: -50px; } .plan-figures .dog-big-loan img { width: 100%; } @media (max-width: 767px) { .plan-figures .dog-big-loan { width: 113px; height: auto; margin-left: 60px; top: -45px; } } .plan-figures .dog-small-loan { width: 112px; height: 152px; position: absolute; left: 50%; margin-left: 120px; top: -60px; } .plan-figures .dog-small-loan img { width: 100%; } @media (max-width: 767px) { .plan-figures .dog-small-loan { width: 60px; height: auto; margin-left: 78px; top: -35px; } } .plan-figures .dog-one-loan { width: 122px; height: 175px; position: absolute; left: 50%; margin-left: 116px; top: -60px; } .plan-figures .dog-one-loan img { width: 100%; } @media (max-width: 767px) { .plan-figures .dog-one-loan { width: 66px; height: auto; margin-left: 73px; top: -35px; } } .plan-figures .car-loan-1 { width: 147px; height: 148px; position: absolute; left: 50%; margin-left: 130px; top: 200px; } .plan-figures .car-loan-1 img { width: 100%; } @media (max-width: 767px) { .plan-figures .car-loan-1 { width: 94px; height: auto; margin-left: 73px; top: 150px; } } .plan-figures .car-loan-2 { width: 164px; height: 87px; position: absolute; left: 50%; margin-left: -280px; top: 255px; } .plan-figures .car-loan-2 img { width: 100%; } @media (max-width: 767px) { .plan-figures .car-loan-2 { width: 113px; height: auto; margin-left: -180px; top: 180px; } } .plan-figures .car-loan-2-dog { width: 122px; height: 158px; position: absolute; left: 50%; margin-left: 116px; top: -70px; } .plan-figures .car-loan-2-dog img { width: 100%; } @media (max-width: 767px) { .plan-figures .car-loan-2-dog { width: 87px; height: auto; margin-left: 73px; top: -48px; } } .plan-figures .car-loan-3 { width: 152px; height: 172px; position: absolute; left: 50%; margin-left: -290px; top: 190px; } .plan-figures .car-loan-3 img { width: 100%; } @media (max-width: 767px) { .plan-figures .car-loan-3 { width: 97px; height: auto; margin-left: -175px; top: 140px; } } .plan-figures .dog-reserved-cash { width: 140px; height: 76px; position: absolute; left: 50%; margin-left: 50px; top: -20px; } .plan-figures .dog-reserved-cash img { width: 100%; } @media (max-width: 767px) { .plan-figures .dog-reserved-cash { width: 102px; height: auto; margin-left: 30px; top: -40px; } } .plan-figures .line-reserved-cash { width: 130px; height: 138px; position: absolute; left: 50%; margin-left: 120px; top: 180px; } .plan-figures .line-reserved-cash img { width: 100%; } @media (max-width: 767px) { .plan-figures .line-reserved-cash { width: 80px; height: auto; margin-left: 80px; top: 110px; transform: rotate(5deg); } } .plans-balloon-figure { width: 77px; height: 115px; position: relative; margin-top: -2px; margin-left: -32px; } .plans-balloon-figure img { width: 100%; } .loanPlans-swiper .swiper-slide { width: 80vw; min-height: 429px; display: flex; border-radius: 24px; transform: translateY(0); -webkit-transform: translateY(0); background: #FDFDFD; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1), inset -4px -3px 12px rgba(182, 190, 199, 0.12); } .loanPlans-swiper .swiper-slide a { display: flex; height: 100%; align-items: flex-start; text-decoration: none; } .loanPlans-swiper .swiper-slide .content { padding: 48px 24px 24px 24px; height: 100%; width: 100%; } .loanPlans-swiper .swiper-pagination { position: static; margin-top: 12px; } .loanPlans-swiper .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 4px; background: #C7CDD4; opacity: 1; border-radius: 16px; transition: all 0.3s ease-out; } .loanPlans-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 40px; background: #17B6C9; } .plans-note { position: absolute; left: 50%; margin-left: -50px; top: 10px; } @media (max-width: 767px) { .plans-note { top: -25px; } } .current-time-deposit-banner { height: 500px; position: relative; overflow: hidden; } .current-time-deposit-banner .banner-bg { background-image: url(../images/img-current-deposit-page-01-bg@2x.png); background-size: cover; background-repeat: no-repeat; background-position: right 0; height: 100%; } .current-time-deposit-banner .banner-figure-wrap { position: absolute; z-index: 0; right: 0; bottom: 0; } .current-time-deposit-banner .figure-animation2 { position: absolute; right: 350px; top: 18%; } @media (max-width: 1199px) { .current-time-deposit-banner .figure-animation2 { transform: scale(0.9); right: 290px; top: 15%; } } @media (max-width: 1023px) { .current-time-deposit-banner .figure-animation2 { transform: scale(0.6); right: 160px; top: 10%; } } @media (max-width: 767px) { .current-time-deposit-banner .figure-animation2 { right: 130px; top: 4%; } } @media (max-width: 479px) { .current-time-deposit-banner .figure-animation2 { right: 90px; top: -20px; } } .current-time-deposit-banner .figure img { height: 500px; } @media (max-width: 1199px) { .current-time-deposit-banner { height: 450px; } .current-time-deposit-banner .figure img { height: 450px; } } @media (max-width: 1023px) { .current-time-deposit-banner { height: 500px; } .current-time-deposit-banner .figure img { height: 350px; } } @media (max-width: 767px) { .current-time-deposit-banner { height: 480px; } .current-time-deposit-banner .figure img { width: 580px; height: auto; } } @media (max-width: 479px) { .current-time-deposit-banner { height: 480px; } .current-time-deposit-banner .figure img { width: 490px; height: auto; } } .product-cards-item { position: relative; margin: 0 auto; } .product-cards-item .cards-main img { width: 100%; } .product-cards-item.horizontal { width: 343px; height: 233px; background-image: url(../images/img-cards-bg-h@2x.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; padding-left: 27px; padding-top: 15px; } @media (max-width: 1215px) { .product-cards-item.horizontal { width: 280px; height: 189px; padding-left: 22px; padding-top: 11px; } } @media (max-width: 991px) { .product-cards-item.horizontal { width: 220px; height: 151px; padding-left: 17px; padding-top: 10px; } } @media (max-width: 767px) { .product-cards-item.horizontal { width: 273px; height: 187px; padding-left: 22px; padding-top: 12px; } } .product-cards-item.horizontal .cards-main { width: 300px; height: 190px; } @media (max-width: 1215px) { .product-cards-item.horizontal .cards-main { width: 245px; height: auto; } } @media (max-width: 991px) { .product-cards-item.horizontal .cards-main { width: 194px; height: auto; } } @media (max-width: 767px) { .product-cards-item.horizontal .cards-main { width: 240px; height: 152px; } } .product-cards-item.vertical { width: 218px; height: 321px; background-image: url(../images/img-cards-bg-v@2x.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; padding-left: 27px; padding-top: 15px; } @media (max-width: 1215px) { .product-cards-item.vertical { width: 180px; height: 263px; padding-left: 22px; padding-top: 11px; } } @media (max-width: 991px) { .product-cards-item.vertical { width: 142px; height: 209px; padding-left: 17px; padding-top: 10px; } } @media (max-width: 767px) { .product-cards-item.vertical { width: 175px; height: 257px; padding-left: 22px; padding-top: 12px; } } .product-cards-item.vertical .cards-main { width: 175px; height: 278px; } @media (max-width: 1215px) { .product-cards-item.vertical .cards-main { width: 144px; height: auto; } } @media (max-width: 991px) { .product-cards-item.vertical .cards-main { width: 114px; height: auto; } } @media (max-width: 767px) { .product-cards-item.vertical .cards-main { width: 140px; height: 222px; } } .jars-item { position: relative; overflow: hidden; } .jars-item .icon-new-draw-line3 { min-width: 122px; width: 122px; height: 10px; top: 45px; left: 0; } @media (max-width: 767px) { .jars-item .icon-new-draw-line3 { min-width: 90px; width: 90px; height: 10px; } } .jars-item .jar-bg { background-image: url(../images/img-current-deposit-page-02-bg@2x.png); background-size: cover; background-repeat: no-repeat; background-position: right bottom; height: 100%; } .jars-item .figure { opacity: 0; transform: translateY(4px); transition: all 1s ease-out; position: absolute; right: 16px; bottom: 24px; width: 300px; height: 336px; } .jars-item .figure img { width: 100%; } @media (max-width: 991px) { .jars-item .figure { width: 178px; height: 200px; } } @media (max-width: 767px) { .jars-item .figure { width: 150px; height: 168px; right: 8px; bottom: 16px; } } .jars-item .figure.fadein { opacity: 1; transform: translateY(0); } .jars-item .figure.w-494 { right: 120px; bottom: 28px; } @media (max-width: 991px) { .jars-item .figure.w-494 { right: 50px; bottom: 28px; } } @media (max-width: 767px) { .jars-item .figure.w-494 { right: 8px; bottom: 16px; } } .insurance-type { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background-size: 100%; background-position: center center; background-repeat: no-repeat; } .insurance-type.primary { background-image: url(../images/img-insurance-icon-primary@2x.png); } .insurance-type.secondary { background-image: url(../images/img-insurance-icon-secondary@2x.png); } .insurance-item .insurance-item-bg { position: absolute; right: 0; bottom: -48px; width: 538px; height: 110px; z-index: 0; } .insurance-item .insurance-item-bg img { width: 100%; } .insurance-item .figure { opacity: 0; transform: translateY(4px); transition: all 1s ease-out; position: absolute; right: 32px; bottom: 0; width: 190px; height: 190px; z-index: 0; } .insurance-item .figure img { width: 100%; } @media (max-width: 991px) { .insurance-item .figure { width: 174px; height: 174px; right: 0; bottom: 32px; } } @media (max-width: 767px) { .insurance-item .figure { width: 118px; height: 118px; } } .insurance-item .figure.fadein { opacity: 1; transform: translateY(0); } .saving-account-banner { position: relative; overflow: hidden; } .saving-account-banner .banner-bg { position: relative; } .saving-account-banner .figure { position: absolute; z-index: 0; right: 0; bottom: 0; } .saving-account-banner .figure img { height: 530px; } .saving-account-banner .figure.w-494 { height: 340px; width: 494px; } .saving-account-banner .figure.w-494 img { width: 100%; height: 100%; } .saving-account-banner .figure-animation { width: 275px; height: 295px; position: absolute; right: 270px; top: 25%; } @media (max-width: 1109px) { .saving-account-banner .figure-animation { top: 30%; } } @media (max-width: 991px) { .saving-account-banner .figure-animation { transform: scale(0.7); right: 140px; top: 42%; } } @media (max-width: 767px) { .saving-account-banner .figure-animation { top: 0%; } } .saving-account-banner .figure-animation #animation_container_banner { width: 100%; height: 100%; } @media (max-width: 991px) { .saving-account-banner .figure { height: 370px; } .saving-account-banner .figure img { height: 370px; } .saving-account-banner .figure.w-494 { height: auto; width: 360px; } } @media (max-width: 767px) { .saving-account-banner .figure { height: 370px; } .saving-account-banner .figure img { height: 370px; } .saving-account-banner .figure.w-494 { height: 158px; width: 228px; } .saving-account-banner .banner-bg { height: 370px; } } @keyframes initActionAnimationY1 { 100% { opacity: 1; transform: translateY(0); } } @keyframes initActionAnimationY2 { 100% { transform: translateY(-93px); } } @keyframes jumpInfinite { 0% { transform: translateY(0); } 50% { transform: translateY(20px); } 100% { transform: translateY(0); } } .svg-stroke, .svg-stroke2 { position: absolute; left: 200px; top: -15px; opacity: 0; backface-visibility: hidden; } @media (max-width: 1119px) { .svg-stroke, .svg-stroke2 { scale: 0.9; left: 190px; } } @media (max-width: 991px) { .svg-stroke, .svg-stroke2 { scale: 1; transform: rotate(20deg); left: 210px; top: -5px; } } @media (max-width: 767px) { .svg-stroke, .svg-stroke2 { scale: 1; transform: rotate(20deg); left: 190px; top: -5px; } } .svg-stroke.atbottom, .svg-stroke2.atbottom { transform: scaleY(-1) scaleY(0.8); left: 180px; bottom: 35px; } .product-kv-banner { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: 920px; position: relative; } @media (max-width: 1215px) { .product-kv-banner { height: 1024px; } } @media (max-width: 767px) { .product-kv-banner { height: 820px; } } .product-kv-banner .pruduct-kv-banner-container { width: 100%; height: 100%; background-image: url(../images/img-bg-product-l@2x.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top center; } @media (max-width: 1215px) { .product-kv-banner .pruduct-kv-banner-container { background-size: cover; } } @media (max-width: 767px) { .product-kv-banner .pruduct-kv-banner-container { background-image: url(../images/img-bg-product-l-m@2x.png); } } .product-kv-banner .product-kv-banner-wrap { width: 1216px; height: 600px; margin: 0 auto; display: flex; justify-content: space-between; } @media (max-width: 1215px) { .product-kv-banner .product-kv-banner-wrap { height: 700px; width: 100%; flex-direction: column; } } @media (max-width: 767px) { .product-kv-banner .product-kv-banner-wrap { height: 582px; } } .product-kv-banner .banner-title { opacity: 0; transform: translateY(50px); animation-name: initActionAnimationY1; animation-duration: 1.5s; animation-fill-mode: forwards; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } @media (max-width: 1215px) { .product-kv-banner .banner-title { align-items: center; justify-content: flex-start; width: 100%; margin-top: 106px; } } @media (max-width: 767px) { .product-kv-banner .banner-title { margin-top: 96px; } } .product-kv-banner .product-kv-arrow { margin-top: 176px; } .product-kv-banner .product-kv-arrow .icon-new-slim-arrow-down { animation: jumpInfinite 1.2s infinite; } @media (max-width: 1215px) { .product-kv-banner .product-kv-arrow { margin-top: 148px; } } @media (max-width: 767px) { .product-kv-banner .product-kv-arrow { transform: scale(0.53); margin-top: 132px; } } .product-kv-banner .banner-main-figure { width: 592px; height: 508px; position: relative; align-self: flex-end; z-index: 0; } @media (max-width: 1215px) { .product-kv-banner .banner-main-figure { width: 400px; height: 343px; margin-top: 24px; align-self: center; } } @media (max-width: 767px) { .product-kv-banner .banner-main-figure { width: 375px; height: 322px; margin-top: 24px; align-self: center; } } .kv-banner { position: relative; } .kv-banner.banner-bg-01 { background-image: url(../images/img-kv-banner-bg-01@2x.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top center; } @media (max-width: 1215px) { .kv-banner.banner-bg-01 { background-size: cover; } } @media (max-width: 767px) { .kv-banner.banner-bg-01 { background-image: url(../images/img-kv-banner-bg-01-m@2x.png); background-size: 100% 100%; } } .kv-banner.banner-bg-02 { background-image: url(../images/img-kv-banner-bg-02@2x.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top center; } @media (max-width: 1215px) { .kv-banner.banner-bg-02 { background-size: cover; } } @media (max-width: 767px) { .kv-banner.banner-bg-02 { background-image: url(../images/img-kv-banner-bg-02-m@2x.png); background-size: 100% 100%; } } .kv-banner.banner-bg-03 { background-image: url(../images/img-kv-banner-bg-03@2x.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top center; } @media (max-width: 1215px) { .kv-banner.banner-bg-03 { background-size: cover; } } @media (max-width: 767px) { .kv-banner.banner-bg-03 { background-image: url(../images/img-kv-banner-bg-03-m@2x.png); background-size: 100% 100%; } } .kv-banner .kv-banner-container { display: flex; justify-content: space-between; align-items: center; padding: 0 32px 0 128px; width: 1216px; height: 100%; margin: 0 auto; } @media (max-width: 1215px) { .kv-banner .kv-banner-container { width: 100%; padding-left: 64px; padding-right: 16px; } } @media (max-width: 767px) { .kv-banner .kv-banner-container { flex-direction: column; padding: 0; } } .kv-banner .banner-title { position: relative; z-index: 1; align-self: flex-start; margin-top: 32px; } @media (max-width: 767px) { .kv-banner .banner-title { padding-top: 24px; margin-bottom: 8px; align-self: auto; margin-top: 0; } .kv-banner .banner-title div { text-align: center; } } .kv-banner .banner-fig { width: 320px; height: 248px; } @media (max-width: 767px) { .kv-banner .banner-fig { width: 180px; height: 140px; } } .kv-banner .banner-fig img { width: 100%; } #insTravelTabContent { min-height: 444px; } @media (max-width: 767px) { #insTravelTabContent { min-height: 656px; } } .latestnewsIndex-swiper { padding: 32px 16px 48px 16px; margin-bottom: 44px; } @media (max-width: 1287px) { .latestnewsIndex-swiper { padding: 24px 32px 48px 32px; } } @media (max-width: 767px) { .latestnewsIndex-swiper { padding: 24px 16px 36px 16px; } } .latestnewsIndex-swiper .swiper-wrapper { align-items: stretch; } .latestnewsIndex-swiper .swiper-slide { width: auto; } .latestnewsIndex-swiper .swiper-slide.blueStyle .banner-title-wrap { background-color: #64CEDB; } .latestnewsIndex-swiper .swiper-slide.blueStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 30 305' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.13866 305C2.13866 305 -2.67292 288.3 2.13803 228.75C6.94897 169.2 26.085 138.876 26.085 91.4121C26.085 43.9481 18.6618 -8.15735e-07 18.6618 -8.15735e-07L30 -1.31134e-06L30 305L2.13866 305Z' fill='%2364CEDB'/%3e%3c/svg%3e"); } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide.blueStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 312 16' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 1.8948C0 1.8948 17.0836 -2.36886 78 1.89534C138.916 6.15954 169.937 12.8889 218.49 12.8889C267.043 12.8889 312 3.86343 312 3.86343V16H0V1.8948Z' fill='%2364CEDB'/%3e%3c/svg%3e"); } } .latestnewsIndex-swiper .swiper-slide.blueStyle .banner-title { color: #364053; } .latestnewsIndex-swiper .swiper-slide.blueStyle .banner-date { color: #364053; } .latestnewsIndex-swiper .swiper-slide.orangeStyle .banner-title-wrap { background-color: #CB904C; } .latestnewsIndex-swiper .swiper-slide.orangeStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 30 305' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.13866 305C2.13866 305 -2.67292 288.3 2.13803 228.75C6.94897 169.2 26.085 138.876 26.085 91.4121C26.085 43.9481 18.6618 -8.15735e-07 18.6618 -8.15735e-07L30 -1.31134e-06L30 305L2.13866 305Z' fill='%23CB904C'/%3e%3c/svg%3e"); } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide.orangeStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 312 16' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 1.8948C0 1.8948 17.0836 -2.36886 78 1.89534C138.916 6.15954 169.937 12.8889 218.49 12.8889C267.043 12.8889 312 3.86343 312 3.86343V16H0V1.8948Z' fill='%23CB904C'/%3e%3c/svg%3e"); } } .latestnewsIndex-swiper .swiper-slide.orangeStyle .banner-title { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide.orangeStyle .banner-date { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide.yellowStyle .banner-title-wrap { background-color: #CBBE4C; } .latestnewsIndex-swiper .swiper-slide.yellowStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 30 305' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.13866 305C2.13866 305 -2.67292 288.3 2.13803 228.75C6.94897 169.2 26.085 138.876 26.085 91.4121C26.085 43.9481 18.6618 -8.15735e-07 18.6618 -8.15735e-07L30 -1.31134e-06L30 305L2.13866 305Z' fill='%23CBBE4C'/%3e%3c/svg%3e"); } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide.yellowStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 312 16' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 1.8948C0 1.8948 17.0836 -2.36886 78 1.89534C138.916 6.15954 169.937 12.8889 218.49 12.8889C267.043 12.8889 312 3.86343 312 3.86343V16H0V1.8948Z' fill='%23CBBE4C'/%3e%3c/svg%3e"); } } .latestnewsIndex-swiper .swiper-slide.yellowStyle .banner-title { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide.yellowStyle .banner-date { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide.grayStyle .banner-title-wrap { background-color: #B6BEC7; } .latestnewsIndex-swiper .swiper-slide.grayStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 30 305' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.13866 305C2.13866 305 -2.67292 288.3 2.13803 228.75C6.94897 169.2 26.085 138.876 26.085 91.4121C26.085 43.9481 18.6618 -8.15735e-07 18.6618 -8.15735e-07L30 -1.31134e-06L30 305L2.13866 305Z' fill='%23B6BEC7'/%3e%3c/svg%3e"); } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide.grayStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 312 16' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 1.8948C0 1.8948 17.0836 -2.36886 78 1.89534C138.916 6.15954 169.937 12.8889 218.49 12.8889C267.043 12.8889 312 3.86343 312 3.86343V16H0V1.8948Z' fill='%23B6BEC7'/%3e%3c/svg%3e"); } } .latestnewsIndex-swiper .swiper-slide.grayStyle .banner-title { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide.grayStyle .banner-date { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide.blackStyle .banner-title-wrap { background-color: #2A3342; } .latestnewsIndex-swiper .swiper-slide.blackStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 30 305' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.13866 305C2.13866 305 -2.67292 288.3 2.13803 228.75C6.94897 169.2 26.085 138.876 26.085 91.4121C26.085 43.9481 18.6618 -8.15735e-07 18.6618 -8.15735e-07L30 -1.31134e-06L30 305L2.13866 305Z' fill='%232A3342'/%3e%3c/svg%3e"); } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide.blackStyle .banner-title-wrap::before { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 312 16' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 1.8948C0 1.8948 17.0836 -2.36886 78 1.89534C138.916 6.15954 169.937 12.8889 218.49 12.8889C267.043 12.8889 312 3.86343 312 3.86343V16H0V1.8948Z' fill='%232A3342'/%3e%3c/svg%3e"); } } .latestnewsIndex-swiper .swiper-slide.blackStyle .banner-title { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide.blackStyle .banner-date { color: #FDFDFD; } .latestnewsIndex-swiper .swiper-slide .content { background: #FDFDFD; height: 305px; box-shadow: -4px -3px 12px 0px rgba(182, 190, 199, 0.12) inset, -2px -2px 10px 0px rgba(54, 64, 83, 0.1) inset, 0px 16px 18px 2px rgba(54, 64, 83, 0.16), 1px 1px 8px 0px rgba(182, 190, 199, 0.08) inset; border-radius: 24px; transform: translateY(0) rotate(0deg); -webkit-transform: translateY(0) rotate(0deg); overflow: hidden; } @media (max-width: 991px) { .latestnewsIndex-swiper .swiper-slide .content { height: 171px; } } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide .content { height: 266px; width: 80vw; border-radius: 8px; } } .latestnewsIndex-swiper .swiper-slide .content .figure-wrap { display: flex; position: relative; height: 100%; width: 100%; } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide .content .figure-wrap { height: 130px; } } .latestnewsIndex-swiper .swiper-slide .content .figure { position: absolute; z-index: 0; height: 305px; right: 0; top: 50%; margin-top: -152.5px; } .latestnewsIndex-swiper .swiper-slide .content .figure img { width: 100%; height: 100%; display: block; transition: all 0.3s ease-out; object-fit: cover; object-position: right center; } @media (max-width: 991px) { .latestnewsIndex-swiper .swiper-slide .content .figure { height: 270px; margin-top: -135px; } } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide .content .figure { height: 320px; margin-top: -160px; } } @media (max-width: 499px) { .latestnewsIndex-swiper .swiper-slide .content .figure { height: 200px; margin-top: -100px; } } .latestnewsIndex-swiper .swiper-slide .content .text { position: relative; z-index: 2; width: 40%; align-self: center; margin-left: 40px; } @media (max-width: 991px) { .latestnewsIndex-swiper .swiper-slide .content .text { margin-left: 20px; } } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide .content .text { margin-left: 16px; margin-top: 8px; } } .latestnewsIndex-swiper .swiper-slide .content .latestnews-status-tags { left: 40px; top: 32px; } @media (max-width: 991px) { .latestnewsIndex-swiper .swiper-slide .content .latestnews-status-tags { left: 20px; top: 20px; } } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide .content .latestnews-status-tags { left: 16px; top: 12px; } } .latestnewsIndex-swiper .swiper-slide .content .banner-title-wrap::before { content: ''; display: block; position: absolute; z-index: 1; width: 30px; height: 305px; top: 0; left: -29px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } @media (max-width: 991px) { .latestnewsIndex-swiper .swiper-slide .content .banner-title-wrap::before { width: 20px; height: 171px; left: -19px; } } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide .content .banner-title-wrap::before { width: 100%; height: 16px; top: -15px; left: 0; } } .latestnewsIndex-swiper .swiper-slide .content .banner-title { height: 144px; display: flex; align-items: center; } @media (max-width: 991px) { .latestnewsIndex-swiper .swiper-slide .content .banner-title { height: 64px; word-wrap: break-word; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-slide .content .banner-title { height: 56px; } } .latestnewsIndex-swiper .swiper-slide a { text-decoration: none; } .latestnewsIndex-swiper .swiper-slide a:hover .figure img { transform: scale(1.03); } .latestnewsIndex-swiper .swiper-button-next, .latestnewsIndex-swiper .swiper-button-prev { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #DCE0E5; box-shadow: inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -3px 4px rgba(182, 190, 199, 0.08); border-radius: 50%; top: calc(50% - 24px); } @media (max-width: 767px) { .latestnewsIndex-swiper .swiper-button-next, .latestnewsIndex-swiper .swiper-button-prev { display: none; } } .latestnewsIndex-swiper .swiper-button-next:hover, .latestnewsIndex-swiper .swiper-button-prev:hover { box-shadow: 0px 6px 16px rgba(54, 64, 83, 0.08), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -3px 4px rgba(182, 190, 199, 0.08); } .latestnewsIndex-swiper .swiper-button-next:hover::after, .latestnewsIndex-swiper .swiper-button-prev:hover::after { color: #17B6C9; } .latestnewsIndex-swiper .swiper-button-next::after, .latestnewsIndex-swiper .swiper-button-prev::after { font-size: 18px; font-weight: bold; color: #727D8C; } .latestnewsIndex-swiper .swiper-button-next.swiper-button-disabled, .latestnewsIndex-swiper .swiper-button-prev.swiper-button-disabled { opacity: 0; } .latestnewsIndex-swiper .swiper-button-next.swiper-button-disabled::after, .latestnewsIndex-swiper .swiper-button-prev.swiper-button-disabled::after { color: #C7CDD4; } .latestnewsIndex-swiper .swiper-button-next { right: 0; } .latestnewsIndex-swiper .swiper-button-next::after { margin-left: 4px; } .latestnewsIndex-swiper .swiper-button-prev { left: 0; } .latestnewsIndex-swiper .swiper-button-prev::after { margin-right: 4px; } .latestnewsIndex-swiper .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 4px; background: #C7CDD4; opacity: 1; border-radius: 16px; transition: all 0.3s ease-out; } .latestnewsIndex-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 40px; background: #17B6C9; } .tab-navigation { position: absolute; top: 250px; left: 50%; margin-left: -608px; } @media (max-width: 1199px) { .tab-navigation { margin-left: -50vw; } } @media (max-width: 767px) { .tab-navigation { top: 205px; } } .tab-navigation .navi-container { width: 1216px; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: -2px -3px 4px 0px rgba(182, 190, 199, 0.08) inset, -1px -1px 9px 0px rgba(54, 64, 83, 0) inset, 0px 4px 10px 0px rgba(54, 64, 83, 0.08), 1px 1px 8px 0px rgba(182, 190, 199, 0.08) inset; } @media (max-width: 1199px) { .tab-navigation .navi-container { width: 95vw; margin: 0 2.5vw; } } .tab-navigation .navi-container ul { display: flex; align-items: center; } .tab-navigation .navi-container ul.twoItem li { width: 50%; } .tab-navigation .navi-container li { position: relative; } .tab-navigation .navi-container li + li::before { content: ''; display: block; position: absolute; left: 0; top: 20px; width: 1px; height: 40px; background-color: #C7CDD4; } @media (max-width: 767px) { .tab-navigation .navi-container li + li::before { height: 54px; top: 12px; } } .tab-navigation .navi-container li a { padding: 24px 32px; display: flex; align-items: center; width: 80%; margin: 0 auto; justify-content: center; text-decoration: none; color: #727D8C; font-weight: 500; font-family: 'Noto Sans TC'; transition: all ease-out 0.3s; border: 0 !important; border-radius: 0 !important; margin-bottom: 0 !important; background: none !important; position: relative; } .tab-navigation .navi-container li a::after { content: ''; display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: #17B6C9; } @media (max-width: 991px) { .tab-navigation .navi-container li a { padding: 24px 20px; } } @media (max-width: 480px) { .tab-navigation .navi-container li a { padding: 24px 8px; } } .tab-navigation .navi-container li a:hover { color: #17B6C9; } .tab-navigation .navi-container li a.active { color: #17B6C9; font-weight: 700; font-family: 'Noto Sans TC'; } .tab-navigation .navi-container li a.active::after { display: block; } .latestNews .product-kv-banner { height: 320px; justify-content: center; background-image: url(../images/img-latest-news-kv-bg@2x.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center top; } @media (max-width: 767px) { .latestNews .product-kv-banner { height: 240px; background-image: url(../images/img-latest-news-kv-bg-m@2x.png); } } .latestNews .product-kv-banner .banner-title { margin-bottom: 0; margin-top: 0; opacity: 1; transform: translateY(0); } .latestNews-content-wrap { width: 1248px; margin: 0 auto; } @media (max-width: 1287px) { .latestNews-content-wrap { width: 100%; } } .latestnews-type-tags { display: inline-block; padding: 2px 4px; font-size: 12px; font-weight: 500; font-family: 'Noto Sans TC'; line-height: 20px; color: #FDFDFD; border-radius: 4px; background-color: #727D8C; margin: 0 1px; } .latestnews-status-tags { display: inline-block; flex-shrink: 0; padding: 4px 12px; font-size: 12px; font-weight: 700; font-family: 'Noto Sans TC'; line-height: 20px; border-radius: 30px; position: absolute; z-index: 1; } .latestnewsIndex-list-wrap { width: 1102px; margin: 0 auto; } @media (max-width: 1100px) { .latestnewsIndex-list-wrap { width: 100%; padding-left: 32px; padding-right: 32px; } } @media (max-width: 767px) { .latestnewsIndex-list-wrap { padding-left: 16px; padding-right: 16px; } } .latestnewsIndex-list { margin-left: -16px; margin-right: -16px; display: flex; flex-wrap: wrap; } @media (max-width: 1100px) { .latestnewsIndex-list { margin-left: -12px; margin-right: -12px; } } @media (max-width: 767px) { .latestnewsIndex-list { margin-left: -8px; margin-right: -8px; } } .latestnewsIndex-list .news-item { width: 346px; height: 296px; margin: 16px; } @media (max-width: 1100px) { .latestnewsIndex-list .news-item { width: calc((100% - 48px)/2); margin: 12px; height: auto; } } @media (max-width: 767px) { .latestnewsIndex-list .news-item { width: calc(100% - 16px); margin: 8px; } } .latestnewsIndex-list .news-item .figure { height: 194px; border-radius: 8px; overflow: hidden; display: flex; justify-content: flex-end; transform: translateY(0) rotate(0deg); -webkit-transform: translateY(0 rotate(0deg)); } .latestnewsIndex-list .news-item .figure img { width: 100%; height: 100%; display: block; transition: all 0.3s ease-out; object-fit: cover; object-position: center center; transform: scale(1); -webkit-transform: scale(1); } @media (max-width: 1100px) { .latestnewsIndex-list .news-item .figure { height: 184px; } } @media (max-width: 767px) { .latestnewsIndex-list .news-item .figure { height: 130px; } } .latestnewsIndex-list .news-item .fig-caption { font-size: 18px; font-weight: 700; font-family: 'Montserrat', 'Noto Sans TC'; line-height: 32px; position: absolute; z-index: 1; left: 24px; width: 40%; top: 50%; margin-top: -32px; } @media (max-width: 991px) { .latestnewsIndex-list .news-item .fig-caption { line-height: 28px; left: 24px; margin-top: -28px; } } @media (max-width: 767px) { .latestnewsIndex-list .news-item .fig-caption { font-size: 16px; line-height: 28px; left: 16px; margin-top: -16px; } } .latestnewsIndex-list .news-item .links { font-size: 16px; font-family: Noto Sans TC; font-weight: 700; line-height: 24px; color: #2A3342; margin-top: 8px; word-wrap: break-word; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.3s ease-out; } .latestnewsIndex-list .news-item .latestnews-status-tags { top: 16px; left: 24px; } @media (max-width: 767px) { .latestnewsIndex-list .news-item .latestnews-status-tags { top: 12px; left: 16px; } } .latestnewsIndex-list .news-item a { text-decoration: none; } .latestnewsIndex-list .news-item a:hover .figure { overflow: hidden !important; } @media (min-width: 768px) { .latestnewsIndex-list .news-item a:hover .figure img { transform: scale(1.03); -webkit-transform: scale(1.03); } } .latestnewsIndex-list .news-item a:hover .links { color: #17B6C9; } .search-groups { width: 1216px; margin: 0 auto; } .search-groups.style-fit { width: auto; margin: 0; } .search-groups.style-fit .search-type { display: none; } @media (max-width: 1215px) { .search-groups.style-fit .search-type { display: block; } } @media (max-width: 1199px) { .search-groups { width: 95vw; margin: 0 2.5vw; } } @media (max-width: 767px) { .search-groups.fixed-top { position: fixed; width: 100%; padding: 8px 16px; z-index: 2; top: 64px; left: 0; margin: 0; background-color: #fff; } } .search-groups .input-search-group { position: relative; } .search-groups .input-search-group .form-control { border: 1px solid #727D8C; padding: 8px 12px 8px 16px; font-size: 16px; font-weight: 400; line-height: 24px; font-family: 'Noto Sans TC'; border-radius: 8px !important; color: #2A3342; } .search-groups .input-search-group .form-control::placeholder { color: #727D8C; font-weight: 400; } .search-groups .input-search-group .form-control::-moz-placeholder { color: #727D8C; font-weight: 400; } .search-groups .input-search-group .form-control::-webkit-search-cancel-button { position: relative; right: 0; -webkit-appearance: none; height: 24px; width: 24px; border-radius: 50%; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 24px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='10' stroke='%232A3342' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='round'/%3e%3cpath d='M9 9L15 15' stroke='%232A3342' stroke-width='1.6' stroke-linecap='round'/%3e%3cpath d='M15 9L9 15' stroke='%232A3342' stroke-width='1.6' stroke-linecap='round'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; opacity: 0; pointer-events: none; } .search-groups .input-search-group .form-control:focus { border: 1px solid #17B6C9; } .search-groups .input-search-group .form-control:focus + .input-group-append { z-index: 3; } .search-groups .input-search-group .form-control:focus::-webkit-search-cancel-button { opacity: 1; pointer-events: all; } .search-groups .input-search-group .input-group-append { position: absolute; right: 12px; top: 8px; padding-left: 3px; background-color: #fff; } .search-result-text { width: 1216px; margin: 0 auto; } @media (max-width: 1199px) { .search-result-text { width: 95vw; margin: 0 2.5vw; } } .search-no-result { height: 500px; display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .search-no-result { height: 324px; } } .latestNewsContent .product-kv-banner { height: 600px; justify-content: center; position: relative; } @media (max-width: 991px) { .latestNewsContent .product-kv-banner { height: 480px; } } @media (max-width: 767px) { .latestNewsContent .product-kv-banner { height: auto; flex-direction: column; justify-content: flex-start; } } .latestNewsContent .product-kv-banner .banner-figure { width: 846px; height: 512px; padding: 12px 16px; position: absolute; z-index: 0; left: 50%; margin-left: -80px; top: 76px; display: flex; justify-content: flex-end; } @media (max-width: 1439px) { .latestNewsContent .product-kv-banner .banner-figure { left: auto; right: -50px; margin-left: 0; } } @media (max-width: 991px) { .latestNewsContent .product-kv-banner .banner-figure { transform: scale(0.75); right: -150px; top: -16px; } } @media (max-width: 767px) { .latestNewsContent .product-kv-banner .banner-figure { transform: scale(1); padding: 8px; height: 320px; width: 569px; position: static; margin-right: 120px; margin-top: 24px; } } .latestNewsContent .product-kv-banner .banner-figure img { width: 100%; height: 100%; object-fit: cover; display: block; object-position: right center; } .latestNewsContent .product-kv-banner .banner-figure .mask { position: absolute; width: 100%; height: 100%; right: 0; top: 0; } .latestNewsContent .product-kv-banner .banner-wrap { width: 1216px; margin: 0 auto; } @media (max-width: 1439px) { .latestNewsContent .product-kv-banner .banner-wrap { width: 100%; padding: 0 32px; } } @media (max-width: 991px) { .latestNewsContent .product-kv-banner .banner-wrap { width: 100%; padding: 0 16px; } } @media (max-width: 767px) { .latestNewsContent .product-kv-banner .banner-wrap { margin-top: 80px; } } .latestNewsContent .product-kv-banner .banner-title { display: block; opacity: 1; transform: translateY(0); margin-bottom: 0; margin-top: 0; } .latestNewsContent .product-kv-banner .latestnews-status-tags { position: static; } .latestNewsContent .product-kv-banner .title-text { width: 430px; } @media (max-width: 991px) { .latestNewsContent .product-kv-banner .title-text { width: 370px; } } @media (max-width: 767px) { .latestNewsContent .product-kv-banner .title-text { width: auto; } } .latestNewsContent .product-kv-banner .banner-anchor li { text-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2); font-size: 18px; font-family: 'Noto Sans TC'; font-weight: 700; line-height: 28px; display: flex; align-items: center; } .latestNewsContent .product-kv-banner .banner-anchor li a { color: #DAFA5F; text-decoration: none; } .latestNewsContent .product-kv-banner .banner-anchor li + li::before { content: '|'; color: #DAFA5F; display: inline-block; margin: 0 16px; font-size: 14px; } .latestNewsContent.blueStyle .product-kv-banner { background-color: #64CEDB; } .latestNewsContent.blueStyle .product-kv-banner .banner-figure .mask { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 846 512' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M846 0H0V512H846V0ZM182.722 146.106C168.192 248.198 248.458 373.916 316.407 448.06C369.505 506 695.638 544.685 790.13 359.007C865.157 218.9 826.05 124.69 741.93 86.5222C473.194 -35.4113 211.368 11.3131 182.722 146.106Z' fill='%2364CEDB'/%3e%3c/svg%3e"); } .latestNewsContent.blueStyle .product-kv-banner .banner-date, .latestNewsContent.blueStyle .product-kv-banner .title-text { color: #2A3342; } .latestNewsContent.orangeStyle .product-kv-banner { background-color: #CB904C; } .latestNewsContent.orangeStyle .product-kv-banner .banner-figure .mask { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 846 512' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M846 0H0V512H846V0ZM182.722 146.106C168.192 248.198 248.458 373.916 316.407 448.06C369.505 506 695.638 544.685 790.13 359.007C865.157 218.9 826.05 124.69 741.93 86.5222C473.194 -35.4113 211.368 11.3131 182.722 146.106Z' fill='%23CB904C'/%3e%3c/svg%3e"); } .latestNewsContent.orangeStyle .product-kv-banner .banner-date, .latestNewsContent.orangeStyle .product-kv-banner .title-text { color: #FDFDFD; } .latestNewsContent.yellowStyle .product-kv-banner { background-color: #CBBE4C; } .latestNewsContent.yellowStyle .product-kv-banner .banner-figure .mask { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 846 512' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M846 0H0V512H846V0ZM182.722 146.106C168.192 248.198 248.458 373.916 316.407 448.06C369.505 506 695.638 544.685 790.13 359.007C865.157 218.9 826.05 124.69 741.93 86.5222C473.194 -35.4113 211.368 11.3131 182.722 146.106Z' fill='%23CBBE4C'/%3e%3c/svg%3e"); } .latestNewsContent.yellowStyle .product-kv-banner .banner-date, .latestNewsContent.yellowStyle .product-kv-banner .title-text { color: #FDFDFD; } .latestNewsContent.grayStyle .product-kv-banner { background-color: #B6BEC7; } .latestNewsContent.grayStyle .product-kv-banner .banner-figure .mask { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 846 512' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M846 0H0V512H846V0ZM182.722 146.106C168.192 248.198 248.458 373.916 316.407 448.06C369.505 506 695.638 544.685 790.13 359.007C865.157 218.9 826.05 124.69 741.93 86.5222C473.194 -35.4113 211.368 11.3131 182.722 146.106Z' fill='%23B6BEC7'/%3e%3c/svg%3e"); } .latestNewsContent.grayStyle .product-kv-banner .banner-date, .latestNewsContent.grayStyle .product-kv-banner .title-text { color: #FDFDFD; } .latestNewsContent.blackStyle .product-kv-banner { background-color: #2A3342; } .latestNewsContent.blackStyle .product-kv-banner .banner-figure .mask { background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' viewBox='0 0 846 512' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M846 0H0V512H846V0ZM182.722 146.106C168.192 248.198 248.458 373.916 316.407 448.06C369.505 506 695.638 544.685 790.13 359.007C865.157 218.9 826.05 124.69 741.93 86.5222C473.194 -35.4113 211.368 11.3131 182.722 146.106Z' fill='%232A3342'/%3e%3c/svg%3e"); } .latestNewsContent.blackStyle .product-kv-banner .banner-date, .latestNewsContent.blackStyle .product-kv-banner .title-text { color: #FDFDFD; } @media (max-width: 767px) { .latsetnews-content-section { margin-top: -32px; } } @media (max-width: 1439px) { .latsetnews-content-section .section-container { width: auto; margin: 0 32px; } } @media (max-width: 991px) { .latsetnews-content-section .section-container { width: auto; margin: 0 16px; } } @media (max-width: 767px) { .latsetnews-content-section .section-container { width: 100%; margin: 0; } } .latestnewsContent-tab { width: 600px; margin: 0 auto; } @media (max-width: 991px) { .latestnewsContent-tab { width: 100%; } } .latestnewsContent-tab-content { width: 960px; margin: 0 auto; } @media (max-width: 1059px) { .latestnewsContent-tab-content { width: 100%; } } @media (max-width: 1439px) { .download-section .section-container, .back-section .section-container { width: auto; margin: 0 32px; } } @media (max-width: 991px) { .download-section .section-container, .back-section .section-container { width: auto; margin: 0 20px; } } .eventItemModule { display: flex; flex-wrap: wrap; width: 100%; } .eventItemModule.figureNoneStyle { flex-direction: column; } .eventItemModule.figureNoneStyle .eventFigureModule { display: none; } .eventItemModule.figureTopStyle { flex-direction: column; } .eventItemModule.figureTopStyle .eventFigureModule { flex-basis: 100%; order: 1; } .eventItemModule.figureTopStyle .all-contents { flex-basis: 100%; order: 2; margin-top: 48px; } .eventItemModule.figureTopStyle .eventCTAButtonsModule { order: 3; } .eventItemModule.figureLeftStyle .eventFigureModule { flex: 0 0 calc(50% - 40px); order: 1; margin-right: 40px; } .eventItemModule.figureLeftStyle .eventFigureModule .figure { margin-top: 48px; } .eventItemModule.figureLeftStyle .all-contents { flex: 0 0 50%; order: 2; } .eventItemModule.figureLeftStyle .all-contents .eventLabelModule { justify-content: flex-start; } .eventItemModule.figureLeftStyle .all-contents .eventTitleModule div { text-align: left; } .eventItemModule.figureLeftStyle .eventCTAButtonsModule { flex: 0 0 100%; order: 3; } .eventItemModule.figureLeftStyle .eventCTAButtonsModule .buttons-wrap { justify-content: flex-end !important; } .eventItemModule.figureLeftStyle .eventCTAButtonsModule .buttons-content { flex-basis: 50%; justify-content: flex-end; } @media (max-width: 767px) { .eventItemModule.figureLeftStyle .eventFigureModule { flex-basis: 100%; order: 2; margin-right: 0; margin-top: 48px; } .eventItemModule.figureLeftStyle .eventFigureModule .figure { margin-top: 0; } .eventItemModule.figureLeftStyle .all-contents { flex-basis: 100%; order: 1; } .eventItemModule.figureLeftStyle .all-contents .eventLabelModule { justify-content: center; } .eventItemModule.figureLeftStyle .all-contents .eventTitleModule div { text-align: center; } .eventItemModule.figureLeftStyle .eventCTAButtonsModule { order: 3; } .eventItemModule.figureLeftStyle .eventCTAButtonsModule .buttons-wrap { justify-content: center !important; } .eventItemModule.figureLeftStyle .eventCTAButtonsModule .buttons-content { flex-basis: 100%; justify-content: center; } } .eventItemModule.figureRightStyle .eventFigureModule { flex: 0 0 calc(50% - 40px); order: 2; margin-left: 40px; } .eventItemModule.figureRightStyle .eventFigureModule .figure { margin-top: 48px; } .eventItemModule.figureRightStyle .all-contents { flex: 0 0 50%; order: 1; } .eventItemModule.figureRightStyle .all-contents .eventLabelModule { justify-content: flex-start; } .eventItemModule.figureRightStyle .all-contents .eventTitleModule div { text-align: left; } .eventItemModule.figureRightStyle .eventCTAButtonsModule { flex: 0 0 100%; order: 3; } .eventItemModule.figureRightStyle .eventCTAButtonsModule .buttons-wrap { justify-content: flex-start !important; } .eventItemModule.figureRightStyle .eventCTAButtonsModule .buttons-content { flex-basis: 50%; justify-content: flex-start; } @media (max-width: 767px) { .eventItemModule.figureRightStyle .eventFigureModule { flex-basis: 100%; order: 2; margin-left: 0; margin-top: 48px; } .eventItemModule.figureRightStyle .eventFigureModule .figure { margin-top: 0; } .eventItemModule.figureRightStyle .all-contents { flex-basis: 100%; order: 1; } .eventItemModule.figureRightStyle .all-contents .eventLabelModule { justify-content: center; } .eventItemModule.figureRightStyle .all-contents .eventTitleModule div { text-align: center; } .eventItemModule.figureRightStyle .eventCTAButtonsModule { order: 3; } .eventItemModule.figureRightStyle .eventCTAButtonsModule .buttons-wrap { justify-content: center !important; } .eventItemModule.figureRightStyle .eventCTAButtonsModule .buttons-content { flex-basis: 100%; justify-content: center; } } .eventLabelModule { display: flex; align-items: center; justify-content: center; } .eventLabelModule div { border-radius: 30px; padding: 4px 16px; background: #48556C; color: #DAFA5F; font-size: 16px; font-family: 'Noto Sans TC'; font-weight: 700; line-height: 24px; text-align: center; } .eventTitleModule div { color: #2A3342; text-align: center; font-size: 28px; font-family: 'Montserrat', 'Noto Sans TC'; font-weight: 700; line-height: 44px; } .eventTitleModule div em { color: #CD9453; font-style: normal; } .eventTitleModule p { margin: 0; } .eventItemContentModule .event-item { display: flex; } @media (max-width: 767px) { .eventItemContentModule .event-item { flex-direction: column; } } .eventItemContentModule .event-item .event-item-title { border-left: 4px solid #CB904C; padding-left: 8px; width: 84px; margin-right: 24px; flex-shrink: 0; line-height: 28px; height: 28px; } @media (max-width: 767px) { .eventItemContentModule .event-item .event-item-title { line-height: 24px; height: 24px; } } .eventItemContentModule .event-item + .event-item { margin-top: 24px; } .eventItemContentModule .event-item.ev-target .event-item-text p { margin: 0; } .eventItemContentModule .event-item .event-item-text { flex-grow: 1; } .eventCTAButtonsModule .btn-primary { margin: 0 12px; } @media (max-width: 767px) { .eventCTAButtonsModule { margin: 0; } .eventCTAButtonsModule .btn-primary + .btn-primary { margin-top: 16px; } } .eventFigureModule { align-self: center; } .eventFigureModule .figure { border-radius: 16px; overflow: hidden; } .eventFigureModule img { width: 100%; } .eventFiguresGroupModule { padding-bottom: 40px; } .eventFiguresGroupModule.onePicStyle .figures-group { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(6, 4vw); grid-gap: 24px; } @media (max-width: 767px) { .eventFiguresGroupModule.onePicStyle .figures-group { grid-gap: 16px; } } .eventFiguresGroupModule.onePicStyle .fig-item.fig-item--1 { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 7; } .eventFiguresGroupModule.onePicStyle .fig-item.fig-item--2 { display: none; } .eventFiguresGroupModule.twoPicStyleLeft .figures-group { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 4vw); grid-gap: 24px; } @media (max-width: 767px) { .eventFiguresGroupModule.twoPicStyleLeft .figures-group { grid-gap: 16px; } } .eventFiguresGroupModule.twoPicStyleLeft .fig-item.fig-item--1 { grid-column-start: 1; grid-column-end: 6; grid-row-start: 1; grid-row-end: 5; } .eventFiguresGroupModule.twoPicStyleLeft .fig-item.fig-item--2 { grid-column-start: 6; grid-column-end: 9; grid-row-start: 1; grid-row-end: 5; } .eventFiguresGroupModule.twoPicStyleRight .figures-group { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 4vw); grid-gap: 24px; } @media (max-width: 767px) { .eventFiguresGroupModule.twoPicStyleRight .figures-group { grid-gap: 16px; } } .eventFiguresGroupModule.twoPicStyleRight .fig-item.fig-item--1 { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 5; } .eventFiguresGroupModule.twoPicStyleRight .fig-item.fig-item--2 { grid-column-start: 4; grid-column-end: 9; grid-row-start: 1; grid-row-end: 5; } .eventFiguresGroupModule.twoPicStyleEven .figures-group { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 4vw); grid-gap: 24px; } @media (max-width: 767px) { .eventFiguresGroupModule.twoPicStyleEven .figures-group { grid-gap: 16px; } } .eventFiguresGroupModule.twoPicStyleEven .fig-item.fig-item--1 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 5; } .eventFiguresGroupModule.twoPicStyleEven .fig-item.fig-item--2 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 5; } .eventFiguresGroupModule .figure { width: 100%; height: 100%; border-radius: 16px; overflow: hidden; background-color: #DCE0E5; } @media (max-width: 767px) { .eventFiguresGroupModule .figure { border-radius: 8px; } } .eventFiguresGroupModule img { width: 100%; height: 100%; object-fit: cover; display: block; } .eventFiguresGroupModule .fig-caption { font-size: 16px; font-family: 'Noto Sans TC'; font-weight: 400; line-height: 24px; color: #727D8C; margin-top: 8px; text-align: center; } .eventDividerModule { margin: 64px 0; } @media (max-width: 767px) { .eventDividerModule { margin: 48px 0; } } .eventDividerModule hr { margin: 0; height: 0; border: 0; border-top: 1px solid #DCE0E5; } .eventPrizeModule.longStyle .winner-item-click { display: flex; } .eventPrizeModule.longStyle .winner-item { display: none; } .eventPrizeModule.shortStyle .winner-item-click { display: none !important; } .eventPrizeModule.shortStyle .winner-item { display: block; } .eventPrizeModule.shortStyle .winner-content::after { display: none; } .eventPrizeModule.shortStyle .winner-content.collapse:not(.show), .eventPrizeModule.shortStyle .winner-content.collapsing { height: auto; } .eventTableWinnerListModule { border: 1px solid #DCE0E5; border-right: 0; border-radius: 8px; overflow: hidden; } .eventTableWinnerListModule + .eventTableWinnerListModule { margin-top: 16px; } .eventTableWinnerListModule.oneWinnerStyle .th-row .td-group, .eventTableWinnerListModule.oneWinnerStyle .td-row .td-group, .eventTableWinnerListModule.threeWinnerStyle .th-row .td-group, .eventTableWinnerListModule.threeWinnerStyle .td-row .td-group { flex: 1; } @media (max-width: 1059px) { .eventTableWinnerListModule.oneWinnerStyle .th-row .td-group, .eventTableWinnerListModule.oneWinnerStyle .td-row .td-group, .eventTableWinnerListModule.threeWinnerStyle .th-row .td-group, .eventTableWinnerListModule.threeWinnerStyle .td-row .td-group { flex-basis: auto; } } @media (max-width: 767px) { .eventTableWinnerListModule.oneWinnerStyle .th-row .td-group, .eventTableWinnerListModule.oneWinnerStyle .td-row .td-group, .eventTableWinnerListModule.threeWinnerStyle .th-row .td-group, .eventTableWinnerListModule.threeWinnerStyle .td-row .td-group { flex-basis: 50%; } } @media (max-width: 1059px) { .eventTableWinnerListModule.oneWinnerStyle .th-row .td-group:last-child, .eventTableWinnerListModule.threeWinnerStyle .th-row .td-group:last-child { display: flex; } } @media (max-width: 767px) { .eventTableWinnerListModule.oneWinnerStyle .th-row .td-group:nth-child(n+3), .eventTableWinnerListModule.threeWinnerStyle .th-row .td-group:nth-child(n+3) { display: none !important; } } .eventTableWinnerListModule.oneWinnerStyle .td-null-group { display: none; } @media (max-width: 767px) { .eventTableWinnerListModule.threeWinnerStyle .td-row .td-group { flex: 0 1 50%; } } .eventTableWinnerListModule .th-row { display: flex; align-items: center; width: 100%; background-color: #F3F5F6; border-right: 1px solid #DCE0E5; } .eventTableWinnerListModule .th-row .td-group { flex-basis: 20%; } .eventTableWinnerListModule .th-row .td-group div[class^="td-"] { padding: 12px; font-size: 14px; font-family: 'Noto Sans TC'; font-weight: 500; line-height: 20px; color: #727D8C; } @media (max-width: 1059px) { .eventTableWinnerListModule .th-row .td-group { flex-basis: 25%; } .eventTableWinnerListModule .th-row .td-group:last-child { display: none; } } @media (max-width: 767px) { .eventTableWinnerListModule .th-row .td-group { flex-basis: 50%; } .eventTableWinnerListModule .th-row .td-group:nth-child(n+3) { display: none !important; } } .eventTableWinnerListModule .td-group { display: flex; align-items: stretch; height: 100%; } .eventTableWinnerListModule .td-serial { flex-basis: 62px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .eventTableWinnerListModule .td-serial { flex-basis: 50px; } } .eventTableWinnerListModule .td-info { flex-grow: 1; } .eventTableWinnerListModule .td-null-group { display: flex; align-items: center; width: 100%; position: absolute; right: 0px; bottom: 0px; z-index: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; overflow: hidden; } .eventTableWinnerListModule .td-null-group .td-group div[class^="td-"] { color: #fff !important; } @media (max-width: 1059px) { .eventTableWinnerListModule .td-null-group .td-group:last-child { display: none; } } @media (max-width: 767px) { .eventTableWinnerListModule .td-null-group .td-group:nth-child(n+3) { display: none !important; } } .eventTableWinnerListModule .td-body { position: relative; } .eventTableWinnerListModule .td-body .td-row { display: flex; align-items: center; width: 100%; flex-wrap: wrap; position: relative; z-index: 1; } .eventTableWinnerListModule .td-body .td-group { flex-basis: 20%; } .eventTableWinnerListModule .td-body .td-group div[class^="td-"] { padding: 16px 12px; font-size: 16px; font-family: 'Noto Sans TC'; font-weight: 400; line-height: 24px; color: #2A3342; border-right: 1px solid #DCE0E5; border-top: 1px solid #DCE0E5; background-color: #fff; } @media (max-width: 767px) { .eventTableWinnerListModule .td-body .td-group div[class^="td-"] { padding: 16px 4px; } } @media (max-width: 1059px) { .eventTableWinnerListModule .td-body .td-group { flex-basis: 25%; } } @media (max-width: 767px) { .eventTableWinnerListModule .td-body .td-group { flex-basis: 50%; } } .eventNoticeModule { font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; font-family: 'Noto Sans TC'; color: #727D8C !important; } .eventNoticeModule .notice-item-click { text-decoration: none !important; } .eventNoticeModule i { transition: all 0.3s ease-out; transform: rotate(-180deg); } .eventNoticeModule .collapsed i { transform: rotate(0deg); } .eventNoticeModule .eventContentTextModule { font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; font-family: 'Noto Sans TC'; color: #727D8C !important; } .eventNoticeModule .eventContentTextModule div { margin-bottom: 1rem; } .eventWinnerListModule .winner-item-click { text-decoration: none; } .eventWinnerListModule i { transition: all 0.3s ease-out; transform: rotate(-180deg); } .eventWinnerListModule .collapsed i { transform: rotate(0deg); } .eventWinnerListModule .winner-content { position: relative; } .eventWinnerListModule .winner-content::after { content: ''; display: block; position: absolute; z-index: 1; left: 0; top: 200px; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(253, 253, 253, 0) 0%, #ffffff 65%); transition: opacity 1s ease-out; opacity: 1; } .eventWinnerListModule .winner-content.collapse.show::after { display: none; opacity: 0; } .eventWinnerListModule .winner-content.collapse:not(.show) { display: block; height: 250px; overflow: hidden; opacity: 1; } .eventWinnerListModule .winner-content.collapsing { position: relative; height: 250px; overflow: hidden; transition: height 0.35s ease; } .eventWinnerListModule .winner-content.collapsing::after { display: none; opacity: 0; } .attachmentsDownloadModule { display: flex; align-items: stretch; margin-left: -8px; margin-right: -8px; } @media (max-width: 767px) { .attachmentsDownloadModule { flex-direction: column; } } .attachmentsDownloadModule .attachment-item { border-radius: 8px; overflow: hidden; display: flex; flex: 1; height: auto; border: 1px solid #DCE0E5; background-color: #FDFDFD; box-shadow: -4px -3px 12px 0px rgba(182, 190, 199, 0.12) inset, -2px -2px 10px 0px rgba(54, 64, 83, 0.1) inset, 1px 1px 8px 0px rgba(182, 190, 199, 0.08) inset; margin: 0 8px; } .attachmentsDownloadModule .attachment-item a { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 16px; color: #2A3342; text-decoration: none; } .attachmentsDownloadModule .attachment-item a:hover { color: #17B6C9; } .attachmentsDownloadModule .attachment-item a div { word-wrap: break-word; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.3s ease-out; } @media (max-width: 767px) { .attachmentsDownloadModule .attachment-item + .attachment-item { margin-top: 16px; } } .eventContentTextModule { font-size: 18px; font-family: 'Noto Sans TC'; font-weight: 400; line-height: 28px; color: #2A3342; overflow-wrap: break-word; word-break: break-all; } .eventContentTextModule .color-orange { color: #CB904C; } .eventContentTextModule .color-red { color: #D02429; } .eventContentTextModule a { color: #17B6C9; text-decoration: none; } .eventContentTextModule a:hover { text-decoration: underline; } .eventContentTextModule .text-link { display: inline-flex; align-items: center; font-size: 16px; font-family: 'Noto Sans TC'; font-weight: 500; line-height: 24px; } .eventContentTextModule .text-link:hover { text-decoration: none; } .eventContentTextModule .text-link::after { content: ''; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 16px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.31365 3.28595L11.0277 8L6.31365 12.714' stroke='%2317B6C9' stroke-width='1.06667' stroke-linecap='square'/%3e%3c/svg%3e"); } .eventContentTextModule .btn-primary { color: #FDFDFD; } .eventContentTextModule .btn-primary:hover { text-decoration: none; } .eventContentTextModule .note { font-size: 14px; font-family: 'Noto Sans TC'; font-weight: 400; line-height: 20px; color: #727D8C; } .eventContentTextModule small { font-size: 14px; font-family: 'Noto Sans TC'; font-weight: 400; line-height: 20px; color: #727D8C; display: block; margin-bottom: 1rem; } .eventContentTextModule ul { list-style-type: none; margin-bottom: 1.5rem; } .eventContentTextModule ul li { font-size: 16px; font-family: 'Noto Sans TC'; font-weight: 400; line-height: 24px; display: flex; } .eventContentTextModule ul li::before { content: ''; display: inline-block; display: inline-block; background-size: cover; background-repeat: no-repeat; min-width: 8px; width: 8px; height: 8px; background-image: url("data:image/svg+xml,%3csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='4' cy='4' r='4' fill='%2317B6C9'/%3e%3c/svg%3e"); margin: 8px 16px 0 8px; } .eventContentTextModule ul li + li { margin-top: 8px; } .eventContentTextModule ul li span, .eventContentTextModule ul li span * { display: contents; } .eventContentTextModule ul li * { display: contents; } .eventContentTextModule ol { list-style-type: decimal; margin-left: 28px; margin-bottom: 1.5rem; } .eventContentTextModule ol li { font-size: 16px; font-family: 'Montserrat', 'Noto Sans TC'; font-weight: 400; line-height: 24px; padding-left: 8px; } .eventContentTextModule ol li::marker { font-weight: 700; } .eventContentTextModule ol li + li { margin-top: 8px !important; } .eventContentTextModule ol li span, .eventContentTextModule ol li span * { display: contents; } .eventContentTextModule ol li * { display: contents; } .eventNormalTableModule table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #DCE0E5; border-radius: 8px; overflow: hidden; } .eventNormalTableModule table caption { text-align: left; caption-side: top; font-size: 24px; font-family: 'Noto Sans TC'; font-weight: 700; line-height: 32px; color: #364053; margin-bottom: 16px; } .eventNormalTableModule table th { background-color: #F3F5F6; padding: 12px; text-align: center; font-size: 14px; font-family: 'Noto Sans TC'; font-weight: 500; line-height: 20px; color: #727D8C; } .eventNormalTableModule table td { font-size: 16px; font-family: 'Noto Sans TC'; font-weight: 400; line-height: 24px; padding: 16px 12px; color: #2A3342; } .eventNormalTableModule table tbody tr td { border-top: 1px solid #DCE0E5; border-left: 1px solid #DCE0E5; } .eventNormalTableModule table tbody tr td:first-child { border-left: none; } #evBtnMobile { position: fixed; z-index: 1000; bottom: 24px; left: 50%; margin-left: -90px; } #evBtnMobile .eventCTAButtonsModule { margin-top: 0 !important; display: none; } #evBtnMobile .eventCTAButtonsModule a[class^="btn-"] { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-out; } #evBtnMobile .eventCTAButtonsModule.active { display: block; } #evBtnMobile .eventCTAButtonsModule.active a[class^="btn-"] { visibility: visible; opacity: 1; } #evBtnMobile .btn-primary { margin-left: 0; margin-right: 0; box-shadow: 0px 4px 16px rgba(23, 182, 201, 0.4); } .qa-container { width: 1216px; margin: 0 auto; display: flex; justify-content: space-between; } @media (max-width: 1215px) { .qa-container { width: 100%; flex-direction: column; } } .qa-container .qa-nav-section { width: 264px; padding-top: 16px; } @media (max-width: 1215px) { .qa-container .qa-nav-section { width: 100%; padding: 0 16px; } } @media (min-width: 768px) and (max-width: 1215px) { .qa-container .qa-nav-section { padding: 0 32px; } } .qa-container .qa-content-section { width: 904px; background-color: #FDFDFD; border-radius: 32px; padding: 48px 40px; box-shadow: -4px -3px 12px 0px rgba(182, 190, 199, 0.12) inset, -2px -2px 10px 0px rgba(54, 64, 83, 0.1) inset, 1px 1px 8px 0px rgba(182, 190, 199, 0.08) inset; } @media (max-width: 1215px) { .qa-container .qa-content-section { width: 100%; margin-top: 20px; padding: 40px 16px 48px 16px; border-radius: 24px; } } @media (min-width: 768px) and (max-width: 1215px) { .qa-container .qa-content-section { width: auto; margin: 20px 32px 0 32px; padding: 48px 40px; } } .qaPage .product-kv-banner .kv-banner-container { position: relative; width: 1216px; height: 100%; margin: 0 auto; display: flex; justify-content: center; } @media (max-width: 1215px) { .qaPage .product-kv-banner .kv-banner-container { width: 100%; } } @media (max-width: 1215px) { .qaPage .product-kv-banner .banner-title { margin-top: 104px; } } .qaPage .product-kv-banner .banner-fig1 { position: absolute; width: 150px; height: 100px; left: 28px; bottom: 100px; } .qaPage .product-kv-banner .banner-fig1 img { width: 100%; } @media (min-width: 1600px) { .qaPage .product-kv-banner .banner-fig1 { bottom: 80px; } } @media (max-width: 767px) { .qaPage .product-kv-banner .banner-fig1 { width: 90px; height: 60px; left: 20px; bottom: 50px; } } .qaPage .product-kv-banner .banner-fig2 { position: absolute; width: 100px; height: 100px; right: 60px; bottom: 120px; } .qaPage .product-kv-banner .banner-fig2 img { width: 100%; } @media (min-width: 1600px) { .qaPage .product-kv-banner .banner-fig2 { bottom: 80px; } } @media (max-width: 767px) { .qaPage .product-kv-banner .banner-fig2 { width: 70px; height: 70px; right: 10px; bottom: 50px; } } @media (max-width: 1215px) { .qaPage .disclaimer { padding-top: 32px; } } .qaPage .selectDropdown .dropdown-toggle { width: calc(100% - 8px); } .qaPage .selectDropdown .dropdown-toggle::after { flex-shrink: 0; } .qaPage .search-result-text { width: auto; } @media (max-width: 1215px) { .qaPage .search-result-text { margin: 0; } } .qaCategory { padding: 16px 0 32px 0; } .qaCategory .navigation .navi-item:hover .navi-title { color: #2A3342; } .qaCategory .navigation .navi-item:hover .navi-title.active { color: #17B6C9; } .qaCategory .navigation .navi-item:hover .navi-title.active a { color: #17B6C9; } .qaCategory .navigation .navi-item:hover .navi-title a { color: #2A3342; } .qaCategory .navigation .navi-item:hover .navi-title a:hover { color: #17B6C9; } .qaCategory .navigation .navi-item .navi-content { visibility: visible; opacity: 1; } @media (min-width: 1216px) { #qaNavSection { position: sticky; top: 124px; } } .qa-nav ul li { font-size: 18px; line-height: 28px; font-weight: 400; font-family: 'Noto Sans TC'; margin-top: 16px; display: flex; align-items: center; } .qa-nav ul li a { color: #2A3342; text-decoration: none; } .qa-nav ul li a:hover { color: #17B6C9; } .qa-nav ul li.active { font-weight: 700; } .qa-nav ul li.active a { color: #17B6C9; } .qa-nav ul li.active::before { background-color: #17B6C9; } .qa-nav ul li:first-child { margin-top: 0; } .qa-nav ul li::before { content: ''; display: block; width: 2px; height: 20px; background-color: transparent; margin-right: 12px; } .qaContent-tab .nav-tabs .nav-item { flex: 1 !important; } .qa-content-section .qa-accordion .accordion-item { margin: 0; border-top: 1px solid #DCE0E5; border-radius: 0; background: transparent; transition: background 0.3s ease-out; } .qa-content-section .qa-accordion .accordion-item:has(> .item-title[aria-expanded="true"]) { border-top: none; background: #f3f5f6; border-radius: 16px; margin-bottom: 16px; } .qa-content-section .qa-accordion .accordion-item:has(> .item-title[aria-expanded="true"]) + .accordion-item { border-top: none; } .qa-content-section .qa-accordion .accordion-item:first-child { border-top: none; } .qa-content-section .qa-accordion .item-title { padding: 24px; transition: color 0.3s ease-out; } .qa-content-section .qa-accordion .item-title:hover { color: #17B6C9; } @media (max-width: 767px) { .qa-content-section .qa-accordion .item-title { padding: 20px 8px; } .qa-content-section .qa-accordion .item-title:hover { color: #2A3342; } } .qa-content-section .qa-accordion .item-title .title { display: flex; align-items: flex-start; } .qa-content-section .qa-accordion .item-title .title .num { display: inline-block; margin-right: 8px; } .qa-content-section .qa-accordion .accordion-item-icon { margin-left: 24px; } .qa-content-section .qa-accordion .item-content-text { padding: 0 72px 40px 24px; line-height: 28px; } @media (max-width: 767px) { .qa-content-section .qa-accordion .item-content-text { padding: 0 16px 32px 16px; } } .announcelist.system li { border-top: 1px solid #DCE0E5; border-bottom: none; } .announcelist.system li:first-child { border-top: none; } .announcelist li { display: block; border-bottom: 1px solid #DCE0E5; } .announcelist li a { display: block; padding: 24px; text-decoration: none; color: #2A3342; transition: color ease-out 0.3s; } .announcelist li a:hover { color: #17B6C9; } .announcelist li a:hover .icon-new-arrow-right-m { transform: translateX(4px); } @media (max-width: 767px) { .announcelist li a:hover { color: #2A3342; } } @media (max-width: 767px) { .announcelist li a { padding: 16px 0; } .announcelist li a:hover .icon-new-arrow-right-m { transform: translateX(0); } } .announcelist li .icon-new-star-label { flex-shrink: 0; } @media (max-width: 767px) { .announcelist li .icon-new-star-label { width: 20px; min-width: 20px; height: 20px; } } .announcelist li .latestnews-type-tags { flex-shrink: 0; } @media (max-width: 767px) { .announcelist li .latestnews-type-tags { line-height: 16px; } } .announcelist li .icon-new-arrow-right-m { flex-shrink: 0; transition: transform ease-out 0.3s; } .announcelist li .announce-content { width: calc(100% - 72px); } @media (max-width: 767px) { .announcelist li .announce-content { width: calc(100% - 40px); } } .announcelist li .announce-date { width: 84px; } @media (max-width: 767px) { .announcelist li .announce-date { width: auto; } } .announcelist li .announce-content-wrap { width: calc(100% - 124px); } @media (max-width: 767px) { .announcelist li .announce-content-wrap { width: auto; } } .announcelist li .announce-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .system-maintain-section { box-shadow: 0px 2px 0px 0px #DCE0E5; border-radius: 24px; overflow: hidden; margin-bottom: 24px; } @media (max-width: 767px) { .system-maintain-section { margin-bottom: 20px; } } .system-maintain-section .system-section-content { padding: 16px 40px; background-color: #F3F5F6; } @media (max-width: 767px) { .system-maintain-section .system-section-content { padding: 16px 20px; box-shadow: -4px -3px 12px 0px rgba(182, 190, 199, 0.12) inset, 1px 1px 8px 0px rgba(182, 190, 199, 0.08) inset; } } .system-maintain-section .content { border-top: 1px solid #DCE0E5; color: #2A3342; } .system-maintain-section .content ul { margin: 16px 0; } .system-maintain-section .content ul li span { display: inline-block; } .system-maintain-section .content ul li span + span { margin-left: 12px; } @media (max-width: 767px) { .system-maintain-section .content ul li span + span { margin-left: 0; display: block; } } .system-maintain-section .content ul li + li { margin-top: 8px; } @media (max-width: 767px) { .system-maintain-section .content ul li + li { margin-top: 16px; } } .announcePage .product-kv-banner { height: 440px; background-image: url(../images/img-announce-content-kv-bg@2x.png); } @media (max-width: 767px) { .announcePage .product-kv-banner { height: auto; background-image: url(../images/img-announce-content-kv-bg-m@2x.png); justify-content: flex-start; } } .announcePage .product-kv-banner .kv-banner-container { position: relative; width: 1216px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; } @media (max-width: 1215px) { .announcePage .product-kv-banner .kv-banner-container { width: 100%; } } @media (max-width: 767px) { .announcePage .product-kv-banner .kv-banner-container { padding-top: 96px; flex-direction: column; } } .announcePage .product-kv-banner .banner-title-wrap { min-height: 100px; display: flex; align-items: center; justify-content: center; } .announcePage .product-kv-banner .banner-title { margin-top: 20px; } @media (max-width: 1215px) { .announcePage .product-kv-banner .banner-title { align-items: flex-start; margin-left: 40px; } } @media (max-width: 767px) { .announcePage .product-kv-banner .banner-title { align-items: center; text-align: center; margin-top: 0; margin-left: 0; padding: 0 16px; } } .announcePage .product-kv-banner .banner-fig { width: 160px; align-self: flex-end; margin-right: 40px; margin-bottom: 140px; } .announcePage .product-kv-banner .banner-fig img { width: 100%; } @media (max-width: 767px) { .announcePage .product-kv-banner .banner-fig { width: 92px; margin-right: 16px; margin-bottom: 24px; } } @media (max-width: 1215px) { .announcePage .disclaimer { padding-top: 32px; } } .announcePage .selectDropdown .dropdown-toggle { width: calc(100% - 8px); } .announcePage .selectDropdown .dropdown-toggle::after { flex-shrink: 0; } .announcePage .search-result-text { width: auto; } @media (max-width: 1215px) { .announcePage .search-result-text { margin: 0; } } @media (max-width: 767px) { .announcePage .eventContentTextModule { font-size: 16px; } } .system-title { display: flex; align-items: center; } .system-title .line { display: block; background-color: #17B6C9; width: 4px; height: 28px; } .system-title .txt { font-size: 18px; font-weight: 700; line-height: 28px; padding-left: 8px; } @media (max-width: 767px) { .system-title .txt { font-size: 16px; } } .system-maintain-list { margin-bottom: 32px; } .system-maintain-list li { display: block; padding: 12px 0; border-bottom: 1px solid #C7CDD4; } .system-maintain-list li span { display: inline-block; margin-right: 8px; } @media (max-width: 767px) { .system-maintain-list li span { display: block; margin-right: 0; } } .system-maintain-list li span + span { margin-right: 0; } @media (max-width: 767px) { .system-maintain-list li span + span { margin-top: 8px; } } .reg-process #main-container { padding-bottom: 220px; } @media (max-width: 1199px) { .reg-process #main-container { padding-bottom: 0; } } .reg-process .main-page-content { background-color: #1B2028; background-image: url(../images/img-bg-register-l@2x.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 1199px) { .reg-process .main-page-content { background-color: transparent; background-image: url(../images/img-bg-register-l-m@2x.png); background-position: center top; } } .reg-process .bt-section { background-color: transparent; } .reg-process .disclaimer { padding-top: 40px; padding-bottom: 40px; } @media (max-width: 767px) { .reg-process .btn-primary-lg, .reg-process .btn-secondary-lg, .reg-process .btn-primary-lg-auto, .reg-process .btn-secondary-lg-auto { width: calc(100% - 24px); margin: 0 12px; } } @media (max-width: 1199px) { .reg-process.progressPrepared .fix-top { margin-top: 24px; margin-bottom: 24px; } } .reg-process.progressPrepared .reg-container { padding-top: 92px; } @media (max-width: 767px) { .reg-process.progressPrepared .reg-container { padding-top: 64px; } } #main-container.registration { position: relative; } @media (max-width: 1199px) { #main-container.registration::before { content: ''; display: block; position: absolute; z-index: 0; left: 0; bottom: 0; width: 100%; height: 100px; background-color: #F3F5F6; overflow: auto; } #main-container.registration::after { content: ''; display: block; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: calc(100dvh + 100px); background-color: #1B2028; overflow: auto; } } @media (max-width: 1199px) { #main-container.registration.fixed-content { height: 100dvh; overflow: hidden; } } #main-container.registration.bg-short::after { height: 300px; } .reg-container { width: 1216px; margin: 0 auto; padding-top: 92px; } @media (max-width: 1215px) { .reg-container { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .reg-container { padding-top: 164px; } } @media (min-width: 768px) and (max-width: 991px) { .reg-container { padding-top: 192px; } } @media (max-width: 767px) { .reg-container { padding-top: 140px; } } .reg-container.fix-800 { width: 800px; } @media (max-width: 1199px) { .reg-container.fix-800 { width: 100%; } } .reg-container.fix-696 { width: 696px; } @media (max-width: 1199px) { .reg-container.fix-696 { width: 100%; } } .reg-container.fix-696 #regpage-content { margin-top: 68px; } @media (max-width: 1199px) { .reg-container.fix-696 #regpage-content { margin-top: 0; } } .reg-kv { width: 488px; height: 395px; } .reg-kv img { width: 100%; height: auto; } #regProcessNavSection { transform: translateY(30px); opacity: 0; animation-name: initActionAnimationY1; animation-duration: 1.5s; animation-delay: 0.1s; animation-fill-mode: forwards; } @media (max-width: 1199px) { #regProcessNavSection { transform: translateY(0); } } @media (max-width: 1199px) { #regProcessNavSection2 { display: none; height: calc(100dvh - 88px); flex-direction: column; justify-content: space-around; } } .progress-container { position: relative; } .progress-container .progress-line { width: 4px; height: calc(100% - 140px); background-color: #48556C; position: absolute; left: 38px; top: 70px; z-index: -1; } .progress-container .progress-line div { position: absolute; width: 100%; background-color: #2BE0EC; left: 0; top: 0; } .progress-container .progress-nav ol { margin: 0; list-style: none; counter-reset: section; } .progress-container .progress-nav ol li { display: flex; align-items: center; list-style-type: none !important; } .progress-container .progress-nav ol li .desc { color: #727D8C; } .progress-container .progress-nav ol li .title { color: #727D8C; } .progress-container .progress-nav ol li .title::before { content: counter(section) "."; display: inline-block; counter-increment: section; font-weight: 700; font-family: 'Montserrat', 'Noto Sans TC'; font-style: italic; margin-right: 8px; } .progress-container .progress-nav ol li.active .icon-new-progress-01 { background-image: url(../images/icon-progress-indicator-01-active@2x.png); } .progress-container .progress-nav ol li.active .icon-new-progress-02 { background-image: url(../images/icon-progress-indicator-02-active@2x.png); } .progress-container .progress-nav ol li.active .icon-new-progress-03 { background-image: url(../images/icon-progress-indicator-03-active@2x.png); } .progress-container .progress-nav ol li.active .icon-new-progress-04 { background-image: url(../images/icon-progress-indicator-04-active@2x.png); } .progress-container .progress-nav ol li.active .icon-new-progress-05 { background-image: url(../images/icon-progress-indicator-05-active@2x.png); } .progress-container .progress-nav ol li.active .desc { color: #C7CDD4; } .progress-container .progress-nav ol li.active .title { color: #FDFDFD; } @media (max-width: 1199px) { .progress-container .progress-nav ol li.active .icon-new-progress-01 { background-image: url(../images/icon-progress-indicator-01@2x.png); } .progress-container .progress-nav ol li.active .desc { color: #727D8C; } .progress-container .progress-nav ol li.active .title { color: #727D8C; } } .progress-container .progress-nav ol li.over .desc { color: #727D8C; } .progress-container .progress-nav ol li.over .title { color: #727D8C; } .progress-container .progress-nav ol li + li { margin-top: 48px !important; } .progress-container-mobile { padding: 8px 16px; width: 100%; position: absolute; left: 0; top: 116px; z-index: 10; transition: all 0.3s ease-out; } @media (min-width: 1200px) { .progress-container-mobile { display: none; } } @media (max-width: 767px) { .progress-container-mobile { top: 65px; } } .progress-container-mobile .icon-new-close-sm2 { display: none; } .progress-container-mobile .icon-new-close-sm { display: block; } .progress-container-mobile.fixed-top { position: fixed; left: 0; top: 64px; width: 100%; background-color: #FDFDFD; box-shadow: -2px -3px 4px 0px rgba(182, 190, 199, 0.08) inset, -1px -1px 9px 0px rgba(54, 64, 83, 0) inset, 0px 4px 10px 0px rgba(54, 64, 83, 0.08); } .progress-container-mobile.fixed-top .fs-14 { color: #727D8C; } .progress-container-mobile.fixed-top .progress-line ol li { background-color: #EDF0F2; } @media (min-width: 992px) { .progress-container-mobile.fixed-top { top: 92px; } } .progress-container-mobile.fixed-app-top { position: fixed; left: 0; top: 0; width: 100%; background-color: #FDFDFD; box-shadow: -2px -3px 4px 0px rgba(182, 190, 199, 0.08) inset, -1px -1px 9px 0px rgba(54, 64, 83, 0) inset, 0px 4px 10px 0px rgba(54, 64, 83, 0.08); } .progress-container-mobile.fixed-app-top .fs-14 { color: #727D8C; } .progress-container-mobile.fixed-app-top .progress-line ol li { background-color: #EDF0F2; } .progress-container-mobile.fixed-app-top .icon-new-close-sm2 { display: block; } .progress-container-mobile.fixed-app-top .icon-new-close-sm { display: none; } .progress-container-mobile .bar { flex-grow: 1; margin-right: 0; } .progress-container-mobile .progress-line ol { display: flex; align-items: center; margin: 0; } .progress-container-mobile .progress-line ol li { position: relative; list-style-type: none !important; width: calc((100% - 24px)/3); height: 4px; border-radius: 80px; background-color: rgba(237, 240, 242, 0.3); overflow: hidden; } .progress-container-mobile .progress-line ol li + li { margin-left: 12px; } .progress-container-mobile .progress-line ol li div { position: absolute; height: 100%; background-color: #2BE0EC; left: 0; top: 0; } .checkbox-list-group.lightStyle .item { border: 1px solid #DCE0E5; border-radius: 16px; padding: 16px; } .checkbox-list-group.lightStyle .checkbox-list + .checkbox-list { margin-top: 12px; } @media (max-width: 767px) { .checkbox-list-group.lightStyle .checkbox-list + .checkbox-list { margin-top: 12px; } } .checkbox-list-group .checkbox-list { position: relative; cursor: pointer; } .checkbox-list-group .checkbox-list + .checkbox-list { margin-top: 8px; } @media (max-width: 767px) { .checkbox-list-group .checkbox-list + .checkbox-list { margin-top: 12px; } } .checkbox-list-group .checkbox-list.checkbox-list-error .item { border-color: #E75365; } .checkbox-list-group .item { display: flex; align-items: center; justify-content: space-between; padding: 20px; border: 1px solid #C7CDD4; border-radius: 8px; } @media (max-width: 767px) { .checkbox-list-group .item { padding: 12px; } } @media (max-width: 480px) { .checkbox-list-group .item input[type="checkbox"]:not(old) + label { background-position: 0 6px; } } .checkbox-list-group .dummy-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .checkbox-list-group.checkbox-error .item { border-color: #E75365; } .confirm-container i { cursor: pointer; } .confirm-container .confirm-content { padding: 16px 0; border-bottom: 1px solid #C7CDD4; } .confirm-container .confirm-content .items-category { margin-top: 12px; } @media (max-width: 767px) { .confirm-container .confirm-content .items-category { margin-top: 8px; } } .confirm-container .confirm-content .items-category .items .title { color: #727D8C; } .confirm-container .confirm-content .items-category .items + .items { margin-top: 8px; } .confirm-container .confirm-content .items { display: flex; justify-content: space-between; } .confirm-container .confirm-content .items .title { flex-grow: 1; min-width: 100px; font-size: 14px; font-weight: 400; color: #364053; line-height: 20px; font-family: 'Noto Sans TC'; } .confirm-container .confirm-content .items .title div { margin-top: 4px; } .confirm-container .confirm-content .items .content { margin-left: 8px; flex-basis: 400px; flex-shrink: 0; } .confirm-container .confirm-content .items .content .text { font-size: 16px; font-weight: 500; color: #2A3342; line-height: 28px; font-family: 'Noto Sans TC'; text-align: right; } @media (max-width: 575px) { .confirm-container .confirm-content .items .content { flex-basis: 210px; } } .confirm-container .confirm-content .items + .items { margin-top: 12px; } .confirm-container .confirm-content .items .form-group { margin-bottom: 0; } .confirm-container .confirm-content .items .form-group input { padding: 8px 16px; text-align: right; } .confirm-container + .confirm-container { margin-top: 16px; } .confirm-container-wrapper .confirm-container:last-child .confirm-content { border: none; } .editing .progressItem { display: none !important; } .editing .goBack { height: 36px; } .editing #fixed-navi .icon-new-arrow-left2 { display: none; } .editing #fixed-navi2 .icon-new-arrow-left { display: none; } @media (max-width: 767px) { .edit-home #white-card-main-content { padding-bottom: 104px; } } .goBack { cursor: pointer; } .goBack.card-section { position: absolute; left: 0; top: -60px; } #startSection { position: fixed; z-index: 1000; left: 0; top: 64px; width: 100%; height: calc(100dvh - 64px); display: none; align-items: center; justify-content: space-between; flex-direction: column; } @media (max-width: 1199px) { #startSection { display: flex; } } #startSection .backdrop-bg { position: fixed; z-index: 0; background-color: #2A3342; top: 0; left: 0; right: 0; bottom: 0; height: 100dvh; } #startSection .progress-container { z-index: 100; margin-top: auto; margin-bottom: auto; } #startSection .progress-container .progress-nav ol li .desc { color: #C7CDD4; } #startSection .progress-container .progress-nav ol li .title { color: #FDFDFD; } #startSection .reg-start-btn-section { position: relative; z-index: 100; width: 100%; margin-bottom: 32px; text-align: center; } #capsuleTabs { border-bottom: none; background-color: #E9EDF1; border-radius: 80px; } #capsuleTabs.twoTabs .nav-link { flex-basis: 50%; } #capsuleTabs .nav-link { font-size: 14px; font-weight: 400; color: #727D8C; font-family: 'Noto Sans TC'; padding: 4px 12px; background-color: transparent; border-radius: 80px; text-align: center; transition: all 0.3s ease-out; } #capsuleTabs .nav-link.active { color: #FDFDFD; font-weight: 500; background-color: #17B6C9; } .result-page-qrcode-section { display: flex; align-items: center; justify-content: center; padding: 12px 16px; background-color: #F3F5F6; border-radius: 16px; } .result-page-qrcode-section .fig-qrcode { display: flex; border: 3px solid #364053; border-radius: 10px; background-color: #fff; padding: 2px; } .white-card-container.scrollable-content .fixed-header { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; padding: 48px 40px 16px 40px; background-color: #FDFDFD; border-radius: 32px 32px 0 0; } @media (max-width: 767px) { .white-card-container.scrollable-content .fixed-header { padding: 32px 16px 16px 16px; } } .white-card-container.scrollable-content .scroll-container { height: 468px; overflow-y: auto; padding-bottom: 32px; margin-left: -32px; margin-right: -32px; } @media (max-width: 767px) { .white-card-container.scrollable-content .scroll-container { margin-left: 0; margin-right: 0; height: calc(100dvh - 216px); } } .white-card-container.scrollable-content .scroll-container.h-2 { height: 398px; } @media (max-width: 767px) { .white-card-container.scrollable-content .scroll-container.h-2 { height: calc(100dvh - 288px); } } .white-card-container.scrollable-content .fixed-footer { background-color: #FDFDFD; box-shadow: 0px -1px 4px 0px rgba(42, 51, 66, 0.08); padding-bottom: 32px; border-radius: 0 0 32px 32px; margin-left: -41px; margin-right: -41px; } @media (max-width: 767px) { .white-card-container.scrollable-content .fixed-footer { margin-left: -17px; margin-right: -17px; } } .list-group .list-item { border-radius: 24px; border: 1px solid #DCE0E5; padding: 16px; } .list-group .list-item + .list-item { margin-top: 12px; } .filesUploadSection .upload-file-box { height: auto; max-height: 144px; } .filesUploadSection .upload-file-box:nth-child(n+2) .upload-txt { flex-direction: row; justify-content: center; align-items: center; gap: 16px; } .filesUploadSection .upload-file-box:nth-child(n+2) .img-statement { padding-top: 25px !important; padding-bottom: 25px !important; } .filesUploadSection .upload-file-box:nth-child(n+2) .text-center { text-align: left !important; } .filesUploadSection .upload-file-box:nth-child(n+2) .mt-12 { margin-top: 0 !important; } .filesUploadSection .img-statement { padding-top: 24px !important; padding-bottom: 24px !important; } .filesUploadSection .form-error { position: absolute; margin-top: -2px; margin-bottom: 0; text-align: left; } .photo-item { background-color: #EDF0F2; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 32px; padding-bottom: 4px; } @media (max-width: 767px) { .photo-item { background-color: transparent; border-radius: 0; margin-left: -20px; margin-right: -20px; padding-top: 0; } } .photo-item .photo-frame { width: 375px; height: 280px; overflow: hidden; } @media (max-width: 767px) { .photo-item .photo-frame { width: 100%; } } .photo-item .photo-frame .img { width: 100%; text-align: center; height: 280px; } .photo-item .photo-frame img { max-width: 100%; } .range-section.zoomTailoringImg { width: 312px; margin-top: 16px; margin-bottom: 16px; } .range-section.zoomTailoringImg .rs-container .rs-bg, .range-section.zoomTailoringImg .rs-container .rs-selected { height: 6px; } .range-section.zoomTailoringImg .rs-container .rs-pointer { top: -4px; } @media (max-width: 991px) { .photo-edit .main-page-content { border-radius: 0 !important; } } @media (max-width: 767px) { .photo-edit.editing #main-footer { display: none; } } @media (max-width: 767px) { .photo-edit.editing .progress-container-mobile { top: 4px; transition: none; background-color: transparent; box-shadow: none; } } @media (max-width: 767px) { .photo-edit.editing #main-header .logo { display: none; } } @media (max-width: 767px) { .photo-edit.editing #main-header .main-header--scrolled-reg-dark { background-color: transparent; border: none; } } @media (max-width: 767px) { .photo-edit .white-card[data-section='1'] { background-color: #1B2028; border: none; box-shadow: none; height: calc(100dvh - 52px); } } @media (max-width: 767px) { .photo-edit .white-card[data-section='1'] .white-card-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } } @media (max-width: 767px) { .photo-edit .reg-container.fix-696 { background-color: #1B2028; padding-top: 52px; padding-bottom: 32px; } } .relationships-container { border: 1px solid #DCE0E5; padding: 16px 16px 0 16px; border-radius: 16px; } .relationships-container + .relationships-container { margin-top: 16px; } .allExamples { display: flex; flex-direction: column; row-gap: 32px; } @media (max-width: 767px) { .allExamples { row-gap: 0; } } .exampleAnchors { margin-bottom: 0; display: flex; column-gap: 16px; justify-content: center; } @media (max-width: 767px) { .exampleAnchors { flex-direction: column; column-gap: 0; justify-content: flex-start; } } @media (max-width: 767px) { .exampleAnchors li { border-bottom: 1px solid #C7CDD4; } } .exampleAnchors li a { font-size: 12px; font-weight: 500; font-family: 'Noto Sans TC'; color: #727D8C; text-decoration: none; padding: 8px 12px; border: 1px solid #727D8C; border-radius: 80px; } .exampleAnchors li a.active { color: #17B6C9; border-color: #17B6C9; } @media (max-width: 767px) { .exampleAnchors li a { font-size: 16px; font-weight: 400; color: #2A3342; padding: 16px; border: none; border-radius: 0; } .exampleAnchors li a.active { color: #2A3342; } } .additional-docs.uploadfiles .reg-container.fix-696 #regpage-row { margin-top: 24px; } .additional-docs.uploadfiles .reg-container.fix-696 #regpage-content { margin-top: 60px; } @media (max-width: 767px) { .additional-docs.uploadfiles .reg-container.fix-696 #regpage-content { margin-top: 42px; } } .additional-docs.additional-docs-photo-edit #back1 { display: block; } .additional-docs.additional-docs-photo-edit #back2 { display: none; } .additional-docs.additional-docs-photo-edit.editing #back1 { display: none; } .additional-docs.additional-docs-photo-edit.editing #back2 { display: block; } @media (max-width: 991px) { .additional-docs.additional-docs-photo-edit.editing .main-page-content { border-radius: 0 !important; } } @media (max-width: 767px) { .additional-docs.additional-docs-photo-edit.editing #main-footer { display: none; } } @media (max-width: 767px) { .additional-docs.additional-docs-photo-edit.editing .progress-container-mobile { top: 4px; transition: none; background-color: transparent; box-shadow: none; } } @media (max-width: 767px) { .additional-docs.additional-docs-photo-edit.editing #main-header .logo { display: none; } } @media (max-width: 767px) { .additional-docs.additional-docs-photo-edit.editing #main-header .main-header--scrolled-reg-dark { background-color: transparent; border: none; } } @media (max-width: 767px) { .additional-docs.additional-docs-photo-edit.editing .white-card[data-section='1'] { background-color: #1B2028; border: none; box-shadow: none; height: calc(100dvh - 52px); } } @media (max-width: 767px) { .additional-docs.additional-docs-photo-edit.editing .white-card[data-section='1'] .white-card-container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } } @media (max-width: 767px) { .additional-docs.additional-docs-photo-edit.editing .reg-container.fix-696 { background-color: #1B2028; padding-top: 52px; padding-bottom: 32px; } } .additional-docs .reg-container.fix-696 #regpage-row { margin-top: 24px; } .additional-docs .reg-container.fix-696 #regpage-content { margin-top: 0; }