/* Font face */ /* BeausanFont */ @font-face { font-family: FS-PFBeauSansPro-Bold; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-Bold.ttf); } @font-face { font-family: FS-PFBeauSansPro-SemiBold; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-SemiBold.ttf); } @font-face { font-family: FS-PFBeauSansPro-Regular; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-Regular.ttf); } @font-face { font-family: FS-PFBeauSansPro-Bbook; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-Bbook.ttf); } @font-face { font-family: FS-PFBeauSansPro-Black; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-Black.ttf); } @font-face { font-family: FS-PFBeauSansPro-Thin; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-Thin.ttf); } @font-face { font-family: FS-PFBeauSansPro-XThin; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-XThin.ttf); } @font-face { font-family: FS-PFBeauSansPro-XThin; src: url(../fonts/BeausanFont/FS-PFBeauSansPro-XThin.ttf); } /* MagistralFont */ @font-face { font-family: FS-Magistral-Bold; src: url(../fonts/MagistralFont/FS-Magistral-Bold.ttf); } @font-face { font-family: FS-Magistral-ExtraBold; src: url(../fonts/MagistralFont/FS-Magistral-ExtraBold.ttf); } @font-face { font-family: FS-Magistral-Medium; src: url(../fonts/MagistralFont/FS-Magistral-Medium.ttf); } @font-face { font-family: FS-Magistral-Book; src: url(../fonts/MagistralFont/FS-Magistral-Book.ttf); } @font-face { font-family: FS-Magistral-Light; src: url(../fonts/MagistralFont/FS-Magistral-Light.ttf); } /* SarabunFont */ @font-face { font-family: Sarabun-Bold; src: url(../fonts/MagistralFont/Sarabun-Bold.ttf); } @font-face { font-family: Sarabun-SemiBold; src: url(../fonts/MagistralFont/Sarabun-SemiBold.ttf); } @font-face { font-family: Sarabun-ExtraBold; src: url(../fonts/MagistralFont/Sarabun-ExtraBold.ttf); } @font-face { font-family: Sarabun-Medium; src: url(../fonts/MagistralFont/Sarabun-Medium.ttf); } @font-face { font-family: Sarabun-Regular; src: url(../fonts/MagistralFont/Sarabun-Regular.ttf); } @font-face { font-family: Sarabun-Light; src: url(../fonts/MagistralFont/Sarabun-Light.ttf); } @font-face { font-family: Sarabun-Thin; src: url(../fonts/MagistralFont/Sarabun-Thin.ttf); } /* Root */ :root { --main-color-1: #000; --main-color-2: #666; --main-color-3: #999; --main-white-color: #fff; --main-grey-color-1: #f5f5f5; --main-grey-color-2: #e9e9e9; --main-red-color: #EA0033; --main-yellow-color: #f9b63c; --main-green-color: #56b707; --main-border-color: #e0e0e0; } /* Css reset */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} html, body {margin: 0; padding: 0; font-size: 16px; font-family: 'FS-Magistral-Book', sans-serif; color: var(--main-color-1); background-color: #fff} header, section, footer, aside, nav, main, article, figure, figcaption, mark, summary, time, details, ul, li, a, img {display: block; margin: 0; padding: 0} input, textarea, select, button {border: none; background: transparent; outline: none; color: var(--main-color-1);} img {image-rendering: -webkit-optimize-contrast;} button {cursor: pointer} h1, h2, h3, h4, h5, h6, b, strong {font-size: inherit; font-family: 'FS-Magistral-Bold', sans-serif; margin: 0; color: var(--main-color-1);} em {color: inherit} a:hover {text-decoration: none} /* Icon SVG */ .icon-grp {display: inline-block; position: relative; -webkit-mask-size: cover; mask-size: cover; z-index: 1;} .icon-s12 {width: 12px; height: 12px} .icon-s14 {width: 14px; height: 14px} .icon-s16 {width: 16px; height: 16px} .icon-s18 {width: 18px; height: 18px} .icon-s20 {width: 20px; height: 20px} .icon-s22 {width: 22px; height: 22px} .icon-s24 {width: 24px; height: 24px} .icon-s26 {width: 26px; height: 26px} .icon-s28 {width: 28px; height: 28px} .icon-s30 {width: 30px; height: 30px} .icon-s32 {width: 32px; height: 32px} .icon-s34 {width: 34px; height: 34px} .icon-s36 {width: 36px; height: 36px} .icon-s38 {width: 38px; height: 38px} .icon-s40 {width: 40px; height: 40px} .icon-s42 {width: 42px; height: 42px} .icon-s52 {width: 52px; height: 52px} .icon-s62 {width: 62px; height: 62px} .icon-s72 {width: 72px; height: 72px} .icon-s92 {width: 92px; height: 92px} .icon-s128 {width: 128px; height: 128px} .icon-home {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 201.865 201.865' style='enable-background:new 0 0 201.865 201.865;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23010002;' d='M200.65,105.892l-21.763-19.709V39.168c0-2.026-1.643-3.665-3.665-3.665h-19.158 c-0.973,0-1.908,0.383-2.598,1.074c-0.691,0.691-1.077,1.625-1.066,2.602l0.05,23.059l-47.466-42.993 c-1.389-1.256-3.482-1.267-4.889-0.032L1.247,106.278c-1.263,1.109-1.61,2.924-0.841,4.42c0.759,1.485,2.434,2.28,4.066,1.908 l21.971-4.96v67.758c-0.021,0.591-0.032,3.647,2.18,5.944c0.981,1.009,2.738,2.222,5.569,2.222c5.282,0,49.027-0.054,49.027-0.054 c2.029,0,3.661-1.643,3.665-3.665l0.057-40.509c-0.036-0.472,0.05-1.671,0.537-2.205c0.329-0.351,1.034-0.433,1.557-0.433h20.353 c0.913,0,2.147,0.147,2.781,0.805c0.698,0.716,0.687,1.961,0.676,2.154l-0.093,40.058c0,0.97,0.379,1.904,1.07,2.598 c0.687,0.687,1.632,1.081,2.598,1.081h48.003c3.264,0,5.268-1.378,6.363-2.527c2.559-2.663,2.473-6.313,2.459-6.564V106.54 l24.111,5.64c1.643,0.39,3.307-0.39,4.091-1.868C202.225,108.834,201.896,107.019,200.65,105.892z M159.744,42.836h11.817v36.705 l-11.76-10.651L159.744,42.836z M170.409,98.344c-1.081-0.258-2.24,0-3.11,0.698c-0.873,0.694-1.389,1.754-1.389,2.874v72.486 c0,0.394-0.143,1.12-0.419,1.403c-0.225,0.222-0.762,0.251-1.07,0.251h-44.328l0.079-36.129c0.032-0.44,0.218-4.366-2.609-7.401 c-1.356-1.435-3.858-3.153-8.181-3.153H89.029c-3.654,0-5.83,1.557-7.011,2.859c-2.516,2.788-2.473,6.524-2.409,7.573 l-0.057,36.383c-10.629,0.011-41.017,0.05-45.366,0.05c-0.132,0-0.215-0.007-0.268-0.007c-0.007,0-0.018,0-0.025,0 c-0.068-0.147-0.118-0.426-0.118-0.676v-72.493c0-1.113-0.515-2.169-1.381-2.867c-0.873-0.694-2.015-0.948-3.096-0.712 l-12.433,2.806l85.613-75.406l49.986,45.269v0.218h0.236l32.51,29.447L170.409,98.344z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 201.865 201.865' style='enable-background:new 0 0 201.865 201.865;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23010002;' d='M200.65,105.892l-21.763-19.709V39.168c0-2.026-1.643-3.665-3.665-3.665h-19.158 c-0.973,0-1.908,0.383-2.598,1.074c-0.691,0.691-1.077,1.625-1.066,2.602l0.05,23.059l-47.466-42.993 c-1.389-1.256-3.482-1.267-4.889-0.032L1.247,106.278c-1.263,1.109-1.61,2.924-0.841,4.42c0.759,1.485,2.434,2.28,4.066,1.908 l21.971-4.96v67.758c-0.021,0.591-0.032,3.647,2.18,5.944c0.981,1.009,2.738,2.222,5.569,2.222c5.282,0,49.027-0.054,49.027-0.054 c2.029,0,3.661-1.643,3.665-3.665l0.057-40.509c-0.036-0.472,0.05-1.671,0.537-2.205c0.329-0.351,1.034-0.433,1.557-0.433h20.353 c0.913,0,2.147,0.147,2.781,0.805c0.698,0.716,0.687,1.961,0.676,2.154l-0.093,40.058c0,0.97,0.379,1.904,1.07,2.598 c0.687,0.687,1.632,1.081,2.598,1.081h48.003c3.264,0,5.268-1.378,6.363-2.527c2.559-2.663,2.473-6.313,2.459-6.564V106.54 l24.111,5.64c1.643,0.39,3.307-0.39,4.091-1.868C202.225,108.834,201.896,107.019,200.65,105.892z M159.744,42.836h11.817v36.705 l-11.76-10.651L159.744,42.836z M170.409,98.344c-1.081-0.258-2.24,0-3.11,0.698c-0.873,0.694-1.389,1.754-1.389,2.874v72.486 c0,0.394-0.143,1.12-0.419,1.403c-0.225,0.222-0.762,0.251-1.07,0.251h-44.328l0.079-36.129c0.032-0.44,0.218-4.366-2.609-7.401 c-1.356-1.435-3.858-3.153-8.181-3.153H89.029c-3.654,0-5.83,1.557-7.011,2.859c-2.516,2.788-2.473,6.524-2.409,7.573 l-0.057,36.383c-10.629,0.011-41.017,0.05-45.366,0.05c-0.132,0-0.215-0.007-0.268-0.007c-0.007,0-0.018,0-0.025,0 c-0.068-0.147-0.118-0.426-0.118-0.676v-72.493c0-1.113-0.515-2.169-1.381-2.867c-0.873-0.694-2.015-0.948-3.096-0.712 l-12.433,2.806l85.613-75.406l49.986,45.269v0.218h0.236l32.51,29.447L170.409,98.344z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-ticket {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M501.939,140.449c5.579-0.076,10.061-4.619,10.061-10.198v-27.174c0-5.633-4.566-10.199-10.199-10.199H10.199 C4.566,92.878,0,97.444,0,103.077v27.174c0,2.729,1.094,5.344,3.037,7.262c1.943,1.916,4.579,2.951,7.303,2.936l0.366-0.01 c11.73,0.041,21.261,9.596,21.261,21.336c0,11.736-9.525,21.289-21.25,21.336l-0.377-0.01c-2.725-0.016-5.359,1.02-7.303,2.936 C1.093,187.953,0,190.569,0,193.298v31.177c0,2.729,1.094,5.344,3.037,7.262c1.943,1.916,4.579,2.961,7.303,2.936l0.366-0.01 c11.73,0.041,21.261,9.596,21.261,21.336c0,11.735-9.525,21.289-21.251,21.336l-0.376-0.01c-2.725-0.005-5.359,1.021-7.303,2.936 C1.094,282.179,0,284.794,0,287.524v31.177c0,2.729,1.094,5.345,3.037,7.262c1.943,1.915,4.579,2.942,7.303,2.936l0.366-0.01 c11.73,0.041,21.261,9.596,21.261,21.336c0,11.737-9.526,21.292-21.253,21.336l-0.374-0.01c-2.725-0.024-5.359,1.02-7.303,2.936 C1.094,376.405,0,379.02,0,381.749v27.174c0,5.633,4.566,10.199,10.199,10.199h491.602c5.633,0,10.199-4.566,10.199-10.199 v-27.174c0-5.579-4.484-10.123-10.061-10.198c-11.602-0.156-21.041-9.723-21.041-21.327c0-11.603,9.439-21.169,21.041-21.326 c5.579-0.075,10.061-4.619,10.061-10.198v-31.177c0-5.579-4.484-10.123-10.061-10.198c-11.602-0.156-21.041-9.723-21.041-21.326 c0-11.603,9.439-21.169,21.041-21.326c5.579-0.075,10.061-4.619,10.061-10.198v-31.177c0-5.579-4.484-10.123-10.061-10.198 c-11.602-0.156-21.041-9.723-21.041-21.326C480.897,150.172,490.336,140.605,501.939,140.449z M491.602,202.118v13.539 c-17.85,4.742-31.104,21.113-31.104,40.343c0,19.23,13.253,35.6,31.104,40.343v13.539c-17.85,4.743-31.104,21.113-31.104,40.343 c0,19.23,13.253,35.6,31.104,40.343v8.156h-132.59V380.43c0-5.633-4.566-10.199-10.199-10.199 c-5.633,0-10.199,4.566-10.199,10.199v18.294H20.398v-7.919c18.316-4.409,31.967-20.931,31.967-40.581 s-13.652-36.171-31.967-40.581V296.58c18.316-4.409,31.967-20.93,31.967-40.581c0-19.651-13.652-36.17-31.967-40.58v-13.065 c18.316-4.409,31.967-20.93,31.967-40.581c0-19.651-13.652-36.17-31.967-40.58v-7.919h318.215v18.294 c0,5.633,4.566,10.199,10.199,10.199c5.633,0,10.199-4.566,10.199-10.199v-18.294h132.59v8.156 c-17.85,4.743-31.104,21.113-31.104,40.343S473.752,197.375,491.602,202.118z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M348.813,171.143c-5.633,0-10.199,4.566-10.199,10.199v49.772c0,5.633,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.566,10.199-10.199v-49.772C359.012,175.709,354.446,171.143,348.813,171.143z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M348.813,270.687c-5.633,0-10.199,4.566-10.199,10.199v49.772c0,5.633,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.566,10.199-10.199v-49.772C359.012,275.253,354.446,270.687,348.813,270.687z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.438,158.088H108.112c-5.633,0-10.199,4.566-10.199,10.199s4.566,10.199,10.199,10.199h170.327 c5.633,0,10.199-4.566,10.199-10.199S284.071,158.088,278.438,158.088z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M196.403,209.186h-88.291c-5.633,0-10.199,4.566-10.199,10.199c0,5.633,4.566,10.199,10.199,10.199h88.291 c5.633,0,10.199-4.566,10.199-10.199C206.602,213.752,202.036,209.186,196.403,209.186z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M254.106,209.186h-15.643c-5.633,0-10.199,4.566-10.199,10.199c0,5.633,4.566,10.199,10.199,10.199h15.643 c5.633,0,10.199-4.566,10.199-10.199C264.305,213.752,259.739,209.186,254.106,209.186z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M501.939,140.449c5.579-0.076,10.061-4.619,10.061-10.198v-27.174c0-5.633-4.566-10.199-10.199-10.199H10.199 C4.566,92.878,0,97.444,0,103.077v27.174c0,2.729,1.094,5.344,3.037,7.262c1.943,1.916,4.579,2.951,7.303,2.936l0.366-0.01 c11.73,0.041,21.261,9.596,21.261,21.336c0,11.736-9.525,21.289-21.25,21.336l-0.377-0.01c-2.725-0.016-5.359,1.02-7.303,2.936 C1.093,187.953,0,190.569,0,193.298v31.177c0,2.729,1.094,5.344,3.037,7.262c1.943,1.916,4.579,2.961,7.303,2.936l0.366-0.01 c11.73,0.041,21.261,9.596,21.261,21.336c0,11.735-9.525,21.289-21.251,21.336l-0.376-0.01c-2.725-0.005-5.359,1.021-7.303,2.936 C1.094,282.179,0,284.794,0,287.524v31.177c0,2.729,1.094,5.345,3.037,7.262c1.943,1.915,4.579,2.942,7.303,2.936l0.366-0.01 c11.73,0.041,21.261,9.596,21.261,21.336c0,11.737-9.526,21.292-21.253,21.336l-0.374-0.01c-2.725-0.024-5.359,1.02-7.303,2.936 C1.094,376.405,0,379.02,0,381.749v27.174c0,5.633,4.566,10.199,10.199,10.199h491.602c5.633,0,10.199-4.566,10.199-10.199 v-27.174c0-5.579-4.484-10.123-10.061-10.198c-11.602-0.156-21.041-9.723-21.041-21.327c0-11.603,9.439-21.169,21.041-21.326 c5.579-0.075,10.061-4.619,10.061-10.198v-31.177c0-5.579-4.484-10.123-10.061-10.198c-11.602-0.156-21.041-9.723-21.041-21.326 c0-11.603,9.439-21.169,21.041-21.326c5.579-0.075,10.061-4.619,10.061-10.198v-31.177c0-5.579-4.484-10.123-10.061-10.198 c-11.602-0.156-21.041-9.723-21.041-21.326C480.897,150.172,490.336,140.605,501.939,140.449z M491.602,202.118v13.539 c-17.85,4.742-31.104,21.113-31.104,40.343c0,19.23,13.253,35.6,31.104,40.343v13.539c-17.85,4.743-31.104,21.113-31.104,40.343 c0,19.23,13.253,35.6,31.104,40.343v8.156h-132.59V380.43c0-5.633-4.566-10.199-10.199-10.199 c-5.633,0-10.199,4.566-10.199,10.199v18.294H20.398v-7.919c18.316-4.409,31.967-20.931,31.967-40.581 s-13.652-36.171-31.967-40.581V296.58c18.316-4.409,31.967-20.93,31.967-40.581c0-19.651-13.652-36.17-31.967-40.58v-13.065 c18.316-4.409,31.967-20.93,31.967-40.581c0-19.651-13.652-36.17-31.967-40.58v-7.919h318.215v18.294 c0,5.633,4.566,10.199,10.199,10.199c5.633,0,10.199-4.566,10.199-10.199v-18.294h132.59v8.156 c-17.85,4.743-31.104,21.113-31.104,40.343S473.752,197.375,491.602,202.118z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M348.813,171.143c-5.633,0-10.199,4.566-10.199,10.199v49.772c0,5.633,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.566,10.199-10.199v-49.772C359.012,175.709,354.446,171.143,348.813,171.143z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M348.813,270.687c-5.633,0-10.199,4.566-10.199,10.199v49.772c0,5.633,4.566,10.199,10.199,10.199 c5.633,0,10.199-4.566,10.199-10.199v-49.772C359.012,275.253,354.446,270.687,348.813,270.687z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.438,158.088H108.112c-5.633,0-10.199,4.566-10.199,10.199s4.566,10.199,10.199,10.199h170.327 c5.633,0,10.199-4.566,10.199-10.199S284.071,158.088,278.438,158.088z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M196.403,209.186h-88.291c-5.633,0-10.199,4.566-10.199,10.199c0,5.633,4.566,10.199,10.199,10.199h88.291 c5.633,0,10.199-4.566,10.199-10.199C206.602,213.752,202.036,209.186,196.403,209.186z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M254.106,209.186h-15.643c-5.633,0-10.199,4.566-10.199,10.199c0,5.633,4.566,10.199,10.199,10.199h15.643 c5.633,0,10.199-4.566,10.199-10.199C264.305,213.752,259.739,209.186,254.106,209.186z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-user-grp {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' id='圖層_1' data-name='圖層 1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eusergroup%3C/title%3E%3Cpath d='M20.69,12.24a10.74,10.74,0,0,1-1.52-.73,6.86,6.86,0,0,0,1.41-2.09A1.27,1.27,0,0,0,21,9a2.51,2.51,0,0,0,.32-2,1.61,1.61,0,0,0-.37-.6,7.46,7.46,0,0,0-.22-1.72,4.15,4.15,0,0,0-4.17-2.83,4.07,4.07,0,0,0-4,2.56,5.19,5.19,0,0,0-.71-.06c-.17,0-.32,0-.47,0a4.21,4.21,0,0,0-4-2.54A4.15,4.15,0,0,0,3.16,4.63a7.39,7.39,0,0,0-.22,1.72,1.61,1.61,0,0,0-.37.59A2.52,2.52,0,0,0,2.89,9a1.25,1.25,0,0,0,.39.43,8.12,8.12,0,0,0,1.44,2.09,12.6,12.6,0,0,1-1.56.73C.26,13.34.29,15.69.32,17.4a1.85,1.85,0,0,0,1.75,1.85H4a12.36,12.36,0,0,0-.17,1.51,2,2,0,0,0,.54,1.45,1.66,1.66,0,0,0,1.21.54H18.49a1.68,1.68,0,0,0,1.22-.55,1.94,1.94,0,0,0,.53-1.42,11.29,11.29,0,0,0-.2-1.53h1.74a1.85,1.85,0,0,0,1.75-1.85C23.55,15.69,23.59,13.34,20.69,12.24ZM14.55,7.51a6.21,6.21,0,0,1,.17,1.66.66.66,0,0,0,.46.73,1.32,1.32,0,0,1-.21.84,1,1,0,0,0-.45.56c-.16.55-1.27,2.68-2.68,2.68s-2.53-2.13-2.71-2.76a1.09,1.09,0,0,0-.44-.51c-.25-.48-.25-.77-.2-.81a.75.75,0,0,0,.47-.74,6.21,6.21,0,0,1,.17-1.66,2.64,2.64,0,0,1,2.72-1.72A2.61,2.61,0,0,1,14.55,7.51ZM2.07,17.75c-.08,0-.25-.18-.25-.37,0-1.87.08-3.05,1.87-3.73a15.32,15.32,0,0,0,2.73-1.4.75.75,0,0,0,0-1.26A6,6,0,0,1,4.62,8.74a.79.79,0,0,0-.41-.46c-.28-.52-.28-.83-.23-.87a.75.75,0,0,0,.46-.73A6.22,6.22,0,0,1,4.61,5,2.64,2.64,0,0,1,7.33,3.29,2.67,2.67,0,0,1,9.87,4.7,4,4,0,0,0,7.66,7.13a7.41,7.41,0,0,0-.22,1.71,1.6,1.6,0,0,0-.37.59,2.51,2.51,0,0,0,.32,2.05,1.23,1.23,0,0,0,.38.43A7.07,7.07,0,0,0,9.06,14a6.73,6.73,0,0,1-1.4.72,5.28,5.28,0,0,0-3.19,3Zm16.55,3.42a.22.22,0,0,1-.13.08H5.61a.2.2,0,0,1-.12-.07.47.47,0,0,1-.13-.33c.15-2.64,1-4,2.82-4.7A7.9,7.9,0,0,0,10.24,15a3.13,3.13,0,0,0,1.6.46,3.21,3.21,0,0,0,1.83-.62,8.81,8.81,0,0,0,2.25,1.23,3.85,3.85,0,0,1,2.35,2.34.71.71,0,0,0,0,.07.74.74,0,0,0,.2.49,9.18,9.18,0,0,1,.29,1.88A.43.43,0,0,1,18.62,21.17ZM22,17.38c0,.19-.17.37-.25.37H19.6a5.3,5.3,0,0,0-3.15-3.07,7.7,7.7,0,0,1-1.67-.87,7.17,7.17,0,0,0,1.11-1.89,1.28,1.28,0,0,0,.38-.45,2.56,2.56,0,0,0,.29-2.17,1.5,1.5,0,0,0-.34-.49A7.45,7.45,0,0,0,16,7.12a4,4,0,0,0-2-2.33,2.53,2.53,0,0,1,2.52-1.5A2.61,2.61,0,0,1,19.23,5a6.21,6.21,0,0,1,.17,1.66.8.8,0,0,0,.46.77,1.17,1.17,0,0,1-.19.78,1.17,1.17,0,0,0-.47.6,4.71,4.71,0,0,1-1.66,2.06.75.75,0,0,0-.13,1.29,13.59,13.59,0,0,0,2.75,1.48C21.94,14.32,22.05,15.51,22,17.38Z'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' id='圖層_1' data-name='圖層 1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eusergroup%3C/title%3E%3Cpath d='M20.69,12.24a10.74,10.74,0,0,1-1.52-.73,6.86,6.86,0,0,0,1.41-2.09A1.27,1.27,0,0,0,21,9a2.51,2.51,0,0,0,.32-2,1.61,1.61,0,0,0-.37-.6,7.46,7.46,0,0,0-.22-1.72,4.15,4.15,0,0,0-4.17-2.83,4.07,4.07,0,0,0-4,2.56,5.19,5.19,0,0,0-.71-.06c-.17,0-.32,0-.47,0a4.21,4.21,0,0,0-4-2.54A4.15,4.15,0,0,0,3.16,4.63a7.39,7.39,0,0,0-.22,1.72,1.61,1.61,0,0,0-.37.59A2.52,2.52,0,0,0,2.89,9a1.25,1.25,0,0,0,.39.43,8.12,8.12,0,0,0,1.44,2.09,12.6,12.6,0,0,1-1.56.73C.26,13.34.29,15.69.32,17.4a1.85,1.85,0,0,0,1.75,1.85H4a12.36,12.36,0,0,0-.17,1.51,2,2,0,0,0,.54,1.45,1.66,1.66,0,0,0,1.21.54H18.49a1.68,1.68,0,0,0,1.22-.55,1.94,1.94,0,0,0,.53-1.42,11.29,11.29,0,0,0-.2-1.53h1.74a1.85,1.85,0,0,0,1.75-1.85C23.55,15.69,23.59,13.34,20.69,12.24ZM14.55,7.51a6.21,6.21,0,0,1,.17,1.66.66.66,0,0,0,.46.73,1.32,1.32,0,0,1-.21.84,1,1,0,0,0-.45.56c-.16.55-1.27,2.68-2.68,2.68s-2.53-2.13-2.71-2.76a1.09,1.09,0,0,0-.44-.51c-.25-.48-.25-.77-.2-.81a.75.75,0,0,0,.47-.74,6.21,6.21,0,0,1,.17-1.66,2.64,2.64,0,0,1,2.72-1.72A2.61,2.61,0,0,1,14.55,7.51ZM2.07,17.75c-.08,0-.25-.18-.25-.37,0-1.87.08-3.05,1.87-3.73a15.32,15.32,0,0,0,2.73-1.4.75.75,0,0,0,0-1.26A6,6,0,0,1,4.62,8.74a.79.79,0,0,0-.41-.46c-.28-.52-.28-.83-.23-.87a.75.75,0,0,0,.46-.73A6.22,6.22,0,0,1,4.61,5,2.64,2.64,0,0,1,7.33,3.29,2.67,2.67,0,0,1,9.87,4.7,4,4,0,0,0,7.66,7.13a7.41,7.41,0,0,0-.22,1.71,1.6,1.6,0,0,0-.37.59,2.51,2.51,0,0,0,.32,2.05,1.23,1.23,0,0,0,.38.43A7.07,7.07,0,0,0,9.06,14a6.73,6.73,0,0,1-1.4.72,5.28,5.28,0,0,0-3.19,3Zm16.55,3.42a.22.22,0,0,1-.13.08H5.61a.2.2,0,0,1-.12-.07.47.47,0,0,1-.13-.33c.15-2.64,1-4,2.82-4.7A7.9,7.9,0,0,0,10.24,15a3.13,3.13,0,0,0,1.6.46,3.21,3.21,0,0,0,1.83-.62,8.81,8.81,0,0,0,2.25,1.23,3.85,3.85,0,0,1,2.35,2.34.71.71,0,0,0,0,.07.74.74,0,0,0,.2.49,9.18,9.18,0,0,1,.29,1.88A.43.43,0,0,1,18.62,21.17ZM22,17.38c0,.19-.17.37-.25.37H19.6a5.3,5.3,0,0,0-3.15-3.07,7.7,7.7,0,0,1-1.67-.87,7.17,7.17,0,0,0,1.11-1.89,1.28,1.28,0,0,0,.38-.45,2.56,2.56,0,0,0,.29-2.17,1.5,1.5,0,0,0-.34-.49A7.45,7.45,0,0,0,16,7.12a4,4,0,0,0-2-2.33,2.53,2.53,0,0,1,2.52-1.5A2.61,2.61,0,0,1,19.23,5a6.21,6.21,0,0,1,.17,1.66.8.8,0,0,0,.46.77,1.17,1.17,0,0,1-.19.78,1.17,1.17,0,0,0-.47.6,4.71,4.71,0,0,1-1.66,2.06.75.75,0,0,0-.13,1.29,13.59,13.59,0,0,0,2.75,1.48C21.94,14.32,22.05,15.51,22,17.38Z'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-user-id {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 9H18M13 11H16M10.5 9.5C10.5 10.3284 9.82843 11 9 11C8.17157 11 7.5 10.3284 7.5 9.5C7.5 8.67157 8.17157 8 9 8C9.82843 8 10.5 8.67157 10.5 9.5ZM7.65882 13H10.3412C10.5824 13 10.7031 13 10.811 13.0154C11.1844 13.0685 11.5074 13.2554 11.6883 13.523C11.7405 13.6003 11.7787 13.6922 11.855 13.8759C11.9467 14.0967 11.9925 14.2071 11.9987 14.2961C12.0206 14.6103 11.7659 14.8939 11.3878 14.9766C11.2806 15 11.1357 15 10.8458 15H7.15422C6.86432 15 6.71937 15 6.61221 14.9766C6.23409 14.8939 5.97944 14.6103 6.00131 14.2961C6.0075 14.2071 6.05334 14.0967 6.14502 13.8759C6.22131 13.6922 6.25945 13.6003 6.31173 13.523C6.49265 13.2554 6.81558 13.0685 7.18903 13.0154C7.29693 13 7.41756 13 7.65882 13ZM6 17H18C18.9428 17 19.4142 17 19.7071 16.7071C20 16.4142 20 15.9428 20 15V8C20 7.05719 20 6.58579 19.7071 6.29289C19.4142 6 18.9428 6 18 6H6C5.05719 6 4.58579 6 4.29289 6.29289C4 6.58579 4 7.05719 4 8V15C4 15.9428 4 16.4142 4.29289 16.7071C4.58579 17 5.05719 17 6 17Z' stroke='%23464455' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 9H18M13 11H16M10.5 9.5C10.5 10.3284 9.82843 11 9 11C8.17157 11 7.5 10.3284 7.5 9.5C7.5 8.67157 8.17157 8 9 8C9.82843 8 10.5 8.67157 10.5 9.5ZM7.65882 13H10.3412C10.5824 13 10.7031 13 10.811 13.0154C11.1844 13.0685 11.5074 13.2554 11.6883 13.523C11.7405 13.6003 11.7787 13.6922 11.855 13.8759C11.9467 14.0967 11.9925 14.2071 11.9987 14.2961C12.0206 14.6103 11.7659 14.8939 11.3878 14.9766C11.2806 15 11.1357 15 10.8458 15H7.15422C6.86432 15 6.71937 15 6.61221 14.9766C6.23409 14.8939 5.97944 14.6103 6.00131 14.2961C6.0075 14.2071 6.05334 14.0967 6.14502 13.8759C6.22131 13.6922 6.25945 13.6003 6.31173 13.523C6.49265 13.2554 6.81558 13.0685 7.18903 13.0154C7.29693 13 7.41756 13 7.65882 13ZM6 17H18C18.9428 17 19.4142 17 19.7071 16.7071C20 16.4142 20 15.9428 20 15V8C20 7.05719 20 6.58579 19.7071 6.29289C19.4142 6 18.9428 6 18 6H6C5.05719 6 4.58579 6 4.29289 6.29289C4 6.58579 4 7.05719 4 8V15C4 15.9428 4 16.4142 4.29289 16.7071C4.58579 17 5.05719 17 6 17Z' stroke='%23464455' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-medal {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M22.4,23c-0.1,0-0.1,0-0.2,0L20,22.1L17.8,23c-0.2,0.1-0.5,0-0.6-0.3l-1-2.1l-2.1-1c-0.2-0.1-0.4-0.4-0.3-0.6l0.8-2.2 l-0.8-2.2c-0.1-0.2,0-0.5,0.3-0.6l2.1-1l1-2.1c0.1-0.2,0.4-0.4,0.6-0.3l2.2,0.8l2.2-0.8c0.2-0.1,0.5,0,0.6,0.3l1,2.1l2.1,1 c0.2,0.1,0.4,0.4,0.3,0.6l-0.8,2.2l0.8,2.2c0.1,0.2,0,0.5-0.3,0.6l-2.1,1l-1,2.1C22.7,22.9,22.5,23,22.4,23z M20,21.1 c0.1,0,0.1,0,0.2,0l1.9,0.7L23,20c0-0.1,0.1-0.2,0.2-0.2l1.9-0.9L24.4,17c0-0.1,0-0.2,0-0.3l0.7-1.9l-1.9-0.9 c-0.1,0-0.2-0.1-0.2-0.2l-0.9-1.9l-1.9,0.7c-0.1,0-0.2,0-0.3,0l-1.9-0.7L17,13.6c0,0.1-0.1,0.2-0.2,0.2l-1.9,0.9l0.7,1.9 c0,0.1,0,0.2,0,0.3l-0.7,1.9l1.9,0.9c0.1,0,0.2,0.1,0.2,0.2l0.9,1.9l1.9-0.7C19.9,21.1,19.9,21.1,20,21.1z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M17,20.6l-2.2,6l1.9-0.3c0.2,0,0.4,0,0.5,0.2l1.2,1.5l2.2-6l0.9,0.3l-2.5,6.8c-0.1,0.2-0.2,0.3-0.4,0.3 c0,0-0.1,0-0.1,0c-0.2,0-0.3-0.1-0.4-0.2l-1.5-1.9l-2.4,0.4c-0.2,0-0.4,0-0.5-0.2c-0.1-0.1-0.1-0.3-0.1-0.5l2.5-6.8L17,20.6z' /%3E%3C/g%3E%3Cg%3E%3Cpath d='M23.9,20.3l2.6,6.8c0.1,0.2,0,0.4-0.1,0.5c-0.1,0.1-0.3,0.2-0.5,0.2l-2.4-0.4l-1.5,1.9c-0.1,0.1-0.2,0.2-0.4,0.2 c0,0-0.1,0-0.1,0c-0.2,0-0.3-0.1-0.4-0.3l-1.6-4.2l0.9-0.4l1.2,3.3l1.2-1.5c0.1-0.1,0.3-0.2,0.5-0.2l1.9,0.3l-2.2-6L23.9,20.3z '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M22.4,23c-0.1,0-0.1,0-0.2,0L20,22.1L17.8,23c-0.2,0.1-0.5,0-0.6-0.3l-1-2.1l-2.1-1c-0.2-0.1-0.4-0.4-0.3-0.6l0.8-2.2 l-0.8-2.2c-0.1-0.2,0-0.5,0.3-0.6l2.1-1l1-2.1c0.1-0.2,0.4-0.4,0.6-0.3l2.2,0.8l2.2-0.8c0.2-0.1,0.5,0,0.6,0.3l1,2.1l2.1,1 c0.2,0.1,0.4,0.4,0.3,0.6l-0.8,2.2l0.8,2.2c0.1,0.2,0,0.5-0.3,0.6l-2.1,1l-1,2.1C22.7,22.9,22.5,23,22.4,23z M20,21.1 c0.1,0,0.1,0,0.2,0l1.9,0.7L23,20c0-0.1,0.1-0.2,0.2-0.2l1.9-0.9L24.4,17c0-0.1,0-0.2,0-0.3l0.7-1.9l-1.9-0.9 c-0.1,0-0.2-0.1-0.2-0.2l-0.9-1.9l-1.9,0.7c-0.1,0-0.2,0-0.3,0l-1.9-0.7L17,13.6c0,0.1-0.1,0.2-0.2,0.2l-1.9,0.9l0.7,1.9 c0,0.1,0,0.2,0,0.3l-0.7,1.9l1.9,0.9c0.1,0,0.2,0.1,0.2,0.2l0.9,1.9l1.9-0.7C19.9,21.1,19.9,21.1,20,21.1z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M17,20.6l-2.2,6l1.9-0.3c0.2,0,0.4,0,0.5,0.2l1.2,1.5l2.2-6l0.9,0.3l-2.5,6.8c-0.1,0.2-0.2,0.3-0.4,0.3 c0,0-0.1,0-0.1,0c-0.2,0-0.3-0.1-0.4-0.2l-1.5-1.9l-2.4,0.4c-0.2,0-0.4,0-0.5-0.2c-0.1-0.1-0.1-0.3-0.1-0.5l2.5-6.8L17,20.6z' /%3E%3C/g%3E%3Cg%3E%3Cpath d='M23.9,20.3l2.6,6.8c0.1,0.2,0,0.4-0.1,0.5c-0.1,0.1-0.3,0.2-0.5,0.2l-2.4-0.4l-1.5,1.9c-0.1,0.1-0.2,0.2-0.4,0.2 c0,0-0.1,0-0.1,0c-0.2,0-0.3-0.1-0.4-0.3l-1.6-4.2l0.9-0.4l1.2,3.3l1.2-1.5c0.1-0.1,0.3-0.2,0.5-0.2l1.9,0.3l-2.2-6L23.9,20.3z '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-mail {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.84674576,17.8602756 C4.0442161,17.955959 4.26584099,18.0096122 4.49999728,18.0096122 L19.5,18.0096122 C19.734157,18.0096122 19.9557825,17.9559587 20.1532533,17.8602747 L14.2446247,12.2992125 L12.3178536,13.8859651 C12.1332257,14.0380116 11.8667743,14.0380116 11.6821464,13.8859651 L9.75537533,12.2992125 L3.84674576,17.8602756 L3.84674576,17.8602756 Z M3.1430925,17.1498223 C3.1477226,17.1451097 3.15246435,17.1404678 3.15731765,17.1359 L8.97720082,11.6583629 L3.18214637,6.88596512 C3.16950983,6.87555855 3.15751523,6.86466152 3.14616744,6.85332433 C3.05246763,7.04913384 2.99999728,7.26843937 2.99999728,7.5 L2.99999728,16.5096122 C2.99999728,16.7386275 3.05132045,16.9556556 3.1430925,17.1498223 L3.1430925,17.1498223 Z M20.8569057,17.1498204 C20.9486772,16.9556542 21,16.7386268 21,16.5096122 L21,7.5 C21,7.26844009 20.94753,7.04913522 20.8538307,6.85332617 C20.8424835,6.86466269 20.8304895,6.87555911 20.8178536,6.88596512 L15.0227992,11.6583629 L20.8426823,17.1359 C20.847535,17.1404672 20.8522762,17.1451085 20.8569057,17.1498204 L20.8569057,17.1498204 Z M20.1444281,6.14509696 C19.9491886,6.05206979 19.7306751,6 19.5,6 L4.49999728,6 C4.26932289,6 4.05080997,6.05206949 3.85557086,6.14509614 L12,12.8522731 L20.1444281,6.14509696 L20.1444281,6.14509696 Z M4.49999728,5 L19.5,5 C20.8807119,5 22,6.11928813 22,7.5 L22,16.5096122 C22,17.8903241 20.8807119,19.0096122 19.5,19.0096122 L4.49999728,19.0096122 C3.11928541,19.0096122 1.99999728,17.8903241 1.99999728,16.5096122 L1.99999728,7.5 C1.99999728,6.11928813 3.11928541,5 4.49999728,5 Z'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.84674576,17.8602756 C4.0442161,17.955959 4.26584099,18.0096122 4.49999728,18.0096122 L19.5,18.0096122 C19.734157,18.0096122 19.9557825,17.9559587 20.1532533,17.8602747 L14.2446247,12.2992125 L12.3178536,13.8859651 C12.1332257,14.0380116 11.8667743,14.0380116 11.6821464,13.8859651 L9.75537533,12.2992125 L3.84674576,17.8602756 L3.84674576,17.8602756 Z M3.1430925,17.1498223 C3.1477226,17.1451097 3.15246435,17.1404678 3.15731765,17.1359 L8.97720082,11.6583629 L3.18214637,6.88596512 C3.16950983,6.87555855 3.15751523,6.86466152 3.14616744,6.85332433 C3.05246763,7.04913384 2.99999728,7.26843937 2.99999728,7.5 L2.99999728,16.5096122 C2.99999728,16.7386275 3.05132045,16.9556556 3.1430925,17.1498223 L3.1430925,17.1498223 Z M20.8569057,17.1498204 C20.9486772,16.9556542 21,16.7386268 21,16.5096122 L21,7.5 C21,7.26844009 20.94753,7.04913522 20.8538307,6.85332617 C20.8424835,6.86466269 20.8304895,6.87555911 20.8178536,6.88596512 L15.0227992,11.6583629 L20.8426823,17.1359 C20.847535,17.1404672 20.8522762,17.1451085 20.8569057,17.1498204 L20.8569057,17.1498204 Z M20.1444281,6.14509696 C19.9491886,6.05206979 19.7306751,6 19.5,6 L4.49999728,6 C4.26932289,6 4.05080997,6.05206949 3.85557086,6.14509614 L12,12.8522731 L20.1444281,6.14509696 L20.1444281,6.14509696 Z M4.49999728,5 L19.5,5 C20.8807119,5 22,6.11928813 22,7.5 L22,16.5096122 C22,17.8903241 20.8807119,19.0096122 19.5,19.0096122 L4.49999728,19.0096122 C3.11928541,19.0096122 1.99999728,17.8903241 1.99999728,16.5096122 L1.99999728,7.5 C1.99999728,6.11928813 3.11928541,5 4.49999728,5 Z'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-user {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='-8 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Euser-alt%3C/title%3E%3Cpath d='M13.84 16.48c-0.76-0.76-1.64-1.36-2.64-1.72 0.88-0.8 1.44-2 1.44-3.28 0-2.44-2-4.48-4.48-4.48s-4.48 2-4.48 4.48c0 1.32 0.56 2.48 1.44 3.28-1 0.36-1.88 0.92-2.64 1.72-2.64 2.88-2.48 7.52-2.48 7.72 0.040 0.48 0.4 0.8 0.88 0.8s0.8-0.4 0.8-0.88c0-0.040-0.16-4.12 2.12-6.52 1.080-1.12 2.56-1.68 4.4-1.68s3.32 0.56 4.4 1.68c2.28 2.36 2.12 6.44 2.12 6.52-0.040 0.48 0.32 0.84 0.8 0.88h0.040c0.44 0 0.8-0.36 0.84-0.8 0.040-0.2 0.24-4.84-2.56-7.72zM5.44 11.48c0-1.52 1.24-2.8 2.8-2.8 1.52 0 2.8 1.24 2.8 2.8 0 1.52-1.24 2.8-2.8 2.8-1.56-0.040-2.8-1.28-2.8-2.8z'%3E%3C/path%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='-8 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Euser-alt%3C/title%3E%3Cpath d='M13.84 16.48c-0.76-0.76-1.64-1.36-2.64-1.72 0.88-0.8 1.44-2 1.44-3.28 0-2.44-2-4.48-4.48-4.48s-4.48 2-4.48 4.48c0 1.32 0.56 2.48 1.44 3.28-1 0.36-1.88 0.92-2.64 1.72-2.64 2.88-2.48 7.52-2.48 7.72 0.040 0.48 0.4 0.8 0.88 0.8s0.8-0.4 0.8-0.88c0-0.040-0.16-4.12 2.12-6.52 1.080-1.12 2.56-1.68 4.4-1.68s3.32 0.56 4.4 1.68c2.28 2.36 2.12 6.44 2.12 6.52-0.040 0.48 0.32 0.84 0.8 0.88h0.040c0.44 0 0.8-0.36 0.84-0.8 0.040-0.2 0.24-4.84-2.56-7.72zM5.44 11.48c0-1.52 1.24-2.8 2.8-2.8 1.52 0 2.8 1.24 2.8 2.8 0 1.52-1.24 2.8-2.8 2.8-1.56-0.040-2.8-1.28-2.8-2.8z'%3E%3C/path%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-user-2 {background-color: #d0d0d0; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 30' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Euser%3C/title%3E%3Cpath d='M20.188 21.281c1.469 0.813 2.313 2.188 2.219 3.594-0.094 0.875-0.094 0.906-1.219 1.031-0.719 0.094-5.094 0.156-9.594 0.156-5.094 0-10.406-0.063-10.813-0.156-1.5-0.406-0.688-3.188 1.344-4.469 1.563-1.031 4.75-2.563 5.594-2.75 1.188-0.25 1.344-0.969 0.031-3.313-0.313-0.531-0.688-2.125-0.719-3.813-0.063-2.688 0.5-4.531 2.844-5.406 0.438-0.156 0.938-0.25 1.406-0.25 1.563 0 3.031 0.875 3.625 2.156 0.844 1.719 0.5 6.219-0.406 7.844-1 1.875-0.906 2.438 0.25 2.75 0.75 0.188 3.094 1.344 5.438 2.625z'%3E%3C/path%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 30' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Euser%3C/title%3E%3Cpath d='M20.188 21.281c1.469 0.813 2.313 2.188 2.219 3.594-0.094 0.875-0.094 0.906-1.219 1.031-0.719 0.094-5.094 0.156-9.594 0.156-5.094 0-10.406-0.063-10.813-0.156-1.5-0.406-0.688-3.188 1.344-4.469 1.563-1.031 4.75-2.563 5.594-2.75 1.188-0.25 1.344-0.969 0.031-3.313-0.313-0.531-0.688-2.125-0.719-3.813-0.063-2.688 0.5-4.531 2.844-5.406 0.438-0.156 0.938-0.25 1.406-0.25 1.563 0 3.031 0.875 3.625 2.156 0.844 1.719 0.5 6.219-0.406 7.844-1 1.875-0.906 2.438 0.25 2.75 0.75 0.188 3.094 1.344 5.438 2.625z'%3E%3C/path%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-papers {background-color: #d0d0d0; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='_01_align_center' data-name='01 align center'%3E%3Cpath d='M23.944,7.662,12,.5.056,7.662,12,14.828ZM12,2.828l8.056,4.834L12,12.5,3.944,7.662Z'/%3E%3Cpolygon points='24 13.965 12 21.165 0 13.965 0 16.298 12 23.497 24 16.298 24 13.965'/%3E%3Cpolygon points='24 9.634 21.485 11.143 21.485 11.143 12 16.834 2.515 11.143 2.515 11.143 0 9.634 0 11.966 12 19.166 24 11.966 24 9.634'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg id='_01_align_center' data-name='01 align center'%3E%3Cpath d='M23.944,7.662,12,.5.056,7.662,12,14.828ZM12,2.828l8.056,4.834L12,12.5,3.944,7.662Z'/%3E%3Cpolygon points='24 13.965 12 21.165 0 13.965 0 16.298 12 23.497 24 16.298 24 13.965'/%3E%3Cpolygon points='24 9.634 21.485 11.143 21.485 11.143 12 16.834 2.515 11.143 2.515 11.143 0 9.634 0 11.966 12 19.166 24 11.966 24 9.634'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 100% 100%;} .icon-papers-2 {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%0A%3Csvg id='Layer_1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m21 4h-6v-1a3 3 0 0 0 -6 0v1h-6a3 3 0 0 0 -3 3v17h24v-17a3 3 0 0 0 -3-3zm-10-1a1 1 0 0 1 2 0v3h-2zm11 19h-20v-15a1 1 0 0 1 1-1h6v2h6v-2h6a1 1 0 0 1 1 1zm-18-2h7v-10h-7zm2-8h3v6h-3zm7 2h7v2h-7zm0-4h7v2h-7zm0 8h5v2h-5z'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%0A%3Csvg id='Layer_1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m21 4h-6v-1a3 3 0 0 0 -6 0v1h-6a3 3 0 0 0 -3 3v17h24v-17a3 3 0 0 0 -3-3zm-10-1a1 1 0 0 1 2 0v3h-2zm11 19h-20v-15a1 1 0 0 1 1-1h6v2h6v-2h6a1 1 0 0 1 1 1zm-18-2h7v-10h-7zm2-8h3v6h-3zm7 2h7v2h-7zm0-4h7v2h-7zm0 8h5v2h-5z'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-search {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 488.4 488.4' style='enable-background:new 0 0 488.4 488.4;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0,203.25c0,112.1,91.2,203.2,203.2,203.2c51.6,0,98.8-19.4,134.7-51.2l129.5,129.5c2.4,2.4,5.5,3.6,8.7,3.6 s6.3-1.2,8.7-3.6c4.8-4.8,4.8-12.5,0-17.3l-129.6-129.5c31.8-35.9,51.2-83,51.2-134.7c0-112.1-91.2-203.2-203.2-203.2 S0,91.15,0,203.25z M381.9,203.25c0,98.5-80.2,178.7-178.7,178.7s-178.7-80.2-178.7-178.7s80.2-178.7,178.7-178.7 S381.9,104.65,381.9,203.25z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 488.4 488.4' style='enable-background:new 0 0 488.4 488.4;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0,203.25c0,112.1,91.2,203.2,203.2,203.2c51.6,0,98.8-19.4,134.7-51.2l129.5,129.5c2.4,2.4,5.5,3.6,8.7,3.6 s6.3-1.2,8.7-3.6c4.8-4.8,4.8-12.5,0-17.3l-129.6-129.5c31.8-35.9,51.2-83,51.2-134.7c0-112.1-91.2-203.2-203.2-203.2 S0,91.15,0,203.25z M381.9,203.25c0,98.5-80.2,178.7-178.7,178.7s-178.7-80.2-178.7-178.7s80.2-178.7,178.7-178.7 S381.9,104.65,381.9,203.25z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-img-1 {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 1H12.5C13.3284 1 14 1.67157 14 2.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V2.5C1 1.67157 1.67157 1 2.5 1ZM2.5 2C2.22386 2 2 2.22386 2 2.5V8.3636L3.6818 6.6818C3.76809 6.59551 3.88572 6.54797 4.00774 6.55007C4.12975 6.55216 4.24568 6.60372 4.32895 6.69293L7.87355 10.4901L10.6818 7.6818C10.8575 7.50607 11.1425 7.50607 11.3182 7.6818L13 9.3636V2.5C13 2.22386 12.7761 2 12.5 2H2.5ZM2 12.5V9.6364L3.98887 7.64753L7.5311 11.4421L8.94113 13H2.5C2.22386 13 2 12.7761 2 12.5ZM12.5 13H10.155L8.48336 11.153L11 8.6364L13 10.6364V12.5C13 12.7761 12.7761 13 12.5 13ZM6.64922 5.5C6.64922 5.03013 7.03013 4.64922 7.5 4.64922C7.96987 4.64922 8.35078 5.03013 8.35078 5.5C8.35078 5.96987 7.96987 6.35078 7.5 6.35078C7.03013 6.35078 6.64922 5.96987 6.64922 5.5ZM7.5 3.74922C6.53307 3.74922 5.74922 4.53307 5.74922 5.5C5.74922 6.46693 6.53307 7.25078 7.5 7.25078C8.46693 7.25078 9.25078 6.46693 9.25078 5.5C9.25078 4.53307 8.46693 3.74922 7.5 3.74922Z' fill='%23000000' /%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 1H12.5C13.3284 1 14 1.67157 14 2.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V2.5C1 1.67157 1.67157 1 2.5 1ZM2.5 2C2.22386 2 2 2.22386 2 2.5V8.3636L3.6818 6.6818C3.76809 6.59551 3.88572 6.54797 4.00774 6.55007C4.12975 6.55216 4.24568 6.60372 4.32895 6.69293L7.87355 10.4901L10.6818 7.6818C10.8575 7.50607 11.1425 7.50607 11.3182 7.6818L13 9.3636V2.5C13 2.22386 12.7761 2 12.5 2H2.5ZM2 12.5V9.6364L3.98887 7.64753L7.5311 11.4421L8.94113 13H2.5C2.22386 13 2 12.7761 2 12.5ZM12.5 13H10.155L8.48336 11.153L11 8.6364L13 10.6364V12.5C13 12.7761 12.7761 13 12.5 13ZM6.64922 5.5C6.64922 5.03013 7.03013 4.64922 7.5 4.64922C7.96987 4.64922 8.35078 5.03013 8.35078 5.5C8.35078 5.96987 7.96987 6.35078 7.5 6.35078C7.03013 6.35078 6.64922 5.96987 6.64922 5.5ZM7.5 3.74922C6.53307 3.74922 5.74922 4.53307 5.74922 5.5C5.74922 6.46693 6.53307 7.25078 7.5 7.25078C8.46693 7.25078 9.25078 6.46693 9.25078 5.5C9.25078 4.53307 8.46693 3.74922 7.5 3.74922Z' fill='%23000000' /%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-img-2 {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eionicons-v5-e%3C/title%3E%3Cpath d='M432,112V96a48.14,48.14,0,0,0-48-48H64A48.14,48.14,0,0,0,16,96V352a48.14,48.14,0,0,0,48,48H80' style='fill:none;stroke:%23000;stroke-linejoin:round;stroke-width:32px'/%3E%3Crect x='96' y='128' width='400' height='336' rx='45.99' ry='45.99' style='fill:none;stroke:%23000;stroke-linejoin:round;stroke-width:32px'/%3E%3Cellipse cx='372.92' cy='219.64' rx='30.77' ry='30.55' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:32px'/%3E%3Cpath d='M342.15,372.17,255,285.78a30.93,30.93,0,0,0-42.18-1.21L96,387.64' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3Cpath d='M265.23,464,383.82,346.27a31,31,0,0,1,41.46-1.87L496,402.91' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eionicons-v5-e%3C/title%3E%3Cpath d='M432,112V96a48.14,48.14,0,0,0-48-48H64A48.14,48.14,0,0,0,16,96V352a48.14,48.14,0,0,0,48,48H80' style='fill:none;stroke:%23000;stroke-linejoin:round;stroke-width:32px'/%3E%3Crect x='96' y='128' width='400' height='336' rx='45.99' ry='45.99' style='fill:none;stroke:%23000;stroke-linejoin:round;stroke-width:32px'/%3E%3Cellipse cx='372.92' cy='219.64' rx='30.77' ry='30.55' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:32px'/%3E%3Cpath d='M342.15,372.17,255,285.78a30.93,30.93,0,0,0-42.18-1.21L96,387.64' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3Cpath d='M265.23,464,383.82,346.27a31,31,0,0,1,41.46-1.87L496,402.91' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-img-3 {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eimage-gallery-line%3C/title%3E%3Cpath d='M32.12,10H3.88A1.88,1.88,0,0,0,2,11.88V30.12A1.88,1.88,0,0,0,3.88,32H32.12A1.88,1.88,0,0,0,34,30.12V11.88A1.88,1.88,0,0,0,32.12,10ZM32,30H4V12H32Z' class='clr-i-outline clr-i-outline-path-1'%3E%3C/path%3E%3Cpath d='M8.56,19.45a3,3,0,1,0-3-3A3,3,0,0,0,8.56,19.45Zm0-4.6A1.6,1.6,0,1,1,7,16.45,1.6,1.6,0,0,1,8.56,14.85Z' class='clr-i-outline clr-i-outline-path-2'%3E%3C/path%3E%3Cpath d='M7.9,28l6-6,3.18,3.18L14.26,28h2l7.46-7.46L30,26.77v-2L24.2,19a.71.71,0,0,0-1,0l-5.16,5.16L14.37,20.5a.71.71,0,0,0-1,0L5.92,28Z' class='clr-i-outline clr-i-outline-path-3'%3E%3C/path%3E%3Cpath d='M30.14,3h0a1,1,0,0,0-1-1h-22a1,1,0,0,0-1,1h0V4h24Z' class='clr-i-outline clr-i-outline-path-4'%3E%3C/path%3E%3Cpath d='M32.12,7V7a1,1,0,0,0-1-1h-26a1,1,0,0,0-1,1h0V8h28Z' class='clr-i-outline clr-i-outline-path-5'%3E%3C/path%3E%3Crect x='0' y='0' width='36' height='36' fill-opacity='0'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eimage-gallery-line%3C/title%3E%3Cpath d='M32.12,10H3.88A1.88,1.88,0,0,0,2,11.88V30.12A1.88,1.88,0,0,0,3.88,32H32.12A1.88,1.88,0,0,0,34,30.12V11.88A1.88,1.88,0,0,0,32.12,10ZM32,30H4V12H32Z' class='clr-i-outline clr-i-outline-path-1'%3E%3C/path%3E%3Cpath d='M8.56,19.45a3,3,0,1,0-3-3A3,3,0,0,0,8.56,19.45Zm0-4.6A1.6,1.6,0,1,1,7,16.45,1.6,1.6,0,0,1,8.56,14.85Z' class='clr-i-outline clr-i-outline-path-2'%3E%3C/path%3E%3Cpath d='M7.9,28l6-6,3.18,3.18L14.26,28h2l7.46-7.46L30,26.77v-2L24.2,19a.71.71,0,0,0-1,0l-5.16,5.16L14.37,20.5a.71.71,0,0,0-1,0L5.92,28Z' class='clr-i-outline clr-i-outline-path-3'%3E%3C/path%3E%3Cpath d='M30.14,3h0a1,1,0,0,0-1-1h-22a1,1,0,0,0-1,1h0V4h24Z' class='clr-i-outline clr-i-outline-path-4'%3E%3C/path%3E%3Cpath d='M32.12,7V7a1,1,0,0,0-1-1h-26a1,1,0,0,0-1,1h0V8h28Z' class='clr-i-outline clr-i-outline-path-5'%3E%3C/path%3E%3Crect x='0' y='0' width='36' height='36' fill-opacity='0'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-quotes {background-color: #e5eded; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 0 1-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-zoom {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7092 2.29502C21.8041 2.3904 21.8757 2.50014 21.9241 2.61722C21.9727 2.73425 21.9996 2.8625 22 2.997L22 3V9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55228 20 9V5.41421L14.7071 10.7071C14.3166 11.0976 13.6834 11.0976 13.2929 10.7071C12.9024 10.3166 12.9024 9.68342 13.2929 9.29289L18.5858 4H15C14.4477 4 14 3.55228 14 3C14 2.44772 14.4477 2 15 2H20.9998C21.2749 2 21.5242 2.11106 21.705 2.29078L21.7092 2.29502Z' fill='%23000000'/%3E%3Cpath d='M10.7071 14.7071L5.41421 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H3.00069L2.997 22C2.74301 21.9992 2.48924 21.9023 2.29502 21.7092L2.29078 21.705C2.19595 21.6096 2.12432 21.4999 2.07588 21.3828C2.02699 21.2649 2 21.1356 2 21V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V18.5858L9.29289 13.2929C9.68342 12.9024 10.3166 12.9024 10.7071 13.2929C11.0976 13.6834 11.0976 14.3166 10.7071 14.7071Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7092 2.29502C21.8041 2.3904 21.8757 2.50014 21.9241 2.61722C21.9727 2.73425 21.9996 2.8625 22 2.997L22 3V9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55228 20 9V5.41421L14.7071 10.7071C14.3166 11.0976 13.6834 11.0976 13.2929 10.7071C12.9024 10.3166 12.9024 9.68342 13.2929 9.29289L18.5858 4H15C14.4477 4 14 3.55228 14 3C14 2.44772 14.4477 2 15 2H20.9998C21.2749 2 21.5242 2.11106 21.705 2.29078L21.7092 2.29502Z' fill='%23000000'/%3E%3Cpath d='M10.7071 14.7071L5.41421 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H3.00069L2.997 22C2.74301 21.9992 2.48924 21.9023 2.29502 21.7092L2.29078 21.705C2.19595 21.6096 2.12432 21.4999 2.07588 21.3828C2.02699 21.2649 2 21.1356 2 21V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V18.5858L9.29289 13.2929C9.68342 12.9024 10.3166 12.9024 10.7071 13.2929C11.0976 13.6834 11.0976 14.3166 10.7071 14.7071Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-warning {background-color: var(--main-red-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eattention%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-gambling-website-lined-icnos-casinoshunter' transform='translate(-1122.000000, -282.000000)' fill='%23252528' fill-rule='nonzero'%3E%3Cg id='square-filled' transform='translate(50.000000, 120.000000)'%3E%3Cpath d='M1090,162 C1099.94113,162 1108,170.058875 1108,180 C1108,189.941125 1099.94113,198 1090,198 C1080.05887,198 1072,189.941125 1072,180 C1072,170.058875 1080.05887,162 1090,162 Z M1090,164 C1081.16344,164 1074,171.163444 1074,180 C1074,188.836556 1081.16344,196 1090,196 C1098.83656,196 1106,188.836556 1106,180 C1106,171.163444 1098.83656,164 1090,164 Z M1090,186 C1090.55228,186 1091,186.447715 1091,187 C1091,187.552285 1090.55228,188 1090,188 C1089.44772,188 1089,187.552285 1089,187 C1089,186.447715 1089.44772,186 1090,186 Z M1090,172 C1090.55228,172 1091,172.447715 1091,173 L1091,183 C1091,183.552285 1090.55228,184 1090,184 C1089.44772,184 1089,183.552285 1089,183 L1089,173 C1089,172.447715 1089.44772,172 1090,172 Z' id='attention'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eattention%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-gambling-website-lined-icnos-casinoshunter' transform='translate(-1122.000000, -282.000000)' fill='%23252528' fill-rule='nonzero'%3E%3Cg id='square-filled' transform='translate(50.000000, 120.000000)'%3E%3Cpath d='M1090,162 C1099.94113,162 1108,170.058875 1108,180 C1108,189.941125 1099.94113,198 1090,198 C1080.05887,198 1072,189.941125 1072,180 C1072,170.058875 1080.05887,162 1090,162 Z M1090,164 C1081.16344,164 1074,171.163444 1074,180 C1074,188.836556 1081.16344,196 1090,196 C1098.83656,196 1106,188.836556 1106,180 C1106,171.163444 1098.83656,164 1090,164 Z M1090,186 C1090.55228,186 1091,186.447715 1091,187 C1091,187.552285 1090.55228,188 1090,188 C1089.44772,188 1089,187.552285 1089,187 C1089,186.447715 1089.44772,186 1090,186 Z M1090,172 C1090.55228,172 1091,172.447715 1091,173 L1091,183 C1091,183.552285 1090.55228,184 1090,184 C1089.44772,184 1089,183.552285 1089,183 L1089,173 C1089,172.447715 1089.44772,172 1090,172 Z' id='attention'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-checked {background-color: var(--main-green-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM22.386 10.146l-9.388 9.446-4.228-4.227c-0.39-0.39-1.024-0.39-1.415 0s-0.391 1.023 0 1.414l4.95 4.95c0.39 0.39 1.024 0.39 1.415 0 0.045-0.045 0.084-0.094 0.119-0.145l9.962-10.024c0.39-0.39 0.39-1.024 0-1.415s-1.024-0.39-1.415 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM22.386 10.146l-9.388 9.446-4.228-4.227c-0.39-0.39-1.024-0.39-1.415 0s-0.391 1.023 0 1.414l4.95 4.95c0.39 0.39 1.024 0.39 1.415 0 0.045-0.045 0.084-0.094 0.119-0.145l9.962-10.024c0.39-0.39 0.39-1.024 0-1.415s-1.024-0.39-1.415 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-refresh {top: 5px; background-color: var(--main-red-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 0v112.941c467.125 0 847.059 379.934 847.059 847.059 0 467.125-379.934 847.059-847.059 847.059-467.125 0-847.059-379.934-847.059-847.059 0-267.106 126.607-515.915 338.824-675.727v393.374h112.94V112.941H0v112.941h342.89C127.058 407.38 0 674.711 0 960c0 529.355 430.645 960 960 960s960-430.645 960-960S1489.355 0 960 0' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M960 0v112.941c467.125 0 847.059 379.934 847.059 847.059 0 467.125-379.934 847.059-847.059 847.059-467.125 0-847.059-379.934-847.059-847.059 0-267.106 126.607-515.915 338.824-675.727v393.374h112.94V112.941H0v112.941h342.89C127.058 407.38 0 674.711 0 960c0 529.355 430.645 960 960 960s960-430.645 960-960S1489.355 0 960 0' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-location {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 368.666 368.666' style='enable-background:new 0 0 368.666 368.666;' xml:space='preserve'%3E%3Cg id='XMLID_450_'%3E%3Cg%3E%3Cg%3E%3Cpath d='M184.333,0C102.01,0,35.036,66.974,35.036,149.297c0,33.968,11.132,65.959,32.193,92.515 c27.27,34.383,106.571,116.021,109.934,119.479l7.17,7.375l7.17-7.374c3.363-3.459,82.688-85.116,109.963-119.51 c21.042-26.534,32.164-58.515,32.164-92.485C333.63,66.974,266.655,0,184.333,0z M285.796,229.355 c-21.957,27.687-80.921,89.278-101.463,110.581c-20.54-21.302-79.482-82.875-101.434-110.552 C64.67,206.4,55.036,178.707,55.036,149.297C55.036,78.002,113.038,20,184.333,20S313.63,78.002,313.63,149.297 C313.63,178.708,304.005,206.392,285.796,229.355z'/%3E%3Cpath d='M211.022,115.646l-26.689-53.841l-26.689,53.841l-57.325,6.604l40.577,41.755l-11.794,58.616l55.231-30.22l55.231,30.22 l-11.794-58.616l40.577-41.755L211.022,115.646z M211.485,184.46l-27.152-14.856L157.18,184.46l5.4-26.837l-19.589-20.157 l27.741-3.196l13.6-27.434l13.6,27.434l27.741,3.196l-19.589,20.157L211.485,184.46z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 368.666 368.666' style='enable-background:new 0 0 368.666 368.666;' xml:space='preserve'%3E%3Cg id='XMLID_450_'%3E%3Cg%3E%3Cg%3E%3Cpath d='M184.333,0C102.01,0,35.036,66.974,35.036,149.297c0,33.968,11.132,65.959,32.193,92.515 c27.27,34.383,106.571,116.021,109.934,119.479l7.17,7.375l7.17-7.374c3.363-3.459,82.688-85.116,109.963-119.51 c21.042-26.534,32.164-58.515,32.164-92.485C333.63,66.974,266.655,0,184.333,0z M285.796,229.355 c-21.957,27.687-80.921,89.278-101.463,110.581c-20.54-21.302-79.482-82.875-101.434-110.552 C64.67,206.4,55.036,178.707,55.036,149.297C55.036,78.002,113.038,20,184.333,20S313.63,78.002,313.63,149.297 C313.63,178.708,304.005,206.392,285.796,229.355z'/%3E%3Cpath d='M211.022,115.646l-26.689-53.841l-26.689,53.841l-57.325,6.604l40.577,41.755l-11.794,58.616l55.231-30.22l55.231,30.22 l-11.794-58.616l40.577-41.755L211.022,115.646z M211.485,184.46l-27.152-14.856L157.18,184.46l5.4-26.837l-19.589-20.157 l27.741-3.196l13.6-27.434l13.6,27.434l27.741,3.196l-19.589,20.157L211.485,184.46z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-phone {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4 20.75H18.17C15.5788 20.4681 13.0893 19.5846 10.9 18.17C8.86618 16.8747 7.13938 15.1513 5.84 13.12C4.42216 10.925 3.53852 8.42823 3.26 5.83001C3.22816 5.52011 3.2596 5.20696 3.35243 4.90958C3.44525 4.6122 3.59752 4.33677 3.8 4.10001C3.99694 3.86008 4.24002 3.66211 4.51486 3.51782C4.78969 3.37354 5.09068 3.28587 5.4 3.26001H8C8.56312 3.26058 9.10747 3.46248 9.53476 3.82925C9.96205 4.19602 10.2441 4.70349 10.33 5.26001C10.425 5.97489 10.6028 6.67628 10.86 7.35001C11.0164 7.77339 11.0487 8.23264 10.9531 8.67375C10.8574 9.11485 10.6378 9.51947 10.32 9.84001L9.71 10.45C10.6704 11.9662 11.9587 13.2477 13.48 14.2L14.09 13.6C14.4105 13.2822 14.8152 13.0626 15.2563 12.9669C15.6974 12.8713 16.1566 12.9036 16.58 13.06C17.2545 13.3148 17.9556 13.4926 18.67 13.59C19.236 13.6751 19.7515 13.9638 20.1198 14.402C20.488 14.8403 20.6837 15.3978 20.67 15.97V18.37C20.67 18.9942 20.4227 19.593 19.9823 20.0353C19.5419 20.4776 18.9442 20.7274 18.32 20.73L18.4 20.75ZM8 4.75001H5.61C5.49265 4.75777 5.37809 4.78924 5.27325 4.84252C5.1684 4.8958 5.07545 4.96979 5 5.06001C4.92658 5.14452 4.871 5.24302 4.83663 5.34957C4.80226 5.45612 4.7898 5.56852 4.8 5.68001C5.04249 8.03679 5.83362 10.304 7.11 12.3C8.28664 14.1467 9.85332 15.7134 11.7 16.89C13.6973 18.1798 15.967 18.9878 18.33 19.25C18.4529 19.2569 18.5759 19.2383 18.6912 19.1953C18.8065 19.1522 18.9117 19.0857 19 19C19.1592 18.8368 19.2489 18.6181 19.25 18.39V16C19.2545 15.7896 19.1817 15.5848 19.0453 15.4244C18.9089 15.2641 18.7184 15.1593 18.51 15.13C17.6839 15.0189 16.8724 14.8177 16.09 14.53C15.9359 14.4724 15.7686 14.4596 15.6075 14.4933C15.4464 14.5269 15.2982 14.6055 15.18 14.72L14.18 15.72C14.0629 15.8342 13.912 15.9076 13.7499 15.9292C13.5877 15.9508 13.423 15.9195 13.28 15.84C11.1462 14.6342 9.37997 12.8715 8.17 10.74C8.08718 10.598 8.05402 10.4324 8.07575 10.2694C8.09748 10.1065 8.17286 9.95538 8.29 9.84001L9.29 8.84001C9.40468 8.72403 9.48357 8.57751 9.51726 8.41793C9.55095 8.25835 9.53802 8.09244 9.48 7.94001C9.19119 7.15799 8.98997 6.34637 8.88 5.52001C8.85519 5.30528 8.75133 5.10747 8.58865 4.96513C8.42597 4.82278 8.21613 4.7461 8 4.75001Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4 20.75H18.17C15.5788 20.4681 13.0893 19.5846 10.9 18.17C8.86618 16.8747 7.13938 15.1513 5.84 13.12C4.42216 10.925 3.53852 8.42823 3.26 5.83001C3.22816 5.52011 3.2596 5.20696 3.35243 4.90958C3.44525 4.6122 3.59752 4.33677 3.8 4.10001C3.99694 3.86008 4.24002 3.66211 4.51486 3.51782C4.78969 3.37354 5.09068 3.28587 5.4 3.26001H8C8.56312 3.26058 9.10747 3.46248 9.53476 3.82925C9.96205 4.19602 10.2441 4.70349 10.33 5.26001C10.425 5.97489 10.6028 6.67628 10.86 7.35001C11.0164 7.77339 11.0487 8.23264 10.9531 8.67375C10.8574 9.11485 10.6378 9.51947 10.32 9.84001L9.71 10.45C10.6704 11.9662 11.9587 13.2477 13.48 14.2L14.09 13.6C14.4105 13.2822 14.8152 13.0626 15.2563 12.9669C15.6974 12.8713 16.1566 12.9036 16.58 13.06C17.2545 13.3148 17.9556 13.4926 18.67 13.59C19.236 13.6751 19.7515 13.9638 20.1198 14.402C20.488 14.8403 20.6837 15.3978 20.67 15.97V18.37C20.67 18.9942 20.4227 19.593 19.9823 20.0353C19.5419 20.4776 18.9442 20.7274 18.32 20.73L18.4 20.75ZM8 4.75001H5.61C5.49265 4.75777 5.37809 4.78924 5.27325 4.84252C5.1684 4.8958 5.07545 4.96979 5 5.06001C4.92658 5.14452 4.871 5.24302 4.83663 5.34957C4.80226 5.45612 4.7898 5.56852 4.8 5.68001C5.04249 8.03679 5.83362 10.304 7.11 12.3C8.28664 14.1467 9.85332 15.7134 11.7 16.89C13.6973 18.1798 15.967 18.9878 18.33 19.25C18.4529 19.2569 18.5759 19.2383 18.6912 19.1953C18.8065 19.1522 18.9117 19.0857 19 19C19.1592 18.8368 19.2489 18.6181 19.25 18.39V16C19.2545 15.7896 19.1817 15.5848 19.0453 15.4244C18.9089 15.2641 18.7184 15.1593 18.51 15.13C17.6839 15.0189 16.8724 14.8177 16.09 14.53C15.9359 14.4724 15.7686 14.4596 15.6075 14.4933C15.4464 14.5269 15.2982 14.6055 15.18 14.72L14.18 15.72C14.0629 15.8342 13.912 15.9076 13.7499 15.9292C13.5877 15.9508 13.423 15.9195 13.28 15.84C11.1462 14.6342 9.37997 12.8715 8.17 10.74C8.08718 10.598 8.05402 10.4324 8.07575 10.2694C8.09748 10.1065 8.17286 9.95538 8.29 9.84001L9.29 8.84001C9.40468 8.72403 9.48357 8.57751 9.51726 8.41793C9.55095 8.25835 9.53802 8.09244 9.48 7.94001C9.19119 7.15799 8.98997 6.34637 8.88 5.52001C8.85519 5.30528 8.75133 5.10747 8.58865 4.96513C8.42597 4.82278 8.21613 4.7461 8 4.75001Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-plus {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-edit {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 10L21 7L17 3L14 6M18 10L8 20H4V16L14 6M18 10L14 6' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 10L21 7L17 3L14 6M18 10L8 20H4V16L14 6M18 10L14 6' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-logout {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12L13 12' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15L20.913 12.087V12.087C20.961 12.039 20.961 11.961 20.913 11.913V11.913L18 9' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 5V4.5V4.5C16 3.67157 15.3284 3 14.5 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H14.5C15.3284 21 16 20.3284 16 19.5V19.5V19' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12L13 12' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 15L20.913 12.087V12.087C20.961 12.039 20.961 11.961 20.913 11.913V11.913L18 9' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 5V4.5V4.5C16 3.67157 15.3284 3 14.5 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H14.5C15.3284 21 16 20.3284 16 19.5V19.5V19' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-pass {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.5V7.5C12.5 6.94772 12.0523 6.5 11.5 6.5H1.5C0.947715 6.5 0.5 6.94772 0.5 7.5V13.5C0.5 14.0523 0.947715 14.5 1.5 14.5H11.5C12.0523 14.5 12.5 14.0523 12.5 13.5V12.5M12.5 8.5H8.5C7.39543 8.5 6.5 9.39543 6.5 10.5C6.5 11.6046 7.39543 12.5 8.5 12.5H12.5M12.5 8.5C13.6046 8.5 14.5 9.39543 14.5 10.5C14.5 11.6046 13.6046 12.5 12.5 12.5M3.5 6.5V3.5C3.5 1.84315 4.84315 0.5 6.5 0.5C8.15685 0.5 9.5 1.84315 9.5 3.5V6.5M12 10.5H13M10 10.5H11M8 10.5H9' stroke='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 8.5V7.5C12.5 6.94772 12.0523 6.5 11.5 6.5H1.5C0.947715 6.5 0.5 6.94772 0.5 7.5V13.5C0.5 14.0523 0.947715 14.5 1.5 14.5H11.5C12.0523 14.5 12.5 14.0523 12.5 13.5V12.5M12.5 8.5H8.5C7.39543 8.5 6.5 9.39543 6.5 10.5C6.5 11.6046 7.39543 12.5 8.5 12.5H12.5M12.5 8.5C13.6046 8.5 14.5 9.39543 14.5 10.5C14.5 11.6046 13.6046 12.5 12.5 12.5M3.5 6.5V3.5C3.5 1.84315 4.84315 0.5 6.5 0.5C8.15685 0.5 9.5 1.84315 9.5 3.5V6.5M12 10.5H13M10 10.5H11M8 10.5H9' stroke='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-fb {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 310 310' style='enable-background:new 0 0 310 310;' xml:space='preserve'%3E%3Cg id='XMLID_834_'%3E%3Cpath id='XMLID_835_' d='M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064 c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996 V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545 C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703 c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 310 310' style='enable-background:new 0 0 310 310;' xml:space='preserve'%3E%3Cg id='XMLID_834_'%3E%3Cpath id='XMLID_835_' d='M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064 c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996 V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545 C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703 c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-tw {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 310 310' style='enable-background:new 0 0 310 310;' xml:space='preserve'%3E%3Cg id='XMLID_826_'%3E%3Cpath id='XMLID_827_' d='M302.973,57.388c-4.87,2.16-9.877,3.983-14.993,5.463c6.057-6.85,10.675-14.91,13.494-23.73 c0.632-1.977-0.023-4.141-1.648-5.434c-1.623-1.294-3.878-1.449-5.665-0.39c-10.865,6.444-22.587,11.075-34.878,13.783 c-12.381-12.098-29.197-18.983-46.581-18.983c-36.695,0-66.549,29.853-66.549,66.547c0,2.89,0.183,5.764,0.545,8.598 C101.163,99.244,58.83,76.863,29.76,41.204c-1.036-1.271-2.632-1.956-4.266-1.825c-1.635,0.128-3.104,1.05-3.93,2.467 c-5.896,10.117-9.013,21.688-9.013,33.461c0,16.035,5.725,31.249,15.838,43.137c-3.075-1.065-6.059-2.396-8.907-3.977 c-1.529-0.851-3.395-0.838-4.914,0.033c-1.52,0.871-2.473,2.473-2.513,4.224c-0.007,0.295-0.007,0.59-0.007,0.889 c0,23.935,12.882,45.484,32.577,57.229c-1.692-0.169-3.383-0.414-5.063-0.735c-1.732-0.331-3.513,0.276-4.681,1.597 c-1.17,1.32-1.557,3.16-1.018,4.84c7.29,22.76,26.059,39.501,48.749,44.605c-18.819,11.787-40.34,17.961-62.932,17.961 c-4.714,0-9.455-0.277-14.095-0.826c-2.305-0.274-4.509,1.087-5.294,3.279c-0.785,2.193,0.047,4.638,2.008,5.895 c29.023,18.609,62.582,28.445,97.047,28.445c67.754,0,110.139-31.95,133.764-58.753c29.46-33.421,46.356-77.658,46.356-121.367 c0-1.826-0.028-3.67-0.084-5.508c11.623-8.757,21.63-19.355,29.773-31.536c1.237-1.85,1.103-4.295-0.33-5.998 C307.394,57.037,305.009,56.486,302.973,57.388z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 310 310' style='enable-background:new 0 0 310 310;' xml:space='preserve'%3E%3Cg id='XMLID_826_'%3E%3Cpath id='XMLID_827_' d='M302.973,57.388c-4.87,2.16-9.877,3.983-14.993,5.463c6.057-6.85,10.675-14.91,13.494-23.73 c0.632-1.977-0.023-4.141-1.648-5.434c-1.623-1.294-3.878-1.449-5.665-0.39c-10.865,6.444-22.587,11.075-34.878,13.783 c-12.381-12.098-29.197-18.983-46.581-18.983c-36.695,0-66.549,29.853-66.549,66.547c0,2.89,0.183,5.764,0.545,8.598 C101.163,99.244,58.83,76.863,29.76,41.204c-1.036-1.271-2.632-1.956-4.266-1.825c-1.635,0.128-3.104,1.05-3.93,2.467 c-5.896,10.117-9.013,21.688-9.013,33.461c0,16.035,5.725,31.249,15.838,43.137c-3.075-1.065-6.059-2.396-8.907-3.977 c-1.529-0.851-3.395-0.838-4.914,0.033c-1.52,0.871-2.473,2.473-2.513,4.224c-0.007,0.295-0.007,0.59-0.007,0.889 c0,23.935,12.882,45.484,32.577,57.229c-1.692-0.169-3.383-0.414-5.063-0.735c-1.732-0.331-3.513,0.276-4.681,1.597 c-1.17,1.32-1.557,3.16-1.018,4.84c7.29,22.76,26.059,39.501,48.749,44.605c-18.819,11.787-40.34,17.961-62.932,17.961 c-4.714,0-9.455-0.277-14.095-0.826c-2.305-0.274-4.509,1.087-5.294,3.279c-0.785,2.193,0.047,4.638,2.008,5.895 c29.023,18.609,62.582,28.445,97.047,28.445c67.754,0,110.139-31.95,133.764-58.753c29.46-33.421,46.356-77.658,46.356-121.367 c0-1.826-0.028-3.67-0.084-5.508c11.623-8.757,21.63-19.355,29.773-31.536c1.237-1.85,1.103-4.295-0.33-5.998 C307.394,57.037,305.009,56.486,302.973,57.388z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-prt {background-color: var(--main-color-1); mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='796 675.578 200 200' enable-background='new 796 675.578 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M980.674,732.687h-10.723v-34.028c0-5.296-4.309-9.604-9.604-9.604H831.654c-5.295,0-9.604,4.309-9.604,9.604v34.028 h-10.723c-8.465,0-15.327,6.861-15.327,15.326v55.128c0,8.465,6.862,15.327,15.327,15.327h10.723v34.028 c0,5.296,4.309,9.604,9.604,9.604h128.694c5.295,0,9.604-4.309,9.604-9.604v-34.028h10.723c8.465,0,15.326-6.862,15.326-15.327 v-55.128C996,739.548,989.139,732.687,980.674,732.687z M834.097,701.102h123.807v31.585H834.097V701.102z M834.097,850.053 v-72.212h123.807v72.212H834.097z'/%3E%3Cpath d='M936.44,793.89h-80.879c-3.327,0-6.024,2.697-6.024,6.024s2.697,6.023,6.024,6.023h80.879c3.327,0,6.023-2.696,6.023-6.023 S939.768,793.89,936.44,793.89z'/%3E%3Cpath d='M936.44,819.869h-80.879c-3.327,0-6.024,2.696-6.024,6.023s2.697,6.023,6.024,6.023h80.879 c3.327,0,6.023-2.696,6.023-6.023S939.768,819.869,936.44,819.869z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='796 675.578 200 200' enable-background='new 796 675.578 200 200' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M980.674,732.687h-10.723v-34.028c0-5.296-4.309-9.604-9.604-9.604H831.654c-5.295,0-9.604,4.309-9.604,9.604v34.028 h-10.723c-8.465,0-15.327,6.861-15.327,15.326v55.128c0,8.465,6.862,15.327,15.327,15.327h10.723v34.028 c0,5.296,4.309,9.604,9.604,9.604h128.694c5.295,0,9.604-4.309,9.604-9.604v-34.028h10.723c8.465,0,15.326-6.862,15.326-15.327 v-55.128C996,739.548,989.139,732.687,980.674,732.687z M834.097,701.102h123.807v31.585H834.097V701.102z M834.097,850.053 v-72.212h123.807v72.212H834.097z'/%3E%3Cpath d='M936.44,793.89h-80.879c-3.327,0-6.024,2.697-6.024,6.024s2.697,6.023,6.024,6.023h80.879c3.327,0,6.023-2.696,6.023-6.023 S939.768,793.89,936.44,793.89z'/%3E%3Cpath d='M936.44,819.869h-80.879c-3.327,0-6.024,2.696-6.024,6.023s2.697,6.023,6.024,6.023h80.879 c3.327,0,6.023-2.696,6.023-6.023S939.768,819.869,936.44,819.869z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-top {top: 2px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' class='icon' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23344352' d='M572.235 205.282v600.365a30.118 30.118 0 11-60.235 0V205.282L292.382 438.633a28.913 28.913 0 01-42.646 0 33.43 33.43 0 010-45.236l271.058-288.045a28.913 28.913 0 0142.647 0L834.5 393.397a33.43 33.43 0 010 45.176 28.913 28.913 0 01-42.647 0l-219.618-233.23z'/%3E%3C/svg%3E%0A");} .icon-404 {width: 120px; height: 120px; background-image: url("data:image/svg+xml,%0A%3Csvg id='Capa_1' enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='m5.506 419.781 217.394-367.414c14.954-25.274 51.247-25.274 66.201 0l217.394 367.414c15.334 25.916-3.178 58.806-33.1 58.806h-434.789c-29.922.001-48.434-32.889-33.1-58.806z' fill='%23fd4755'/%3E%3Cg%3E%3Cpath d='m180.893 478.588h292.5c29.922 0 48.435-32.89 33.1-58.806l-158.836-268.449c6.291 26.836 9.325 57.2 6.028 90.319-15.599 156.693-158.311 229.751-167.557 234.288-1.776.92-3.515 1.795-5.235 2.648z' fill='%23fb2b3a'/%3E%3Cpath d='m38.6 447.75c-6.328-.218-9.846-6.086-6.502-12.163l217.393-367.414c3.359-5.265 9.738-5.196 13.005 0l217.393 367.413c3.358 6.1-.131 11.942-6.502 12.163h-434.787z' fill='%23fed402'/%3E%3Cpath d='m354.851 224.261c-.203 5.709-.58 11.504-1.166 17.391-10.375 104.221-76.976 171.429-123.145 206.098h242.847c6.371-.221 9.86-6.063 6.502-12.163z' fill='%23f7bc09'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23554e56'%3E%3Cpath d='m256 334.94c-5.508 0-10.091-4.232-10.529-9.722l-10.158-127.318c-.963-12.074 8.575-22.404 20.687-22.404 12.112 0 21.651 10.33 20.687 22.404l-10.158 127.318c-.438 5.49-5.021 9.722-10.529 9.722z'/%3E%3Ccircle cx='256' cy='381.727' r='16.588'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .icon-remove {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg fill='%23000000' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M331.636,69.818V0H180.364v69.818h-128v128h34.909V512h337.455V197.818h34.909v-128H331.636z M215.273,34.909h81.455 v34.909h-81.455V34.909z M389.818,477.091H122.182V197.818h267.636V477.091z M424.727,162.909H87.273v-58.182h337.455V162.909z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='168.727' y='256' width='34.909' height='162.909'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='308.364' y='256' width='34.909' height='162.909'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='238.545' y='256' width='34.909' height='162.909'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg fill='%23000000' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M331.636,69.818V0H180.364v69.818h-128v128h34.909V512h337.455V197.818h34.909v-128H331.636z M215.273,34.909h81.455 v34.909h-81.455V34.909z M389.818,477.091H122.182V197.818h267.636V477.091z M424.727,162.909H87.273v-58.182h337.455V162.909z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='168.727' y='256' width='34.909' height='162.909'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='308.364' y='256' width='34.909' height='162.909'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='238.545' y='256' width='34.909' height='162.909'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;} .icon-download {background-color: var(--main-white-color); mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.22 20.75H5.78C5.43322 20.7359 5.09262 20.6535 4.77771 20.5075C4.4628 20.3616 4.17975 20.155 3.94476 19.8996C3.70977 19.6442 3.52745 19.3449 3.40824 19.019C3.28903 18.693 3.23525 18.3468 3.25 18V15C3.25 14.8011 3.32902 14.6103 3.46967 14.4697C3.61033 14.329 3.80109 14.25 4 14.25C4.19892 14.25 4.38968 14.329 4.53033 14.4697C4.67099 14.6103 4.75 14.8011 4.75 15V18C4.72419 18.2969 4.81365 18.5924 4.99984 18.8251C5.18602 19.0579 5.45465 19.21 5.75 19.25H18.22C18.5154 19.21 18.784 19.0579 18.9702 18.8251C19.1564 18.5924 19.2458 18.2969 19.22 18V15C19.22 14.8011 19.299 14.6103 19.4397 14.4697C19.5803 14.329 19.7711 14.25 19.97 14.25C20.1689 14.25 20.3597 14.329 20.5003 14.4697C20.641 14.6103 20.72 14.8011 20.72 15V18C20.75 18.6954 20.5041 19.3744 20.0359 19.8894C19.5677 20.4045 18.9151 20.7137 18.22 20.75Z' fill='%23000000'/%3E%3Cpath d='M12 15.75C11.9015 15.7504 11.8038 15.7312 11.7128 15.6934C11.6218 15.6557 11.5392 15.6001 11.47 15.53L7.47 11.53C7.33752 11.3878 7.2654 11.1997 7.26882 11.0054C7.27225 10.8111 7.35096 10.6258 7.48838 10.4883C7.62579 10.3509 7.81118 10.2722 8.00548 10.2688C8.19978 10.2654 8.38782 10.3375 8.53 10.47L12 13.94L15.47 10.47C15.6122 10.3375 15.8002 10.2654 15.9945 10.2688C16.1888 10.2722 16.3742 10.3509 16.5116 10.4883C16.649 10.6258 16.7277 10.8111 16.7312 11.0054C16.7346 11.1997 16.6625 11.3878 16.53 11.53L12.53 15.53C12.4608 15.6001 12.3782 15.6557 12.2872 15.6934C12.1962 15.7312 12.0985 15.7504 12 15.75Z' fill='%23000000'/%3E%3Cpath d='M12 15.75C11.8019 15.7474 11.6126 15.6676 11.4725 15.5275C11.3324 15.3874 11.2526 15.1981 11.25 15V4C11.25 3.80109 11.329 3.61032 11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5303 3.46967C12.671 3.61032 12.75 3.80109 12.75 4V15C12.7474 15.1981 12.6676 15.3874 12.5275 15.5275C12.3874 15.6676 12.1981 15.7474 12 15.75Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.22 20.75H5.78C5.43322 20.7359 5.09262 20.6535 4.77771 20.5075C4.4628 20.3616 4.17975 20.155 3.94476 19.8996C3.70977 19.6442 3.52745 19.3449 3.40824 19.019C3.28903 18.693 3.23525 18.3468 3.25 18V15C3.25 14.8011 3.32902 14.6103 3.46967 14.4697C3.61033 14.329 3.80109 14.25 4 14.25C4.19892 14.25 4.38968 14.329 4.53033 14.4697C4.67099 14.6103 4.75 14.8011 4.75 15V18C4.72419 18.2969 4.81365 18.5924 4.99984 18.8251C5.18602 19.0579 5.45465 19.21 5.75 19.25H18.22C18.5154 19.21 18.784 19.0579 18.9702 18.8251C19.1564 18.5924 19.2458 18.2969 19.22 18V15C19.22 14.8011 19.299 14.6103 19.4397 14.4697C19.5803 14.329 19.7711 14.25 19.97 14.25C20.1689 14.25 20.3597 14.329 20.5003 14.4697C20.641 14.6103 20.72 14.8011 20.72 15V18C20.75 18.6954 20.5041 19.3744 20.0359 19.8894C19.5677 20.4045 18.9151 20.7137 18.22 20.75Z' fill='%23000000'/%3E%3Cpath d='M12 15.75C11.9015 15.7504 11.8038 15.7312 11.7128 15.6934C11.6218 15.6557 11.5392 15.6001 11.47 15.53L7.47 11.53C7.33752 11.3878 7.2654 11.1997 7.26882 11.0054C7.27225 10.8111 7.35096 10.6258 7.48838 10.4883C7.62579 10.3509 7.81118 10.2722 8.00548 10.2688C8.19978 10.2654 8.38782 10.3375 8.53 10.47L12 13.94L15.47 10.47C15.6122 10.3375 15.8002 10.2654 15.9945 10.2688C16.1888 10.2722 16.3742 10.3509 16.5116 10.4883C16.649 10.6258 16.7277 10.8111 16.7312 11.0054C16.7346 11.1997 16.6625 11.3878 16.53 11.53L12.53 15.53C12.4608 15.6001 12.3782 15.6557 12.2872 15.6934C12.1962 15.7312 12.0985 15.7504 12 15.75Z' fill='%23000000'/%3E%3Cpath d='M12 15.75C11.8019 15.7474 11.6126 15.6676 11.4725 15.5275C11.3324 15.3874 11.2526 15.1981 11.25 15V4C11.25 3.80109 11.329 3.61032 11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5303 3.46967C12.671 3.61032 12.75 3.80109 12.75 4V15C12.7474 15.1981 12.6676 15.3874 12.5275 15.5275C12.3874 15.6676 12.1981 15.7474 12 15.75Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat 100% 100%;} /* Gerenal */ a, img, .kkv-nav>li>a:after {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover {color: var(--main-color-1);} input::placeholder {color: var(--main-color-3); opacity: 1;} input:-ms-input-placeholder {color: var(--main-color-3);} input::-ms-input-placeholder {color: var(--main-color-3);} .uk-input, .uk-select, .uk-textarea {font-size: 0.875rem; line-height: 1; font-family: 'Sarabun-Regular', sans-serif;} .uk-input:focus, .uk-select:focus, .uk-textarea:focus {border-color: var(--main-border-color);} .uk-checkbox, .uk-radio {background-color: var(--main-white-color);} .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {background-color: var(--main-yellow-color);} .uk-grid-divider>:not(.uk-first-column)::before {border-left: solid 1px #d0d0d0;} .uk-overlay-primary {z-index: 1; background: rgb(52,67,82); background: linear-gradient(0deg, rgba(52,67,82,1) 0%, rgba(52,67,82,0.7511379551820728) 50%, rgba(52,67,82,0) 100%);} .uk-offcanvas-overlay::before {background: rgba(0 0 0 /50%);} .uk-box-shadow-small {box-shadow: 0 2px 8px rgba(0 0 0 /25%);} .uk-close {width: 32px; height: 32px; border-radius: 50%; padding: 8px; background-color: var(--main-red-color); color: var(--main-white-color) !important;} .thumb-img {display: block; overflow: hidden; position: relative; width: 100%; background-color: var(--main-grey-color-1); border-radius: 6px} .thumb-img img {float: left; width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;} .thumb-img-3x2 {padding-top: 66.677%;} .thumb-img-16x9 {padding-top: 56.25%;} .thumb-fix-img {padding-top: 130%;} .thumb-fix-img img {object-fit: cover;} .thumb-fix-img-2 img {min-height: auto; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);} .thumb-img-left {float: left; margin-right: 20px;} .thumb-img-left-1 {width: 250px;} .thumb-img-left-2 {width: 150px;} .thumb-img-right {float: right; margin-left: 20px;} .thumb-img-right-1 {width: 320px;} .thumb-img-fix-height {background-color: #f4fbfb;} .thumb-img-fix-height img {width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);} .tt-news, .tt-news a {color: var(--main-color-1);} .tt-news-white, .tt-news-white a {color: var(--main-white-color);} .tt-news-12 {font-size: 0.75rem;} .tt-news-14 {font-size: 0.875rem;} .tt-news-16 {font-size: 1rem;} .tt-news-18 {font-size: 1.125rem;} .tt-news-20 {font-size: 1.25rem;} .tt-news-22 {font-size: 1.375rem;} .tt-news-24 {font-size: 1.5rem;} .tt-news-26 {font-size: 1.625rem;} .tt-news-28 {font-size: 1.75rem;} .tt-news-30 {font-size: 1.875rem;} .tt-news-32 {font-size: 2rem;} .tt-news-34 {font-size: 2.125rem;} .tt-news-36 {font-size: 2.25rem;} .tt-news-38 {font-size: 2.375rem;} .tt-news-40 {font-size: 2.5rem;} .tt-news-42 {font-size: 2.625rem;} /* Index */ #kkv-header {} .kkv-top-hd {padding: 0 20px; background: rgb(4,29,158); background-color: var(--main-white-color);} .kkv-logo-ttxvn {position: relative; top: 2px;} .kkv-logo-ttxvn img {max-height: 35px;} .kkv-nav {gap: 50px;} .kkv-nav>li>a {min-height: 70px; color: var(--main-color-1); font-family: 'FS-PFBeauSansPro-SemiBold', sans-serif; font-size: 0.875rem; text-transform: uppercase; position: relative; padding-left: 30px;} .kkv-nav>li:hover>a, .kkv-nav>li.uk-active>a {color: var(--main-red-color);} .kkv-nav>li>a:after {content: ""; position: absolute; left: 0; bottom: 15px; width: 0; height: 1px; background-color: var(--main-red-color); opacity: 0;} .kkv-nav>li:hover>a:after, .kkv-nav>li.uk-active>a:after {width: 100%; opacity: 1;} .kkv-nav>li>a>.icon-grp {position: absolute; left: 0;} .kkv-nav>li>a>.icon-medal {left: -10px;} .kkv-nav>li:hover>a>.icon-grp, .kkv-nav>li.uk-active>a>.icon-grp {background-color: var(--main-red-color);} .kkv-control {} .kkv-login {display: inline-flex; position: relative; top: 3px;} .kkv-login span {display: inline-flex; margin-left: 5px; color: var(--main-color-1);} .kkv-login span a {color: var(--main-color-1); font-size: 0.875rem; line-height: 2; font-family: 'FS-PFBeauSansPro-SemiBold', sans-serif;} .kkv-login span:hover a {color: var(--main-red-color); text-decoration: underline;} .kkv-login:hover span .icon-grp {background-color: var(--main-red-color);} .kkv-login .icon-grp {top: 1px;} .kkv-login button {color: var(--main-color-1); text-transform: uppercase;} .kkv-drop-user {background-color: var(--main-white-color); width: 200px;} .kkv-drop-user ul {padding: 5px 15px;} .kkv-drop-user ul li {display: block; padding: 5px 0; border-bottom: dashed 1px var(--main-border-color); position: relative; padding-left: 30px;} .kkv-drop-user ul li:last-child {border-bottom: none;} .kkv-drop-user ul li a {font-size: 0.875rem; color: var(--main-color-1);} .kkv-drop-user ul li a:hover {text-decoration: underline;} .kkv-drop-user ul li .icon-grp {position: absolute; left: 0; top: 4px; background-color: var(--main-color-1);} .kkv-drop-user ul li .icon-logout {top: 8px; left: 5px;} .kkv-drop-user ul li .icon-pass {top: 7px; left: 5px;} .kkv-search {} .kkv-search .uk-input {padding-right: 35px;} .kkv-search .uk-search-icon-flip {right: 10px;} .kkv-btn-search {color: var(--main-white-color); width: 32px; height: 32px; background-color: var(--main-red-color); border-radius: 50%; position: relative;} .kkv-btn-search[aria-expanded="true"]:after {content: "x"; position: absolute; top: 2px; right: 2px; background-color: var(--main-red-color); font-size: 1.25rem; color: var(--main-white-color); width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center;} #kkv-wrapper {} .kkv-row {padding: 50px 0;} .kkv-row:last-child {padding-top: 0;} .kkv-row-1, .kkv-row-2 {position: relative;} .kkv-row-1:after {content: ""; position: absolute; left: 0; right: 0; bottom: -1px; background: url(../images/wave-1.png) no-repeat; background-size: cover; width: 100%; height: 56px; z-index: 9;} .kkv-row-2:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/wave-2.png) no-repeat; background-size: cover; width: 100%; height: 81px;} .kkv-row-3 {} .kkv-row-4 {position: relative; background-color: #f4fbfb; overflow: hidden;} .kkv-row-4:after {content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/digital.png) no-repeat; width: 100%; height: 540px; opacity: 0.06;} .kkv-row-5 {padding-top: 50px !important; background: rgb(4,29,158); background: linear-gradient(50deg, rgba(4,29,158,1) 0%, rgba(1,48,198,1) 35%, rgba(2,94,237,1) 100%);} .kkv-row-5 .kkv-menu-cate h2 a {color: var(--main-white-color);} .kkv-row-5 .kkv-icon-menu-cate:before, .kkv-row-5 .kkv-icon-menu-cate:after {background-color: var(--main-white-color);} .kkv-row-5 .kkv-icon-menu-cate .icon-grp {background-color: var(--main-white-color);} .kkv-slogan {position: absolute; top: 0; right: 0; left: 0; z-index: 9; padding: 15px 0 10px; text-align: center; background: rgb(52,67,82); background: linear-gradient(0deg, rgba(52,67,82,0.5) 0%, rgba(52,67,82,0.5) 50%, rgba(52,67,82,0.5) 100%);} /* .kkv-ct-slogan {display: grid; place-items: center; height: 100%;} .kkv-ct-slogan img {max-height: 75px; filter: drop-shadow(0 1px 1px black);} .kkv-ct-slogan p {margin: 0; font-size: 2.25rem; font-family: 'FS-Magistral-Medium', sans-serif; color: var(--main-white-color); text-shadow: 0 2px 2px rgba(0 0 0 /70%);} .kkv-ct-slogan p em {display: inline-block; color: var(--main-red-color); font-style: normal;} .kkv-ct-slogan p span {display: inline-block; margin-left: 10px; font-size: 1.25rem;} */ .kkv-slideshow-ft {} .kkv-slideshow-ft .kkv-data-ft {padding: 80px 0;} .kkv-slideshow-ft .kkv-data-ft p span {display: inline-block; margin: 0 2px; color: var(--main-white-color); font-family: 'FS-Magistral-Light', sans-serif;} .kkv-slideshow-ft .kkv-data-ft p span .icon-grp {top: 7px; margin-right: 5px;} .kkv-slideshow-ft .uk-slidenav {background-color: rgba(0 0 0 /60%);} .kkv-slideshow-ft .uk-slidenav>* {filter: drop-shadow(2px 0 0 white);} .kkv-slideshow-ft .uk-dotnav {z-index: 99;} .kkv-slideshow-ft .uk-dotnav>*>* {width: 25px; height: 4px; border: none; border-radius: 24px; background-color: var(--main-white-color); opacity: 0.3; border-radius: 0;} .kkv-slideshow-ft .uk-dotnav>.uk-active>* {opacity: 1;} .kkv-date-end {text-transform: uppercase; font-family: 'FS-Magistral-Bold', sans-serif; font-size: 1.125rem; text-align: center;} .kkv-countdown {position: relative; z-index: 9;} .kkv-countdown ul {display: inline-flex;} .kkv-countdown ul li {} .kkv-countdown-top {color: var(--main-white-color); font-family: 'FS-Magistral-Bold', sans-serif; font-size: 1.5rem; position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 48px; background: rgb(4,29,158); background: linear-gradient(50deg, rgba(4,29,158,1) 0%, rgba(1,48,198,1) 35%, rgba(2,94,237,1) 100%);} .kkv-countdown-top:before {content: ""; position: absolute; top: -9px; left: 50%; right: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='16' height='16' id='icon-bound' fill='none' /%3E%3Cpolygon points='8,11 3,6 13,6' /%3E%3C/svg%3E");} .kkv-countdown-bottom {background-color: var(--main-red-color); color: var(--main-white-color); font-family: 'FS-Magistral-Light', sans-serif; font-size: 0.875rem; text-transform: capitalize; position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 32px;} .kkv-countdown-bottom:before {content: ""; position: absolute; top: -6px; left: 8px; width: 3px; height: 14px; border-radius: 12px; background-color: var(--main-white-color);} .kkv-countdown-bottom:after {content: ""; position: absolute; top: -6px; right: 8px; width: 3px; height: 14px; border-radius: 12px; background-color: var(--main-white-color);} .kkv-list-post {position: relative; z-index: 1;} .kkv-list-post ul {display: inline-flex;} .kkv-list-post ul li {} .kkv-list-post ul li span {position: relative; padding-left: 30px;} .kkv-list-post ul li span em {font-style: normal;} .kkv-list-post>*>*>*>.icon-grp {position: absolute; left: 0; top: 0; background-color: var(--main-color-1);} .kkv-list-post>*>*>*>.icon-user {top: -3px;} .kkv-list-post>*>*>*>.icon-img-1 {left: 3px;} .kkv-btn-upload {display: inline-flex; background-color: var(--main-yellow-color); height: 42px; line-height: 44px; padding: 0 20px; border-radius: 24px; color: var(--main-white-color); text-shadow: 0 1px 2px rgba(0, 0, 0, 50%); text-transform: uppercase; font-family: 'FS-Magistral-Bold', sans-serif; font-size: 1rem; letter-spacing: 1px;} .kkv-menu-cate {} .kkv-menu-cate h2 a {color: var(--main-color-1); text-transform: uppercase; font-size: 1.75rem; margin-top: 15px;} .kkv-menu-cate h2 p {margin: 10px 0 0; font-family: 'FS-Magistral-Book', sans-serif;} .kkv-icon-menu-cate {display: inline-flex; opacity: 0.2;} .kkv-icon-menu-cate:before, .kkv-icon-menu-cate:after {content: ""; position: relative; top: 10px; width: 50px; height: 1px; background-color: var(--main-color-1);} .kkv-icon-menu-cate .icon-grp {margin: 0 10px; top: -3px;} .kvv-ct-cate {} .kkv-rules {position: relative;} .kkv-rules .icon-quotes {position: absolute;} .kkv-rules .icon-rules-1 {left: 0; top: -65px;} .kkv-rules .icon-rules-2 {right: 0; bottom: -35px; -ms-transform: rotate(180deg); /* IE 9 */ transform: rotate(180deg);} .kkv-rules p {margin: 0; font-size: 1.125rem; line-height: 1.6; position: relative; z-index: 9; text-align: justify;} .kkv-btn-more, .kkv-btn-submit {display: inline-flex; color: var(--main-white-color); height: 36px; line-height: 36px; padding: 0 20px; border-radius: 24px; font-family: 'FS-PFBeauSansPro-SemiBold', sans-serif; font-size: 0.875rem; position: relative; z-index: 9; background: rgb(4,29,158); background: linear-gradient(50deg, rgba(4,29,158,1) 0%, rgba(1,48,198,1) 35%, rgba(2,94,237,1) 100%);} .kkv-btn-more:hover {color: var(--main-white-color); text-decoration: underline; cursor: pointer;} .kkv-btn-more-rules, .kkv-btn-submit {display: inline-flex; background: var(--main-red-color); color: var(--main-white-color); height: 36px; line-height: 36px; padding: 0 20px; border-radius: 24px; font-family: 'FS-PFBeauSansPro-SemiBold', sans-serif; font-size: 1rem; position: relative; z-index: 9;} .kkv-btn-more-rules:hover {color: var(--main-white-color); text-decoration: underline; cursor: pointer;} .kkv-btn-grey-submit {background-color: var(--main-grey-color-2); color: var(--main-color-1);} .kkv-btn-grey-submit:hover {color: var(--main-red-color) !important;} .kkv-btn-submit {text-transform: uppercase; margin-top: 20px; font-size: 0.875rem; font-family: 'FS-PFBeauSansPro-Bbook', sans-serif;} .kkv-btn-submit:hover {cursor: pointer; color: var(--main-white-color);} .kkv-fix-btn-submit {background-color: transparent; border: solid 1px var(--main-yellow-color); color: var(--main-yellow-color); text-shadow: none;} .kkv-fix-btn-submit:hover {color: var(--main-yellow-color);} .kkv-slider-1 {} .kkv-slider-1 .uk-slidenav {background-color: var(--main-yellow-color); width: 42px; height: 42px; border-radius: 50%; top: 35%; display: flex; align-items: center; justify-content: center;} .kkv-slider-1 .uk-slidenav-previous {left: -20px;} .kkv-slider-1 .uk-slidenav-next {right: -20px;} .kkv-grp-news {} .kkv-small-news {} .kkv-small-news:hover .kkv-icon-info {visibility: visible;} .kkv-icon-info {position: absolute; top: 10px; right: 10px; z-index: 1; visibility: hidden; background-color: var(--main-red-color); width: 28px; height: 28px; border-radius: 50%; display: inline-flex !important; margin: 0 !important; align-items: center; justify-content: center;} .kkv-fix-icon-info {position: relative; top: 0; right: 0;} .kkv-icon-multi-img {position: absolute; left: 10px; bottom: 10px; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: rgba(0 0 0 /50%); z-index: 9;} .kkv-icon-multi-img .icon-grp {background-color: var(--main-white-color);} .kkv-data-news {margin-top: 20px; text-align: left;} .kkv-data-news a {color: var(--main-color-1); font-family: 'FS-Magistral-Book', sans-serif; line-height: 1.6;} .kkv-data-news a:hover {color: var(--main-color-1);} .kkv-list-data-news {margin-top: 10px;} .kkv-list-data-news ul {} .kkv-list-data-news ul li {} .kkv-list-data-news ul li h4 {font-family: 'FS-Magistral-Bold', sans-serif; margin-bottom: 5px;} .kkv-list-data-news ul li span {font-size: 0.875rem; color: var(--main-color-3); font-family: 'FS-Magistral-Light', sans-serif;} .kkv-fix-data-news a {font-family: 'FS-Magistral-Bold', sans-serif;} .kkv-list-prize {} .kkv-list-prize ul li h4 {background-color: rgba(255 255 255 /0.1); padding: 20px; border-radius: 6px; text-align: center;} .kkv-list-prize ul li span {display: inline-grid; place-items: center; width: 70px; height: 70px; margin-bottom: 20px; background-color: var(--main-red-color); border-radius: 50%;} .kkv-list-prize ul li a {color: var(--main-white-color);} .kkv-tab-cate {text-align: center;} .kkv-tab-cate .uk-subnav {justify-content: center; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap;} .kkv-tab-cate .uk-subnav>* {padding: 0 10px; line-height: 1;} .kkv-tab-cate .uk-subnav>*:last-child {border-right: none;} .kkv-tab-cate .uk-subnav-pill>*>:first-child {color: var(--main-white-color); font-size: 0.875rem; font-family: 'Inter-SemiBold', sans-serif; background-color: var(--main-color-1); padding: 8px 20px; border-radius: 24px;} .kkv-tab-cate .uk-subnav-pill>.uk-active>a, .kkv-tab-cate .uk-subnav-pill>*>a:active, .kkv-tab-cate .uk-subnav-pill>*>a:hover {background-color: var(--main-yellow-color); color: var(--main-white-color);} .kkv-slider-2 {} .kkv-slider-2 .kkv-grp-news {padding: 0 5px 15px 5px;} .kkv-slider-2 .uk-slidenav {color: var(--main-color-1); background-color: var(--main-white-color);} .kkv-slider-2 .uk-slidenav-previous {left: -10%;} .kkv-slider-2 .uk-slidenav-next {right: -10%;} #kkv-footer {} .kkv-top-ft {border-top: solid 1px var(--main-border-color); border-bottom: solid 1px var(--main-border-color); padding: 40px 0;} .kkv-grp-logo {} .kkv-grp-logo>*>*>*>* {max-height: 32px;} .kkv-bot-ft {padding: 40px 0;} .kkv-bot-ft p {font-size: 0.875rem; text-align: center; line-height: 1.6;} .kkv-totop {background-color: #fff; border: solid 1px var(--main-color-1); border-radius: 12px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;} .kkv-list-links {} .kkv-list-links .kkv-small-news {text-align: left;} .kkv-list-links .kkv-small-news a {color: var(--main-color-1); position: relative; padding-left: 20px;} .kkv-list-links .kkv-small-news a:before {content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-red-color);} /* Login */ .kkv-breadcrumb {padding: 10px 0;} .kkv-breadcrumb .uk-breadcrumb>*>* {display: inline-flex;} .kkv-breadcrumb .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before {margin: 0 10px 0 calc(10px - 4px);} .kkv-content {} .kkv-main {padding: 40px; border: solid 1px var(--main-border-color); background-color: #fff;} .kkv-menu-main {margin-bottom: 40px;} .kvv-cate-main {font-family: 'FS-Magistral-Medium', sans-serif; font-size: 1.5rem; text-transform: uppercase;} .kkv-ct-main {} .kkv-log-sig {padding: 40px !important;} .kkv-notes-log-sig {font-size: 0.875rem; line-height: 1.6; font-family: 'Sarabun-Regular', sans-serif;} .kkv-notes-log-sig a {display: inline-block; color: var(--main-red-color); text-transform: uppercase; font-family: 'Sarabun-Bold', sans-serif;} .kkv-form-log-sig {} .kkv-form-log-sig label {font-family: 'FS-PFBeauSansPro-Regular', sans-serif;} .kkv-form-log-sig>*>* span {margin-left: 10px;} .kkv-form-log-sig>*>* span:first-child {margin-left: 0;} .kkv-form-log-sig>*>*>label span {display: inline-block; font-family: 'FS-Magistral-Book', sans-serif;} .kkv-form-log-sig>*>*>label span em, .kkv-form-log-sig>*>*>p {font-family: 'Sarabun-Regular', sans-serif; font-size: 0.875rem; font-style: normal;} .kkv-form-log-sig>*>*>label span .icon-grp {top: 2px;} .kkv-form-log-sig>*>*>label .uk-form-icon {top: 10px;} .kkv-form-log-sig .uk-input, .kkv-form-log-sig .uk-select, .kkv-form-log-sig .uk-textarea {border: none; background-color: var(--main-grey-color-1); height: 32px; line-height: 22px; margin-top: 10px; font-family: 'Sarabun-Regular', sans-serif;} .kkv-form-log-sig .uk-textarea {height: auto; line-height: normal;} .kkv-form-log-sig>*>*>p a {display: inline-block; color: var(--main-red-color); text-decoration: underline;} .kkv-captcha {display: flex; align-items: center; justify-content: center; width: 100px; margin-top: 0 !important; height: 32px !important; border: solid 1px var(--main-red-color) !important; color: var(--main-red-color) !important; font-family: 'FS-Magistral-Bold', sans-serif !important; text-align: center;} .kkv-form-list {background-color: var(--main-grey-color-1); padding: 15px;} .kkv-form-list .uk-input {background-color: #fff;} /* List User */ .kkv-search-user {} .kkv-search-user .uk-input {background-color: var(--main-grey-color-1); border: none;} .kkv-search-user .uk-form-icon {background-color: var(--main-red-color); color: var(--main-white-color);} .kkv-list-user {border: solid 1px var(--main-border-color); color: var(--main-color-1);} .kkv-list-user thead {background-color: var(--main-grey-color-1);} .kkv-list-user th {vertical-align: middle; border-bottom: solid 1px var(--main-border-color); font-family: 'FS-Magistral-Bold', sans-serif; color: var(--main-color-1);} .kkv-list-user th, .kkv-list-user td {padding: 8px 15px; text-align: center; font-size: 0.875rem; border-right: solid 1px var(--main-border-color);} .kkv-list-user th:first-child, .kkv-list-user td:first-child {padding-right: 0;} .kkv-pagination {margin-top: 40px;} .kkv-pagination>*>*>a {color: var(--main-color-1); font-size: 0.875rem; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; margin: 0 5px; padding: 0;} .kkv-pagination>*>*:hover>a, .kkv-pagination>*>*.uk-active>a {color: var(--main-white-color); background: rgb(4,29,158); background: linear-gradient(50deg, rgba(4,29,158,1) 0%, rgba(1,48,198,1) 35%, rgba(2,94,237,1) 100%);} /* Details User */ .kkv-top-user {background-color: var(--main-grey-color-1); padding: 40px;} .kkv-info-user {margin-top: 40px;} .kkv-info-user .kkv-avt {display: flex; align-items: center; justify-content: center; width: 220px; height: 220px; background-color: var(--main-grey-color-2);} .kkv-info-user ul li {position: relative; padding-left: 225px; margin-bottom: 10px; font-family: 'Sarabun-Light', sans-serif;} .kkv-info-user ul li:after {content: ":"; position: absolute; top: 0; left: 215px; line-height: 1.4;} .kkv-info-user ul li:last-child {margin-bottom: 0;} .kkv-info-user ul li span {position: absolute; left: 0; padding-left: 35px; font-family: 'FS-PFBeauSansPro-Bbook', sans-serif;} .kkv-info-user ul li .icon-grp {position: absolute; left: 0; background-color: var(--main-color-1);} .kkv-info-user ul li .icon-user {top: -3px; left: -3px;} .kkv-info-user ul li .icon-mail {top: 1px;} .kkv-info-user ul li .icon-user-id {left: -1px;} .kkv-info-user ul li .icon-location {top: 2px; left: 2px;} .kkv-info-user ul li .icon-phone {left: 1px;} .kkv-bot-user {padding: 40px;} .kkv-menu-user {font-size: 1.5rem; font-family: 'FS-Magistral-Medium', sans-serif;} .kkv-menu-user span {margin-left: 5px;} .kkv-menu-user .icon-grp {top: 2px; margin-right: 10px; background-color: var(--main-color-1);} .kkv-grp-upload {margin-top: 40px;} .kkv-num-post {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 50%); z-index: 1; color: var(--main-white-color); font-family: 'FS-Magistral-Medium', sans-serif; font-size: 2rem; display: flex; align-items: center; justify-content: center;} .kkv-thumb-upload {background-color: transparent; border: dashed 1px var(--main-border-color); font-size: 0.875rem; color: var(--main-color-1); text-align: center;} .kkv-thumb-upload span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--main-color-1); white-space: nowrap; font-size: 1rem;} .kkv-info-album {position: relative; padding-left: 40px;} .kkv-info-album .icon-grp {position: absolute; left: 0; top: 4px;} .kkv-info-album h3 a {font-family: 'FS-Magistral-Bold', sans-serif; font-size: 1.25rem; color: var(--main-color-1);} .kkv-info-album p {margin: 10px 0 0;} .kkv-remove-img {position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--main-red-color); border-radius: 50%; z-index: 9;} .kkv-fix-remove-img {top: -5px; right: -5px;} .kkv-remove-work {background-color: var(--main-red-color);} .kkv-control-img {margin-bottom: 5px; background-color: var(--main-grey-color-1); padding: 2px 5px;} .kkv-icon-control-img {font-size: 0.875rem; font-family: 'Sarabun-Regular', sans-serif;} .kkv-icon-control-img .icon-grp {margin-right: 5px;} .kkv-icon-control-img .icon-edit {background-color: var(--main-green-color); top: 1px;} .kkv-icon-control-img .icon-remove {background-color: var(--main-red-color);} .kkv-text-edit, .kkv-text-edit:hover {color: var(--main-green-color);} .kkv-text-remove, .kkv-text-remove:hover {color: var(--main-red-color);} .kkv-icon-zoom {left: 10px; bottom: 10px; top: inherit;} .kkv-file-pin {margin-top: 10px; background-color: var(--main-grey-color-2); padding-right: 32px; position: relative;} .kkv-file-pin input {margin-top: 0 !important;} .kkv-file-pin a {position: absolute; right: 6px; top: 3px; color: var(--main-red-color);} .kkv-btn-pin {margin-top: 10px; height: 32px; line-height: 32px; border-radius: 24px; padding: 0 15px; background-color: var(--main-green-color); color: var(--main-white-color); font-family: 'FS-Magistral-Medium', sans-serif;} .kkv-btn-pin .icon-grp {top: 4px; margin-right: 5px; background-color: var(--main-white-color);} .kkv-table-user {border: solid 1px var(--main-border-color); border-right: none;} .kkv-table-user .uk-table thead tr th, .kkv-table-user .uk-table tbody tr td {padding: 15px 20px; font-size: 0.875rem; text-align: center; vertical-align: middle; border-right: solid 1px var(--main-border-color);} .kkv-table-user .uk-table thead {background-color: var(--main-grey-color-1);} .kkv-table-user .uk-table tbody tr td h3 a {font-size: 1rem; font-family: 'FS-Magistral-Book', sans-serif;} .kkv-table-user .uk-table thead tr th {text-transform: capitalize; color: var(--main-color-1); font-family: 'FS-Magistral-Bold', sans-serif;} .kkv-table-user .uk-table tbody tr td span {display: inline-block; margin: 0 10px;} .kkv-table-user .uk-table tbody tr td span a:hover {text-decoration: underline;} .kkv-tags {position: relative; background-color: var(--main-grey-color-1); padding: 5px 30px 5px 10px; font-size: 0.875rem;} .kkv-tags a {position: absolute; right: 10px; top: 3px; color: var(--main-red-color);} /* Rules */ .kkv-top-details {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px var(--main-border-color);} .kkv-top-details h1 {font-family: 'FS-Magistral-Bold', sans-serif; font-size: 2rem;} .kkv-time-post {font-size: 0.875rem;} .kkv-time-post .uk-icon {position: relative; top: -1px; margin-right: 10px;} .kkv-mid-details {margin-bottom: 20px; font-size: 1.125rem; line-height: 1.6; text-align: justify;} .kkv-mid-details p:last-child {margin-bottom: 0;} .kkv-mid-details figure {text-align: center;} .kkv-mid-details figure img {display: inline-block;} .kkv-mid-details figcaption {color: darkblue; margin-top: 10px;} .kkv-bot-details {padding-top: 20px; border-top: solid 1px var(--main-border-color);} .kkv-share {} .kkv-share li a {line-height: 1;} /* List news */ .kkv-list-news {} .kkv-grp-data-news {} .kkv-grp-data-news p {margin: 10px 0 0;} .kkv-row-sdb {margin-bottom: 40px; background-color: #fff; border: solid 1px var(--main-border-color); padding: 20px;} .kkv-row-sdb:last-child {margin-bottom: 0;} .kkv-row-sdb h2 {font-size: 1.5rem; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px var(--main-border-color);} .kkv-notification-news {} .kkv-notification-news ul li {position: relative; padding-left: 20px; border-bottom: dashed 1px var(--main-border-color);} .kkv-notification-news ul li:last-child {border-bottom: none;} .kkv-notification-news ul li:before {content: ""; position: absolute; left: 0; top: 17px; background-color: var(--main-red-color); width: 6px; height: 6px; border-radius: 50%;} .kkv-notification-news ul li a {padding: 8px 0; color: var(--main-color-1); font-family: 'FS-Magistral-Book', sans-serif;} .kkv-tt-notification {font-family: 'FS-Magistral-Bold', sans-serif; text-transform: uppercase; color: var(--main-white-color); position: absolute; top: 0; left: 0; right: 0; background-color: var(--main-red-color); padding: 5px 0; font-size: 0.875rem;} /* Prize */ .kkv-prize {} .kkv-prize .uk-subnav {background-color: var(--main-grey-color-1); margin-left: 0;} .kkv-prize .uk-subnav>* {padding: 0;} .kkv-prize .uk-subnav-pill>*>:first-child {padding: 10px 20px; font-family: 'FS-Magistral-Bold', sans-serif; color: var(--main-color-1);} .kkv-prize .uk-subnav-pill>*>:first-child .icon-grp {margin-right: 5px;} .kkv-prize .uk-subnav-pill>.uk-active>a {background-color: var(--main-red-color); color: var(--main-white-color);} .kkv-prize .uk-subnav-pill>.uk-active>a .icon-grp {background-color: var(--main-white-color);} .kkv-ct-prize {} .kkv-box-img-prize {} .kkv-box-img-prize:hover .kkv-icon-info {visibility: visible;} .icon-medal-prize {position: absolute; top: -5px; left: 10px; z-index: 1;} .icon-medal-prize-1 {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Flat'%3E%3Cg id='Color'%3E%3Cpolygon fill='%23212529' points='8.26 3 25.94 33.62 38.06 26.62 24.42 3 8.26 3'/%3E%3Cpath d='M38.06,26.62l-7.21-12.5-3.72,6.44a21.53,21.53,0,0,0-7,3l5.8,10Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='34.6 28.62 29.4 31.62 12.87 3 19.8 3 34.6 28.62'/%3E%3Cpolygon fill='%23212529' points='39.58 3 25.94 26.62 38.06 33.62 55.74 3 39.58 3'/%3E%3Cpath d='M34.6,28.62l-6.06-10.5-1.42,2.46a21.44,21.44,0,0,0-3.46,1.1l5.74,9.94Z' fill='%23a60416'/%3E%3Cpath d='M43.86,23.58a21.46,21.46,0,0,0-14.17-3.45l-3.75,6.49,12.12,7Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='51.13 3 34.6 31.62 29.4 28.62 44.2 3 51.13 3'/%3E%3Cpath d='M34.6,31.62l5.74-9.94a21.41,21.41,0,0,0-6-1.55L29.4,28.62Z' fill='%23a60416'/%3E%3Ccircle cx='32' cy='41.5' fill='%23fccd1d' r='19.5'/%3E%3Ccircle cx='32' cy='41.5' fill='%23f9a215' r='14.5'/%3E%3Cpath d='M34.13,43.63V33H29.88a3.19,3.19,0,0,1-3.19,3.19H25.63v4.25h4.25v3.19a2.13,2.13,0,0,1-2.13,2.12H25.63V50H38.38V45.75H36.25A2.12,2.12,0,0,1,34.13,43.63Z' fill='%23fccd1d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .icon-medal-prize-2 {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Flat'%3E%3Cg id='Color'%3E%3Cpolygon fill='%23212529' points='8.26 3 25.94 33.62 38.06 26.62 24.42 3 8.26 3'/%3E%3Cpath d='M38.06,26.62l-7.21-12.5-3.72,6.44a21.53,21.53,0,0,0-7,3l5.8,10Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='34.6 28.62 29.4 31.62 12.87 3 19.8 3 34.6 28.62'/%3E%3Cpolygon fill='%23212529' points='39.58 3 25.94 26.62 38.06 33.62 55.74 3 39.58 3'/%3E%3Cpath d='M34.6,28.62l-6.06-10.5-1.42,2.46a21.44,21.44,0,0,0-3.46,1.1l5.74,9.94Z' fill='%23a60416'/%3E%3Cpath d='M43.86,23.58a21.46,21.46,0,0,0-14.17-3.45l-3.75,6.49,12.12,7Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='51.13 3 34.6 31.62 29.4 28.62 44.2 3 51.13 3'/%3E%3Cpath d='M34.6,31.62l5.74-9.94a21.41,21.41,0,0,0-6-1.55L29.4,28.62Z' fill='%23a60416'/%3E%3Ccircle cx='32' cy='41.5' fill='%23fccd1d' r='19.5'/%3E%3Ccircle cx='32' cy='41.5' fill='%23f9a215' r='14.5'/%3E%3Cpath d='M33.88,33.57a6.49,6.49,0,0,0-5.81,1.23,6.41,6.41,0,0,0-2.21,4.89H30c0-2.24,3.37-2.38,4-1,1,2.1-8,7-8,7v4H38v-4H34a7.07,7.07,0,0,0,4-7.54A6.16,6.16,0,0,0,33.88,33.57Z' fill='%23fccd1d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .icon-medal-prize-3 {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Flat'%3E%3Cg id='Color'%3E%3Cpolygon fill='%23212529' points='8.26 3 25.94 33.62 38.06 26.62 24.42 3 8.26 3'/%3E%3Cpath d='M38.06,26.62l-7.21-12.5-3.72,6.44a21.53,21.53,0,0,0-7,3l5.8,10Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='34.6 28.62 29.4 31.62 12.87 3 19.8 3 34.6 28.62'/%3E%3Cpolygon fill='%23212529' points='39.58 3 25.94 26.62 38.06 33.62 55.74 3 39.58 3'/%3E%3Cpath d='M34.6,28.62l-6.06-10.5-1.42,2.46a21.44,21.44,0,0,0-3.46,1.1l5.74,9.94Z' fill='%23a60416'/%3E%3Cpath d='M43.86,23.58a21.46,21.46,0,0,0-14.17-3.45l-3.75,6.49,12.12,7Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='51.13 3 34.6 31.62 29.4 28.62 44.2 3 51.13 3'/%3E%3Cpath d='M34.6,31.62l5.74-9.94a21.41,21.41,0,0,0-6-1.55L29.4,28.62Z' fill='%23a60416'/%3E%3Ccircle cx='32' cy='41.5' fill='%23fccd1d' r='19.5'/%3E%3Ccircle cx='32' cy='41.5' fill='%23f9a215' r='14.5'/%3E%3Cpath d='M36.54,41.5A4.52,4.52,0,0,0,38.38,38c0-2.76-2.86-5-6.38-5s-6.37,2.24-6.37,5h3.92a2,2,0,0,1,3.9-.29c.17,1.23-.77,2.73-2,2.73v2.12c2.22,0,2.84,3.5.72,4.32A2,2,0,0,1,29.55,45H25.63c0,2.76,2.85,5,6.37,5s6.38-2.24,6.38-5A4.52,4.52,0,0,0,36.54,41.5Z' fill='%23fccd1d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .icon-medal-prize-4 {background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Flat'%3E%3Cg id='Color'%3E%3Cpolygon fill='%23212529' points='8.26 3 25.94 33.62 38.06 26.62 24.42 3 8.26 3'/%3E%3Cpath d='M38.06,26.62l-7.21-12.5-3.72,6.44a21.53,21.53,0,0,0-7,3l5.8,10Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='34.6 28.62 29.4 31.62 12.87 3 19.8 3 34.6 28.62'/%3E%3Cpolygon fill='%23212529' points='39.58 3 25.94 26.62 38.06 33.62 55.74 3 39.58 3'/%3E%3Cpath d='M34.6,28.62l-6.06-10.5-1.42,2.46a21.44,21.44,0,0,0-3.46,1.1l5.74,9.94Z' fill='%23a60416'/%3E%3Cpath d='M43.86,23.58a21.46,21.46,0,0,0-14.17-3.45l-3.75,6.49,12.12,7Z' fill='%23111315'/%3E%3Cpolygon fill='%23dd051d' points='51.13 3 34.6 31.62 29.4 28.62 44.2 3 51.13 3'/%3E%3Cpath d='M34.6,31.62l5.74-9.94a21.41,21.41,0,0,0-6-1.55L29.4,28.62Z' fill='%23a60416'/%3E%3Ccircle cx='32' cy='41.5' fill='%23fccd1d' r='19.5'/%3E%3Ccircle cx='32' cy='41.5' fill='%23f9a215' r='14.5'/%3E%3Cpath d='M33.37,34l1.52,2.63a1.54,1.54,0,0,0,1.06.76L39,38a1.53,1.53,0,0,1,.85,2.56l-2.1,2.22a1.5,1.5,0,0,0-.4,1.22l.36,3a1.57,1.57,0,0,1-2.22,1.58l-2.81-1.27a1.6,1.6,0,0,0-1.32,0l-2.81,1.27A1.57,1.57,0,0,1,26.31,47l.36-3a1.5,1.5,0,0,0-.4-1.22l-2.1-2.22A1.53,1.53,0,0,1,25,38l3-.59a1.54,1.54,0,0,0,1.06-.76L30.63,34A1.59,1.59,0,0,1,33.37,34Z' fill='%23fccd1d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .kkv-slideshow-prize {} .kkv-slideshow-prize .uk-slidenav {color: var(--main-white-color); top: 30%; background-color: rgba(0 0 0 /50%);} .kkv-data-prize {} .kkv-data-prize h4 {font-size: 1rem;} .kkv-data-prize p {font-size: 0.875rem; font-family: 'FS-Magistral-Light', sans-serif;} .kkv-data-prize p span {padding: 0 5px; line-height: 1;} /* Judge */ .kkv-judge {} .kkv-judge ul {} .kkv-judge ul li {text-align: center;} .kkv-avt-judge {display: inline-flex; align-items: center; justify-content: center; width: 180px; height: 180px; background-color: var(--main-grey-color-1); border: solid 3px var(--main-white-color); border-radius: 50%; overflow: hidden;} .kkv-avt-judge img {width: 100%; height: auto;} .kkv-data-judge {margin-top: 15px;} .kkv-data-judge h4 {font-family: 'FS-Magistral-Bold', sans-serif;} .kkv-data-judge p {margin: 5px 0 0; color: var(--main-color-3); font-size: 0.875rem;} /* 404 */ .kkv-text-404 {} .kkv-text-404 h5 {color: var(--main-red-color); font-size: 2rem; line-height: 1.2;} .kkv-text-404 p {margin: 10px 0 15px; line-height: 1.4;} .kkv-text-404 p a {display: inline-block; text-decoration: underline; color: var(--main-red-color); text-transform: capitalize; font-family: 'FS-Magistral-Bold', sans-serif;} /* Modal */ .kkv-menu-modal {padding: 0 40px; background-color: var(--main-grey-color-1);} .kkv-menu-modal h2 {height: 52px; line-height: 52px; font-size: 1.5rem;} .kkv-menu-modal p {margin: 0;} .kkv-menu-modal p a {display: inline-block;} .kkv-menu-modal p a em {color: var(--main-red-color); font-style: normal; font-family: 'FS-Magistral-Bold', sans-serif;} .kkv-ct-modal {padding: 40px;} .kkv-ct-modal .kkv-form-log-sig label {font-family: FS-PFBeauSansPro-Bbook, sans-serif;} .kkv-ct-modal .kkv-btn-sl-img {font-family: 'Sarabun-Regular', sans-serif;} .kkv-ct-modal p, .kkv-ct-modal .ck-content {font-family: 'Sarabun-Regular', sans-serif;} .kkv-ct-modal .kkv-btn-submit {font-family: 'FS-PFBeauSansPro-SemiBold', sans-serif;} .kkv-info-img {} .kkv-info-img li {min-height: 30px; padding: 0 0 5px 150px; margin-bottom: 5px; border-bottom: solid 1px var(--main-border-color); font-size: 1rem; position: relative;} .kkv-info-img li span {position: absolute; left: 0;} .kkv-info-img li span:after {content: ":"; position: absolute; left: 135px;} .kkv-btn-sl-img {display: inline-block; padding: 0 15px; border-radius: 24px; border: dashed 1px var(--main-color-1); height: 30px; line-height: 29px; color: var(--main-color-1); font-family: 'Sarabun-SemiBold', sans-serif;} .kkv-btn-sl-img .icon-grp {top: 4px;} .kkv-thumb-modal {} .kkv-thumb-modal:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/logo-kkv-3.png) no-repeat; width: 187px; height: 110px;} .kkv-thumb-modal .kkv-icon-info .icon-zoom {top: 0;} .kkv-thumb-modal:hover .kkv-icon-info {visibility: visible;} .kkv-fix-thumb-modal:after {background: url(../images/logo-kkv-4.png) no-repeat; width: 75px; height: 45px;} .kkv-grp-thumb-modal {} .kkv-grp-thumb-modal>*>* {position: relative;} .kkv-order-thumb-modal {position: absolute; z-index: 9; top: 0; left: 30px; margin: 0 !important; display: flex; align-items: center; justify-content: center; width: 52px; height: 26px; text-align: center; padding: 0;} .kkv-shooting {background-color: var(--main-grey-color-1); padding: 10px 20px;} .kkv-shooting span {font-size: 0.875rem; margin-right: 20px;} .kkv-shooting span input {margin-right: 5px;} .kkv-checked-img {margin-top: 10px;} .kkv-checked-img label {font-size: 0.875rem; font-family: 'Sarabun-Regular', sans-serif;} .kkv-checked-img label input {margin-right: 5px;} .kkv-more-ct-img {background-color: var(--main-grey-color-2); text-align: center; color: var(--main-color-1); padding: 5px 0; font-size: 0.875rem;} .kkv-ct-img {} .kkv-ct-img h1 {font-size: 1.5rem; text-align: center;} .kkv-ct-img p {text-align: justify; font-size: 1.125rem; line-height: 1.6;} .kkv-tutorial-modal {} .kkv-tutorial-modal ul li {padding-left: 250px; position: relative; margin-bottom: 20px;} .kkv-tutorial-modal ul li:after {content: ":"; position: absolute; left: 230px; top: 0;} .kkv-tutorial-modal ul li:last-child {margin-bottom: 0;} .kkv-tutorial-modal ul li span {position: absolute; left: 0; top: 0; font-family: 'FS-Magistral-Bold', sans-serif;} .kkv-tutorial-modal ul li p {margin: 0;} .kkv-tutorial-modal ul li p em {color: var(--main-red-color); font-style: normal; font-family: 'FS-Magistral-Bold', sans-serif;} /* Mobile */ .kkv-btn-nav {background-color: var(--main-red-color); color: var(--main-white-color); width: 28px; height: 28px; border-radius: 50%; min-height: auto;} .kkv-btn-nav:hover, .kkv-btn-nav[aria-expanded=true] {color: var(--main-white-color);} .kkv-mb-nav {padding-left: 20px; padding-right: 20px;} .kkv-mb-nav .uk-navbar-dropdown-nav>li>a {font-size: 1rem; color: var(--main-color-1); text-transform: capitalize; position: relative; padding-left: 30px; border-bottom: dashed 1px var(--main-border-color);} .kkv-mb-nav .uk-navbar-dropdown-nav>li:last-child>a {border-bottom: none;} .kkv-mb-nav .icon-grp {background-color: var(--main-color-1); position: absolute; left: 0;} .kkv-mb-nav .icon-user-id {left: -2px;} .kkv-mb-nav .icon-medal {left: -8px;} /* Css Responsive */ @media only screen and (max-width: 1600px) { .kkv-nav {gap: 30px;} } @media only screen and (max-width: 1200px) { .kkv-top-hd {padding-top: 10px; padding-bottom: 10px;} .kkv-logo-ttxvn {top: 0;} .kkv-logo-ttxvn img {max-height: 18px;} .kkv-slogan {position: inherit; padding: 5px 0; background: #025eed;} } @media only screen and (max-width: 960px) { .kkv-row {padding: 40px 0;} .kkv-btn-upload {font-size: 0.75rem; height: 36px; line-height: 36px;} .kkv-info-user .kkv-avt {width: 100%;} .kkv-info-user ul li {padding-left: 160px;} .kkv-info-user ul li:after {left: 150px;} .kkv-row-1:after {display: none;} .kkv-slideshow-ft .kkv-data-ft {padding: 50px 0;} .kkv-slideshow-ft .kkv-data-ft h3 {font-size: 1.5rem;} .kkv-top-user, .kkv-bot-user, .kkv-ct-modal, .kkv-main {padding: 20px;} .kkv-log-sig {padding: 0 !important;} .kkv-info-user, .kkv-grp-upload {margin-top: 20px;} .kkv-menu-main {margin-bottom: 20px;} } @media only screen and (max-width: 640px) { .kkv-info-album h3 a {font-size: 1.125rem;} .thumb-img-left {width: 100%; margin: 0 0 20px;} .kkv-countdown-top, .kkv-countdown-bottom {width: 60px;} .kkv-tab-cate .uk-subnav {justify-content: inherit;} .kkv-avt-judge {width: 120px; height: 120px;} .kkv-countdown-top {font-size: 1.375rem; padding-top: 8px;} .kkv-countdown-bottom:before, .kkv-countdown-bottom:before {height: 12px;} .kkv-list-post ul li span {font-size: 0.875rem;} .kkv-menu-cate h2 a {font-size: 1.5rem;} .kvv-cate-main, .kkv-row-sdb h2 {text-align: center;} .kkv-menu-user, .kkv-menu-modal h2 {font-size: 1.375rem;} .kkv-slideshow-ft .kkv-data-ft {padding: 30px 0;} .kkv-slideshow-ft .kkv-data-ft p {line-height: 1.2;} .kkv-slideshow-ft .kkv-data-ft p span {font-size: 0.875rem;} .kkv-slideshow-ft .uk-dotnav {margin: 15px 30px;} .kkv-slider-1 .uk-slidenav {width: 32px; height: 32px; top: 52%;} .kkv-slider-1 .uk-slidenav-previous {left: -10px;} .kkv-slider-1 .uk-slidenav-next {right: -10px;} .kkv-slider-2 .uk-slidenav {opacity: 0.8; width: 32px;} .kkv-slider-2 .uk-slidenav-previous {left: 0;} .kkv-slider-2 .uk-slidenav-next {right: 0;} .kkv-menu-modal {padding: 5px 20px;} .uk-modal-close-outside {top: 25px;} .kkv-tutorial-modal ul li {position: inherit; padding-left: 0;} .kkv-tutorial-modal ul li:after {display: none;} .kkv-tutorial-modal ul li span {position: relative;} .kkv-tutorial-modal ul li span:after {content: ":"; margin-left: 5px;} .kkv-info-img li {padding-left: 130px;} .kkv-info-img li span:after {left: 115px;} .kkv-mid-details table td {width: 0 !important;} .kkv-info-user ul li {padding-left: 0;} .kkv-info-user ul li:after {display: none;} .kkv-info-user ul li span {position: relative;} .kkv-info-user ul li span:after {content: ":"; margin-left: 5px;} } @media only screen and (max-width: 480px) { }