/*!*******************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/pages/styles/style.scss ***!
\*******************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: "IBMPlexSans-SemiBold";
src: url("https://mm-static.mustcheck.com/tmc/fonts/IBM/IBMPlexSans-SemiBold.ttf") format("truetype"), url("https://mm-static.mustcheck.com/tmc/fonts/IBM_Plex_Sans_Woff/IBMPlexSans-SemiBold.woff") format("woff");
}
@font-face {
font-family: "IBMPlexSans-Bold";
src: url("https://mm-static.mustcheck.com/tmc/fonts/IBM/IBMPlexSans-Bold.ttf") format("truetype"), url("https://mm-static.mustcheck.com/tmc/fonts/IBM_Plex_Sans_Woff/IBMPlexSans-Bold.woff") format("woff");
}
@font-face {
font-family: "IBMPlexSans-Regular";
src: url("https://mm-static.mustcheck.com/tmc/fonts/IBM/IBMPlexSans-Regular.ttf") format("truetype"), url("https://mm-static.mustcheck.com/tmc/fonts/IBM_Plex_Sans_Woff/IBMPlexSans-Regular.woff") format("woff");
}
@font-face {
font-family: "IBMPlexSans-Medium";
src: url("https://mm-static.mustcheck.com/tmc/fonts/IBM/IBMPlexSans-Medium.ttf") format("truetype"), url("https://mm-static.mustcheck.com/tmc/fonts/IBM_Plex_Sans_Woff/IBMPlexSans-Medium.woff") format("woff");
}
@font-face {
font-family: "Calibri";
src: url("https://mm-static.mustcheck.com/tmc/fonts/Calibri/Calibri-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face {
font-family: "Roboto-Bold";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
// Input checkbox
// Markup:
//
//
//
//
// Input Radio
// Markup:
//
//
//
//
*/
.trend-input {
width: 100%;
}
.trend-input[type=text], .trend-input[type=password], .trend-input[type=datetime], .trend-input[type=datetime-local], .trend-input[type=date], .trend-input[type=month], .trend-input[type=time], .trend-input[type=week], .trend-input[type=number], .trend-input[type=email], .trend-input[type=url], .trend-input[type=search], .trend-input[type=tel], .trend-input[type=color], .trend-input.uneditable-input {
color: #222222;
font-size: 16px;
background: #FFFFFF;
border: 1px solid #8E8E8E;
border-radius: 4px;
margin: 0;
padding: 6px 13px;
}
.trend-input[type=text]:focus, .trend-input[type=password]:focus, .trend-input[type=datetime]:focus, .trend-input[type=datetime-local]:focus, .trend-input[type=date]:focus, .trend-input[type=month]:focus, .trend-input[type=time]:focus, .trend-input[type=week]:focus, .trend-input[type=number]:focus, .trend-input[type=email]:focus, .trend-input[type=url]:focus, .trend-input[type=search]:focus, .trend-input[type=tel]:focus, .trend-input[type=color]:focus, .trend-input.uneditable-input:focus {
border: 1px solid #0074E8;
}
.trend-input[type=text]:hover, .trend-input[type=password]:hover, .trend-input[type=datetime]:hover, .trend-input[type=datetime-local]:hover, .trend-input[type=date]:hover, .trend-input[type=month]:hover, .trend-input[type=time]:hover, .trend-input[type=week]:hover, .trend-input[type=number]:hover, .trend-input[type=email]:hover, .trend-input[type=url]:hover, .trend-input[type=search]:hover, .trend-input[type=tel]:hover, .trend-input[type=color]:hover, .trend-input.uneditable-input:hover {
border: 1px solid #0074E8;
}
.trend-input[type=text][disabled], .trend-input[type=text].input-disabled, .trend-input[type=password][disabled], .trend-input[type=password].input-disabled, .trend-input[type=datetime][disabled], .trend-input[type=datetime].input-disabled, .trend-input[type=datetime-local][disabled], .trend-input[type=datetime-local].input-disabled, .trend-input[type=date][disabled], .trend-input[type=date].input-disabled, .trend-input[type=month][disabled], .trend-input[type=month].input-disabled, .trend-input[type=time][disabled], .trend-input[type=time].input-disabled, .trend-input[type=week][disabled], .trend-input[type=week].input-disabled, .trend-input[type=number][disabled], .trend-input[type=number].input-disabled, .trend-input[type=email][disabled], .trend-input[type=email].input-disabled, .trend-input[type=url][disabled], .trend-input[type=url].input-disabled, .trend-input[type=search][disabled], .trend-input[type=search].input-disabled, .trend-input[type=tel][disabled], .trend-input[type=tel].input-disabled, .trend-input[type=color][disabled], .trend-input[type=color].input-disabled, .trend-input.uneditable-input[disabled], .trend-input.uneditable-input.input-disabled {
border: 1px solid #ddd;
color: #aaa;
background-color: #f0f0f0;
}
.trend-input[type=text].error, .trend-input[type=password].error, .trend-input[type=datetime].error, .trend-input[type=datetime-local].error, .trend-input[type=date].error, .trend-input[type=month].error, .trend-input[type=time].error, .trend-input[type=week].error, .trend-input[type=number].error, .trend-input[type=email].error, .trend-input[type=url].error, .trend-input[type=search].error, .trend-input[type=tel].error, .trend-input[type=color].error, .trend-input.uneditable-input.error {
border: 1px solid #ED0008;
}
.trend-input[type=email] {
padding: 10px 12px 10px 40px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGtSURBVHgB7VbLccIwFHzmd6YE6CDpADrwAbiGdAAVYFcQUgHkxgww4w5wByEV4A7CnRmcXZAzioNNFMA+4J3RSLL1tNqV9GyRAvcOq9frPYVhOEa7LtkisCzLKYHcyYGcaFB4hQ325vO5JRmi2+2GqOolyRmVqIEVTXa7net5XiA3hG3b9VqtNoH9h77uQL9ara6wkL7cCJ1OpwWOd5Db0TNL7QURiDoPwPSabijVIxAP1CMfpcXGtwM4hE0McFX34AZXLBdCU03yLeohuNrR+x+HcLFYOOVyuSnKDdzTFfLECxWIIRjDWM4hR2c/UNrgGOvjft2C2WwW6G5w5VRg4kZMNedwMecDyjo+NvEaJrgxkhScUB2AnKqdpJjUPEA3cBgf9/v9q1Li4NBuQNSIj42rZgxjQe6ncZxNRLgJ2+VyOaASUW6AaKO7cUo1Yxh7bv4/Z0IqwZa0Mfkb+5EbKGtT1ToqYgBuCao+SH3UdKChXlH1M1T7Yoh/fQtwmqeRG7DeM1Wtw8gBHZEbciFy/xoWCygWwP+BT8nnp5QI6MBQjik2azBNu1Lg7vEFsC/5VYNuS1YAAAAASUVORK5CYII=) no-repeat 12px center;
background-size: 16px;
}
.form-checkbox {
position: relative;
}
.form-checkbox > label {
clear: none;
padding: 0 0 0 28px;
margin: 0;
position: relative;
}
.form-checkbox > label span {
margin: 0 5px 0 0;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.form-checkbox > label span:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.form-checkbox input {
visibility: hidden;
width: 16px;
height: 16px;
margin: 0;
position: absolute;
left: 0;
z-index: 1;
}
.form-checkbox input ~ span:before {
content: "";
height: 18px;
width: 18px;
display: inline-block;
visibility: visible;
position: absolute;
top: 5px;
left: 0px;
cursor: pointer;
}
.form-checkbox input:not(:disabled):checked ~ span:before {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQvSURBVHgB7VlZbExRGP7aWFuiWkuUWqsSsVbF8iAVIog1wgNNNEgQb23iwRIVISHEoxeUqEiI2PpCgsaSRtBFE1Ehlq66ki60dMb/zbnXtNN7u9zOvaPMl5z+t/f8M/N9Z/nPf84Bggji/0ZIZw5ut3uUmAlSxkkZDGdQrZUXISEh9R05mgoQ4v3EzJEyHYFFgZSXIqTZqNJQgEZ+tZQo/d3FfMQ9/IBZb6sxq6HZ+96fGDoAxSMHoShlIe7MG+3pAR18vmMkwkzAAmgt//ErwtKysCq3DEvgIOJH4f6hRGSOj0Cj9qpABGT7+rUTIOQHidnMZ5JPvoHU2h8YM7g/kDQDSIhWxQ4USjtn5AO3C9X/7JEL63GqlQj2Qhk6EZAoJo7PyTexiS0fLVP33Fog2qEpXFoHbL+lLHsifR2ualXteiHU4POe8f2sBFH6sHGSPKE3GHs9Rzhw/mlV4319TQWczsYq2jVTnCWvg7+ZpMU/Bg/tdTsmoWZf8KUOY2mTZiJgSBitLCOfmY+pgBqZuLRTbAmYXYMeLDoK26Ho5ej1AvoggMgtB9JzgbC+wJ65QMwQdBsB64HP34CzL4H6JgkYkq7dfANLCEgPkPyxx0DjT+9KOsAiE8cFVEpScErW0rom77txEcCWGbAERwWQ/OEsoEqsG6r1Jc/BgUVqHliBYwIqG4BDWcrqGB4OpC60Tp5wRECFkD74QCPPZpfmHy45b1qi2DD0CJai0P77wNorKop0BpKnf7lEmhYh3uKSZEtIH1kMjAhHj9FtAQUVQJ7E718uFfpOZ5v7NkiUOfJIpcUkzs8ME/JHl/iHPNHtITQxQpHR49/d98BAGcO7Etr6kfzee8D7WvyZseGyUT221H/kiW73AEmkyIbT5VKFYq6/Bi7lt/U78dSTRXrqOXQY508I+ZF+JE9YmgPLYoGdCWpItGglPU82/nmq/vgT4Mknbx2jzMllwKRI+B2Wo9CGqbIYNatcxgNp5fPy/EiIv6tp67tb8pxYG8gTPQqjybLNcJF4jndh4sbc7famCPtkkVoeC9vQ43Vg22xF+GyO9sLtrdseD6ycDFvhl2yURDdO8455FgrbEQ/b4beVOGW+6onbb9QE3+zQgaRfU4nUBao4iX93TywLludw9UUpAobCKmUjB6LIzMdUQFwUPMvS8xIEDBmvlJXUo9jMx0hAHf8snqAEXC5QyZjT4G/qh7w8btdeV/n6GQn4yD9bZ+LtbDlY5dZPP2h1CvrhLkEOre4Kanx9TQUQsuHIjJQjbn7higy1KSmshm3gfDvzHNh0TYng8To5tHJptwP5ay842PJpVi44CKMrJh6388RaznBiar4jBjaAkY/Bg/OPQ7hVFfs9UwQ0+X6mt1zy5RiRJ7pyzcozeQqJAuy53DMAQ4Yk5vjge6UURBBBtMVvs0xw+En56wYAAAAASUVORK5CYII=) round;
}
.form-checkbox input:disabled ~ span:before {
background-position: -5px -105px;
}
.form-checkbox > label > input ~ span:before {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ0SURBVHgB7ZnNahpRFMePH4hUBUVcCLWNCysuCqJFqNtu2xfoa/Q5+jTJtlsL0pFAFmJBTJiAiEkU/ExUzPkPM2EyuTfJZuaS5P7geseZc+85//u1OJdIo3nbhJ4y2O/3ea6KXD5ySVEwXNrlXygUmj9mKBXAgce4qnP5TGo54WKwkBvRR6EAO/gfXLLOO9M0P43H4+psNqvudrss+UA0Gj2Px+NmqVQ6zGQyl65PeD4UiZAJ+Er2yC8Wi3e9Xu/7dDr9RgGSTqf/lMvlo0QisbRfnbCAv167BwI4+CRXP/GM4A3D+LXdbt/z6FChUCAeGXROfjCfzzHTNBwOrf+YkXq9/tslArMwdLcJC/r54jxg5BE8Tys1Gg0qFou+BQ+SySRVKhVqNpsEn/CNGFwmB942IgHW+p5MJlln2dRqNavDoIAv+MSsIwbsP/vTgddWKqDf71vK8/l8oME7wCeWLBiNRlX79YNjPCzrYLlcfkDtdKIC7DfAe7Eqs5EKwPpDjXWpCme/PXZsh+mFowWoRgtQjRagGi1ANVqAarQA1WgBqtECVKMFqEYLUI1UQCQSsZKrnFgiVSDVCGKxmCmzkQpIpVLHqDlDR6pAnhSwgHOZjUjADD+5XO7Y6WS9XlPQwKeT5EW63X594bUTCTjFD2fk/iPFzQku6nQ6gYqAL/gEiMF1V3DltZUKAMjPI8WNDlutFnW73bt16QfYb4PBgNrttiUCvhGDy8Twtnl9FxxAdMWEdDsy1qvVqrDZbHzJ+OLkw+GB/Ycl7PqEJXTEAq69bV7KJV9HFDx4zjUrcvIQkiXXjPgMTsIzLgPvlZJGo7nPLabS/0nsLZkFAAAAAElFTkSuQmCC) round;
}
.form-radio {
position: relative;
}
.form-radio > label {
clear: none;
padding: 0 0 0 28px;
margin: 0;
position: relative;
}
.form-radio > label span {
margin: 0 5px 0 0;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.form-radio > label span:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.form-radio input {
visibility: hidden;
width: 16px;
height: 16px;
margin: 0;
position: absolute;
left: 0;
z-index: 1;
}
.form-radio input ~ span:before {
content: "";
height: 18px;
width: 18px;
display: inline-block;
visibility: visible;
position: absolute;
top: 4px;
left: 0px;
cursor: pointer;
}
.form-radio input:not(:disabled):checked ~ span:before {
background: transparent url(data:image/png;base64,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) round;
}
.form-radio input:disabled ~ span:before {
background-position: -5px -105px;
}
.form-radio > label > input ~ span:before {
background: transparent url(data:image/png;base64,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) round;
}
.trend-form-error {
display: block;
position: relative;
padding: 9px 15px 9px 30px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #ED0008;
font-family: IBMPlexSans-SemiBold;
}
.trend-form-error:before {
content: "";
display: block;
position: absolute;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALVSURBVHgBvVcxb9NQEP6eQ8AZGtkwsVAzsaHwByCZWMnEWLGwkh2kEIkf0Azs4R+wMiXpxtSUP5B0qoRa2aJAAo39uLPjNHH8bMeN+aTKjt/1fXf37u7dCWTEGIaxh9kLen0mIGqAZwHCCFalA2gTeo5cYPgL+ueHcJws+4o0gTPoVhmiJeAdXBNmQu8v0LmP2QR5FGCLq/jTJqtauBHkoYZKx1R4JFYBtvo20KdXC7vBhLzRiPOGFv3wHeXajskZvkG8d3RhzQMFWB7FhieWCgRnPjsukHyphAb9SRgTyyMIAq5wcoblYdoOf/gKsOtV0V5pv4Npn6F6/BWatY80sMxe/wvuyin09luFlGgFnAucQ+9dQJdxf6uYjyfSth5JlSyvsUwIz7aVsueoHPoK23T2FAgHKovmg6Ple2lhXZwnQstLK2ve5FS1LbiwMbd2FZRXJX6+er22UZwSKvLL5suEnYXB3BoFQT1Byt/oR+O5UgkVefR/4lDie+UCFUo9WUMKmKgasdxdEOQhZwi6vEiBO3bWSyZOiVVsQx5AOoIjEltApcT25Iv9kAMy47eMCshMjYMvHBNwIZJSVA3paEEnk4+c3Z2WokkQfC9IyJM0waRUS0rRNEiIEcfAIC956IG8SlDcDAWXQ7qdxqpU5EvoVu1xLHlU0Wh2XFEZvyRZpXHQTY3vZQntk0qoZD1IJVetletPkYAec/tpWKLGUSU16370n/PhUWqeh0q4J98ovh387nxQyhJxh5/LjoivRyqNb/BfILr3MG2tKcCxIKklkwV3RZx6Iq4l4w+02GABFISAHI3VGWGtFJvUrc7hNotQIiB3m2ZkNogdTGzq1+go+rs6jmvLMwwmDBbkc6JK1cXN6bvBmcfPiKnDKXuDJt73SX3j5qbS8ai2cHqbeYfTTUUMww36xzqP59RU7stF9WRCKmandK+M6OegROO5mXE8/wdQD6XrS+kIAAAAAABJRU5ErkJggg==) no-repeat 0 0;
background-size: 16px 16px;
top: 10px;
left: 8px;
width: 16px;
height: 16px;
}
.trend-form-error:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-button-container {
--button-text-size: 14px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: 35px;
border-radius: 9999px;
cursor: pointer;
font-size: var(--button-text-size);
font-family: "Roboto";
}
.TMC-button-container:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
}
.TMC-button-container:lang(ja) {
font-size: calc(var(--button-text-size) - 2px);
}
.TMC-button-container.gray {
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
border: 0.5px solid #8E8E8E;
color: #222222;
}
.TMC-button-container.gray:disabled, .TMC-button-container.gray.disabled {
pointer-events: none;
opacity: 0.4;
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
}
.TMC-button-container.gray:hover {
background: linear-gradient(180deg, #ECECEC 0%, #E7E7E7 100%);
}
.TMC-button-container.gray:focus {
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
border: 2px solid #0074E8;
}
.TMC-button-container.gray:active {
background: linear-gradient(180deg, #DBDBDB 0%, #D6D6D6 100%);
}
.TMC-button-container.gray.loading {
pointer-events: none;
background: #D5D5D5;
color: #ffffff;
border: none;
}
.TMC-button-container.white {
background: #FFFFFF;
border: 0.5px solid #DCDCDC;
color: #222222;
}
.TMC-button-container.white:disabled, .TMC-button-container.white.disabled {
pointer-events: none;
opacity: 0.4;
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
}
.TMC-button-container.white:hover {
background: linear-gradient(180deg, #ECECEC 0%, #E7E7E7 100%);
}
.TMC-button-container.white:focus {
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
border: 2px solid #0074E8;
}
.TMC-button-container.white:active {
background: linear-gradient(180deg, #DBDBDB 0%, #D6D6D6 100%);
}
.TMC-button-container.white.loading {
pointer-events: none;
background: #D5D5D5;
color: #ffffff;
border: none;
}
.TMC-button-container.red {
background: linear-gradient(180deg, #ec0008 0%, #d40007 100%);
border: 0.5px solid #ed0008;
color: #ffffff;
}
.TMC-button-container.red:disabled, .TMC-button-container.red.disabled {
pointer-events: none;
opacity: 0.4;
background: linear-gradient(180deg, #EA0108 0%, #D50107 100%);
}
.TMC-button-container.red:hover {
background: linear-gradient(180deg, #DF0108 0%, #CD0107 100%);
}
.TMC-button-container.red:focus {
background: linear-gradient(180deg, #EA0108 0%, #D50107 100%);
border: 2px solid #0074E8;
}
.TMC-button-container.red:active {
background: linear-gradient(180deg, #CE0107 0%, #BB0106 100%);
}
.TMC-button-container.blue {
background: linear-gradient(180deg, #0074E8 0%, #006BD6 100%);
border: 0.5px solid #2E96FF;
color: #ffffff;
}
.TMC-button-container.blue:disabled, .TMC-button-container.blue.disabled {
pointer-events: none;
opacity: 0.4;
background: linear-gradient(180deg, #0074E8 0%, #006BD6 100%);
}
.TMC-button-container.blue:hover {
background: linear-gradient(180deg, #016DDB 0%, #0166CC 100%);
}
.TMC-button-container.blue:focus {
background: linear-gradient(180deg, #0074E8 0%, #006BD6 100%);
border: 2px solid #0074E8;
}
.TMC-button-container.blue:active {
background: linear-gradient(180deg, #096CCF 0%, #015FBD 100%);
}
.TMC-button-container.blue.loading {
pointer-events: none;
background: #D5D5D5;
border: none;
}
.TMC-button-container.blue.complete {
pointer-events: none;
}
.TMC-button-container.ghost {
border: 1px solid #DCDCDC;
border-radius: 20px;
color: #222222;
}
.TMC-button-container.ghost:disabled, .TMC-button-container.ghost.disabled {
pointer-events: none;
opacity: 0.4;
}
.TMC-button-container.ghost:hover {
background: #EDEDED;
border: 1px solid #8E8E8E;
}
.TMC-button-container.ghost:focus {
border: 2px solid #0074E8;
}
.TMC-button-container.ghost:active {
background: #DCDCDC;
border: 1px solid #8E8E8E;
}
.TMC-button-container.ghost.loading {
pointer-events: none;
color: #8E8E8E;
border: 1px solid #C9C9C9;
}
.TMC-button-container.ghost.complete {
pointer-events: none;
}
.TMC-button-container .TMC-button-text {
transition: all 0.2s ease-in-out;
}
.TMC-button-container .loading-spinner {
width: 16px;
height: 16px;
margin-right: 8px;
animation: spin 1s linear infinite;
}
.TMC-button-container .left-icon, .TMC-button-container .complete-icon {
width: 16px;
height: 16px;
margin-right: 8px;
}
.TMC-button-container.onlyIcon.blue.loading {
background: linear-gradient(180deg, #0074E8 0%, #006BD6 100%);
border: 0.5px solid #2E96FF;
}
.TMC-button-container.onlyIcon .loading-spinner {
margin-right: 0px;
}
.TMC-button-container.onlyIcon .left-icon, .TMC-button-container.onlyIcon .complete-icon {
margin-right: 0px;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes jello {
11.1% {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
100% {
transform: none;
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
transform: translateX(10px);
}
}
@keyframes swing {
20%, 40%, 60%, 80%, 100% {
transform-origin: top center;
}
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes tada {
0% {
transform: scale(1);
}
10%, 20% {
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
}
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(0.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(0.3);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(0.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
@keyframes flipInX {
0% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@keyframes flipInY {
0% {
opacity: 0;
transform: perspective(400px) rotateY(90deg);
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
@keyframes flipOutX {
0% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
100% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
}
@keyframes flipOutY {
0% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
100% {
opacity: 0;
transform: perspective(400px) rotateY(90deg);
}
}
@keyframes lightSpeedIn {
0% {
opacity: 0;
transform: translateX(100%) skewX(-30deg);
}
60% {
opacity: 1;
transform: translateX(-20%) skewX(30deg);
}
80% {
opacity: 1;
transform: translateX(0%) skewX(-15deg);
}
100% {
opacity: 1;
transform: translateX(0%) skewX(0deg);
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
transform: translateX(0%) skewX(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) skewX(-30deg);
}
}
@keyframes rotateIn {
0% {
opacity: 0;
transform: rotate(-200deg);
transform-origin: center center;
}
100% {
opacity: 1;
transform: rotate(0);
transform-origin: center center;
}
}
@keyframes rotateInDownLeft {
0% {
opacity: 0;
transform: rotate(-90deg);
transform-origin: left bottom;
}
100% {
opacity: 1;
transform: rotate(0);
transform-origin: left bottom;
}
}
@keyframes rotateInDownRight {
0% {
opacity: 0;
transform: rotate(90deg);
transform-origin: right bottom;
}
100% {
opacity: 1;
transform: rotate(0);
transform-origin: right bottom;
}
}
@keyframes rotateInUpLeft {
0% {
opacity: 0;
transform: rotate(90deg);
transform-origin: left bottom;
}
100% {
opacity: 1;
transform: rotate(0);
transform-origin: left bottom;
}
}
@keyframes rotateInUpRight {
0% {
opacity: 0;
transform: rotate(-90deg);
transform-origin: right bottom;
}
100% {
opacity: 1;
transform: rotate(0);
transform-origin: right bottom;
}
}
@keyframes rotateOut {
0% {
opacity: 1;
transform: rotate(0);
transform-origin: center center;
}
100% {
opacity: 0;
transform: rotate(200deg);
transform-origin: center center;
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1;
transform: rotate(0);
transform-origin: left bottom;
}
100% {
opacity: 0;
transform: rotate(90deg);
transform-origin: left bottom;
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1;
transform: rotate(0);
transform-origin: right bottom;
}
100% {
opacity: 0;
transform: rotate(-90deg);
transform-origin: right bottom;
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1;
transform: rotate(0);
transform-origin: left bottom;
}
100% {
opacity: 0;
transform: rotate(-90deg);
transform-origin: left bottom;
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1;
transform: rotate(0);
transform-origin: right bottom;
}
100% {
opacity: 0;
transform: rotate(90deg);
transform-origin: right bottom;
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
@keyframes slideInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
transform: translateY(0);
}
}
@keyframes slideOutDown {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes slideOutLeft {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes slideOutRight {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes hinge {
0% {
animation-timing-function: ease-in-out;
transform: rotate(0);
transform-origin: top left;
}
20%, 60% {
animation-timing-function: ease-in-out;
transform: rotate(80deg);
transform-origin: top left;
}
40% {
animation-timing-function: ease-in-out;
transform: rotate(60deg);
transform-origin: top left;
}
80% {
opacity: 1;
animation-timing-function: ease-in-out;
transform: rotate(60deg) translateY(0);
transform-origin: top left;
}
100% {
opacity: 0;
transform: translateY(700px);
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomInDown {
0% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
}
60% {
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
}
}
@keyframes zoomInLeft {
0% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
}
60% {
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
}
}
@keyframes zoomInRight {
0% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
}
60% {
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
}
}
@keyframes zoomInUp {
0% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
}
60% {
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOutDown {
40% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
}
100% {
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
@keyframes zoomOutUp {
40% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
}
100% {
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
}
}
/**
*
* UI Component Styles: tableEX
* CSS Stylesheet
*
* @skin Tyra
* @author Chris Chen
* @created 2011/01/06
*
*/
/* name space: tableEX */
/* main element, not child. So there is NO SPACE between '.tableEX' and '.tbex_table' */
.tableEX.tbex_table {
overflow: hidden;
}
.tableEX .tbex_body {
overflow: hidden;
}
.tableEX .tbex_inner_body {
position: relative;
}
.tableEX .tbex_resizer_parent {
position: absolute;
}
.tableEX .tbex_body_resize_container {
position: absolute;
z-index: 1000;
}
.tableEX .tbex_row {
white-space: nowrap;
}
.tableEX .tbex_row.tbex_head_row {
position: relative;
}
.tableEX .tbex_row .tbex_cell {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.tableEX input {
margin-top: 3px;
}
/* table body, overflow auto so that it shows scroll bar when inner table is too large */
/* table inner body, set to 'relative' so that rows can use absolute position and relative to inner_body
* row { top: 0; left: 0; position: absolute; } will put the row to the top of inner body instead of top of screen
*/
/* Resizer should be on the top layer */
/* row */
/* cell */
/* TableEX
* Do not set 'width' for any class in tableEX
* Do not set 'border' for tableEX_row
*********************************/
.tableEX {
height: 100%;
border: 1px solid #C9C9C9;
background-color: #FFFFFF;
box-sizing: border-box;
}
.tableEX .tableEX_head {
background: #E5E5E5;
}
.tableEX .tableEX_head .tableEX_cell {
border-right: 1px solid #FBFBFB;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
position: relative;
font-family: IBMPlexSans-SemiBold;
}
.tableEX .tableEX_head .tableEX_cell:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tableEX .tableEX_head :last-child {
border-right: none;
}
.tableEX .tableEX_body {
outline: none;
}
.tableEX .tableEX_body .empty_body {
border-top: 1px solid #C9C9C9;
padding: 32px 0px;
display: flex;
align-items: center;
justify-content: center;
color: #555555;
}
.tableEX .tableEX_body .tableEX_row {
font-family: IBMPlexSans-Regular;
}
.tableEX .tableEX_body .tableEX_row:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tableEX .tableEX_body .tableEX_row.sub_item {
background-color: #FBFBFB;
transition: max-height 0.5s, border-width 0.2s;
max-height: 0px;
overflow: hidden;
border-width: 0px;
}
.tableEX .tableEX_body .tableEX_row.sub_item.expand {
max-height: 100px;
border-width: 1px;
}
.tableEX .tableEX_body .tableEX_row.tableEX_selected, .tableEX .tableEX_body .tableEX_row.tableEX_odd.tableEX_selected, .tableEX .tableEX_body .tableEX_row.tableEX_even.tableEX_selected {
background-color: #E5F2FF;
}
.tableEX .tableEX_body .tableEX_row.category_expanded {
background-color: #F2F2F2;
}
.tableEX .tableEX_body .tableEX_row:hover:not(.dont_hover):not(.tableEX_selected) {
background-color: #F2F2F2;
}
.tableEX .tableEX_body .tableEX_cell {
border-right: 1px solid rgba(204, 204, 204, 0);
border-bottom: 1px solid transparent;
color: #424242;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
display: flex;
align-items: center;
}
.tableEX .tableEX_body.tableEX_no_data {
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #aaa;
}
.tableEX .tbex_body_row {
border-top: 1px solid #C9C9C9;
}
.tableEX .tableEX_cell {
vertical-align: middle;
padding: 5px 10px;
}
.tableEX .tableEX_cell input[type=checkbox] {
margin: -1px 0px -1px 0px;
}
.tableEX .tableEX_cell span {
margin-left: 8px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1;
}
.tableEX .tableEX_cell .blacklink:link, .tableEX .tableEX_cell .blacklink:visited, .tableEX .tableEX_cell .blacklink:hover, .tableEX .tableEX_cell .blacklink:active {
color: #333;
text-decoration: none;
}
.tableEX .tableEX_resizer {
cursor: e-resize;
}
.tableEX .tableEX_resizer.hide {
display: none;
}
.expand_icon {
width: 24px;
height: 24px;
margin-left: 6px;
margin-right: 8px;
}
.expand_icon.expanded {
background: url(data:image/png;base64,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);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.expand_icon.expanded:hover {
background: url(data:image/png;base64,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);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.expand_icon.expanded:active {
background: url(data:image/png;base64,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);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.expand_icon.collapsed {
background: url(data:image/png;base64,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);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.expand_icon.collapsed:hover {
background: url(data:image/png;base64,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);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.expand_icon.collapsed:active {
background: url(data:image/png;base64,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);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.fake_dom {
width: 38px;
height: 1px;
}
.tmc-modal-backdrop::before {
content: "";
display: block;
z-index: 999;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 1;
background: rgba(51, 51, 51, 0.6);
}
.tmc-modal-backdrop.hidden {
display: none;
}
.tmc-modal-backdrop .tmc-modal {
z-index: 1000;
position: fixed;
left: 50%;
top: 50%;
width: 640px;
max-height: 95%;
margin-left: -320px;
overflow: auto;
background-color: #FFFFFF;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
border-radius: 20px;
border: 1px solid rgba(34, 34, 34, 0.4);
transform: translateY(-50%);
}
.tmc-modal-backdrop .tmc-modal .tmc-modal-wrapper {
position: relative;
padding: 24px 24px 40px;
}
.tmc-modal-backdrop .tmc-modal .tmc-modal-wrapper .tmc-modal-header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 8px;
border-bottom: 1px solid #eeeeee;
}
.tmc-modal-backdrop .tmc-modal .tmc-modal-wrapper .tmc-modal-header .header-logo {
width: 142px;
height: 36px;
}
.tmc-modal-backdrop .tmc-modal .tmc-modal-wrapper .tmc-modal-header .header-close {
margin-right: 10px;
width: 12px;
height: 12px;
cursor: pointer;
}
.tmc-modal-backdrop .tmc-modal .tmc-modal-wrapper .tmc-modal-footer {
display: flex;
justify-content: center;
margin-top: 28px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .title {
margin-top: 16px;
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .desc {
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 40px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features {
margin-top: 16px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features .features-title {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 23px;
color: #424242;
font-family: IBMPlexSans-SemiBold;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features .features-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features .features-list {
position: relative;
margin-top: 16px;
padding: 24px 75px 24px 4px;
background-image: url(data:image/png;base64,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);
background-color: #F2F2F2;
background-position: 90% center;
background-repeat: no-repeat;
background-size: 117px;
border-radius: 12px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features .features-list .ribbon {
background: linear-gradient(180deg, #FFB566 0%, #FF3F45 100%);
width: 90px;
height: 90px;
position: absolute;
top: 0;
right: 0;
-webkit-clip-path: polygon(0 0, 30% 0, 100% 70%, 100% 100%);
clip-path: polygon(0 0, 30% 0, 100% 70%, 100% 100%);
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features .features-list .ribbon-tail {
width: 22px;
height: 46px;
background: linear-gradient(180deg, #FFB566 0%, #FF3F45 100%);
position: absolute;
top: 70px;
right: -21px;
-webkit-clip-path: polygon(0 0, 100% 48%, 60% 55%, 65% 90%, 0 59%);
clip-path: polygon(0 0, 100% 48%, 60% 55%, 65% 90%, 0 59%);
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features .features-list ul {
margin: 0px;
padding: 0px 30px 0px;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 150%;
color: #B80006;
font-family: IBMPlexSans-SemiBold;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .features .features-list ul:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question {
display: flex;
flex-direction: column;
margin-top: 40px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .notice {
display: flex;
flex-direction: row;
align-items: center;
width: 136px;
height: 24px;
padding: 4px 12px;
background: #FFDFDF;
border-radius: 12px 12px 12px 0px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
color: #ED0008;
font-family: IBMPlexSans-Regular;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .notice:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .title {
margin-top: 4px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .title p {
margin: 0px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item {
margin-top: 12px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item .package-groups {
display: flex;
justify-content: space-around;
margin-top: 12px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item .package-groups .package {
display: flex;
flex-direction: column;
align-items: center;
width: 100px;
padding: 8px;
cursor: pointer;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item .package-groups .package.active, .tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item .package-groups .package:hover {
background: #F2F2F2;
border-radius: 8px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item .package-groups .package .package-img img {
width: 48px;
height: 48px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item .package-groups .package .package-title {
margin-top: 9px;
text-align: center;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .question .item .package-groups .package .package-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .shared-desc {
margin-top: 4px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .shared-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-body .shared-desc .link {
text-decoration: underline;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-footer .TMC-button-container {
width: 200px;
height: 40px;
font-size: 18px;
}
.tmc-modal-backdrop .tmc-modal.question .tmc-modal-wrapper .tmc-modal-footer .TMC-button-container.red {
margin-right: 12px;
}
.tmc-modal-backdrop .tmc-modal.done .tmc-modal-wrapper .tmc-modal-body .title {
margin-top: 16px;
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.tmc-modal-backdrop .tmc-modal.done .tmc-modal-wrapper .tmc-modal-body .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.done .tmc-modal-wrapper .tmc-modal-body .desc {
margin-top: 4px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.tmc-modal-backdrop .tmc-modal.done .tmc-modal-wrapper .tmc-modal-body .desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tmc-modal-backdrop .tmc-modal.done .tmc-modal-wrapper .tmc-modal-footer .TMC-button-container {
width: 280px;
height: 40px;
font-size: 18px;
}
.tmc-modal-backdrop .tmc-modal.done .tmc-modal-wrapper .tmc-modal-footer .TMC-button-container.red {
margin-right: 12px;
}
.TMC-button-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: 35px;
border-radius: 9999px;
cursor: pointer;
font-size: 14px;
font-family: IBMPlexSans-Regular;
font-family: IBMPlexSans-Regular;
}
.TMC-button-container:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-button-container:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
}
.TMC-button-container.gray {
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
border: 0.5px solid #8E8E8E;
color: #222222;
}
.TMC-button-container.gray:disabled, .TMC-button-container.gray.disabled {
pointer-events: none;
opacity: 0.4;
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
}
.TMC-button-container.gray:hover {
background: linear-gradient(180deg, #ECECEC 0%, #E7E7E7 100%);
}
.TMC-button-container.gray:focus {
background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
border: 2px solid #0074E8;
}
.TMC-button-container.gray:active {
background: linear-gradient(180deg, #DBDBDB 0%, #D6D6D6 100%);
}
.TMC-button-container.red {
background: linear-gradient(180deg, #ec0008 0%, #d40007 100%);
border: 0.5px solid #ed0008;
color: #ffffff;
}
.TMC-button-container.red:disabled, .TMC-button-container.red.disabled {
pointer-events: none;
opacity: 0.4;
background: linear-gradient(180deg, #EA0108 0%, #D50107 100%);
}
.TMC-button-container.red:hover {
background: linear-gradient(180deg, #DF0108 0%, #CD0107 100%);
}
.TMC-button-container.red:focus {
background: linear-gradient(180deg, #EA0108 0%, #D50107 100%);
border: 2px solid #0074E8;
}
.TMC-button-container.red:active {
background: linear-gradient(180deg, #CE0107 0%, #BB0106 100%);
}
.TMC-button-container.blue {
background: linear-gradient(180deg, #0074E8 0%, #006BD6 100%);
border: 0.5px solid #2E96FF;
color: #ffffff;
}
.TMC-button-container.blue:disabled, .TMC-button-container.blue.disabled {
pointer-events: none;
opacity: 0.4;
background: linear-gradient(180deg, #0074E8 0%, #006BD6 100%);
}
.TMC-button-container.blue:hover {
background: linear-gradient(180deg, #016DDB 0%, #0166CC 100%);
}
.TMC-button-container.blue:focus {
background: linear-gradient(180deg, #0074E8 0%, #006BD6 100%);
border: 2px solid #0074E8;
}
.TMC-button-container.blue:active {
background: linear-gradient(180deg, #096CCF 0%, #015FBD 100%);
}
.boarding-container .boarding-layout {
margin: 80px 200px 0px 200px;
}
.boarding-container .boarding-layout .eula-container {
display: flex;
justify-content: center;
}
.boarding-container .boarding-layout .eula-container .eula-img {
margin-right: 50px;
}
.boarding-container .boarding-layout .eula-container .eula-content-container {
width: 340px;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-title {
margin-top: 10px;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 52px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-desc {
margin-top: 16px;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #303030;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-desc .red {
font-weight: bold;
color: #ED1C24;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-content {
margin-top: 16px;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-content p {
line-height: 18px;
margin-bottom: 0px;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-content .eula_following_list {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #464646;
margin-bottom: 8px;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-content .eula_following_list:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-content a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
text-decoration-line: underline;
color: #0074E8;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-content a:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-checkbox {
width: 295px;
margin-top: 16px;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label:before, .boarding-container .boarding-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label:after {
top: 0.4rem;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label span {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 118%;
color: #464646;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label span:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-action {
display: flex;
align-items: center;
margin-top: 16px;
}
.boarding-container .boarding-layout .eula-container .eula-content-container .eula-action .red-button {
margin-right: 10px;
}
.boarding-container .boarding-layout .ad-container {
display: flex;
justify-content: center;
}
.boarding-container .boarding-layout .ad-container .ad-img {
margin-right: 50px;
}
.boarding-container .boarding-layout .ad-container .ad-img .ad-progress-bar {
text-align: center;
}
.boarding-container .boarding-layout .ad-container .ad-img .ad-progress-bar img {
width: 84px;
height: 12px;
}
.boarding-container .boarding-layout .ad-container .ad-content-container {
width: 350px;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-title {
margin-top: 10px;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 52px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-desc {
margin-top: 16px;
margin-bottom: 20px;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #424242;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-content {
margin-top: 16px;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-content .ad_following_list {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #555555;
margin: 0px;
padding-left: 20px;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-content .ad_following_list:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-action {
display: flex;
align-items: center;
margin-top: 16px;
}
.boarding-container .boarding-layout .ad-container .ad-content-container .ad-action .red-button {
width: 216px;
}
.boarding-container .boarding-layout .dog-icon-container {
display: flex;
justify-content: center;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-img {
margin-right: 50px;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-img .dog-icon-progress-bar {
text-align: center;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-img .dog-icon-progress-bar img {
width: 84px;
height: 12px;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container {
width: 385px;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-title {
margin-top: 10px;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 52px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-desc {
margin-top: 16px;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #424242;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content {
margin-top: 16px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .radio-group .radio-container {
display: flex;
width: 400px;
margin-top: 16px;
padding: 10px 0px 10px 10px;
background: #F2F2F2;
border-radius: 10px;
cursor: pointer;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .radio-group .radio-container .radio-desc .title {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .radio-group .radio-container .radio-desc .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .radio-group .radio-container .radio-desc .desc {
font-size: 14px;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .checkbox-group {
margin-top: 16px;
margin-left: 10px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .checkbox-group:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .checkbox-group .form-checkbox input ~ span:before {
top: 0px;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .checkbox-group .bold {
font-weight: bold;
font-family: IBMPlexSans-SemiBold;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .checkbox-group .bold:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .pin-step {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .pin-step:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .pin-step p {
margin: 0px;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .pin-step p .bold {
font-weight: bold;
font-family: IBMPlexSans-SemiBold;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .pin-step p .bold:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .pin-content {
margin-top: 16px;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-content .pin-content:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-action {
display: flex;
align-items: center;
margin-top: 16px;
}
.boarding-container .boarding-layout .dog-icon-container .dog-icon-content-container .dog-icon-action .red-button {
width: 216px;
}
.boarding-container .boarding-layout .complete-container {
display: flex;
justify-content: center;
}
.boarding-container .boarding-layout .complete-container .complete-img {
margin-right: 30px;
}
.boarding-container .boarding-layout .complete-container .complete-content-container {
width: 490px;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-title {
margin-top: 10px;
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 40px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-title p {
margin: 0px;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-desc {
margin-top: 16px;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #303030;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-desc p {
margin: 0px;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-desc .red {
font-weight: bold;
color: #ED1C24;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-content {
margin-top: 16px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-content:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-action {
margin-top: 32px;
}
.boarding-container .boarding-layout .complete-container .complete-content-container .complete-action .red-button {
width: 216px;
}
.settings-container {
display: flex;
flex-direction: column;
padding: 0px 240px 50px 240px;
}
.settings-container .settings-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.settings-container .settings-header .settings-logo {
width: 122px;
height: 32px;
}
.settings-container .settings-header .settings-logo-follow-us-text {
display: inline-block;
width: 70px;
height: 18px;
text-align: left;
font: 14px/20px IBMPlexSans-Regular;
font-size: 14px;
letter-spacing: 0px;
color: #222222;
opacity: 1;
vertical-align: middle;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-header .settings-logo-follow-us-text:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-header .settings-logo-fb {
display: inline-block;
width: 28px;
height: 28px;
cursor: pointer;
vertical-align: middle;
margin: auto 10px;
}
.settings-container .settings-header .settings-logo-ig {
display: inline-block;
width: 28px;
height: 28px;
cursor: pointer;
margin: auto 10px;
}
.settings-container .settings-header .settings-logo-twitter {
display: inline-block;
width: 28px;
height: 28px;
cursor: pointer;
margin: auto 10px;
}
.settings-container .settings-content {
display: flex;
flex-direction: row;
margin-top: 60px;
}
.settings-container .settings-content .settings-tabs-container {
min-width: 200px;
margin-right: 80px;
}
.settings-container .settings-content .settings-tabs-container .settings-tab {
margin-bottom: 20px;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .tab {
display: flex;
align-items: center;
padding-left: 16px;
height: 40px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #222222;
cursor: pointer;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .tab:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .tab .title-icon {
width: 24px;
height: 24px;
margin-right: 16px;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .tab.active {
background: #F2F2F2;
border-radius: 29px;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .sub-tab-container {
overflow: hidden;
max-height: 0px;
transition: max-height 0.3s;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .sub-tab-container .sub-tab {
margin-top: 12px;
padding-left: 56px;
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #8E8E8E;
cursor: pointer;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .sub-tab-container .sub-tab:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .sub-tab-container .sub-tab.active {
color: #D71920;
}
.settings-container .settings-content .settings-tabs-container .settings-tab .sub-tab-container.active {
max-height: 200px;
}
.settings-container .settings-content .settings-tabs-container .settings-tab-divider {
margin: 20px 0px;
bottom: 0.5px;
border: 1px solid #C9C9C9;
}
.settings-container .settings-content .settings-tabs-content {
min-width: 520px;
width: 100%;
}
.settings-container .settings-content .settings-title {
margin-bottom: 8px;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 42px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .settings-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .setting-page-rating {
margin-bottom: 40px;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-title {
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-desc {
margin-top: 8px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-switch-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 18px;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-switch-list .setting-page-rating-switch {
margin-right: 40px;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-switch-list .setting-page-rating-switch .setting-page-rating-switch-img {
margin-top: 11px;
}
.settings-container .settings-content .setting-page-rating .setting-page-rating-switch-list .setting-page-rating-switch .setting-page-rating-switch-img img {
width: 240px;
height: 160px;
}
.settings-container .settings-content .divider {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin-top: 40px;
margin-bottom: 40px;
}
.settings-container .settings-content .settings-list .settings-item .settings-item-title {
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 32px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .settings-list .settings-item .settings-item-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-list .settings-item .settings-item-desc {
margin-top: 8px;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .settings-list .settings-item .settings-item-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-list .settings-item .settings-item-desc .toggle-button {
display: flex;
align-items: center;
}
.settings-container .settings-content .settings-list .settings-item .settings-item-desc .toggle-button label {
margin-bottom: 0px;
margin-right: 12px;
}
.settings-container .settings-content .settings-list .settings-item .settings-action {
margin-top: 12px;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .settings-list .settings-item .settings-action:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-list .settings-item .settings-action .toggle-button {
display: flex;
align-items: center;
}
.settings-container .settings-content .settings-list .settings-item .settings-action .toggle-button label {
margin-bottom: 0px;
margin-right: 12px;
}
.settings-container .settings-content .settings-page-reminder {
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-title {
margin-bottom: 6px;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 32px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-desc {
margin-top: 8px;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-desc img {
margin: 0px 4px;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-desc p {
margin: 10px 0px 0px;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .radio-group .radio-container {
display: flex;
width: 450px;
margin-top: 16px;
padding: 10px 0px 10px 10px;
background: #F2F2F2;
border-radius: 10px;
cursor: pointer;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .radio-group .radio-container .radio-desc .title {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .radio-group .radio-container .radio-desc .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .radio-group .radio-container .radio-desc .desc {
font-size: 14px;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .reminder-checkbox-group {
margin-top: 18px;
margin-left: 40px;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .reminder-checkbox-group .reminder-checkbox {
display: flex;
align-items: center;
margin-top: 11px;
margin-left: 10px;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .reminder-checkbox-group .reminder-checkbox:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .reminder-checkbox-group .reminder-checkbox input {
margin-right: 11px;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .reminder-checkbox-group .reminder-checkbox label {
margin: 0px;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .reminder-checkbox-group .reminder-checkbox label .bold {
font-weight: bold;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .settings-page-reminder .settings-page-reminder-action .reminder-checkbox-group .reminder-checkbox label .bold:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .whitelist-list {
margin-top: 40px;
}
.settings-container .settings-content .whitelist-list .whitelist-item .whitelist-item-title {
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 32px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .whitelist-list .whitelist-item .whitelist-item-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .whitelist-list .whitelist-item .whitelist-item-desc {
margin-top: 8px;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .whitelist-list .whitelist-item .whitelist-item-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .whitelist-list .whitelist-item .whitelist-item-desc .toggle-button {
display: flex;
align-items: center;
}
.settings-container .settings-content .whitelist-list .whitelist-item .whitelist-item-desc .toggle-button label {
margin-bottom: 0px;
margin-right: 12px;
}
.settings-container .settings-content .settings-whitelist-container {
margin-top: 10px;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container {
position: relative;
-webkit-box-flex: 1;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_head {
min-height: 20px;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_head .tbex_head_row {
display: table;
width: 100%;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_head .tbex_head_row .tableEX_cell {
width: auto;
display: block;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_head .tbex_head_row .tableEX_cell:first-child {
width: 10px;
display: table-cell;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_head .tbex_head_row .tableEX_cell:last-child {
width: 200px;
display: table-cell;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_body {
max-height: 207px;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_body .tbex_body_row {
display: table;
width: 100%;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_body .tbex_body_row .tableEX_cell {
width: auto;
display: block;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_body .tbex_body_row .tableEX_cell:first-child {
width: 10px;
display: table-cell;
}
.settings-container .settings-content .settings-whitelist-container .settings-table-container .tableEX_body .tbex_body_row .tableEX_cell:last-child {
width: 200px;
display: table-cell;
}
.settings-container .settings-content .settings-whitelist-container .settings-remove-button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 165px;
height: 32px;
margin-top: 20px;
padding: 7px 20px;
background: linear-gradient(180deg, #fbfbfb 0%, #f2f2f2 100%);
border: 0.5px solid #8e8e8e;
box-sizing: border-box;
border-radius: 9999px;
cursor: pointer;
}
.settings-container .settings-content .settings-whitelist-container .settings-remove-button.disabled {
pointer-events: none;
opacity: 0.5;
}
.settings-container .settings-content .ad-filter-button-block {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-top: 32px;
margin-bottom: 8px;
color: #555555;
font-size: 14px;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .ad-filter-button-block:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .ad-filter-empty-table {
display: flex;
flex-direction: column;
align-items: center;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .ad-filter-empty-table:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .ad-filter-empty-table img {
width: 140px;
height: 92px;
}
.settings-container .settings-content .ad-filter-empty-table .title {
font-size: 16px;
line-height: 20px;
font-weight: 700;
margin-top: 20px;
margin-bottom: 4px;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .ad-filter-empty-table .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .ad-filter-empty-table .item {
font-size: 12px;
line-height: 18px;
text-align: center;
}
.settings-container .settings-content .feature-list {
max-width: 800px;
}
.settings-container .settings-content .feature-list .feature-container {
margin-bottom: 40px;
}
.settings-container .settings-content .feature-list .feature-container .feature-version {
margin-bottom: 8px;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #000000;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .feature-list .feature-container .feature-version:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline {
padding: 24px;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 12px;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature-product-title {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 21px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature-product-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature-title {
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content {
margin-top: 16px;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-sub-title {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #000000;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-sub-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-desc {
margin-top: 8px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-desc b {
font-weight: 600;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-desc b:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-desc a {
text-decoration: underline;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-desc img {
width: 100%;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature .feature-content .feature-img {
margin-top: 12px;
width: 100%;
height: 245px;
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
border-radius: 8px;
background-repeat: no-repeat;
}
.settings-container .settings-content .feature-list .feature-container .feature-outline .feature-divider {
margin: 32px 0px;
height: 1px;
background: rgba(0, 0, 0, 0.12);
}
.settings-container .settings-content .feature-list .feature-container.page_rating_enhance .feature-outline .feature .feature-content .feature-img {
width: 100%;
height: 340px;
background-position: center center;
}
.settings-container .settings-content .feature-list .feature-container.magic_wand .feature-outline .feature .feature-content .feature-desc {
margin-top: 16px;
}
.settings-container .settings-content .feature-list .feature-container.magic_wand .feature-outline .feature .feature-content .feature-desc img {
margin-bottom: 32px;
width: 328px;
height: 210px;
}
@media screen and (max-width: 1280px) {
.settings-container {
padding: 0px 200px 50px 200px;
}
}
.privacy-container .title {
color: #000000;
font-size: 24px;
line-height: 32px;
margin-bottom: 8px;
font-family: IBMPlexSans-SemiBold;
}
.privacy-container .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.privacy-container .description {
color: #555555;
font-size: 14px;
line-height: 20px;
margin-bottom: 32px;
font-family: IBMPlexSans-Regular;
}
.privacy-container .description:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.privacy-container .feature-cards {
margin-top: 24px;
}
.introduction-container {
display: flex;
flex-direction: column;
height: 100vh;
}
.introduction-container .header-block {
height: 67px;
display: flex;
justify-content: center;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
}
.introduction-container .header-block .logo {
width: 66%;
height: 100%;
display: flex;
align-items: center;
}
.introduction-container .header-block .logo img {
width: 142px;
height: 36px;
}
.introduction-container .space.top {
flex: 1;
}
.introduction-container .space.bottom {
flex: 2;
}
.introduction-container .introduction-layout {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.introduction-container .introduction-layout .title {
font-size: 40px;
line-height: 42px;
font-weight: 700;
font-family: IBMPlexSans-SemiBold;
}
.introduction-container .introduction-layout .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.introduction-container .introduction-layout .title.security_check {
max-width: 680px;
}
.introduction-container .introduction-layout .title.file_scan {
max-width: 577px;
}
.introduction-container .introduction-layout .title.webmail {
max-width: 577px;
}
.introduction-container .introduction-layout .introduction-content {
display: flex;
flex-direction: row;
gap: 52px;
}
@media screen and (max-width: 900px) {
.introduction-container .introduction-layout .introduction-content {
flex-direction: column-reverse;
gap: 16px;
}
}
.introduction-container .introduction-layout .introduction-content .description {
color: #555555;
margin-top: 12px;
font-size: 16px;
line-height: 24px;
width: 472px;
}
.introduction-container .introduction-layout .introduction-content .description ul {
padding-inline-start: 20px;
margin-bottom: 40px;
}
.introduction-container .introduction-layout .introduction-content .description .TMC-button-container {
width: 358px;
height: 40px;
font-size: 24px;
}
.introduction-container .introduction-layout .introduction-content img {
width: 450px;
height: 280px;
}
.introduction-container .right-bottom-corner {
position: fixed;
right: 0;
bottom: 0;
width: 208px;
height: 208px;
background-color: #EE1C24;
z-index: -1;
}
.introduction-container .right-bottom-corner::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: #FFFFFF;
border-bottom-right-radius: 100px;
}
.TMC-notification {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 356px;
height: 421px;
padding: 16px 16px 24px;
background: #FFFFFF;
border-radius: 20px;
box-shadow: 4px 4px 12px -2px rgba(51, 51, 102, 0.5);
}
.TMC-notification .TMC-notification-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 6.5px;
border-bottom: 1px solid #C9C9C9;
}
.TMC-notification .TMC-notification-header .TMC-logo .TMC-logo-image {
width: 159px;
height: 20px;
}
.TMC-notification .TMC-notification-header .TMC-close .TMC-close-image {
width: 12px;
height: 12px;
cursor: pointer;
}
.TMC-notification .TMC-notification-banner {
display: flex;
width: 100%;
margin: 12px 0px;
}
.TMC-notification .TMC-notification-banner img {
width: 327px;
height: 160px;
}
.TMC-notification .TMC-notification-content {
display: flex;
flex-direction: column;
width: 100%;
}
.TMC-notification .TMC-notification-content .TMC-notification-title {
margin-bottom: 12px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
.TMC-notification .TMC-notification-content .TMC-notification-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-notification .TMC-notification-content .TMC-notification-desc {
margin-bottom: 12px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #555555;
font-family: IBMPlexSans-Regular;
}
.TMC-notification .TMC-notification-content .TMC-notification-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-notification .TMC-notification-footer {
width: 100%;
}
.card-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
}
.card-content {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 173px;
padding: 16px;
border: 1px solid #D5D5D5;
border-radius: 20px;
cursor: pointer;
}
.card-content:hover {
box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.16), 0px 0px 4px rgba(0, 0, 0, 0.06);
}
.card-content .title {
font-family: IBMPlexSans-SemiBold;
color: #424242;
font-size: 24px;
line-height: 26px;
font-weight: 600;
}
.card-content .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.card-content .description {
font-family: IBMPlexSans-Regular;
color: #555555;
font-size: 16px;
line-height: 22px;
margin: 8px 0;
}
.card-content .description:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.card-content img {
width: 60px;
height: 60px;
align-self: center;
}
.collapsible-item-container {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 800px;
}
.collapsible-item {
display: flex;
flex-direction: column;
padding: 16px 20px;
border: 1px solid #D5D5D5;
border-radius: 10px;
cursor: pointer;
}
.collapsible-item:hover {
box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.16), 0px 0px 4px rgba(0, 0, 0, 0.06);
}
.collapsible-item .header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
color: #424242;
}
.collapsible-item .header .header-column {
display: flex;
flex-direction: row;
align-items: baseline;
}
.collapsible-item .header .text-column {
font-weight: 600;
}
.collapsible-item .content {
display: flex;
flex-direction: row;
max-height: 0px;
overflow: hidden;
transition: max-height 0.5s;
}
.collapsible-item .content .text-column {
margin-top: 18px;
}
.collapsible-item .content.expanded {
max-height: 300px;
}
.collapsible-item .title-column {
display: flex;
flex-direction: row;
align-items: center;
width: 160px;
font-size: 16px;
font-family: IBMPlexSans-SemiBold;
}
.collapsible-item .title-column:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.collapsible-item .title-column img {
width: 20px;
height: 20px;
margin-right: 8px;
}
.collapsible-item .text-column {
font-size: 14px;
margin-left: 12px;
flex: 1;
}
.collapsible-item .text-column ol,
.collapsible-item .text-column ul {
padding-inline-start: 16px;
}
.collapsible-item .arrow-column {
margin-left: 12px;
width: 16px;
height: 16px;
}
.collapsible-item .arrow-column .icon-arrow {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgB7c7BCYAwEETRKSGl2YElWYolpATtSFfwIKKYwGZF+Q/2mPyRAAD4gNGuU73ebpCDbLfsH9bEtzezHCS7qWLEMZ7kpHREk3jpiKbxpxEh8bsRofGrEeHx84isF+IA8B8r91siC+cRkJUAAAAASUVORK5CYII=);
width: 16px;
height: 16px;
position: relative;
top: -4px;
transition: transform 0.5s;
transition-delay: 0.1s;
}
.collapsible-item .arrow-column .icon-arrow.expanded {
transform: rotate(180deg);
}
/* TMC Animation css */
.slidebar-slide-fade-enter-active {
transition: all 0.8s ease;
}
.slidebar-slide-fade-leave-active {
transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slidebar-slide-fade-enter, .slidebar-slide-fade-leave-to {
transform: translateX(200px);
opacity: 0;
}
@keyframes input-card {
0% {
transform: translateX(500%);
}
20% {
transform: translateX(400%);
}
50% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
/* TMC Animation css */
/* TMC Common css */
.link {
color: #007bff;
cursor: pointer;
}
.TMC-content-label {
display: inline-block;
/* width: 85px; */
height: 15px;
text-align: left;
font-family: IBMPlexSans-Regular;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
color: #8E8E8E;
opacity: 1;
font-family: IBMPlexSans-Regular;
}
.TMC-content-label:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-content-title-container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 25px;
margin-bottom: 9px;
}
.TMC-content-title {
display: inline-block;
width: 158px;
height: auto;
text-align: left;
font-family: IBMPlexSans-Medium;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
letter-spacing: 0px;
color: #222222;
opacity: 1;
font-family: IBMPlexSans-Medium;
}
.TMC-content-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-content-text {
/* visibility: hidden; */
/* width: 194px; */
max-height: 0px;
overflow: hidden;
text-align: left;
font-family: IBMPlexSans-Regular;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
color: #555555;
opacity: 1;
width: 177px;
transition: max-height 0.2s ease;
font-family: IBMPlexSans-Regular;
}
.TMC-content-text:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-content-detail-button {
display: flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
border-radius: 25px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1607843137);
opacity: 1;
float: right;
}
.TMC-content-detail-button-image {
width: 15px;
height: 15px;
}
.TMC-report-button {
display: flex;
width: 194px;
height: 33px;
background: linear-gradient(180deg, #FBFBFB 0%, #F2F2F2 100%);
border: 0.5px solid #8E8E8E;
box-sizing: border-box;
border-radius: 9999px;
opacity: 1;
}
.TMC-report-button-background-image {
width: 33px;
height: 33px;
background: #80a6df 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 33px;
}
.TMC-report-button-image {
width: 33px;
height: 33px;
}
.TMC-report-button-text {
display: flex;
justify-content: center;
align-items: center;
/* width: 120px; */
width: 100%;
height: 33px;
text-align: center;
font-family: IBMPlexSans-Regular;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0px;
color: #222222;
opacity: 1;
line-height: 33px;
font-family: IBMPlexSans-Regular;
}
.TMC-report-button-text:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.TMC-content-title-safe {
color: rgb(114, 180, 103);
}
.tm-button {
float: right;
display: inline;
width: 169px;
height: 41px;
background: #d03a2b 0% 0% no-repeat padding-box;
border-radius: 25px;
font: normal normal bold 18px/23px IBMPlexSans-Bold;
letter-spacing: 0px;
color: #ffffff;
border: 0px solid #dd3e46;
font-family: IBMPlexSans-Bold;
}
.tm-button:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tm-button :focus {
outline: none !important;
}
.tm-button-previousPage {
float: left;
display: inline;
width: 169px;
height: 41px;
background: #e0e0e0 0% 0% no-repeat padding-box;
border-radius: 25px;
font: normal normal bold 18px/23px IBMPlexSans-Bold;
letter-spacing: 0px;
color: #ffffff;
border: 0px solid #dd3e46;
font-family: IBMPlexSans-Bold;
}
.tm-button-previousPage:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.tm-button-previousPage :focus {
outline: none !important;
}
button:focus {
outline: none !important;
}
button:disabled,
button[disabled] {
background: #DCDCDC;
cursor: default;
}
.red-button {
display: flex;
justify-content: center;
align-items: center;
height: 32px;
padding: 4px 20px 5px;
background: linear-gradient(315deg, #D30007 0%, #FF3F45 100%);
border-radius: 16px;
border: 0px;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #FFFFFF;
cursor: pointer;
font-family: IBMPlexSans-Bold;
}
.red-button:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.black-button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 4px 20px 5px;
height: 32px;
background: #ADADAD;
border-radius: 16px;
border: 0px;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #FFFFFF;
cursor: pointer;
font-family: IBMPlexSans-Bold;
}
.black-button:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.underline-button {
height: 20px;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 20px;
text-align: center;
text-decoration-line: underline;
color: #434343;
cursor: pointer;
font-family: IBMPlexSans-Bold;
}
.underline-button:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.logo {
display: block;
height: 60px;
width: 100%;
background: #ffffff 0% 0% no-repeat padding-box;
opacity: 1;
}
.logo .welcom-logo-follow-us-text {
display: inline-block;
width: 70px;
height: 18px;
text-align: left;
font: 14px/20px IBMPlexSans-Regular;
font-size: 14px;
letter-spacing: 0px;
color: #222222;
opacity: 1;
vertical-align: middle;
font-family: IBMPlexSans-Regular;
}
.logo .welcom-logo-follow-us-text:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
.logo .welcom-logo-fb {
display: inline-block;
width: 28px;
height: 28px;
cursor: pointer;
vertical-align: middle;
margin: auto 10px;
}
.logo .welcom-logo-ig {
display: inline-block;
width: 28px;
height: 28px;
cursor: pointer;
margin: auto 10px;
}
.logo .welcom-logo-twitter {
display: inline-block;
width: 28px;
height: 28px;
cursor: pointer;
margin: auto 10px;
}
.toggle-button {
display: flex;
align-items: center;
}
.toggle-button .top__toggle {
width: 48px;
height: 24px;
background: url(data:image/png;base64,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) 0 0 no-repeat;
background-size: 48px auto;
}
.toggle-button .top__toggle.off {
background-image: url(data:image/png;base64,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);
}
.toggle-button .top__toggle.stop {
cursor: not-allowed;
opacity: 0.7;
pointer-events: none;
}
/* TMC Common css */
body {
background: #ffffff 0% 0% no-repeat padding-box;
}
@media screen and (max-width: 900px) {
.welcom-logo {
margin: 10px;
margin-left: 20px;
float: left;
width: 122px;
height: 32px;
}
.welcom-logo-follow {
float: right;
width: 220px;
height: 28px;
margin-right: 20px;
margin-top: 16px;
}
}
@media screen and (min-width: 900px) {
.welcom-logo {
margin: 10px;
margin-left: 213px;
float: left;
width: 122px;
height: 32px;
}
.welcom-logo-follow {
float: right;
width: 220px;
height: 28px;
margin-right: 212px;
margin-top: 16px;
}
}
#app {
width: 100%;
height: 100%;
}
#app .welcome-container.background {
-webkit-filter: blur(5px);
}
#app .welcome-container .permission-layout {
margin-top: 70px;
}
#app .welcome-container .permission-layout .notice-container {
display: flex;
justify-content: center;
align-items: center;
}
#app .welcome-container .permission-layout .notice-container .notice-img {
width: 325px;
height: 200px;
margin-right: 50px;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container {
width: 400px;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-title {
margin-bottom: 20px;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
color: #222222;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-desc {
margin-bottom: 30px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #222222;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-hint {
margin-bottom: 20px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
color: #555555;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-hint:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-action {
display: flex;
align-items: center;
margin-top: 31px;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-action .red-button {
width: 270px;
height: 32px;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 23px;
letter-spacing: 0em;
text-align: center;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .permission-layout .notice-container .notice-content-container .notice-action .red-button:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout {
margin-top: 100px;
}
#app .welcome-container .welcome-layout .eula-container {
display: flex;
justify-content: center;
align-items: center;
}
#app .welcome-container .welcome-layout .eula-container .eula-img {
width: 300px;
height: 300px;
margin-right: 40px;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container {
min-width: 393px;
max-width: 562px;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-title {
max-width: 440px;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 40px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-desc {
max-width: 456px;
margin-bottom: 20px;
font-style: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-content {
max-width: 456px;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-content p {
line-height: 18px;
margin-bottom: 0px;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-content .eula_following_list {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #464646;
margin-bottom: 10px;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-content .eula_following_list:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-content a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
text-decoration-line: underline;
color: #2E96FF;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-content a:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-checkbox {
max-width: 456px;
margin-top: 10px;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label:before, #app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label:after {
top: 0.4rem;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label span {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 118%;
color: #464646;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-checkbox .custom-control-label span:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-action {
display: flex;
align-items: center;
margin-top: 31px;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-action .red-button {
margin-right: 10px;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-action .text-button {
max-width: 282px;
font-style: medium;
font-size: 14px;
line-height: 18px;
text-decoration-line: underline;
color: #2E96FF;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-action .text-button:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-action .text-button-disable {
max-width: 282px;
font-style: medium;
font-size: 14px;
line-height: 18px;
text-decoration-line: underline;
color: #DCDCDC;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .eula-container .eula-content-container .eula-action .text-button-disable:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scanning-container {
display: flex;
justify-content: center;
align-items: center;
}
#app .welcome-container .welcome-layout .scanning-container .scanning-img {
width: 300px;
height: 300px;
margin-right: 40px;
}
#app .welcome-container .welcome-layout .scanning-container .scanning-content {
width: 294px;
}
#app .welcome-container .welcome-layout .scanning-container .scanning-content .scanning-total-number {
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 104px;
color: #000000;
font-family: IBMPlexSans-SemiBold;
}
#app .welcome-container .welcome-layout .scanning-container .scanning-content .scanning-total-number:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scanning-container .scanning-content .scanning-desc {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 118%;
color: #000000;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .scanning-container .scanning-content .scanning-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scan-result-container {
display: flex;
justify-content: center;
align-items: center;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-left {
width: 294px;
margin-right: 30px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-left .scan-result-img {
width: 150px;
height: 140px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-left .scan-result-content .scan-result-total-number {
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 104px;
color: #575757;
font-family: IBMPlexSans-SemiBold;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-left .scan-result-content .scan-result-total-number:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-left .scan-result-content .scan-result-desc {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 118%;
color: #555555;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-left .scan-result-content .scan-result-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right {
width: 415px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .scan-result-title {
margin-bottom: 8px;
font-family: IBM Plex Sans;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .scan-result-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title {
display: flex;
justify-content: space-between;
align-items: center;
height: 34px;
background: #F2F2F2;
border-radius: 10px;
cursor: pointer;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title.disabled {
pointer-events: none;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left {
display: flex;
align-items: center;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag {
width: 8px;
height: 34px;
margin-right: 7px;
border-radius: 10px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.gambling, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.piracy, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.porn, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.contentFarm, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.loan, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.investment {
background-color: #FDA602;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.scam, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .tag.malicious {
background-color: #ED1C24;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .form-checkbox.notClickable {
pointer-events: none;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .title {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #303030;
font-family: IBMPlexSans-SemiBold;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .form-checkbox {
margin-bottom: 0px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-left .form-checkbox label span::before {
top: 7px;
transform: scale(1.3);
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right {
display: flex;
align-items: center;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number {
margin-right: 13px;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
font-family: IBMPlexSans-SemiBold;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.gambling, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.piracy, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.porn, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.contentFarm, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.loan, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.investment {
color: #FDA602;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.scam, #app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.malicious {
color: #ED1C24;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .number.disabled {
color: #555555;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .down-arrow {
position: relative;
display: inline-block;
padding-left: 20px;
margin-right: 4px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .down-arrow::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #8E8E8E;
border-right: solid 2px #8E8E8E;
transform: rotate(-225deg);
margin-top: -7px;
transition: transform 0.3s;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-title-right .down-arrow.active::after {
transform-origin: center;
transform: rotate(-45deg);
transition: transform 0.3s;
margin-top: -5px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-content {
padding: 11px 0px 0px 11px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-content-list {
overflow: hidden;
max-height: 0px;
transition: max-height 0.3s;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-content-list.active {
overflow-y: scroll;
max-height: 74px;
margin-bottom: 5px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-content-list .item {
margin-bottom: 10px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #222222;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .TMC-collapse-content-list .item:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .scan-result-action {
display: flex;
align-items: center;
margin-top: 20px;
}
#app .welcome-container .welcome-layout .scan-result-container .scan-result-right .scan-result-action .underline-button {
margin-left: 10px;
}
#app .welcome-container .welcome-layout .clean-success-container {
display: flex;
justify-content: center;
align-items: center;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-img {
width: 300px;
height: 300px;
margin-right: 40px;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-content {
width: 472px;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-content .clean-success-title {
margin-bottom: 10px;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 52px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-content .clean-success-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-content .clean-success-desc {
width: 380px;
margin-bottom: 40px;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 118%;
color: #000000;
font-family: IBMPlexSans-Regular;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-content .clean-success-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-content .clean-success-action {
display: flex;
align-items: center;
}
#app .welcome-container .welcome-layout .clean-success-container .clean-success-content .clean-success-action .red-button {
margin-right: 10px;
}
#TMC-background {
position: fixed;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 1;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 1s linear;
}
#TMC-background.show {
opacity: 1;
}
#TMC-background.hide {
opacity: 0;
}
#TMC-background .first-time-flow-1 {
right: 0px;
width: 620px;
height: 360px;
z-index: 2;
box-sizing: border-box;
opacity: 1;
position: fixed;
overflow: hidden;
padding: 20px;
}
#TMC-background .first-time-flow-1 .browser-container {
display: flex;
justify-content: flex-end;
}
#TMC-background .first-time-flow-1 .browser-container-img {
position: relative;
}
#TMC-background .first-time-flow-1 .browser-container-img .browser-img {
width: 476px;
height: 147px;
background-image: url(/static/img/img_browser.f2a27148.png);
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
}
#TMC-background .first-time-flow-1 .browser-container-img .extension-img {
position: absolute;
right: 90px;
top: 11px;
width: 167px;
height: 122px;
background-image: url(/static/img/img_extension.00e05fae.png);
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 0.6s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
}
#TMC-background .first-time-flow-1 .browser-container-img .bubble-1 {
position: absolute;
right: 224px;
top: 3px;
width: 64px;
height: 50px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAyCAYAAAADQbYqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPKSURBVHgB7ZrNahRBFIVPVdegQpQJIgiO0GIEMYtEXIgrJyK4VBTdJqBbzc/GnZn4Agn4AMYnkLyASVbixiQLXUVsMEEh6gxRcZGuvt5qM8H8OpmqmukWPxg6yTSTvmduVd06twQc8TEMw8JaUCaB3gDiMoiKJESR3yrW7xFEEYSINGhBEeag9WznpyhCmxGwoFoMi+hQg0Q0wAGHaAYWJhGYUrGeaJcgTYmwUuoqB8AoAWW4RNCkXNNjrRZjXyJUj4dhUlDjINyAT1osRsMiVEtnBhNQBX+Mca/wMJFApXP53TN4piERqie7xhPCENqBwMTRD4vD8MieIpiJT3eoab6pF22E//+8+B73ddaiGjywqwhZEaCOTyHkbm9kSQADr0S9xM8ED+wogpkDsiRAHSPEF342OGbbcPh84vSAEOIpsgxh+Ojy4gQcsUmEtA4Igmk0W/21jpqM4/Ou6ohNw0EXgkoOBDAUE6WcDYuNTEizQKn38IQ4cgQH7/ZDnizhx8hDuCAB+o4tLc7AElX/wWSBIDjFBH7g9k0Url1F4dLF9G/J0jJcYfYvfJmBJakIaRaQ6IcDTOBB91kcGn4A1X2Ofz8MX5gNnKlnbGuHVIRYBUMSdpjgDw3fx4E7t7wGvpW4Qw2hhgosSGOXhOuwxAR+8N5ASwUwSCLrDJZmKPhaEZKlJdDqN3iFn924WrBA6iAowyFrL1/h5/gT1C71pS/95i18Y2w9WKCMJ2jlsa1jvvFq9wW+rqLVkGWJr9gU7XGxMrYj+Dpc5l+GBZIdnBA5h11sK7dLUj7K5L35be03jW15kBX+i2CLEcGLb5cnJE8q+RfBtPcskIkQuReBJ/cIFvC2gWaRc7gXugALeDhgHjmHt8JzsEAGWs8g73CLHxZIY1YKy4mlrQiKbA3XtE7QQnhvevoiSTAFS1IRlIqdefitRmlt/eypCJ1RVBMODMsdIdr+cvfZky56DxtWgjl9wop46fX5ghswp1yIsLF3SP17gefIC46ywLBpAyXX4hG+VJF1eEWQWo/BEZtESJUlPEbGkQkqLs8zbdtKm25vAsr0asF7hQEzh8ERu3qsX0tdr3keP48MY1Y0DYzZ9iN3NVWEiq8Iy5rcN6YNZ1Y0/sKmbTJj74NbYVikWL3IekbUaTYzGmo5rJROj0uIwUbvbzf7FaPhoNJjPBKPeFY6hZzQqBj7PtbLbbtRbnb0IydZYfibGE0F8q+JYXfUn8WIg2BQSm7tkwhdfGYr2CqGswdez44yryQ9nCE9wrT39u5utV2suhi/AJObedzLF4XpAAAAAElFTkSuQmCC);
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 1.2s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
}
#TMC-background .first-time-flow-1 .popup-container {
display: flex;
justify-content: flex-end;
position: relative;
}
#TMC-background .first-time-flow-1 .popup-container .popup-img {
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 1.8s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
position: absolute;
left: -10px;
top: -36px;
width: 319px;
height: 184px;
background-size: cover;
}
#TMC-background .first-time-flow-1 .popup-container .cursor {
position: absolute;
z-index: 3;
left: 236px;
top: 72px;
width: 100px;
height: 106px;
background-image: url(data:image/png;base64,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);
animation-name: fadeInRight;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 2.4s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
}
#TMC-background .first-time-flow-1 .popup-container .popup-img-highlight {
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 3s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
position: absolute;
left: -10px;
top: -36px;
width: 319px;
height: 184px;
background-size: cover;
}
#TMC-background .first-time-flow-1 .popup-container .bubble-2 {
position: absolute;
left: 273px;
top: 12px;
width: 65px;
height: 50px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAyCAYAAAADQbYqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATXSURBVHgB1ZtPbBtFFMa/2V3TNITUIRSB4kiuEg7AgfRS6KmOhMSxCJQTByLRCwcoyQkBIg4SFw5NgAOXSiQSXBrxp5woRYp7quil6QF6cVRLcQSCFJvUNGDv7vDewiKvva4dz6zj/UmW7dlJdubb9968fTsW6AN+TqfTiZqZkQJTJsQpSJmUQiTpUNLvI6QsQIiCA3nDkrgOx7ky8kuhAA0IHBClZDqJIeuslHKWJpxGN5AwrsBFy3aWVQTpuQi/pSYzJrAggQx0IuSKUXMWuxGjZyKUHkmn3YS1BInnESVdiNETEUqpx866kFnU+XikkJsYQHZke3O1k+6Ri1Aan1xyJd7AQSCwPLqVn2vfLSI48DlD1jqdYAoHCJ1/Q1Ts6ZFyoXyPPvrpFwF82glhIAL6SQCGVqIpSWNqdVy7CBwD+kkAHxbiNo0t7JhWd9gZm5gVQnyKfkZibnQ7v1zfpE0ELw8wzXV0m/31jrJh28fr8wht7uAkzGwMBGCSrmUF3EKLJXhWYFm3oAHr5AkcmnkRCXo3Uqn/250fb8L+6Sb2zn0Et7gNVVxg+mgxn+PPWkTYGZ9YEVK8DAXE8DAGs295ArTjr/MruLv4PlSgieceLOan//ushi4rOPLtNzCffLzj/jqEMCr2COcOyjHBtkzllPjw3GtNAsjdO/h77UvvFWb+A2dmyXWehgr2kOWN3YIihsRpFXsyUmM4PP96oI0nvTvzUmDyg9l3MPBK0OMSz5yAffUHdIshJf/DrJIlsCuorgiJkKt5NyT4cUBk66jHGE9BCRo7V7WURHBMMwNFzCea40CVXKARubtLrz8CbWxFqnBZT8kduCaoGlmr312GQ0tfJ4jhI4HvOpZKTqeVRKCi6FMSathXr8HGtbb9OHCK4QcCbTWFeOBDaf4ptdVByjR6xODC24HvbAW1S99DFapiJ5VEkD1Kk3kJbQygvHRynFCGSvtKLn07NanqDW2577lnMXT+k0AbW0H5ZAa6iKSooguOA/ef+yDQ5ucQOlEVoYyI4OVv+MLnTcHwzplXtawKgXNBAQoqkYjgCbDWLEBl/k3vblIr/5bnu8cVQrsIvgCNiRALUF37Arqh4K4mgoS8Ao20EoDvFqMQgKFnoTcU3QEb0ATXE8IE2Fv62LttjgrKFq8riWA6Tg4a8AS48FmoAHzjFCn0iF+5qPL72MQt1aQprKDCiVC1g4ywdulyR/1CEbIwurV5TLme4AixSua0gC7hqx9WUWLrODTzQtu/d7eKQJciuC4uemOAIpZlLyOmWI7jjV1ZhJFCocxFS8QNKVf8Zw9aqs28+4TUXEeMoAcwx3wRtNw7ePV7ga8QF+qsgNF2A2XU7Hl6K6HfoRXBcJzF+iZtIiQH0gVKId9Dn2O4yDbuZ1JeImU6gz/xq9ixixlT4HTkBQYFXCk/HA3Zx9R1YPQnv2dXeUveu9q35GmGxrfxUDF/POzYvi0hcOVp8uRPmX6++gwLYFbs6VbHO7aEuF15H18ApY1bcZ08wzHg6PZm22elLUWI8+SJsiOx+HDDtpxWNIkQ88kzX1M2ONfVtt64T57Gm6PXor/7ZD+IWE/e2+ovVq2KvXyvwNcOK2Sp69WKt58cpUwTLlPxpkw1Qa4EbdQSTu7Rgp4fffwDSa4uDUEG/90AAAAASUVORK5CYII=);
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 3s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
}
#TMC-background .first-time-flow-1 .popup-container .popup-desc {
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 3.6s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
width: 234px;
height: 104px;
margin-top: 43px;
font-family: IBMPlexSans-SemiBold;
font-style: normal;
font-weight: bold;
color: #ffffff;
font-family: IBMPlexSans-SemiBold;
}
#TMC-background .first-time-flow-1 .popup-container .popup-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#TMC-background .first-time-flow-1 .popup-container .popup-desc-text {
font-size: 16px;
line-height: 19px;
}
#TMC-background .first-time-flow-1 .popup-container .popup-desc-next-container {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 16px;
}
#TMC-background .first-time-flow-1 .popup-container .popup-desc-next-container .next-button {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 12px 6px;
margin-right: 30px;
min-width: 100px;
height: 31px;
cursor: pointer;
font-size: 15px;
line-height: 19px;
/* Trend Red */
background: #ed1c24;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
border-radius: 18px;
}
#TMC-background .first-time-flow-1 .popup-container .popup-desc-next-container .next-page {
min-width: 31px;
height: 14px;
font-size: 12px;
line-height: 14px;
}
#TMC-background .TMC-sidebar-background {
position: fixed;
right: 0px;
width: 330px;
height: 100%;
z-index: 2;
box-sizing: border-box;
background: #f0f0f0 0% 0% no-repeat padding-box;
}
#TMC-background #TMC-sidebar {
position: fixed;
right: 0px;
width: 660px;
height: 100%;
padding-left: 330px;
z-index: 3;
box-sizing: border-box;
opacity: 1;
overflow: hidden;
}
#TMC-background #TMC-sidebar .TMC-header {
height: 60px;
width: 100%;
}
#TMC-background #TMC-sidebar .TMC-header .TMC-logo {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
display: inline-block;
}
#TMC-background #TMC-sidebar .TMC-header .TMC-logo .TMC-logo-image {
display: inline-block;
width: 115px;
height: 30px;
opacity: 1;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll {
position: fixed;
display: flex;
justify-content: flex-end;
right: 0px;
width: 100%;
height: 100%;
padding-left: 330px;
box-sizing: border-box;
overflow-y: scroll;
-ms-overflow-style: none;
padding-bottom: 100px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll::-webkit-scrollbar {
display: none;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc {
position: relative;
top: 15px;
right: 70px;
z-index: 3;
width: 240px;
height: 104px;
font-family: IBMPlexSans-SemiBold;
font-style: normal;
font-weight: bold;
color: #ffffff;
opacity: 0;
display: none;
font-family: IBMPlexSans-SemiBold;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc.show {
display: inline-block;
animation-name: fadeIn;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc.hide {
display: none;
animation-name: fadeOut;
animation-iteration-count: 1;
animation-duration: 0.6s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;
backface-visibility: hidden;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc-text {
font-size: 16px;
line-height: 19px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc-next-container {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 16px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc-next-container .next-button {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 12px 6px;
margin-right: 30px;
width: 100px;
height: 31px;
cursor: pointer;
font-size: 15px;
line-height: 19px;
/* Trend Red */
background: #ed1c24;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
border-radius: 18px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .popup-desc-next-container .next-page {
min-width: 31px;
height: 14px;
font-size: 12px;
line-height: 14px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container {
position: relative;
top: 0px;
right: 15px;
/* TMC safe */
/* TMC safe */
/* TMC history */
/* TMC history */
/* TMC adblock */
/* TMC adblock */
/* TMC article */
/* TMC article */
/* TMC helpful */
/* TMC helpful */
/* TMC share */
/* TMC share */
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-safe {
display: flex;
width: 299px;
height: auto;
min-height: 67px;
margin-left: 16px;
margin-bottom: 12px;
/* max-height: 195px; */
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 23px;
opacity: 1;
/*overflow: auto; */
overflow: hidden;
animation: input-card 0.5s linear;
transition: all 0.3s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-safe.open {
transform: translateX(-43px);
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-safe .TMC-logo-safe {
display: flex;
justify-content: center;
align-items: center;
width: 76px;
height: auto;
/* height: 100%; */
min-height: 123px;
background: transparent linear-gradient(180deg, #22C93E 0%, #00A91D 100%) 0% 0% no-repeat padding-box;
border-radius: 23px 0px 0px 23px;
opacity: 1;
float: left;
transition: min-height 0.2s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-safe .TMC-logo-safe .TMC-logo-safe-image {
width: 50px;
height: 50px;
transition: 0.5s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-safe .TMC-content-safe {
width: 223px;
height: auto;
display: inline-block;
/* border-radius: 23px; */
float: left;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-safe .TMC-content-safe .TMC-report-button-text:lang(ru) {
font-size: 11px;
line-height: 17px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history {
display: flex;
width: 299px;
height: auto;
min-height: 145px;
/* max-height: 195px; */
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 23px;
opacity: 1;
/*overflow: auto; */
overflow: hidden;
animation: input-card 0.5s linear;
transition: all 0.3s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history.open {
transform: translateX(-43px);
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-logo-history {
display: flex;
justify-content: center;
align-items: center;
width: 76px;
height: auto;
/* height: 100%; */
min-height: 123px;
background: transparent linear-gradient(156.38deg, #E2D9D7 -18.04%, #666666 52.04%, #494949 118.04%) 0% 0% no-repeat padding-box;
border-radius: 23px 0px 0px 23px;
opacity: 1;
float: left;
transition: all 1s ease-in;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-logo-history.Low, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-logo-history.Success {
background: transparent linear-gradient(180deg, #22C93E 0%, #00A91D 100%) 0% 0% no-repeat padding-box;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-logo-history.Medium {
background: transparent linear-gradient(167deg, #FF7708 0%, #F26500 100%) 0% 0% no-repeat padding-box;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-logo-history.High {
background: transparent linear-gradient(168deg, #FF3F45 0%, #ED0008 100%) 0% 0% no-repeat padding-box;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-logo-history .TMC-logo-history-image {
width: 50px;
height: 50px;
transition: 0.5s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history {
width: 223px;
height: auto;
display: inline-block;
/* border-radius: 23px; */
float: left;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-title {
font-size: 18px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-title.Low, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-title.Success {
color: #72B467;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-title.Medium {
color: #FF7708;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-title.High {
color: #E33636;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container {
position: relative;
margin-bottom: 11px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container .TMC-progress-bar {
width: 188px;
height: 7px;
border-radius: 5px;
background: linear-gradient(90deg, #FF3F45 0%, #FFAD4D 49.48%, #00A91D 100%);
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container .TMC-progress-bar-index {
position: absolute;
top: -3px;
left: 8px;
width: 0px;
height: 11px;
border: 1px solid #707070;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container .TMC-progress-bar-arrow {
position: absolute;
top: -6px;
left: -500px;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #424242 transparent transparent transparent;
opacity: 0;
transition: all 0s ease-in;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container .TMC-progress-bar-arrow.Low, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container .TMC-progress-bar-arrow.Success {
left: 181px;
opacity: 1;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container .TMC-progress-bar-arrow.Medium {
left: 85px;
opacity: 1;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-progress-bar-container .TMC-progress-bar-arrow.High {
left: 0px;
opacity: 1;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-title-container .TMC-content-title {
font-family: IBMPlexSans-SemiBold;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #222222;
font-family: IBMPlexSans-SemiBold;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-title-container .TMC-content-title:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-content-text {
max-height: 56px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container {
max-height: 0px;
overflow: hidden;
transition: all 0.2s ease-in-out;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container.show {
max-height: 223px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category-select-all {
margin-left: 3px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category-select-all.disabled {
pointer-events: none;
color: #AAAAAA;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category-line {
width: 100%;
border-bottom: 0.5px solid #AAAAAA;
margin-bottom: 8px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category {
display: flex;
justify-content: space-between;
margin-left: 3px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.gambling .TMC-browser-category-count, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.piracy .TMC-browser-category-count, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.porn .TMC-browser-category-count, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.contentFarm .TMC-browser-category-count, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.loan .TMC-browser-category-count, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.investment .TMC-browser-category-count {
color: #EFD04D;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.scam .TMC-browser-category-count, #TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.malicious .TMC-browser-category-count {
color: #E33636;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.disabled {
pointer-events: none;
color: #AAAAAA;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-browser-category-container .TMC-browser-category.notClickable {
pointer-events: none;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-clean-history-container {
display: flex;
justify-content: center;
align-items: center;
width: 194px;
height: 34px;
margin-bottom: 15px;
background: linear-gradient(180deg, #FBFBFB 0%, #F2F2F2 100%);
border: 0.5px solid #8E8E8E;
box-sizing: border-box;
border-radius: 9999px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-clean-history-container.disabled {
pointer-events: none;
color: #AAAAAA;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-clean-history-container .TMC-clean-history-Button {
font-size: 13px;
color: #222222;
font-family: IBMPlexSans-Medium;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-clean-history-container .TMC-clean-history-Button:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-history .TMC-content-history .TMC-clean-history-container .TMC-clean-history-Button:lang(ru) {
font-size: 11px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-ad {
display: flex;
width: 299px;
height: auto;
min-height: 67px;
/* max-height: 195px; */
margin-left: 16px;
margin-bottom: 12px;
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 23px;
opacity: 1;
/*overflow: auto; */
overflow: hidden;
animation: input-card 0.5s linear;
transition: all 0.3s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-ad.open {
transform: translateX(-43px);
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-ad .TMC-logo-ad {
display: flex;
justify-content: center;
align-items: center;
width: 76px;
min-height: 90px;
/* height: 100%; */
border-radius: 23px 0px 0px 23px;
opacity: 1;
float: left;
transition: min-height 0.2s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-ad .TMC-logo-ad.safe {
background: transparent linear-gradient(180deg, #22C93E 0%, #00A91D 100%) 0% 0% no-repeat padding-box;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-ad .TMC-logo-ad .TMC-logo-ad-total {
font: normal normal 500 15px/19px IBMPlexSans-SemiBold;
font-size: 36px;
color: rgb(255, 255, 255);
line-height: 0px;
font-family: IBMPlexSans-SemiBold;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-ad .TMC-logo-ad .TMC-logo-ad-total:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-ad .TMC-content-ad {
width: 223px;
height: auto;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-article {
display: flex;
width: 299px;
height: auto;
min-height: 67px;
/* max-height: 195px; */
margin-left: 16px;
margin-bottom: 12px;
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 23px;
opacity: 1;
/*overflow: auto; */
overflow: hidden;
animation: input-card 0.5s linear;
transition: all 0.3s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-article.open {
transform: translateX(-43px);
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-article .TMC-logo-article {
display: flex;
justify-content: center;
align-items: center;
width: 76px;
min-height: 90px;
/* height: 100%; */
border-radius: 23px 0px 0px 23px;
opacity: 1;
transition: min-height 0.2s ease;
background: transparent linear-gradient(161deg, #2E96FF 0%, #0074E8 100%) 0% 0% no-repeat padding-box;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-article .TMC-logo-article .TMC-logo-article-image {
width: 50px;
height: 50px;
transition: 0.5s ease;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-article .TMC-content-article {
width: 223px;
height: auto;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-article .TMC-content-article .TMC-content-article-image {
width: 194px;
height: 80px;
margin-bottom: 11px;
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
background-position: 50% 50%;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful {
width: 299px;
height: auto;
min-height: 97px;
margin-left: 16px;
margin-bottom: 12px;
/* max-height: 195px; */
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 23px;
opacity: 1;
overflow: auto;
animation: input-card 0.5s linear;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-logo-helpful {
display: inline-block;
width: 76px;
height: 97px;
/* height: 100%; */
background: transparent linear-gradient(161deg, #2E96FF 0%, #0074E8 100%) 0% 0% no-repeat padding-box;
border-radius: 23px 0px 0px 23px;
opacity: 1;
float: left;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-logo-helpful .TMC-logo-helpful-image {
width: 50px;
height: 50px;
margin-left: 16px;
margin-top: 24px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-content-helpful {
width: 223px;
/* height: 100%; */
display: inline-block;
/* border-radius: 23px; */
float: left;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-content-helpful .TMC-like-text {
display: block;
font-family: IBMPlexSans-Medium;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
letter-spacing: 0px;
color: #222222;
opacity: 1;
font-family: IBMPlexSans-Medium;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-content-helpful .TMC-like-text:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-content-helpful .TMC-background-button {
width: 92px;
height: 33px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1607843137);
border-radius: 17px;
opacity: 1;
display: inline-block;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-content-helpful .TMC-button-like {
display: inline;
width: 24px;
height: 24px;
opacity: 1;
margin-top: 4px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-helpful .TMC-content-helpful .TMC-button-dislike {
display: inline;
width: 24px;
height: 24px;
opacity: 1;
margin-top: 4px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share {
width: 299px;
height: 122px;
min-height: 122px;
margin-left: 16px;
margin-bottom: 12px;
background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 23px;
opacity: 1;
animation: input-card 0.5s linear;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-logo-share {
display: inline-block;
width: 76px;
height: 100%;
background: transparent linear-gradient(161deg, #2E96FF 0%, #0074E8 100%) 0% 0% no-repeat padding-box;
border-radius: 23px 0px 0px 23px;
opacity: 1;
float: left;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-logo-share .TMC-logo-share-image {
width: 50px;
height: 50px;
margin-left: 16px;
margin-top: 24px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-content-share {
width: 223px;
height: 100%;
display: inline-block;
/* border-radius: 23px; */
float: left;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-content-share .TMC-share-text {
text-align: left;
font-family: IBMPlexSans-Medium;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
letter-spacing: 0px;
color: #222222;
opacity: 1;
font-family: IBMPlexSans-Medium;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-content-share .TMC-share-text:lang(zh_TW) {
font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei";
letter-spacing: 0;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-content-share .TMC-share-fb {
width: 33px;
height: 33px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-content-share .TMC-share-ig {
width: 33px;
height: 33px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-content-share .TMC-share-twitter {
width: 33px;
height: 33px;
}
#TMC-background #TMC-sidebar .TMC-sidebar-scroll .TMC-card-container .TMC-share .TMC-content-share .TMC-share-copy {
width: 33px;
height: 33px;
}