From:
Snapshot-Content-Location: https://www.bangladi.com/2023/12/ca-study-guideline-in-bangladesh.html?m=1
Subject: =?utf-8?Q?Chartered=20Accountancy=20=E0=A6=AC=E0=A6=BE=20=E0=A6=B8=E0=A6?=
=?utf-8?Q?=BF=E0=A6=8F=20=E0=A6=AA=E0=A7=9C=E0=A6=BE=E0=A6=B0=20=E0=A6=AF?=
=?utf-8?Q?=E0=A7=8B=E0=A6=97=E0=A7=8D=E0=A6=AF=E0=A6=A4=E0=A6=BE,=20=E0?=
=?utf-8?Q?=A6=96=E0=A6=B0=E0=A6=9A=20=E0=A6=93=20=E0=A6=97=E0=A6=BE=E0=A6?=
=?utf-8?Q?=87=E0=A6=A1=E0=A6=B2=E0=A6=BE=E0=A6=87=E0=A6=A8=20-=20=E0=A6?=
=?utf-8?Q?=AC=E0=A6=BE=E0=A6=82=E0=A6=B2=E0=A6=BE=E0=A6=A6=E0=A6=BF?=
Date: Wed, 20 Mar 2024 10:46:37 +0600
MIME-Version: 1.0
Content-Type: multipart/related;
type=”text/html”;
boundary=”—-MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-”
——MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-
Content-Type: text/html
Content-ID:
Content-Transfer-Encoding: binary
Content-Location: https://www.bangladi.com/2023/12/ca-study-guideline-in-bangladesh.html?m=1
<!–[ Open ]–>
Chartered Accountancy বা সিএ পড়ার যোগ্যতা, খরচ ও গাইডলাইন – বাংলাদি
<!—->
<!–[ close ]–>
<!–@font-face{font-family:’Roboto’;font-style:normal;font-weight:400;src:local(‘Roboto’),local(‘Roboto-Regular’),local(‘sans-serif’),url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2)format(‘woff2′);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:’Roboto’;font-style:normal;font-weight:400;src:local(‘Roboto’),local(‘Roboto-Regular’),local(‘sans-serif’),url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2)format(‘woff2′);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:’Roboto’;font-style:normal;font-weight:400;src:local(‘Roboto’),local(‘Roboto-Regular’),local(‘sans-serif’),url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2)format(‘woff2′);unicode-range:U+1F00-1FFF;}@font-face{font-family:’Roboto’;font-style:normal;font-weight:400;src:local(‘Roboto’),local(‘Roboto-Regular’),local(‘sans-serif’),url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2)format(‘woff2′);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:’Roboto’;font-style:normal;font-weight:400;src:local(‘Roboto’),local(‘Roboto-Regular’),local(‘sans-serif’),url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2)format(‘woff2′);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:’Roboto’;font-style:normal;font-weight:400;src:local(‘Roboto’),local(‘Roboto-Regular’),local(‘sans-serif’),url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2)format(‘woff2′);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:’Roboto’;font-style:normal;font-weight:400;src:local(‘Roboto’),local(‘Roboto-Regular’),local(‘sans-serif’),url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)format(‘woff2’);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
<!–[ open ]–>
<!– –>
<!–/**/–>
<!–/**/–>
<!–[ close ]–>
<!–
window[‘__wavt’] = ‘AOuZoY448XrkmSfqOFI7kxXo0TgxMlIKSA:1710868513548’;_WidgetManager._Init(‘//www.blogger.com/rearrange?blogID\x3d8005030663687002370′,’//www.bangladi.com/2023/12/ca-study-guideline-in-bangladesh.html?m\x3d1′,’8005030663687002370’);
_WidgetManager._SetDataContext([{‘name’: ‘blog’, ‘data’: {‘blogId’: ‘8005030663687002370’, ‘title’: ‘\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09bf’, ‘url’: ‘https://www.bangladi.com/2023/12/ca-study-guideline-in-bangladesh.html?m\x3d1’, ‘canonicalUrl’: ‘https://www.bangladi.com/2023/12/ca-study-guideline-in-bangladesh.html’, ‘homepageUrl’: ‘https://www.bangladi.com/?m\x3d1’, ‘searchUrl’: ‘https://www.bangladi.com/search’, ‘canonicalHomepageUrl’: ‘https://www.bangladi.com/’, ‘blogspotFaviconUrl’: ‘https://www.bangladi.com/favicon.ico’, ‘bloggerUrl’: ‘https://www.blogger.com’, ‘hasCustomDomain’: true, ‘httpsEnabled’: true, ‘enabledCommentProfileImages’: true, ‘gPlusViewType’: ‘FILTERED_POSTMOD’, ‘adultContent’: false, ‘analyticsAccountNumber’: ‘G-3E6MD44MXE’, ‘analytics4’: true, ‘encoding’: ‘UTF-8’, ‘locale’: ‘bn’, ‘localeUnderscoreDelimited’: ‘bn’, ‘languageDirection’: ‘ltr’, ‘isPrivate’: false, ‘isMobile’: true, ‘isMobileRequest’: true, ‘mobileClass’: ‘ mobile’, ‘isPrivateBlog’: false, ‘isDynamicViewsAvailable’: true, ‘feedLinks’: ‘\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09bf – Atom\x22 href\x3d\x22https://www.bangladi.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09bf – RSS\x22 href\x3d\x22https://www.bangladi.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09bf – Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8005030663687002370/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09bf – Atom\x22 href\x3d\x22https://www.bangladi.com/feeds/9136190928645451895/comments/default\x22 /\x3e\n’, ‘meTag’: ”, ‘adsenseClientId’: ‘ca-pub-7158220684469952’, ‘adsenseHostId’: ‘ca-host-pub-1556223355139109’, ‘adsenseHasAds’: true, ‘adsenseAutoAds’: true, ‘boqCommentIframeForm’: true, ‘loginRedirectParam’: ”, ‘view’: ”, ‘dynamicViewsCommentsSrc’: ‘//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js’, ‘dynamicViewsScriptSrc’: ‘//www.blogblog.com/dynamicviews/4540d11ee6a9acb1’, ‘plusOneApiSrc’: ‘https://apis.google.com/js/platform.js’, ‘disableGComments’: true, ‘interstitialAccepted’: false, ‘sharing’: {‘platforms’: [{‘name’: ‘\u09b2\u09bf\u0999\u09cd\u0995 \u09aa\u09be\u09a8’, ‘key’: ‘link’, ‘shareMessage’: ‘\u09b2\u09bf\u0999\u09cd\u0995 \u09aa\u09be\u09a8’, ‘target’: ”}, {‘name’: ‘Facebook’, ‘key’: ‘facebook’, ‘shareMessage’: ‘Facebook \u098f \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c1\u09a8’, ‘target’: ‘facebook’}, {‘name’: ‘\u098f\u099f\u09bf \u09ac\u09cd\u09b2\u0997 \u0995\u09b0\u09c1\u09a8!’, ‘key’: ‘blogThis’, ‘shareMessage’: ‘\u098f\u099f\u09bf \u09ac\u09cd\u09b2\u0997 \u0995\u09b0\u09c1\u09a8!’, ‘target’: ‘blog’}, {‘name’: ‘Twitter’, ‘key’: ‘twitter’, ‘shareMessage’: ‘Twitter \u098f \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c1\u09a8’, ‘target’: ‘twitter’}, {‘name’: ‘Pinterest’, ‘key’: ‘pinterest’, ‘shareMessage’: ‘Pinterest \u098f \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c1\u09a8’, ‘target’: ‘pinterest’}, {‘name’: ‘\u0987\u09ae\u09c7\u09b2’, ‘key’: ’email’, ‘shareMessage’: ‘\u0987\u09ae\u09c7\u09b2’, ‘target’: ’email’}], ‘disableGooglePlus’: true, ‘googlePlusShareButtonWidth’: 0, ‘googlePlusBootstrap’: ‘\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27bn\x27};\x3c/script\x3e’}, ‘hasCustomJumpLinkMessage’: true, ‘jumpLinkMessage’: ‘Read more \xbb’, ‘pageType’: ‘item’, ‘postId’: ‘9136190928645451895’, ‘postImageThumbnailUrl’: ‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhihhHCDV0gTCSZX87ZVfy6FKSwgRhm2JjLL-5URGQTTIdb_WEfb0bMBrUGHMZCCZpd1R3Dxreq9qbBORYealwFATi7_ava8OrCjl6aagXZjTUUyefw3lA7tXiwui7tJyqeL6H-gwSDFtfEtWq_QesMY1omNZ4xKFNBOV5W8wH4hfSSNV6NiiiT0Rg3ZAs/s72-c/%E0%A6%B8%E0%A6%BF%E0%A6%8F%20%E0%A6%AA%E0%A7%9C%E0%A6%BE%E0%A6%B0%20%E0%A6%AF%E0%A7%8B%E0%A6%97%E0%A7%8D%E0%A6%AF%E0%A6%A4%E0%A6%BE%20%E0%A6%93%20%E0%A6%97%E0%A6%BE%E0%A6%87%E0%A6%A1%E0%A6%B2%E0%A6%BE%E0%A6%87%E0%A6%A8.webp’, ‘postImageUrl’: ‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhihhHCDV0gTCSZX87ZVfy6FKSwgRhm2JjLL-5URGQTTIdb_WEfb0bMBrUGHMZCCZpd1R3Dxreq9qbBORYealwFATi7_ava8OrCjl6aagXZjTUUyefw3lA7tXiwui7tJyqeL6H-gwSDFtfEtWq_QesMY1omNZ4xKFNBOV5W8wH4hfSSNV6NiiiT0Rg3ZAs/s16000/%E0%A6%B8%E0%A6%BF%E0%A6%8F%20%E0%A6%AA%E0%A7%9C%E0%A6%BE%E0%A6%B0%20%E0%A6%AF%E0%A7%8B%E0%A6%97%E0%A7%8D%E0%A6%AF%E0%A6%A4%E0%A6%BE%20%E0%A6%93%20%E0%A6%97%E0%A6%BE%E0%A6%87%E0%A6%A1%E0%A6%B2%E0%A6%BE%E0%A6%87%E0%A6%A8.webp’, ‘pageName’: ‘Chartered Accountancy \u09ac\u09be \u09b8\u09bf\u098f \u09aa\u09dc\u09be\u09b0 \u09af\u09cb\u0997\u09cd\u09af\u09a4\u09be, \u0996\u09b0\u099a \u0993 \u0997\u09be\u0987\u09a1\u09b2\u09be\u0987\u09a8’, ‘pageTitle’: ‘\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09bf: Chartered Accountancy \u09ac\u09be \u09b8\u09bf\u098f \u09aa\u09dc\u09be\u09b0 \u09af\u09cb\u0997\u09cd\u09af\u09a4\u09be, \u0996\u09b0\u099a \u0993 \u0997\u09be\u0987\u09a1\u09b2\u09be\u0987\u09a8’, ‘metaDescription’: ‘\u09b8\u09bf\u098f (CA) \u09aa\u09dc\u09be\u09b0 \u09af\u09cb\u0997\u09cd\u09af\u09a4\u09be \u0995\u09c0, \u0996\u09b0\u099a \u0995\u09a4 \u098f\u09ac\u0982 \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u0997\u09be\u0987\u09a1\u09b2\u09be\u0987\u09a8 \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c7\u099b\u09bf \u0986\u099c\u0995\u09c7\u09b0 \u0986\u09b0\u09cd\u099f\u09bf\u0995\u09c7\u09b2\u09c7\u0964 \u0986\u09aa\u09a8\u09bf \u09af\u09a6\u09bf \u099a\u09be\u09b0\u09cd\u099f\u09be\u09b0\u09cd\u09a1 \u098f\u0995\u09be\u0989\u09a8\u09cd\u099f\u09cd\u09af\u09be\u09a8\u09cd\u09b8\u09bf \u09aa\u09dc\u09a4\u09c7 \u099a\u09be\u09a8 \u09a4\u09be\u09b9\u09b2\u09c7 \u098f\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964’}}, {‘name’: ‘features’, ‘data’: {}}, {‘name’: ‘messages’, ‘data’: {‘edit’: ‘\u09b8\u09ae\u09cd\u09aa\u09be\u09a6\u09a8\u09be’, ‘linkCopiedToClipboard’: ‘\u09b2\u09bf\u0999\u09cd\u0995 \u0995\u09cd\u09b2\u09bf\u09aa\u09ac\u09cb\u09b0\u09cd\u09a1\u09c7 \u0995\u09aa\u09bf \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7!’, ‘ok’: ‘\u09a0\u09bf\u0995 \u0986\u099b\u09c7’, ‘postLink’: ‘\u09b2\u09bf\u0999\u09cd\u0995 \u09aa\u09cb\u09b8\u09cd\u099f \u0995\u09b0\u09c1\u09a8’}}, {‘name’: ‘template’, ‘data’: {‘name’: ‘custom’, ‘localizedName’: ‘\u0995\u09be\u09b8\u09cd\u099f\u09ae’, ‘isResponsive’: true, ‘isAlternateRendering’: false, ‘isCustom’: true}}, {‘name’: ‘view’, ‘data’: {‘classic’: {‘name’: ‘classic’, ‘url’: ‘?view\x3dclassic’}, ‘flipcard’: {‘name’: ‘flipcard’, ‘url’: ‘?view\x3dflipcard’}, ‘magazine’: {‘name’: ‘magazine’, ‘url’: ‘?view\x3dmagazine’}, ‘mosaic’: {‘name’: ‘mosaic’, ‘url’: ‘?view\x3dmosaic’}, ‘sidebar’: {‘name’: ‘sidebar’, ‘url’: ‘?view\x3dsidebar’}, ‘snapshot’: {‘name’: ‘snapshot’, ‘url’: ‘?view\x3dsnapshot’}, ‘timeslide’: {‘name’: ‘timeslide’, ‘url’: ‘?view\x3dtimeslide’}, ‘isMobile’: false, ‘title’: ‘Chartered Accountancy \u09ac\u09be \u09b8\u09bf\u098f \u09aa\u09dc\u09be\u09b0 \u09af\u09cb\u0997\u09cd\u09af\u09a4\u09be, \u0996\u09b0\u099a \u0993 \u0997\u09be\u0987\u09a1\u09b2\u09be\u0987\u09a8’, ‘description’: ‘\u09b8\u09bf\u098f (CA) \u09aa\u09dc\u09be\u09b0 \u09af\u09cb\u0997\u09cd\u09af\u09a4\u09be \u0995\u09c0, \u0996\u09b0\u099a \u0995\u09a4 \u098f\u09ac\u0982 \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u0997\u09be\u0987\u09a1\u09b2\u09be\u0987\u09a8 \u09b6\u09c7\u09df\u09be\u09b0 \u0995\u09b0\u09c7\u099b\u09bf \u0986\u099c\u0995\u09c7\u09b0 \u0986\u09b0\u09cd\u099f\u09bf\u0995\u09c7\u09b2\u09c7\u0964 \u0986\u09aa\u09a8\u09bf \u09af\u09a6\u09bf \u099a\u09be\u09b0\u09cd\u099f\u09be\u09b0\u09cd\u09a1 \u098f\u0995\u09be\u0989\u09a8\u09cd\u099f\u09cd\u09af\u09be\u09a8\u09cd\u09b8\u09bf \u09aa\u09dc\u09a4\u09c7 \u099a\u09be\u09a8 \u09a4\u09be\u09b9\u09b2\u09c7 \u098f\u099f\u09bf \u0986\u09aa\u09a8\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964’, ‘featuredImage’: ‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhihhHCDV0gTCSZX87ZVfy6FKSwgRhm2JjLL-5URGQTTIdb_WEfb0bMBrUGHMZCCZpd1R3Dxreq9qbBORYealwFATi7_ava8OrCjl6aagXZjTUUyefw3lA7tXiwui7tJyqeL6H-gwSDFtfEtWq_QesMY1omNZ4xKFNBOV5W8wH4hfSSNV6NiiiT0Rg3ZAs/s16000/%E0%A6%B8%E0%A6%BF%E0%A6%8F%20%E0%A6%AA%E0%A7%9C%E0%A6%BE%E0%A6%B0%20%E0%A6%AF%E0%A7%8B%E0%A6%97%E0%A7%8D%E0%A6%AF%E0%A6%A4%E0%A6%BE%20%E0%A6%93%20%E0%A6%97%E0%A6%BE%E0%A6%87%E0%A6%A1%E0%A6%B2%E0%A6%BE%E0%A6%87%E0%A6%A8.webp’, ‘url’: ‘https://www.bangladi.com/2023/12/ca-study-guideline-in-bangladesh.html?m\x3d1’, ‘type’: ‘item’, ‘isSingleItem’: true, ‘isMultipleItems’: false, ‘isError’: false, ‘isPage’: false, ‘isPost’: true, ‘isHomepage’: false, ‘isArchive’: false, ‘isLabelSearch’: false, ‘postId’: 9136190928645451895}}, {‘name’: ‘widgets’, ‘data’: [{‘title’: ‘Social Media’, ‘type’: ‘LinkList’, ‘sectionId’: ‘navbar-left’, ‘id’: ‘LinkList002’}, {‘title’: ‘\u09af\u09c7\u09ae\u09a8 \x27\u09aa\u09cd\u09b0\u09af\u09c1\u0995\u09cd\u09a4\u09bf\x27’, ‘type’: ‘BlogSearch’, ‘sectionId’: ‘navbar-right’, ‘id’: ‘BlogSearch1’}, {‘title’: ‘Dark Button’, ‘type’: ‘TextList’, ‘sectionId’: ‘navbar-right’, ‘id’: ‘TextList001’}, {‘title’: ‘\u09ac\u09be\u0982\u09b2\u09be\u09a6\u09bf (\u09b6\u09bf\u09b0\u09cb\u09b2\u09c7\u0996)’, ‘type’: ‘Header’, ‘sectionId’: ‘header-title’, ‘id’: ‘Header1’}, {‘title’: ‘Navigation Menu’, ‘type’: ‘HTML’, ‘sectionId’: ‘header-widget’, ‘id’: ‘HTML000’}, {‘title’: ‘Header Icon’, ‘type’: ‘TextList’, ‘sectionId’: ‘header-icon’, ‘id’: ‘TextList002’}, {‘title’: ‘\u09aa\u09cb\u09b8\u09cd\u099f \u09b8\u09c2\u099a\u09bf’, ‘type’: ‘HTML’, ‘sectionId’: ‘left-widget’, ‘id’: ‘HTML11’}, {‘title’: ‘Topics Menu’, ‘type’: ‘HTML’, ‘sectionId’: ‘left-widget’, ‘id’: ‘HTML00’}, {‘title’: ‘\u09ac\u09be\u099b\u09be\u0987\u0995\u09c3\u09a4 \u09aa\u09cb\u09b8\u09cd\u099f’, ‘type’: ‘FeaturedPost’, ‘sectionId’: ‘top-widget’, ‘id’: ‘FeaturedPost1’, ‘postId’: ‘716895036854975537’}, {‘title’: ‘\u09ac\u09cd\u09b2\u0997 \u09aa\u09cb\u09b8\u09cd\u099f\u0997\u09c1\u09b2\u09bf’, ‘type’: ‘Blog’, ‘sectionId’: ‘main-widget’, ‘id’: ‘Blog1’, ‘posts’: [{‘id’: ‘9136190928645451895’, ‘title’: ‘Chartered Accountancy \u09ac\u09be \u09b8\u09bf\u098f \u09aa\u09dc\u09be\u09b0 \u09af\u09cb\u0997\u09cd\u09af\u09a4\u09be, \u0996\u09b0\u099a \u0993 \u0997\u09be\u0987\u09a1\u09b2\u09be\u0987\u09a8’, ‘featuredImage’: ‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhihhHCDV0gTCSZX87ZVfy6FKSwgRhm2JjLL-5URGQTTIdb_WEfb0bMBrUGHMZCCZpd1R3Dxreq9qbBORYealwFATi7_ava8OrCjl6aagXZjTUUyefw3lA7tXiwui7tJyqeL6H-gwSDFtfEtWq_QesMY1omNZ4xKFNBOV5W8wH4hfSSNV6NiiiT0Rg3ZAs/s16000/%E0%A6%B8%E0%A6%BF%E0%A6%8F%20%E0%A6%AA%E0%A7%9C%E0%A6%BE%E0%A6%B0%20%E0%A6%AF%E0%A7%8B%E0%A6%97%E0%A7%8D%E0%A6%AF%E0%A6%A4%E0%A6%BE%20%E0%A6%93%20%E0%A6%97%E0%A6%BE%E0%A6%87%E0%A6%A1%E0%A6%B2%E0%A6%BE%E0%A6%87%E0%A6%A8.webp’, ‘showInlineAds’: false}], ‘headerByline’: {‘regionName’: ‘header1’, ‘items’: [{‘name’: ‘share’, ‘label’: ”}, {‘name’: ‘author’, ‘label’: ‘Oleh’}, {‘name’: ‘timestamp’, ‘label’: ‘On’}]}, ‘footerBylines’: [{‘regionName’: ‘footer1’, ‘items’: [{‘name’: ‘comments’, ‘label’: ‘Comment’}]}, {‘regionName’: ‘footer2’, ‘items’: [{‘name’: ‘labels’, ‘label’: ‘in’}]}], ‘allBylineItems’: [{‘name’: ‘share’, ‘label’: ”}, {‘name’: ‘author’, ‘label’: ‘Oleh’}, {‘name’: ‘timestamp’, ‘label’: ‘On’}, {‘name’: ‘comments’, ‘label’: ‘Comment’}, {‘name’: ‘labels’, ‘label’: ‘in’}]}, {‘title’: ‘\u099c\u09a8\u09aa\u09cd\u09b0\u09bf\u09df \u09aa\u09cb\u09b8\u09cd\u099f’, ‘type’: ‘PopularPosts’, ‘sectionId’: ‘side-widget’, ‘id’: ‘PopularPosts00’, ‘posts’: [{‘title’: ‘\u09ae\u09cb\u09ac\u09be\u0987\u09b2\u09c7 \u099b\u09ac\u09bf \u098f\u09a1\u09bf\u099f \u0995\u09b0\u09be\u09b0 \u09b8\u09ab\u099f\u0993\u09df\u09cd\u09af\u09be\u09b0 (\u09b8\u09c7\u09b0\u09be \u09eb\u099f\u09bf)’, ‘id’: 6350346374052185698}, {‘title’: ‘\u09b8\u09a0\u09bf\u0995\u09ad\u09be\u09ac\u09c7 \u09ac\u09be\u0982\u09b2\u09be \u09a6\u09b0\u0996\u09be\u09b8\u09cd\u09a4 \u09b2\u09c7\u0996\u09be\u09b0 \u09a8\u09bf\u09df\u09ae \u099b\u09ac\u09bf\u09b8\u09b9 \u09a6\u09c7\u0996\u09c1\u09a8’, ‘id’: 1002176921431709821}, {‘title’: ‘\u0986\u09df\u09be\u09a4\u09c1\u09b2 \u0995\u09c1\u09b0\u09b8\u09bf \u09ac\u09be\u0982\u09b2\u09be \u0989\u099a\u09cd\u099a\u09be\u09b0\u09a3, \u0985\u09b0\u09cd\u09a5 \u0993 \u09ab\u099c\u09bf\u09b2\u09a4 \u099c\u09be\u09a8\u09c1\u09a8’, ‘id’: 1233543217388991885}, {‘title’: ‘\u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0\u09c7 \u09ac\u09be\u0982\u09b2\u09be \u09b2\u09c7\u0996\u09be\u09b0 \u09a8\u09bf\u09df\u09ae | \u09ac\u09bf\u099c\u09df \u0995\u09bf\u09ac\u09cb\u09b0\u09cd\u09a1 \u09af\u09c1\u0995\u09cd\u09a4\u09ac\u09b0\u09cd\u09a3 \u09b2\u09c7\u0996\u09be\u09b0 \u09a8\u09bf\u09df\u09ae’, ‘id’: 5272979068503141044}, {‘title’: ‘Tense \u0995\u09be\u0995\u09c7 \u09ac\u09b2\u09c7? \u0995\u09a4 \u09aa\u09cd\u09b0\u0995\u09be\u09b0 \u0993 \u0995\u09bf \u0995\u09bf? (\u09b8\u09b9\u099c\u09c7 \u09b6\u09bf\u0996\u09c1\u09a8)’, ‘id’: 2657022947985316001}]}, {‘title’: ‘\u099f\u09aa\u09bf\u0995\u09b8’, ‘type’: ‘Label’, ‘sectionId’: ‘side-widget’, ‘id’: ‘Label00’}, {‘title’: ‘\u09b8\u0982\u0995\u09cd\u09b7\u09bf\u09aa\u09cd\u09a4 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf’, ‘type’: ‘HTML’, ‘sectionId’: ‘footer-widget-1’, ‘id’: ‘HTML77’}, {‘title’: ‘\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b8\u09cb\u09b6\u09cd\u09af\u09be\u09b2 \u09ae\u09bf\u09a1\u09bf\u09df\u09be’, ‘type’: ‘LinkList’, ‘sectionId’: ‘footer-widget-1’, ‘id’: ‘LinkList1’}, {‘title’: ‘\u0995\u09cb\u09ae\u09cd\u09aa\u09be\u09a8\u09bf’, ‘type’: ‘LinkList’, ‘sectionId’: ‘footer-widget-2’, ‘id’: ‘LinkList2’}, {‘title’: ‘\u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f’, ‘type’: ‘LinkList’, ‘sectionId’: ‘footer-widget-4’, ‘id’: ‘LinkList4’}, {‘title’: ‘Credit’, ‘type’: ‘HTML’, ‘sectionId’: ‘credit-widget’, ‘id’: ‘HTML88’}, {‘title’: ‘Back to top’, ‘type’: ‘TextList’, ‘sectionId’: ‘credit-widget’, ‘id’: ‘TextList88’}, {‘title’: ‘Take me back’, ‘type’: ‘HTML’, ‘sectionId’: ‘error-404’, ‘id’: ‘HTML404’}]}]);
_WidgetManager._RegisterWidget(‘_LinkListView’, new _WidgetInfo(‘LinkList002’, ‘navbar-left’, document.getElementById(‘LinkList002’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_BlogSearchView’, new _WidgetInfo(‘BlogSearch1’, ‘navbar-right’, document.getElementById(‘BlogSearch1’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_TextListView’, new _WidgetInfo(‘TextList001’, ‘navbar-right’, document.getElementById(‘TextList001’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_HeaderView’, new _WidgetInfo(‘Header1’, ‘header-title’, document.getElementById(‘Header1’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_HTMLView’, new _WidgetInfo(‘HTML000’, ‘header-widget’, document.getElementById(‘HTML000’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_TextListView’, new _WidgetInfo(‘TextList002’, ‘header-icon’, document.getElementById(‘TextList002’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_HTMLView’, new _WidgetInfo(‘HTML11’, ‘left-widget’, document.getElementById(‘HTML11’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_HTMLView’, new _WidgetInfo(‘HTML00’, ‘left-widget’, document.getElementById(‘HTML00’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_FeaturedPostView’, new _WidgetInfo(‘FeaturedPost1’, ‘top-widget’, document.getElementById(‘FeaturedPost1’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_BlogView’, new _WidgetInfo(‘Blog1’, ‘main-widget’, document.getElementById(‘Blog1’), {‘cmtInteractionsEnabled’: false, ‘lightboxEnabled’: true, ‘lightboxModuleUrl’: ‘https://www.blogger.com/static/v1/jsbin/458726106-lbx__bn.js’, ‘lightboxCssUrl’: ‘https://www.blogger.com/static/v1/v-css/3268905543-lightbox_bundle.css’}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_PopularPostsView’, new _WidgetInfo(‘PopularPosts00’, ‘side-widget’, document.getElementById(‘PopularPosts00’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_LabelView’, new _WidgetInfo(‘Label00’, ‘side-widget’, document.getElementById(‘Label00’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_HTMLView’, new _WidgetInfo(‘HTML77’, ‘footer-widget-1’, document.getElementById(‘HTML77’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_LinkListView’, new _WidgetInfo(‘LinkList1’, ‘footer-widget-1’, document.getElementById(‘LinkList1’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_LinkListView’, new _WidgetInfo(‘LinkList2’, ‘footer-widget-2’, document.getElementById(‘LinkList2’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_LinkListView’, new _WidgetInfo(‘LinkList4’, ‘footer-widget-4’, document.getElementById(‘LinkList4’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_HTMLView’, new _WidgetInfo(‘HTML88’, ‘credit-widget’, document.getElementById(‘HTML88’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_TextListView’, new _WidgetInfo(‘TextList88’, ‘credit-widget’, document.getElementById(‘TextList88’), {}, ‘displayModeFull’));
_WidgetManager._RegisterWidget(‘_HTMLView’, new _WidgetInfo(‘HTML404’, ‘error-404’, document.getElementById(‘HTML404’), {}, ‘displayModeFull’));
–>
——MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-
Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:css-e3557100-30f9-4c67-8a13-8e6de9601135@mhtml.blink
@charset “utf-8”;
html, body { font-family: SolaimanLipi, Arial, sans-serif !important; }
html, body, font, p, title, h1, h2, h3, h4, h5, h6, ul, li, table, td, th, tr, span, itemlistelement, iframe { font-family: SolaimanLipi, Arial, sans-serif !important; }
——MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-
Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:css-a783d4f7-6079-4ae9-8bb2-876462f0da73@mhtml.blink
@charset “utf-8”;
:root { –headC: #08102b; –bodyC: #08102b; –bodyCalt: #767676; –bodyBg: #fffdfc; –linkC: #0f753c; –linkBg: #0f753c; –iconC: #08102b; –iconCalt: #08102b; –iconCsec: #767676; –headerC: #08102b; –headerT: 18px; –headerBg: #fffdfc; –headerI: #08102b; –headerH: 72px; –notifH: 60px; –notifBg: #f2f3f5; –notifC: #08102b; –notifL: #0f753c; –contentBg: #fffdfc; –contentBo: #e6e6e6; –contentMw: 1280px; –transBg: rgba(0,0,0,.03); –pageMw: 780px; –postMw: 780px; –postTs: 34px; –postFs: 18px; –postTsM: 26px; –postFsM: 17px; –widgetTs: 15px; –widgetTwe: 400; –widgetTa: 25px; –widgetTac: #989b9f; –navH: 48px; –navT: #08102b; –navI: #08102b; –navBg: #fffdfc; –srchBo: 1px; –srchBoc: #e6e6e6; –srchI: #08102b; –srchBg: #fffdfc; –fotT: #08102b; –fotBo: 1px; –fotBg: #fffdfc; –fontH: ‘Noto Sans’, sans-serif; –fontB: ‘Noto Sans’, sans-serif; –fontBa: ‘Merriweather’, serif; –fontC: ‘Fira Mono’, monospace; –trans-1: all .1s ease; –trans-2: all .2s ease; –trans-4: all .4s ease; –synxBg: #f6f6f6; –synxC: #2f3337; –synxOrange: #b75501; –synxBlue: #015692; –synxGreen: #54790d; –synxRed: #f15a5a; –synxGray: #656e77; –darkT: #fffdfc; –darkTalt: #989b9f; –darkL: #0f753c; –darkBg: #1e1e1e; –darkBalt: #2d2d30; –darkBsec: #252526; }
.line-table { margin: 18px 0px; padding: 8px; border-collapse: collapse; width: 100%; }
.line-table th, .line-table td { padding: 8px; border-left: 1px solid rgb(33, 48, 56); border-right: 1px solid rgb(33, 48, 56); border-top: 1px solid rgb(33, 48, 56); }
.line-table thead tr { background: rgb(46, 51, 57); color: rgb(255, 255, 255); }
.line-table th { text-align: center; font-weight: bold; }
.line-table tbody tr:nth-of-type(2n) { background: rgb(39, 42, 47); }
.line-table tbody tr:nth-last-of-type(1) { border-bottom: 1px solid rgb(33, 48, 56); }
.main-table { margin: 18px 0px; padding: 8px; border-collapse: collapse; overflow: hidden; width: 100%; }
.main-table th, .main-table td { padding: 8px; border-left: 1px solid rgb(33, 48, 56); border-right: 1px solid rgb(33, 48, 56); border-top: 1px solid rgb(33, 48, 56); }
.main-table thead tr { background: rgb(46, 51, 57); color: rgb(255, 255, 255); }
.main-table th { text-align: center; font-weight: bold; }
.main-table tbody tr:nth-of-type(2n) { background: rgb(212, 213, 214); }
.main-table tbody tr:nth-last-of-type(1) { border-bottom: 1px solid rgb(33, 48, 56); }
.quick-table { border-collapse: collapse; width: 100%; margin: 20px auto; border: 1px solid rgb(2, 112, 77); }
.quick-table th { padding: 8px; text-align: center; font-size: 20px; font-weight: normal; }
.quick-table td { padding: 5px 10px; text-align: left; background-color: rgb(243, 255, 251); }
.quick-table th { background-color: rgb(2, 112, 77); color: rgb(255, 255, 255); }
@font-face { font-family: “Noto Sans”; font-style: italic; font-weight: 400; font-display: swap; src: url(“https://fonts.gstatic.com/s/notosans/v11/o-0OIpQlx3QUlC5A4PNr4ARMQ_m87A.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/notosans/v11/o-0OIpQlx3QUlC5A4PNr4DRG.woff”) format(“woff”); }
@font-face { font-family: “Noto Sans”; font-style: italic; font-weight: 700; font-display: swap; src: url(“https://fonts.gstatic.com/s/notosans/v11/o-0TIpQlx3QUlC5A4PNr4Az5ZuyDzW0.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/notosans/v11/o-0TIpQlx3QUlC5A4PNr4Az5ZtyH.woff”) format(“woff”); }
@font-face { font-family: “Noto Sans”; font-style: normal; font-weight: 400; font-display: swap; src: url(“https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNr5TRA.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/notosans/v11/o-0IIpQlx3QUlC5A4PNb4Q.woff”) format(“woff”); }
@font-face { font-family: “Noto Sans”; font-style: normal; font-weight: 700; font-display: swap; src: url(“https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFVZNyB.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/notosans/v11/o-0NIpQlx3QUlC5A4PNjXhFlYA.woff”) format(“woff”); }
@font-face { font-family: Merriweather; font-style: italic; font-weight: 300; font-display: swap; src: local(“Merriweather-LightItalic”), url(“https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7lXcf8.woff”) format(“woff”); }
@font-face { font-family: Merriweather; font-style: italic; font-weight: 700; font-display: swap; src: url(“https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR71Wsf8.woff”) format(“woff”); }
@font-face { font-family: Merriweather; font-style: italic; font-weight: 900; font-display: swap; src: url(“https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/merriweather/v22/u-4l0qyriQwlOrhSvowK_l5-eR7NWMf8.woff”) format(“woff”); }
@font-face { font-family: Merriweather; font-style: normal; font-weight: 300; font-display: swap; src: url(“https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l521wRpXA.woff”) format(“woff”); }
@font-face { font-family: Merriweather; font-style: normal; font-weight: 700; font-display: swap; src: url(“https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52xwNpXA.woff”) format(“woff”); }
@font-face { font-family: Merriweather; font-style: normal; font-weight: 900; font-display: swap; src: url(“https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2”) format(“woff2”), url(“https://fonts.gstatic.com/s/merriweather/v22/u-4n0qyriQwlOrhSvowK_l52_wFpXA.woff”) format(“woff”); }
@font-face { font-family: “Fira Mono”; font-style: normal; font-weight: 400; font-display: swap; src: local(“Fira Mono Regular”), local(“FiraMono-Regular”), url(“https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff”) format(“woff”), url(“https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2”) format(“woff2”); }
::selection { color: rgb(255, 255, 255); background: var(–linkC); }
*, ::after, ::before { box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: 700; font-family: var(–fontH); color: var(–headC); }
h1 { font-size: 1.9rem; }
h2 { font-size: 1.7rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.3rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1.1rem; }
a { color: var(–linkC); text-decoration: none; }
a:hover { opacity: 0.9; transition: opacity 0.1s ease 0s; }
table { border-spacing: 0px; }
iframe { max-width: 100%; border: 0px; margin-left: auto; margin-right: auto; }
input, button, select, textarea { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; color: inherit; line-height: normal; }
input::placeholder { color: rgba(0, 0, 0, 0.25); }
img { display: block; position: relative; max-width: 100%; height: auto; }
svg { width: 22px; height: 22px; fill: var(–iconC); }
svg.line, svg .line { stroke: var(–iconC); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1; fill: none !important; }
svg.c-1 { fill: var(–iconCalt); }
svg.c-2 { fill: var(–iconCsec); opacity: 0.4; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.clear { width: 100%; display: block; margin: 0px; padding: 0px; float: none; clear: both; }
.fClose { display: block; position: fixed; inset: 0px; z-index: 1; transition: var(–trans-1); background: transparent; opacity: 0; visibility: hidden; }
.free::after, .new::after { display: inline-block; content: “Free!”; color: var(–linkC); font-size: 85%; font-weight: 400; margin: 0px 5px; }
.new::after { content: “New!”; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { position: relative; margin: 0px; width: 100%; font-family: var(–fontB); font-size: 14px; color: var(–bodyC); background: var(–bodyBg); -webkit-font-smoothing: antialiased; word-break: break-word; padding: 0px !important; }
.secIn { margin: 0px auto; padding-left: 20px; padding-right: 20px; max-width: var(–contentMw); }
.navbar { background: var(–navBg); height: var(–navH); color: var(–navT); overflow: hidden; }
.navbar .secIn .section > :not(:last-child)::after { content: “”; display: block; margin: 0px 15px; }
.navbar .section, .navRight, .headDiv, .headIcn, .headIcn li > *, .htmlMn > li, .htmlMn .a, .topcMn .a, .tDark, .ntfCnt { display: flex; align-items: center; }
.navbar .section > *, .navbar li, .headIcn li { display: flex; }
.navbar ul, .headIcn, .htmlMn, .topcMn { list-style: none; margin: 0px; padding: 0px; display: flex; }
.navbar .a { color: inherit; display: flex; }
.navbar .tSocial .a { width: 24px; height: 24px; }
.navbar .tSocial svg { width: 19px; height: 19px; fill: var(–navI); }
.navbar .tDark::before { display: none; }
.navbar .tDark svg.line { stroke: var(–navI); }
.tDark, .headIcn, .headIcn > * { font-size: 11px; position: relative; }
.tDark::before { content: attr(aria-label); opacity: 0; transition: var(–trans-1); white-space: nowrap; position: absolute; right: 0px; }
.tDark:hover::before { opacity: 0.7; margin-right: 8px; margin-left: 8px; right: 20px; }
.tLang { font-size: 12px; }
.tLang li:not(:last-child)::after { content: “”; display: block; border-left: 1px solid rgb(153, 153, 153); margin: 0px 10px; opacity: 0.7; flex: 0 0 0%; }
.tLang span, .tSocial span { opacity: 0.5; }
.tLang a:hover { color: var(–linkC); }
.tLang .a::before { content: attr(data-text); }
.tSocial li:not(:last-child)::after { content: “”; display: block; margin: 0px 2.5px; flex: 0 0 0%; }
.tSocial .a { align-items: center; padding: 2px; }
.tSocial svg, .tDark svg { width: 20px; height: 20px; opacity: 0.8; }
.tSocial a:hover svg { fill: var(–linkC); opacity: 1; }
.tSocial a:hover svg.line { fill: none; stroke: var(–linkC); }
.BlogSearch.widget form { position: relative; }
.BlogSearch.widget input { min-width: 200px; outline: 0px; border: var(–srchBo) solid var(–srchBoc); border-radius: 25px; background: var(–srchBg); padding: 8px 36px; font-size: 13px; }
.BlogSearch .searchB { background: transparent; border: 0px; outline: 0px; padding: 0px; position: absolute; left: 10px; top: 0px; display: flex; align-items: center; height: 100%; }
.BlogSearch .searchB svg { width: 18px; height: 18px; transition: var(–trans-2); stroke: var(–srchI); }
header { width: 100%; z-index: 10; position: sticky; top: 0px; }
header.stick { border-bottom: 1px solid var(–contentBo); }
header a, .topcMn a { color: inherit; }
header svg { width: 20px; height: 20px; fill: var(–headerI); opacity: 0.8; }
header svg.line, header svg .line { fill: none; stroke: var(–headerI); }
.Header { background-repeat: no-repeat; background-size: 100%; background-position: center center; }
.Header a { display: block; }
.Header img { max-width: 160px; max-height: 45px; }
.Header .headH { display: block; font-weight: 400; font-size: var(–headerT); color: inherit; }
.Header .headTtl { max-width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.headCont { position: relative; height: var(–headerH); color: var(–headerC); background: var(–headerBg); }
.headCont .secIn, .navbar .secIn { height: 100%; display: flex; justify-content: space-between; }
.headDiv { flex: 0 0 auto; }
#header-icon, .headMenu .HTML + .PageList { display: none; }
.headIcn { flex-direction: row-reverse; }
.headIcn li::before { content: “”; display: block; margin: 0px 6px; flex: 0 0 0%; }
.headIcn li:last-child::before, .headIcn li.isDrk::before { margin: 0px 25px; }
.headMenu .closeM { display: none; align-items: center; justify-content: flex-end; padding: 0px 20px; height: 50px; width: 100%; background: inherit; position: absolute; top: 0px; z-index: 2; font-size: 12px; }
.closeM label { display: inline-flex; align-items: center; height: 40px; }
.closeM label::before { content: attr(data-text); margin: 0px 10px; }
.closeM label::after { content: “✕”; line-height: 20px; font-size: 16px; }
.htmlMn { font-size: 97%; }
.htmlMn > li { position: relative; height: var(–headerH); white-space: nowrap; }
.htmlMn > li:not(:last-child)::after { content: “”; display: block; margin: 0px 12.5px; flex: 0 0 0%; }
.htmlMn > li:not(:last-child) .a::after { width: calc(100% – 25px); }
.htmlMn > li:last-child ul { left: auto; right: 0px; }
.htmlMn ul, .topcMn ul, .footCnt ul { list-style: none; margin: 0px; padding: 0px; }
.htmlMn ul li > * { display: block; padding: 10px 15px; }
.htmlMn > li:hover ul { max-height: 100vh; opacity: 1; visibility: visible; padding: 10px 0px; }
.htmlMn ul { display: block; position: absolute; top: calc(var(–headerH) – 15px); left: -15px; right: -15px; min-width: 180px; max-height: 0vh; background: var(–contentBg); box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 40px; border-radius: 10px; transition: var(–trans-1); opacity: 0; visibility: hidden; z-index: 1; overflow: hidden; }
.htmlMn ul li > :hover { background: rgb(241, 241, 240); }
.htmlMn .a::after { content: “”; border-bottom: 1px solid var(–linkC); position: absolute; bottom: -1px; left: 0px; right: 0px; opacity: 0; }
.htmlMn .a:hover, .htmlMn ul li a:hover, .topcMn .a:hover, .topcMn ul li a:hover { color: var(–linkC); }
.htmlMn .a:hover::after { opacity: 1; }
.htmlMn .drpDwn .n::after { content: “”; display: inline-block; margin: 0px 3px; flex: 0 0 0%; }
.htmlMn svg.dwn, .topcMn svg.dwn { width: 14px; height: 14px; }
.ntfCnt { min-height: var(–notifH); background: var(–notifBg); color: var(–notifC); padding: 12px 0px; font-size: 13px; line-height: normal; transition: var(–trans-1); overflow: hidden; }
.ntfCnt .secIn { width: 100%; position: relative; }
.ntfCnt .c { display: flex; align-items: center; position: absolute; top: 0px; bottom: 0px; right: 20px; }
.ntfCnt .c::after { content: “✕”; line-height: 18px; font-size: 16px; }
.ntfT { width: 100%; padding-right: 30px; text-align: center; }
.ntfT a { color: var(–notifL); text-decoration: underline; }
.ntfIn:checked ~ .ntfCnt { height: 0px; min-height: 0px; padding: 0px; opacity: 0; visibility: hidden; }
.ntfAl { display: inline-flex; align-items: center; justify-content: center; text-align: initial; }
.ntfAl > a { flex-shrink: 0; white-space: nowrap; display: inline-block; margin: 0px 10px; padding: 6px 12px; border-radius: 3px; background: var(–notifL); color: rgb(255, 253, 252); font-size: 12px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 8px -8px; text-decoration: none; }
.largeAd .widget { margin: 30px 0px; }
.mainIn { padding-top: 40px; padding-bottom: 40px; }
.mainIn .secIn, .mainIn .secIn > *, footer .crdtIn .HTML { display: flex; }
.blogTopc { flex: 0 0 220px; width: 220px; }
.blogTopc::after, .blogCont::before, .blogM .sidebar::before, footer .crdtIn .HTML::after { content: “”; padding: 0px 15px; flex: 0 0 0%; }
.blogCont::after { content: “”; display: block; position: absolute; top: -30px; left: 0px; right: 0px; width: 110%; height: calc(100% + 30px); background: rgba(0, 0, 0, 0.01); border-radius: 20px; z-index: -1; }
.blogCont { flex: 1 0 0%; width: calc(100% – 220px); position: relative; }
.blogItm > :not(:first-child), .blogItm .widget:not(:first-child), .sideIn > :not(:first-child) { margin-top: 50px; }
.blogAd .widget { margin-bottom: 50px; }
.blogItm .no-items, .blogItm .topcM { margin: 0px; }
.blogItm #side-sticky, #left-ad { position: sticky; top: calc(var(–headerH) + 10px); }
.blogIn, .sideIn { flex-grow: 1; }
.sideIn { width: calc(100% – 30px); }
.blogM { display: flex; flex-wrap: wrap; }
.blogM .sidebar { display: flex; flex: 0 0 330px; width: 330px; }
.blogM .mainbar { flex: 1 0 0%; width: calc(100% – 330px); }
.onPg .blogCont::after, .onPg .blogCont::before { display: none; }
.onPg .blogCont { display: block; max-width: var(–pageMw); margin: 0px auto; }
.onPst .blogPts { margin-left: auto; margin-right: auto; max-width: var(–postMw); }
.onPst .blogM { padding-bottom: 40px; }
.onItm .pEnt { margin-top: 50px; font-size: var(–postFs); font-family: var(–fontBa); line-height: 1.8em; }
.blogTtl { font-size: 14px; margin: 0px 0px 30px; }
.blogTtl .t.srch span { font-weight: 400; font-size: 90%; opacity: 0.7; }
.blogTtl .t.srch span::before { content: attr(data-text); }
.blogTtl .t.srch span::after { content: “”; margin: 0px 4px; }
.blogTtl .t.srch span.hm::after { content: “/”; margin: 0px 8px; }
.topcMn { display: block; font-size: 97%; }
.topcMn .a { width: 100%; padding: 10px 0px; }
.topcMn .drpDwn .a { justify-content: space-between; }
.topcMn .br::after { content: “”; display: block; border-bottom: 1px solid var(–contentBo); margin: 12px 0px; }
.topcMn ul::before { content: “”; width: 1px; display: block; border-left: 1px solid var(–contentBo); height: calc(100% – 19px); position: absolute; }
.topcMn ul { position: relative; transition: var(–trans-2); padding: 0px; max-height: 0vh; overflow: hidden; visibility: hidden; opacity: 0; }
.topcMn ul li { position: relative; }
.topcMn ul li::before { content: “”; height: 1px; width: 8px; border-bottom: 1px solid var(–contentBo); display: block; position: absolute; top: 19.5px; left: 0px; }
.topcMn ul li > * { display: block; opacity: 0.8; padding: 10px 15px; }
.topIn:checked ~ .a svg.dwn, .topcIn:checked ~ .topcM .closeL svg { transform: rotate(180deg); }
.topIn:checked ~ ul { max-height: 500vh; opacity: 1; visibility: visible; }
.closeL { display: none; position: absolute; right: -40px; top: 180px; transition: var(–trans-1); }
.closeL svg { width: 20px; height: 20px; stroke: rgb(255, 253, 252); }
.closeL label { display: flex; align-items: center; position: relative; justify-content: center; width: 45px; height: 35px; background: var(–linkBg); transition: inherit; border-radius: 0px 20px 20px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px; }
.topcIn:checked ~ .topcM .closeL { right: -17.5px; }
.topcIn:checked ~ .topcM .closeL label { border-radius: 20px; width: 35px; }
.onIndx .blogPts, .itemFt .itm { display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 25px); left: -12.5px; right: -12.5px; }
.onIndx .blogPts .blogPts.mty { display: block; width: 100%; left: 0px; right: 0px; }
.onIndx .blogPts > * { display: block; position: relative; padding-bottom: 40px; margin-bottom: 50px; margin-left: 12.5px; margin-right: 12.5px; }
.onIndx .blogPts.mty > * { width: calc(100% – 25px); padding: 0px; }
.onIndx:not(.onBlg) .blogPts > * { width: calc(33.333% – 25px); }
.onIndx.onBlg .blogPts > * { width: calc(50% – 25px); }
.blogPts .ntry.noInf, .blogPts div.ntry { padding-bottom: 0px; }
.blogPts .ntry.noAd .widget, .Blog ~ .HTML { display: none; }
.pThmb { flex: 0 0 calc(50% – 12.5px); overflow: hidden; position: relative; border-radius: 3px; margin-bottom: 20px; background: var(–transBg); }
.pThmb .thmb { display: block; position: relative; padding-top: 52.335%; color: inherit; transition: var(–trans-1); }
.pThmb div.thmb span::before { content: attr(data-text); opacity: 0.7; white-space: nowrap; }
.pThmb:not(.nul)::before { position: absolute; inset: 0px; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: 2s ease 0s infinite normal none running shimmer; content: “”; }
.pThmb.iyt:not(.nul) .thmb::after { content: “”; position: absolute; inset: 0px; background: url(“data:image/svg+xml,”) center center / 60px no-repeat rgba(0, 0, 0, 0.4); opacity: 0; transition: var(–trans-1); }
.pThmb.iyt:not(.nul):hover .thmb::after { opacity: 1; }
.pLbls { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 8px 5px; display: flex; background: linear-gradient(0deg, rgba(30, 30, 30, 0.05) 0%, rgba(30, 30, 30, 0) 100%); }
.pLbls > * { overflow: hidden; display: block; text-overflow: ellipsis; color: inherit; padding: 3px 8px; margin: 0px 3px; border-radius: 3px; background: var(–contentBg); }
.pLbls > ::before, .iLbl > ::before, .iTtmp::before { content: attr(data-text); }
.pTtl { font-size: 1.1rem; line-height: 1.5em; }
.pTtl.itm { font-size: var(–postTs); font-family: var(–fontBa); font-weight: 900; line-height: 1.6em; }
.pTtl a:hover, .iTtl a:hover { color: var(–linkC); }
.pTtl a, .iTtl a, .pSnpt { color: inherit; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pSnpt { -webkit-line-clamp: 2; margin: 12px 0px 0px; font-family: var(–fontBa); font-size: 88%; line-height: 1.7em; opacity: 0.8; }
.pInf, .iInf, .wL { font-size: 90%; }
.pInf { display: flex; align-items: baseline; justify-content: space-between; margin-top: 20px; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.pInf.noTime { margin: 0px; }
.pInf.onSpnr { justify-content: flex-end; }
.pInf.onSpnr .pJmp { opacity: 1; }
.pInf.onSpnr .pJmp::before { content: attr(aria-label); }
.pInf.onPs { position: relative; justify-content: flex-start; margin-top: 15px; }
.pInf.onPs > * { display: flex; align-items: center; opacity: 0.7; }
.pInf.onPs svg { width: 18px; height: 18px; }
.pInf.onPs div > :not(svg) { margin: 0px 7px; }
.pInf.onPs .pDate::after { content: “”; padding: 0px 10px; }
.pInf.onPs .pTtmp { opacity: 1; }
.pInf.onPs .pTtmp::before { content: attr(data-date); }
.pInf.onPs .pTtmp::after { display: inline; }
.pTtmp { opacity: 0.8; }
.pTtmp, .pJmp { overflow: hidden; }
.pTtmp::after, .pJmp::before { content: attr(data-text); display: block; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pJmp::before { margin: 0px 7px; }
.pJmp { display: inline-flex; align-items: center; opacity: 1; transition: var(–trans-2); }
.pJmp svg { height: 18px; width: 18px; stroke: var(–linkC); flex-shrink: 0; }
article:hover .pJmp { opacity: 1; }
.blogPg, .postNav { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 90%; font-family: var(–fontB); line-height: 20px; color: rgb(255, 253, 252); margin-bottom: 50px; }
.blogPg > *, .postNav > * { display: flex; align-items: center; padding: 10px 13px; margin-bottom: 10px; color: inherit; background: var(–linkBg); border-radius: 3px; }
.blogPg > * svg { width: 18px; height: 18px; stroke: var(–darkT); stroke-width: 1.5; }
.blogPg > ::before { content: attr(data-text); }
.blogPg .jsLd { margin-left: auto; margin-right: auto; }
.blogPg .nwLnk::before, .blogPg .jsLd::before { display: none; }
.blogPg .nwLnk::after, .blogPg .jsLd::after { content: attr(data-text); margin: 0px 8px; }
.blogPg .olLnk::before { margin: 0px 8px; }
.blogPg .nPst { cursor: not-allowed; }
.blogPg .nPst, .blogPg .current, .postNav .current { background: var(–transBg); color: var(–darkTalt); }
.blogPg .nPst svg { stroke: var(–darkTalt); }
.brdCmb { display: flex; align-items: baseline; margin-bottom: 10px; }
.brdCmb a { color: inherit; }
.brdCmb > :not(:last-child)::after { content: “/”; margin: 0px 8px; font-size: 90%; opacity: 0.6; }
.brdCmb > * { display: inline-flex; align-items: baseline; flex-shrink: 0; }
.brdCmb .tl::before { content: attr(data-text); }
.brdCmb .hm a { font-size: 90%; opacity: 0.6; }
.pBd h1, .pBd h2, .pBd h3, .pBd h4, .pBd h5, .pBd h6 { margin: 20px 0px; font-family: var(–fontBa); font-weight: 900; line-height: 1.5em; }
.pBd h1:target, .pBd h2:target, .pBd h3:target, .pBd h4:target, .pBd h5:target, .pBd h6:target { padding-top: var(–headerH); margin-top: 0px; }
.pBd p { margin: 1em 0px; }
.pBd img { display: inline-block; border-radius: 3px; height: auto !important; }
.pBd img.fullImg { margin-bottom: 10px; position: relative; left: 0px; right: 0px; width: 100%; max-width: none; display: block !important; }
.pBd .widget, .ps .pAd > * { margin: 50px 0px; }
.separate { display: block; margin: 4em 0px; font-style: normal; }
.ps .separate::before { content: “‧‧‧”; display: block; text-align: center; font-size: 28px; letter-spacing: 0.6em; text-indent: 0.6em; clear: both; }
.note { position: relative; padding: 20px 20px 20px 50px; background: rgb(225, 245, 254); color: rgb(1, 87, 155); font-size: 0.85rem; font-family: var(–fontB); line-height: 1.6em; border-radius: 10px; overflow: hidden; }
.note::before { content: “”; width: 60px; height: 60px; background: rgb(1, 87, 155); display: block; border-radius: 50%; position: absolute; top: -8px; left: -12px; opacity: 0.05; }
.note::after { content: “*”; position: absolute; left: 18px; top: 20px; font-size: 22px; min-width: 15px; text-align: center; }
.noteAlert { background: rgb(255, 223, 223); color: rgb(72, 82, 92); }
.noteAlert::before { background: rgb(230, 81, 81); opacity: 0.1; }
.noteAlert::after { content: “!”; }
.textIndent { text-indent: 2.2rem; }
.onItm:not(.nRtl) .ps .dropCap { float: left; margin: 4px 8px 0px 0px; font-size: 55px; line-height: 45px; }
.extLink { display: inline-flex; align-items: center; }
.extLink::after { content: “”; width: 16px; height: 16px; display: inline-block; margin: 0px 5px; background: url(“data:image/svg+xml,”) center center / 16px no-repeat; }
.postReference { display: block; font-size: 13px; line-height: normal; opacity: 0.7; }
.scrollImage, .gridImage, .hideImage, .showImage { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 2em 0px; position: relative; left: -7.5px; right: -7.5px; width: calc(100% + 15px); }
.scrollImage > * { width: calc(33.333% – 15px); margin: 0px 7.5px 15px; }
.gridImage > *, .hideImage > *, .showImage > * { width: calc(50% – 15px); margin: 0px 7.5px 15px; }
.gridImage > :nth-last-child(1) { margin-bottom: 0px; }
.gridImage img, .hideImage img { display: block; }
.buttonImage { position: relative; }
.buttonImage label { position: absolute; inset: 0px; border-radius: 3px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); transition: var(–trans-2); backdrop-filter: blur(5px); color: var(–darkT); font-size: 13px; font-family: var(–fontB); }
.buttonImage label::before { content: “Show All”; }
.hideImage .showImage { width: 100%; margin: 0px; left: 0px; right: 0px; transition: var(–trans-2); max-height: 0px; opacity: 0; visibility: hidden; }
.imageInput:checked ~ .hideImage .showImage { max-height: 1000vh; opacity: 1; visibility: visible; }
.imageInput:checked ~ .hideImage .buttonImage label { opacity: 0; visibility: hidden; }
.postRelated { position: relative; margin: 42px 0px; padding: 1.5em 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-right: 0px; font-size: 14px; line-height: 1.8em; }
.postRelated h3, .postRelated h4, .postRelated b { font-size: 13px; font-weight: 400; margin: 0px; opacity: 0.8; }
.postRelated ul, .postRelated ol { margin: 8px 0px 0px; padding: 0px 20px; }
blockquote, .cmC i[rel=”quote”] { position: relative; font-size: 0.97rem; opacity: 0.8; line-height: 1.7em; margin-left: 0px; margin-right: 0px; padding: 30px 25px; border-left: 2px solid var(–contentBo); }
blockquote.style-1 { font-size: 92%; padding: 30px 25px 30px 55px; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-right: 0px; }
blockquote.style-1::before { content: “””; position: absolute; top: 18px; left: 0px; font-weight: 700; font-size: 60px; line-height: normal; opacity: 0.5; }
.ps table { min-width: 100%; margin: 0px auto; border: 1px solid var(–contentBo); overflow: hidden; font-size: 14px; word-break: normal; font-family: var(–fontB); }
.ps table th { padding: 10px; text-align: center; border-bottom: 0.5px solid var(–contentBo); background: var(–contentBo); }
.ps table td { padding: 10px; text-align: left; }
.ps table tr:not(:last-child) td { border-bottom: 1px solid var(–contentBo); }
.ps table tr:nth-child(2n+1) td { background: rgba(0, 0, 0, 0.01); }
.ps .table { display: block; overflow: auto hidden; scroll-behavior: smooth; }
.ps table th, .ps table td { border-left: 0.5px solid var(–contentBo); border-right: 0.5px solid var(–contentBo); border-top: 0.5px solid var(–contentBo); }
.ps .tr-caption-container { min-width: 0px; width: auto; margin: 0px auto; border: 0px; position: relative; overflow: inherit; }
.ps .tr-caption-container td, .ps .tr-caption-container tr:nth-child(2n+1) td { background: transparent; padding: 0px; border: 0px; }
.ps .tr-caption-container .tr-caption, .postCaption { display: block; font-size: 13px; line-height: normal; font-family: var(–fontB); opacity: 0.7; }
pre { position: relative; font-family: var(–fontC); line-height: 1.6em; font-size: 13px; direction: ltr; }
pre::before, .cmC i[rel=”pre”]::before { content: “”; position: absolute; right: 0px; top: 0px; color: var(–synxGray); font-size: 10px; padding: 0px 10px; z-index: 2; line-height: 35px; }
pre.html::before { content: “.html”; }
pre.css::before { content: “.css”; }
pre.js::before { content: “.js”; }
code, .cmC i[rel=”pre”] { display: block; white-space: pre; font-size: 13px; position: relative; width: 100%; border-radius: 3px; background: var(–synxBg); color: var(–synxC); padding: 20px; margin: 25px auto; tab-size: 2; hyphens: none; overflow: auto; font-family: var(–fontC); line-height: 1.6em; text-align: left; }
pre span { color: var(–synxGreen); }
pre span.block { color: rgb(255, 255, 255); background: var(–synxBlue); }
pre i { color: var(–synxBlue); font-style: normal; }
pre i { user-select: none; }
pre i.comment, pre i.tag, pre i.blue { color: var(–synxGray); user-select: text; }
pre i.tag { color: var(–synxOrange); }
pre i.blue { color: var(–synxBlue); }
.ps .code, .ps kbd { display: inline; padding: 5px; font-size: 14px; line-height: inherit; color: var(–synxC); background: rgb(242, 243, 245); font-family: var(–fontC); }
.tocInner, .spoiler { border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-right: 0px; padding: 20px 15px; margin: 30px 0px; font-size: 14px; }
.tocTitle, .spoilerTitle { font-weight: 700; display: flex; align-items: center; justify-content: space-between; }
.tocTitle::after { content: “Hide all”; font-weight: 400; font-size: 13px; font-family: var(–fontB); opacity: 0.7; }
.tocContent, .spoilerContent { max-height: 1000vh; transition: var(–trans-4); overflow: hidden; }
.tocInput:checked ~ .tocContent { max-height: 0px; }
.tocInput:checked ~ .tocTitle::after { content: “Show all”; }
.tocInner a { display: inline-flex; }
.tocInner a:hover { text-decoration: underline; }
.tocInner ol, .tocInner ul { padding: 0px; list-style: none; counter-reset: toc-count 0; }
.tocInner li ol, .tocInner li ul { width: 100%; padding: 0px 30px; margin-bottom: 10px; margin-top: 5px; }
.tocInner li > a::before, .tocInner li > span::before { content: counters(toc-count, “.”) “. “; counter-increment: toc-count 1; min-width: 30px; flex-shrink: 0; }
.spoilerTitle label { color: rgb(255, 253, 252); background: var(–linkBg); border-radius: 3px; padding: 0px 15px; line-height: 32px; font-size: 12px; font-weight: 400; font-family: var(–fontB); }
.spoilerTitle label::before { content: “Show all”; }
.spoilerContent { max-height: 0px; }
.spoilerInput:checked ~ .spoilerTitle label::before { content: “Hide all”; }
.spoilerInput:checked ~ .spoilerContent { max-height: 1000vh; }
.tabsHead { display: flex; border-bottom: 1px solid var(–contentBo); margin-bottom: 30px; font-size: 14px; font-family: var(–fontB); line-height: 1.7em; }
.tabsHead > * { padding: 12px 20px; border-bottom: 2px solid transparent; bottom: -1px; position: relative; transition: var(–trans-1); opacity: 0.5; white-space: nowrap; }
.tabsHead > ::before { content: attr(data-text); }
.tabsContent > * { display: none; width: 100%; }
.tabsContent > * p:first-child { margin-top: 0px; }
.pBd input[id*=”1″]:checked ~ .postTabs .tabsHead label[for*=”1″], .pBd input[id*=”2″]:checked ~ .postTabs .tabsHead label[for*=”2″], .pBd input[id*=”3″]:checked ~ .postTabs .tabsHead label[for*=”3″], .pBd input[id*=”4″]:checked ~ .postTabs .tabsHead label[for*=”4″] { border-color: var(–linkBg); opacity: 1; }
.pBd input[id*=”1″]:checked ~ .postTabs .tabsContent div[class*=”Content-1″], .pBd input[id*=”2″]:checked ~ .postTabs .tabsContent div[class*=”Content-2″], .pBd input[id*=”3″]:checked ~ .postTabs .tabsContent div[class*=”Content-3″], .pBd input[id*=”4″]:checked ~ .postTabs .tabsContent div[class*=”Content-4″] { display: block; }
.ps .postNav { font-size: 13px; margin: 50px 0px; justify-content: center; position: relative; width: calc(100% + 8px); left: -4px; right: -4px; }
.ps .postNav > * { padding: 8px 15px; margin: 0px 4px 8px; }
.videoYt { position: relative; padding-bottom: 56.25%; }
.videoYt iframe { position: absolute; width: 100%; height: 100%; left: 0px; right: 0px; }
.accordion { position: relative; list-style: none; margin: 30px 0px 0px; padding: 0px; font-size: 14px; line-height: 1.7em; font-family: var(–fontB); }
.accordion li { width: 100%; padding: 20px 0px; border-bottom: 2px solid var(–contentBo); }
.accordion li:first-child { border-top: 2px solid var(–contentBo); }
.accordion .content { margin: 0px; padding-left: 27px; padding-right: 27px; position: relative; overflow: hidden; max-height: 0px; transition: var(–trans-2); opacity: 0.8; }
.accordion p:first-child { margin-top: 0px; }
.accordion p:last-child { margin-bottom: 0px; }
.accorTitle { display: flex; align-items: center; font-weight: 700; color: var(–headC); }
.accorTitle span { display: flex; flex-grow: 1; }
.accorTitle span::before { content: “”; padding-left: 15px; }
.accorIcon { flex-shrink: 0; display: flex; align-items: center; width: 12px; height: 12px; position: relative; }
.accorIcon::before, .accorIcon::after { content: “”; display: block; width: 100%; height: 2px; border-radius: 2px; background: var(–headC); }
.accorIcon::after { position: absolute; transform: rotate(90deg); }
.accorMenu:checked ~ .accorTitle { color: var(–linkC); }
.accorMenu:checked ~ .accorTitle .accorIcon::before, .accorMenu:checked ~ .accorTitle .accorIcon::after { background: var(–linkC); }
.accorMenu:checked ~ .accorTitle .accorIcon::after { visibility: hidden; opacity: 0; }
.accorMenu:checked ~ .content { max-height: 100vh; padding-top: 15px; padding-bottom: 8px; }
.button { display: inline-flex; align-items: center; margin: 12px 0px; padding: 12px 15px; outline: 0px; border: 0px; border-radius: 3px; line-height: 20px; color: rgb(255, 253, 252); background: var(–linkBg); font-size: 14px; font-family: var(–fontB); white-space: nowrap; overflow: hidden; max-width: 100%; }
.button.outline { color: inherit; background: transparent; border: 1px solid var(–bodyCalt); }
.button.outline:hover { border-color: var(–linkBg); box-shadow: 0 0 0 1px var(–linkBg) inset; }
.buttonInfo { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 12px; width: calc(100% + 12px); left: -6px; right: -6px; position: relative; }
.buttonInfo > * { margin: 0px 6px 12px; }
@media screen and (max-width: 500px) {
.buttonInfo > * { flex-grow: 1; justify-content: center; }
.buttonInfo > :last-child { flex: 0 0 auto; }
}
.downloadInfo { max-width: 500px; background: rgb(255, 253, 252); box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 8px -8px; border: 1px solid var(–contentBo); border-radius: 5px; padding: 15px; margin-top: 20px; margin-bottom: 20px; display: flex; align-items: center; line-height: 25px; font-size: 14px; }
.downloadInfo a, .downloadInfo .fileType { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 10px; background: rgb(241, 241, 240); border-radius: 10px; }
.downloadInfo a { background: var(–linkBg); color: rgb(255, 253, 252); margin: 0px; padding: 10px 12px; border-radius: 3px; width: auto; height: auto; line-height: 20px; font-size: 13px; }
.downloadInfo a::after { content: attr(aria-label); }
.downloadInfo .fileType::before { content: attr(data-text); }
.downloadInfo .fileName { flex-grow: 1; width: calc(100% – 150px); padding: 0px 15px; }
.downloadInfo .fileName > * { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.downloadInfo .fileSize { line-height: 16px; font-size: 12px; opacity: 0.8; }
@media screen and (max-width: 500px) {
.downloadInfo { padding: 12px; }
.downloadInfo a { width: 50px; height: 50px; border-radius: 10px; }
.downloadInfo a::after, .downloadInfo .icon::after { display: none; }
.downloadInfo .icon { margin: 0px; }
}
.icon { flex-shrink: 0; display: flex; }
.icon::before { content: “”; width: 18px; height: 18px; background-size: 18px; background-repeat: no-repeat; background-position: center center; }
.icon::after { content: “”; padding: 0px 6px; }
.icon.download::before, .drkM .button.outline .icon.download::before { background-image: url(“data:image/svg+xml,”); }
.icon.demo::before { background-image: url(“data:image/svg+xml,”); }
.icon.cart::before { background-image: url(“data:image/svg+xml,”); }
.icon.whatsapp::before { background-image: url(“data:image/svg+xml,”); }
.button.outline .icon.download::before { background-image: url(“data:image/svg+xml,”); }
@media screen and (max-width: 896px) {
.tabsHead { overflow: scroll hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; }
.tabsHead > * { bottom: 0px; scroll-snap-align: center; }
}
@media screen and (max-width: 640px) {
.pBd img.fullImg { width: calc(100% + 40px); left: -20px; right: -20px; border-radius: 0px; }
.ps .note { font-size: 13px; }
.ps .scrollImage { flex-wrap: nowrap; justify-content: flex-start; position: relative; width: calc(100% + 40px); left: -20px; right: -20px; padding: 0px 12.5px; overflow: scroll hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; }
.ps .scrollImage > * { display: block; flex-shrink: 0; width: 80%; margin: 0px 7.5px; scroll-snap-align: center; }
.ps .table { position: relative; width: calc(100% + 40px); left: -20px; right: -20px; padding: 0px 20px; display: flex; }
}
@media screen and (max-width: 500px) {
.ps .hideImage > * { width: calc(100% – 15px); }
.ps .showImage > * { width: 100%; margin: 0px 0px 15px; }
.postRelated { font-size: 13px; }
.postRelated h3, .postRelated h4, .postRelated b, .ps .postNav { font-size: 12px; }
}
.admPs { display: flex; max-width: 400px; margin: 30px 0px; padding: 12px; line-height: 25px; background: var(–contentBg); border-radius: 5px; box-shadow: rgba(149, 157, 165, 0.3) 0px 5px 35px; font-size: 13px; }
.admIm { flex-shrink: 0; padding: 5px 0px 0px; }
.admIm .im { width: 34px; height: 34px; border-radius: 12px; background-color: var(–transBg); background-size: 100%; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; }
.admI { flex-grow: 1; width: calc(100% – 34px); padding: 0px 12px; }
.admN::before { content: attr(data-write) ” “; opacity: 0.7; }
.admN::after, .admA::before { content: attr(data-text); }
.admA { margin: 0px; font-size: 12px; opacity: 0.7; line-height: 17px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pSh { margin: 15px 0px 0px; padding: 15px 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-right: 0px; }
.pShc { display: flex; align-items: center; line-height: 22px; position: relative; width: calc(100% + 18px); left: -9px; right: -9px; font-size: 90%; }
.pShc::before { margin: 0px 9px; flex-shrink: 0; }
.pShc::before, .shH::before { content: attr(data-text); }
.pShc > * { margin: 0px 9px; }
.pShi > * { color: inherit; display: flex; align-items: center; opacity: 0.8; }
.pShi a:hover { text-decoration: underline; }
.pShi a::after { content: attr(data-text); margin: 0px 6px; }
.pShi label svg { stroke-width: 1.5; }
.shIn:checked ~ .shI { opacity: 1; visibility: visible; }
.shIn:checked ~ .shI { bottom: 0px; }
.shIn:checked ~ .shI .fClose { opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.5); }
.shI { display: flex; align-items: center; position: fixed; left: 0px; right: 0px; bottom: -100%; z-index: 20; transition: var(–trans-1); width: 100%; height: 100%; opacity: 0; visibility: hidden; }
.shB { width: 100%; max-width: 500px; max-height: 90%; display: flex; margin: auto; border-radius: 10px; background: var(–contentBg); transition: inherit; z-index: 3; position: relative; box-shadow: rgba(149, 157, 165, 0.3) 0px 10px 40px; overflow: hidden; }
.shH { padding: 25px; background: inherit; position: absolute; top: 0px; left: 0px; right: 0px; display: flex; justify-content: space-between; z-index: 1; }
.shH label { display: flex; align-items: center; font-size: 11px; }
.shH label::before { content: “Close”; padding: 0px 10px; opacity: 0.7; }
.shH label::after { content: “✕”; line-height: 20px; font-size: 16px; }
.shO { padding-top: 70px; max-height: 100%; width: 100%; overflow-y: scroll; }
.shO ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px 25px 20px; }
.shO li { width: 25%; }
.shO a { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; max-width: 80px; height: 80px; margin: auto; border-radius: 3px; color: inherit; }
.shO a:hover { background: rgba(0, 0, 0, 0.03); }
.shO svg { width: 28px; height: 28px; }
.shO svg.line { stroke-width: 1.5; }
.shO span { text-align: center; opacity: 0.7; }
.shO span::after { content: attr(data-text); width: 100%; font-size: 12px; display: block; margin-top: 3px; }
.shO .cpL { padding: 0px 25px 35px; }
.shO .cpL::before { content: attr(data-text); display: block; margin: 0px 0px 10px; }
.shO .cpLb { display: flex; position: relative; background: rgb(243, 243, 244); border-radius: 8px; padding: 0px 8px; }
.shO input { border: 0px; outline: 0px; background: transparent; color: rgb(158, 158, 167); padding: 13px 8px; width: 100%; }
.shO label { color: var(–linkC); display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0px 8px; }
.shN span { position: fixed; left: 24px; bottom: -70px; background: rgb(50, 50, 50); color: rgba(255, 255, 255, 0.8); border-radius: 3px; padding: 16px 24px; box-shadow: rgba(149, 157, 165, 0.3) 0px 5px 35px; opacity: 0; transition: var(–trans-1); animation: 2s ease 0s 1 normal forwards running slidein; }
.pCmnts { margin-top: 40px; }
.pCmnts .cmTtl .title { margin: 0px; }
.cmTtl { display: flex; justify-content: space-between; margin: 0px 0px 30px; padding: 0px 0px 20px; border-bottom: 1px solid var(–contentBo); }
.cmBtn { display: block; margin: 0px; padding: 20px; text-align: center; }
.cmAdd .cmBtn { margin-top: 20px; }
.cmIc { flex-shrink: 0; display: flex; font-size: 13px; }
.cmIc > * { display: flex; align-items: center; }
.cmSrt { margin: 0px 14px; align-items: baseline; }
.cmSrt::before { content: attr(data-text); margin: 0px 6px; opacity: 0.7; }
.cmSrt::after, .cmCl::after { content: “⥮”; line-height: 18px; font-size: 18px; }
.cmCl::after { content: “✕”; font-size: 16px; }
.cmAll:checked ~ .cmTtl .cmSrt::before { content: attr(data-new); color: var(–linkC); }
.cmAll:checked ~ .cmTtl .cmSrt::after { color: var(–linkC); }
.cmAll:checked ~ .cmCo .cmCn > ol { flex-direction: column-reverse; }
.cmCn:not(.cmMs) ol { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; }
.cmCn:not(.cmMs) li { display: flex; flex-wrap: wrap; margin-bottom: 30px; position: relative; width: calc(100% + 12px); left: -6px; right: -6px; }
.cmCn:not(.cmMs) li li { margin-bottom: 18px; }
.cmCn:not(.cmMs) li li:last-child { margin-bottom: 0px; }
.cmCn li .cmRbox { width: calc(100% – 12px); margin: 30px 6px 0px; }
.cmCn li li .cmAv { width: 28px; height: 28px; }
.cmCn li li .cmIn { width: calc(100% – 52px); }
.cmAv { flex-shrink: 0; width: 35px; height: 35px; border-radius: 50%; background: rgb(246, 246, 246); overflow: hidden; margin: 0px 6px; }
.cmAv > * { width: 100%; height: 100%; background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.cmIn { flex-grow: 1; margin: 0px 6px; width: calc(100% – 59px); }
.cmH .n { display: inline-flex; align-items: center; }
.cmH .n.adm::after { content: “✔”; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; font-size: 8px; background: rgb(81, 155, 214); color: rgb(254, 254, 254); border-radius: 50%; }
.cmH .n.adm span::after { content: “”; padding-left: 3px; }
.cmH .dtTm { font-size: 13px; opacity: 0.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmH .dtTm::before { content: “•”; margin: 0px 5px; }
.cmC { line-height: 1.6em; opacity: 0.9; margin: 4px 0px; }
.cmC.dis, .cmC.dis.del { margin-bottom: 0px; }
.cmC.del { min-height: 50px; border: 1px dashed rgba(0, 0, 0, 0.2); padding: 12px; font-size: 0.8rem; font-style: italic; opacity: 0.8; border-radius: 3px; background: var(–contentBg); text-align: center; margin: 1em auto; line-height: normal; }
.cmC i[rel=”image”] { font-size: 0.8rem; display: block; position: relative; min-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.8; margin: 1em auto; }
.cmC i[rel=”image”]::before { content: “This feature isn’t available!”; border: 1px dashed rgba(0, 0, 0, 0.2); border-radius: 3px; padding: 10px; display: flex; align-items: center; justify-content: center; position: absolute; inset: 0px; background: var(–contentBg); }
.cmC i[rel=”pre”], .cmC i[rel=”quote”] { margin: 1.2em auto; font-style: normal; }
.cmC i[rel=”quote”] { display: block; font-style: italic; font-size: inherit; padding: 12px 15px; }
.cmC img { margin-top: 1em; margin-bottom: 1em; }
.cmAc { margin-top: 5px; }
.cmAc a { font-size: 13px; color: inherit; opacity: 0.7; display: inline-flex; }
.cmAc a::before { content: “⤴”; line-height: 18px; font-size: 16px; transform: rotate(90deg); }
.cmAc a::after { content: attr(data-text); margin: 0px 5px; }
.thTg { display: inline-flex; align-items: center; margin: 15px 0px 18px; font-size: 13px; }
.thTg::before { content: “”; display: inline-block; vertical-align: middle; width: 28px; border-bottom: 1px solid var(–widgetTac); opacity: 0.5; }
.thTg::after { content: attr(data-text); margin: 0px 12px; opacity: 0.5; }
.cmR { margin: 10px 40px 0px; }
.cmRp ~ .cmAc { display: none; }
.cmRi:checked ~ .cmTh .thTg { margin-bottom: 0px; }
.cmRi:checked ~ .cmTh .thTg::after { content: attr(aria-label); }
.cmRi:checked ~ .cmTh .thCh, .cmRi:checked ~ .cmR { display: none; }
.cm iframe { width: 100%; }
.cmDis { text-align: center; }
.widget .imgThm { display: block; position: absolute; top: 50%; left: 50%; max-width: none; max-height: 108%; font-size: 12px; text-align: center; transform: translate(-50%, -50%); }
.widget .title { margin: 0px 0px 30px; font-size: var(–widgetTs); font-weight: var(–widgetTwe); position: relative; }
.widget .title::after { content: “”; display: inline-block; vertical-align: middle; width: var(–widgetTa); margin: 0px 10px; border-bottom: 1px solid var(–widgetTac); opacity: 0.5; }
.widget input[type=”text”], .widget input[type=”email”], .widget textarea { display: block; width: 100%; border: 1px solid rgb(230, 230, 230); border-radius: 3px; outline: 0px; padding: 15px 16px; line-height: 1.6em; transition: var(–trans-1); box-shadow: 0 0 0 0 var(–linkBg) inset; }
.widget input[type=”text”]:focus, .widget input[type=”email”]:focus, .widget textarea:focus, .widget input[data-text=”fl”], .widget textarea[data-text=”fl”] { border-color: var(–linkBg); box-shadow: 0 0 0 1px var(–linkBg) inset; }
.widget input[type=”button”], .widget input[type=”submit”] { display: inline-flex; align-items: center; padding: 12px 20px; outline: 0px; border: 0px; border-radius: 3px; color: rgb(255, 253, 252); background: var(–linkBg); font-size: 14px; white-space: nowrap; overflow: hidden; max-width: 100%; }
.widget input[type=”button”]:hover, .widget input[type=”submit”]:hover { opacity: 0.7; }
.itemFt .itm { align-items: center; }
.itemFt .itm > * { flex: 0 0 calc(50% – 25px); width: calc(50% – 25px); margin-bottom: 0px; margin-left: 12.5px; margin-right: 12.5px; }
.itemFt .pInf { position: relative; }
.itemPp { counter-reset: p-cnt 0; }
.itemPp > * { display: flex; }
.itemPp > :not(:last-child) { margin-bottom: 25px; }
.itemPp > ::before { flex-shrink: 0; content: “0” counter(p-cnt); counter-increment: p-cnt 1; width: 25px; opacity: 0.8; font-size: 85%; padding-top: 30px; }
.iCtnt { flex: 1 0 0%; width: calc(100% – 25px); }
.iTtl { font-size: 0.95rem; font-weight: 700; line-height: 1.5em; }
.iInf { margin: 0px 0px 5px; line-height: 1.8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.iLbl { display: inline; }
.iLbl::before { content: attr(data-text); opacity: 0.7; }
.iLbl > * { color: inherit; }
.iLbl > :not(:last-child)::after { content: “,”; }
.iTtmp::before { opacity: 0.7; }
.iTtmp::after { content: “—”; margin: 0px 5px; color: var(–widgetTac); opacity: 0.7; }
.blogTopc .tocInner { border: 0px; margin: 0px; padding: 0px; line-height: 1.8em; }
.blogTopc .tocInner ol { margin: 0px; }
.blogTopc .tocInner li li a::before { content: “-“; min-width: 10px; }
.topcM #HTML11 + #HTML00 { display: none; }
.wL ul, .wL.cl, .wL .lbAll { display: flex; flex-wrap: wrap; list-style: none; margin: 0px; padding: 0px; }
.wL li { display: flex; width: calc(50% – 13px); margin-bottom: 15px; }
.wL li:nth-child(2n+1) { width: calc(50% + 13px); }
.wL li:nth-child(2n+1)::after { content: “”; margin: 0px 13px; }
.wL li > * { display: flex; align-items: baseline; justify-content: space-between; color: inherit; width: 100%; }
.wL li > * svg { width: 18px; height: 18px; }
.wL li > :hover svg, .wL li > div svg { fill: none; stroke: var(–linkC); }
.wL .lbR { display: inline-flex; align-items: center; }
.wL .lbR .lbC { margin: 0px 5px; }
.wL .lbR .lbC::before { display: none; }
.wL .lbAll { width: 100%; max-height: 0px; overflow: hidden; transition: var(–trans-4); }
.wL .lbSh { width: 100%; margin: 0px; }
.wL .lbM { display: inline-flex; align-items: baseline; margin-top: 10px; line-height: 20px; color: var(–linkC); }
.wL .lbM::before { content: attr(data-show); }
.wL .lbM::after, .wL .lbC::after { content: attr(data-text); }
.wL .lbM::after { margin: 0px 8px; }
.wL .lbT { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wL .lbC, .wL .lbM::after { flex-shrink: 0; font-size: 12px; opacity: 0.7; }
.wL .lbC::before { content: “”; margin: 0px 4px; flex: 0 0 0%; }
.lbIn:checked ~ .lbAll { max-height: 1000vh; }
.lbIn:checked ~ .lbM::before { content: attr(data-hide); }
.lbIn:checked ~ .lbM::after { visibility: hidden; }
.wL.cl > *, .wL.cl .lbAll > * { display: block; max-width: 100%; }
.wL.cl .lbN { display: flex; justify-content: space-between; margin: 0px 0px 8px; padding: 9px 13px; border: 1px solid rgba(152, 155, 159, 0.5); border-radius: 3px; color: inherit; line-height: 20px; }
.wL.cl .lbN:hover .lbC, .wL.cl div.lbN .lbC { color: var(–linkBg); opacity: 1; }
.wL.cl .lbSz { display: flex; }
.wL.cl .lbSz::after { content: “”; margin: 0px 4px; flex: 0 0 0%; }
.wL.cl .lbN:not(div):hover, .wL.cl div.lbN { border-color: var(–linkBg); }
.ContactForm { max-width: 500px; font-family: var(–fontB); font-size: 90%; }
.cArea:not(:last-child) { margin-bottom: 20px; }
.cArea label { display: block; position: relative; }
.cArea label .n { display: block; position: absolute; left: 11px; top: 16px; opacity: 0.4; line-height: 1.6em; padding: 0px 5px; background: var(–contentBg); transition: var(–trans-1); }
.cArea label .n.req::after { content: “*”; }
.cArea input:focus ~ .n, .cArea textarea:focus ~ .n, .cArea input[data-text=”fl”] ~ .n, .cArea textarea[data-text=”fl”] ~ .n { top: -10px; opacity: 1; color: var(–linkBg); font-size: 13px; }
.cArea .h { display: block; font-size: 13px; padding: 0px 16px; opacity: 0.7; }
.sldr { position: relative; }
.sldO { position: relative; height: 100%; display: flex; overflow: scroll hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; list-style: none; margin: 0px; padding: 0px; }
.sldO::-webkit-scrollbar { width: 0px; }
.sldO::-webkit-scrollbar-track { background: transparent; }
.sldO::-webkit-scrollbar-thumb { background: transparent; border: none; }
.sldL { position: relative; flex: 0 0 100%; width: 100%; background: transparent; outline: 0px; border: 0px; }
.sldS { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; scroll-snap-align: center; z-index: -1; }
.sldIm { background-repeat: no-repeat; background-size: cover; background-position: center center; display: block; padding-top: 40%; border-radius: 3px; }
.sldS { animation-name: tonext, snap; animation-timing-function: ease; animation-duration: 4s; animation-iteration-count: infinite; }
.sldL:last-child .sldS { animation-name: tostart, snap; }
.nRtl .sldS { animation-name: tonext-rev, snap; }
.nRtl .sldL:last-child .sldS { animation-name: tostart-rev, snap; }
.sldr:hover .sldS, .nRtl .sldr:hover .sldS, .sldr:focus-within .sldS, .nRtl .sldr:focus-within .sldS { animation-name: none; }
@media (prefers-reduced-motion: reduce) {
.sldS, .nRtl .sldS { animation-name: none; }
}
@media screen and (max-width: 640px) {
.sldO { width: 100%; padding: 0px 12.5px 10px; }
.sldL { flex: 0 0 90%; width: 90%; margin: 0px 7.5px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 8px -8px; }
.sldr { width: calc(100% + 40px); left: -20px; right: -20px; }
}
footer { font-size: 97%; line-height: 1.8em; padding: 32px 0px; border-top: var(–fotBo) solid var(–contentBo); color: var(–fotT); background: var(–fotBg); }
footer .LinkList a, footer .LinkList .sL li > * { display: inline-block; color: inherit; line-height: 20px; }
footer .LinkList a:hover, .postRelated a:hover { text-decoration: underline; }
footer .LinkList li::before { content: “–”; opacity: 0.5; }
footer .LinkList .sL { display: flex; flex-wrap: wrap; align-items: baseline; font-size: 13px; opacity: 0.8; }
footer .LinkList .sL li { display: inline-flex; align-items: baseline; }
footer .LinkList .sL li::before { content: “/”; margin: 0px 5px; }
footer .LinkList .sL li:first-child::before { display: none; }
footer .LinkList .sL li > ::before { content: attr(data-text); }
.footCnt { display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 30px); left: -15px; right: -15px; }
.footCnt > * { width: calc(21.666% – 30px); margin-right: 15px; margin-left: 15px; }
.footCnt > :first-child { width: calc(35% – 30px); }
.footCnt .widget { margin-bottom: 30px; }
.footCnt #HTML0 { margin-bottom: 15px; }
.footCnt .title { color: inherit; margin-bottom: 12px; font-weight: 700; font-size: 14px; }
.footCrdt { display: inline-flex; }
.footCrdt .creator { opacity: 0; }
.abtU { max-width: calc(100% – 25px); }
.abtU::before { content: attr(data-text); font-size: 13px; opacity: 0.6; display: block; margin-bottom: 3px; }
.abtT .tl { color: inherit; font-size: 1.3rem; }
.abtD { line-height: 1.6em; margin: 20px 0px 0px; }
.crdtIn { display: flex; align-items: baseline; justify-content: space-between; }
.crdtIn .HTML { overflow: hidden; white-space: nowrap; }
.toTop { display: flex; align-items: center; white-space: nowrap; }
.toTop::before { content: attr(data-text); opacity: 0.7; margin: 0px 5px; }
.toTop svg { width: 20px; height: 20px; stroke: var(–fotT); }
.ancrA { position: fixed; bottom: 0px; left: 0px; right: 0px; min-height: 70px; max-height: 200px; padding: 5px; box-shadow: rgba(9, 32, 76, 0.1) 0px -6px 18px 0px; transition: var(–trans-1); display: flex; align-items: center; justify-content: center; background: rgb(255, 253, 252); z-index: 50; border-top: 1px solid var(–contentBo); }
.ancrC { width: 40px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 12px 0px 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; border-right: 0px; position: absolute; right: 0px; top: -30px; background: inherit; }
.ancrC::after { content: “✕”; line-height: 18px; font-size: 14px; }
.ancrCn { flex-grow: 1; overflow: hidden; display: block; position: relative; }
.ancrI:checked ~ .ancrA { padding: 0px; min-height: 0px; }
.ancrI:checked ~ .ancrA .ancrCn { display: none; }
.erroP { display: flex; align-items: center; justify-content: center; height: 100vh; text-align: center; padding: 0px; }
.erroC { width: calc(100% – 40px); max-width: 450px; margin: auto; font-family: var(–fontBa); }
.erroC h3 { font-size: 1.414rem; font-family: inherit; }
.erroC h3 span { display: block; font-size: 140px; line-height: 0.8; margin-bottom: -1rem; color: rgb(235, 235, 240); }
.erroC p { margin: 30px 5%; line-height: 1.6em; }
.erroC .button { margin: 0px; padding-left: 2em; padding-right: 2em; font-size: 14px; }
@media screen and (min-width: 768px) {
::-webkit-scrollbar { appearance: none; width: 4px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.35); }
::-webkit-scrollbar-thumb:active { background: rgba(0, 0, 0, 0.35); }
}
@media screen and (max-width: 1100px) {
.blogTopc { flex: 0 0 190px; width: 190px; }
.blogCont { width: calc(100% – 190px); }
.blogM .sidebar { flex: 0 0 290px; width: 290px; }
.blogM .mainbar { flex: 1 0 0%; width: calc(100% – 290px); }
.iTtl { font-size: 0.9rem; }
.pTtl { font-size: 1rem; }
}
@media screen and (max-width: 896px) {
.mainIn { padding-top: 10px; }
.mainIn .secIn, .mainIn .secIn > *, .blogM { display: block; }
.blogTopc::after, .blogCont::before, .blogCont::after, .blogM .sidebar::before { display: none; }
.blogTopc, .blogCont { width: 100%; }
.blogM .mainbar, .blogM .sidebar, .footCont { display: block; width: 100%; max-width: 800px; margin: 0px auto; }
.blogM .sideIn { max-width: 640px; width: 100%; }
#header-icon, .closeL { display: block; }
.headMenu .closeM { display: flex; }
.headMenu .section, .topcM .section { padding: 60px 0px; width: 100%; max-height: 100%; overflow-y: auto; }
.headMenu, .blogItm .topcM { position: fixed; inset: 0px; width: 100%; height: 100%; z-index: 2; transition: var(–trans-1); opacity: 0; visibility: hidden; }
.headMenuc, .topcMc { width: 85%; max-width: 480px; height: 100%; z-index: 2; margin: auto -480px auto auto; background: var(–contentBg); position: relative; overflow: hidden; transition: inherit; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 40px; }
.htmlMn { display: block; }
.htmlMn > li { display: block; height: auto; }
.htmlMn > li:not(:last-child)::after { display: none; }
.htmlMn .a { width: 100%; padding: 10px 20px; position: relative; }
.htmlMn .a::after { inset: 0px; height: 100%; width: 1px; border-bottom: 0px; border-left: 1px solid var(–linkC); }
.htmlMn > li:not(:last-child) .a::after { width: 1px; }
.htmlMn > li:hover ul { opacity: 0; visibility: visible; max-height: 0vh; padding: 0px 20px; }
.htmlMn .drpDwn .a { justify-content: space-between; }
.htmlMn ul { position: relative; transition: var(–trans-2); padding: 0px 20px; max-height: 0vh; overflow: hidden; top: 0px; left: 0px; right: 0px; background: transparent; box-shadow: none; }
.htmlMn ul::before { content: “”; width: 1px; display: block; border-left: 1px solid var(–contentBo); height: calc(100% – 19px); position: absolute; }
.htmlMn ul li > * { opacity: 0.8; }
.htmlMn ul li > :hover { background: transparent; }
.htmlMn ul li { position: relative; }
.htmlMn ul li::before { content: “”; height: 1px; width: 8px; border-bottom: 1px solid var(–contentBo); display: block; position: absolute; top: 19.5px; left: 0px; }
.navInp:checked ~ .mainWrp header { z-index: 11; }
.navInp:checked ~ .mainWrp .headMenu { opacity: 1; visibility: visible; }
.navInp:checked ~ .mainWrp .headMenuc { margin-right: 0px; }
.navInp:checked ~ .mainWrp .headMenu .fClose, .topcIn:checked ~ .topcM .fClose { background: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; }
.dropIn:checked ~ .a svg.dwn { transform: rotate(180deg); }
.dropIn:checked ~ ul, .htmlMn > li:hover .dropIn:checked ~ ul { max-height: 500vh; opacity: 1; visibility: visible; }
.blogItm .topcM { width: 80%; max-width: 480px; margin: auto auto auto -480px; opacity: 1; visibility: visible; z-index: 10; }
.topcM .section { padding: 30px 20px; }
.topcMc { margin: 0px; width: 100%; box-shadow: none; overflow: visible; }
.blogItm .topcIn:checked ~ .topcM { margin: auto auto auto 0px; }
}
@media screen and (max-width: 640px) {
.navbar .tDark::before { display: block; }
.Header .headH { font-size: 16px; }
.headCont { height: 60px; }
.BlogSearch.widget { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 11; display: block; }
.BlogSearch.widget input { position: relative; display: block; background: var(–contentBg); border: 0px; border-radius: 0px; padding: 10px 55px; margin-top: -100%; width: 100%; height: var(–headerH); transition: var(–trans-1); z-index: 3; }
.BlogSearch.widget input:focus { margin-top: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 40px; }
.BlogSearch.widget input:focus ~ .fClose { background: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; }
.BlogSearch .searchB { z-index: 3; left: 20px; }
.onIndx:not(.onBlg) .blogPts > * { width: calc(50% – 25px); }
.onIndx .blogPts div.ntry { width: calc(100% – 25px); }
.iTtl { font-size: 1rem; }
.footCnt > *, .footCnt > :first-child { width: calc(50% – 30px); }
}
@media screen and (max-width: 500px) {
.onIndx.onBlg .blogPts > *, .onIndx:not(.onBlg) .blogPts > *, .itemFt .itm > * { width: calc(100% – 25px); flex: 0 0 auto; }
.itemFt .itm .iThmb { margin-bottom: 20px; }
.itemFt .itm .iCtnt { padding-bottom: 30px; border-bottom: 1px solid rgba(152, 155, 159, 0.3); }
.iTtl { font-size: 0.9rem; }
.blogItm .topcM { margin: auto auto auto -80%; }
.pInf.onPs .pTtmp::before { display: none; }
.brdCmb, .cmCo { font-size: 13px; }
.blogPg, .postNav, .crdtIn, .cmIc, .cmH .dtTm, .cmAc, .thTg { font-size: 12px; }
.pEnt .separator, .pEnt .separator a { margin-left: auto !important; margin-right: auto !important; }
.onItm .pTtl { font-size: var(–postTsM); }
.onItm .pEnt { font-size: var(–postFsM); }
.pShi a::after { display: none; }
.shB { margin-bottom: 0px; border-radius: 0px; }
.shO svg { width: 26px; height: 26px; }
.shH, .shO ul, .shO .cpL { padding-left: 20px; padding-right: 20px; }
.shN span { left: 20px; right: 20px; font-size: 13px; }
.footCnt > *, .footCnt > :first-child { width: calc(100% – 30px); }
}
@keyframes shimmer {
100% { transform: translateX(100%); }
}
@keyframes slidein {
0% { opacity: 0; }
20% { opacity: 1; bottom: 24px; }
50% { opacity: 1; bottom: 24px; }
80% { opacity: 1; bottom: 24px; }
100% { opacity: 0; bottom: -70px; visibility: hidden; }
}
@keyframes nudge {
0% { transform: translateX(0px); }
30% { transform: translateX(-5px); }
50% { transform: translateX(5px); }
70% { transform: translateX(-2px); }
100% { transform: translateX(0px); }
}
@keyframes tonext {
75% { left: 0px; }
95% { left: 100%; }
98% { left: 100%; }
99% { left: 0px; }
}
@keyframes tostart {
75% { left: 0px; }
95% { left: -300%; }
98% { left: -300%; }
99% { left: 0px; }
}
@keyframes tonext-rev {
75% { right: 0px; }
95% { right: 100%; }
98% { right: 100%; }
99% { right: 0px; }
}
@keyframes tostart-rev {
75% { right: 0px; }
95% { right: -300%; }
98% { right: -300%; }
99% { right: 0px; }
}
@keyframes snap {
96% { scroll-snap-align: center; }
97% { scroll-snap-align: none; }
99% { scroll-snap-align: none; }
100% { scroll-snap-align: center; }
}
@-webkit-keyframes slidein {
0% { opacity: 0; }
20% { opacity: 1; bottom: 24px; }
50% { opacity: 1; bottom: 24px; }
80% { opacity: 1; bottom: 24px; }
100% { opacity: 0; bottom: -70px; visibility: hidden; }
}
@-webkit-keyframes nudge {
0% { transform: translateX(0px); }
30% { transform: translateX(-5px); }
50% { transform: translateX(5px); }
70% { transform: translateX(-2px); }
100% { transform: translateX(0px); }
}
@-webkit-keyframes tonext {
75% { left: 0px; }
95% { left: 100%; }
98% { left: 100%; }
99% { left: 0px; }
}
@-webkit-keyframes tostart {
75% { left: 0px; }
95% { left: -300%; }
98% { left: -300%; }
99% { left: 0px; }
}
@-webkit-keyframes tonext-rev {
75% { right: 0px; }
95% { right: 100%; }
98% { right: 100%; }
99% { right: 0px; }
}
@-webkit-keyframes tostart-rev {
75% { right: 0px; }
95% { right: -300%; }
98% { right: -300%; }
99% { right: 0px; }
}
@-webkit-keyframes snap {
96% { scroll-snap-align: center; }
97% { scroll-snap-align: none; }
99% { scroll-snap-align: none; }
100% { scroll-snap-align: center; }
}
.nLng .lnDef, .lnAlt { display: none; }
.nLng .lnAlt { display: block; }
.nRtl .note { padding: 20px 50px 20px 20px; }
.nRtl .note::before { left: auto; right: -12px; }
.nRtl .note::after { left: auto; right: 18px; }
.nRtl .ps .separate::before { text-indent: -0.6em; }
.nRtl .dropCap { margin: 0px; line-height: inherit; font-size: inherit; float: none; }
.nRtl blockquote, .nRtl .cmC i[rel=”quote”] { border-left: 0px; border-right: 2px solid var(–contentBo); }
.nRtl blockquote.style-1 { padding: 30px 55px 30px 25px; border-right: 0px; }
.nRtl blockquote.style-1::before { left: auto; right: 0px; }
.nRtl .BlogSearch .searchB { left: auto; right: 10px; }
.nRtl .htmlMn > li:last-child ul { left: 0px; right: auto; }
.nRtl .topcMn ul li::before { left: auto; right: 0px; }
.nRtl .ntfT { padding: 0px 0px 0px 30px; }
.nRtl .ntfCnt .c { right: auto; left: 20px; }
.nRtl .cArea label .n { left: auto; right: 11px; }
.nRtl .shN span { left: auto; right: 24px; }
@media screen and (max-width: 896px) {
.nRtl .headMenuc { margin: auto auto auto -480px; }
.nRtl .navInp:checked ~ .mainWrp .headMenuc { margin: auto auto auto 0px; }
.nRtl .htmlMn ul li::before { left: auto; right: 0px; }
.nRtl .blogItm .topcM { margin: auto -480px auto auto; }
.nRtl .blogItm .topcIn:checked ~ .topcM { margin: auto 0px auto auto; }
.nRtl .closeL { right: auto; left: -40px; }
.nRtl .topcIn:checked ~ .topcM .closeL { right: auto; left: -17.5px; }
.nRtl .closeL label { border-radius: 20px 0px 0px 20px; }
}
@media screen and (max-width: 640px) {
.nRtl .tDark::before { right: auto; left: 0px; }
.nRtl .tDark:hover::before { right: auto; left: 20px; }
.nRtl .BlogSearch .searchB { left: auto; right: 20px; }
}
@media screen and (max-width: 500px) {
.nRtl .blogItm .topcM { margin: auto -80% auto auto; }
.nRtl .shN span { left: 20px; right: 20px; }
}
——MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-
Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:css-e0d13ce6-ea9a-44e0-b926-22ad5a66ea8f@mhtml.blink
@charset “utf-8″;
.drkM { background: var(–darkBg); color: var(–darkT); }
.drkM a, .drkM .free::after, .drkM .new::after, .drkM .tLang a:hover, .drkM .htmlMn .a:hover, .drkM .htmlMn ul li a:hover, .drkM .topcMn .a:hover, .drkM .topcMn ul li a:hover, .drkM .pTtl a:hover, .drkM .iTtl a:hover, .drkM .accorMenu:checked ~ .accorTitle, .drkM .shO label, .drkM .cmAll:checked ~ .cmTtl .cmSrt::before, .drkM .cmAll:checked ~ .cmTtl .cmSrt::after, .drkM .wL .lbM, .drkM .wL.cl .lbN:hover .lbC, .drkM .wL.cl div.lbN .lbC, .drkM .cArea input:focus ~ .n, .drkM .cArea textarea:focus ~ .n, .drkM .cArea input[data-text=”fl”] ~ .n, .drkM .cArea textarea[data-text=”fl”] ~ .n { color: var(–darkL); }
.drkM input::placeholder { color: rgba(255, 255, 255, 0.25); }
.drkM svg, .drkM svg.c-1, .drkM .navbar .tSocial svg { fill: var(–darkT); }
.drkM svg.line { fill: none; stroke: var(–darkT); }
.drkM svg.c-2 { fill: var(–darkTalt); opacity: 0.4; }
.drkM h1, .drkM h2, .drkM h3, .drkM h4, .drkM h5, .drkM h6, .drkM header a, .drkM footer, .drkM header a, .drkM .topcMn a, .drkM .pTtl a, .drkM .iTtl a, .drkM .blogPg > *, .drkM .postNav > *, .drkM .brdCmb a, .drkM .pShi > *, .drkM .shO a, .drkM .cmAc a, .drkM .iLbl > * { color: inherit; }
.drkM .navbar, .drkM .headCont { background: var(–darkBg); color: var(–darkT); }
.drkM .navbar .tDark svg.line { stroke: none; fill: var(–darkT) !important; }
.drkM .htmlMn ul, .drkM .admPs, .drkM .shB { background: var(–darkBsec); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 40px; }
.drkM .htmlMn ul li > :hover { background: rgba(0, 0, 0, 0.15); }
.drkM header.stick, .drkM .topcMn ul::before, .drkM .topcMn ul li::before, .drkM .topcMn .br::after, .drkM blockquote, .drkM .cmC i[rel=”quote”], .drkM .ps table, .drkM .ps table th, .drkM .ps table tr:not(:last-child) td, .drkM .tocInner, .drkM .spoiler, .drkM .accordion li, .drkM .postRelated, .drkM .pSh, .drkM .cmTtl, .drkM .tabsHead { border-color: rgba(255, 255, 255, 0.1); }
.drkM .BlogSearch.widget input { background: var(–darkBalt); border-color: transparent; }
.drkM .ntfCnt { background: var(–darkBalt); color: var(–darkTalt); }
.drkM .pThmb:not(.nul)::before { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.09) 60%, rgba(0, 0, 0, 0)); }
.drkM .tSocial a:hover svg { fill: var(–darkL); }
.drkM .tSocial a:hover svg.line, .drkM .pJmp svg, .drkM .wL li > :hover svg, .drkM .wL li > div svg { stroke: var(–darkL); }
.drkM .pLbls > * { color: var(–bodyC); }
.drkM .sldIm { background-color: var(–darkBsec); }
.drkM footer, .drkM .cmC i[rel=”image”]::before, .drkM .cmC.del { background: var(–darkBsec); border-color: rgba(255, 255, 255, 0.1); }
.drkM .wL .lbM::after { opacity: 1; }
.drkM .widget input[type=”text”], .drkM .widget input[type=”email”], .drkM .widget textarea, .drkM .cArea label .n { background: var(–darkBg); border-color: rgba(255, 255, 255, 0.1); }
.drkM .widget input[type=”text”]:focus, .drkM .widget input[type=”email”]:focus, .drkM .widget textarea:focus, .drkM .widget input[data-text=”fl”], .drkM .widget textarea[data-text=”fl”], .drkM .button.outline:hover { border-color: var(–darkL); box-shadow: 0 0 0 1px var(–darkL) inset; }
.drkM .widget input[type=”button”], .drkM .widget input[type=”submit”], .drkM .accorMenu:checked ~ .accorTitle .accorIcon::before, .drkM .accorMenu:checked ~ .accorTitle .accorIcon::after, .drkM .closeL label, .drkM .blogPg > *, .drkM .postNav > *, .drkM .spoilerTitle label, .drkM .button, .drkM .downloadInfo a { background: var(–darkL); }
.drkM .htmlMn .a::after, .drkM .htmlMn .a::after, .drkM .pBd input[id*=”1″]:checked ~ .postTabs .tabsHead label[for*=”1″], .drkM .pBd input[id*=”2″]:checked ~ .postTabs .tabsHead label[for*=”2″], .drkM .pBd input[id*=”3″]:checked ~ .postTabs .tabsHead label[for*=”3″], .drkM .pBd input[id*=”4″]:checked ~ .postTabs .tabsHead label[for*=”4″], .drkM .wL.cl .lbN:not(div):hover, .drkM .wL.cl div.lbN { border-color: var(–darkL); }
.drkM .button { color: var(–darkT); }
.drkM .button.outline { background: transparent; border-color: var(–darkTalt); }
.drkM .downloadInfo { background: var(–darkBsec); border-color: transparent; }
.drkM .downloadInfo .fileType, .drkM .shO .cpLb { background: var(–darkBg); }
.drkM .shN span { box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 40px; }
.drkM .blogCont::after { background: rgba(0, 0, 0, 0.05); }
.drkM .ps .code, .drkM .ps kbd { background: var(–darkBsec); color: var(–darkTalt); }
.drkM code, .drkM .cmC i[rel=”pre”] { background: rgba(0, 0, 0, 0.09); color: var(–darkTalt); }
.drkM .accorTitle { color: var(–darkT); }
.drkM .accorIcon::before, .drkM .accorIcon::after { background: var(–darkT); }
@media screen and (max-width: 896px) {
.drkM .headMenuc, .drkM .topcMc { background: var(–darkBg); }
.drkM .htmlMn ul { background: transparent; box-shadow: none; }
.drkM .htmlMn ul::before, .drkM .htmlMn ul li::before { border-color: rgba(255, 255, 255, 0.1); }
.drkM .htmlMn ul li > :hover { background: transparent; }
.drkM .closeM label::before { opacity: 0.7; }
}
——MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-
Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:css-5c9afde6-cd89-45d9-b0bc-d1c9b62cb5cf@mhtml.blink
@charset “utf-8”;
.rPst { margin: 50px 0px 0px; }
.rPst ul:not(.s-1) { display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 20px); left: -10px; right: -10px; list-style: none; margin: 0px; padding: 0px; }
.rPst ul:not(.s-1) li { width: calc(33.333% – 20px); margin: 0px 10px 30px; position: relative; }
.rPst .thmb::before { content: “No image”; display: block; position: absolute; top: 50%; left: 50%; max-width: none; max-height: 100%; transform: translate(-50%, -50%); font-size: 12px; opacity: 0.7; }
.rPst .thmb div { background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; inset: 0px; }
.rPst .pSnpt { }
.rPst .pInf::before { content: attr(data-date); opacity: 0.8; }
.rPst .s-1 { margin: 0px; padding: 0px 20px; font-family: var(–fontBa); line-height: 25px; }
.rPst .s-1 a:hover { text-decoration: underline; }
.rPst .s-4 li { padding-bottom: 30px; }
@media screen and (max-width: 640px) {
.rPst ul:not(.s-1) li { width: calc(50% – 20px); }
.rPst .iTtl { font-size: 14px; }
}
@media screen and (max-width: 500px) {
.rPst .s-1, .rPst .iTtl { font-size: 13px; }
.rPst ul:not(.s-1) { width: calc(100% + 15px); left: -7.5px; right: -7.5px; }
.rPst ul:not(.s-1) li { width: calc(50% – 15px); margin: 0px 7.5px 30px; }
.rPst ul.s-3 li { width: 100%; margin: 0px 0px 20px; }
.rPst .s-3 .i { display: flex; align-items: center; }
.rPst .s-3 .i > * { flex: 0 0 calc(40% + 15px); margin: 0px 7.5px; }
.rPst .s-3 .iTtl { flex-grow: 1; }
.rPst .s-3 .iTtl a::after { content: attr(data-text); display: block; margin-top: 8px; font-weight: 400; font-size: 12px; opacity: 0.7; }
.rPst ul.s-4 { flex-wrap: nowrap; width: calc(100% + 40px); left: -20px; right: -20px; padding: 0px 12.5px; overflow: scroll hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; }
.rPst ul.s-4 li { flex-shrink: 0; width: 80%; margin-bottom: 0px; scroll-snap-align: center; }
.rPst .s-4 .iTtl { font-size: 14px; }
}
.cmBtn ~ .cm:not(.cmFix), .cmSh:checked ~ .cmBtn { display: none; }
.cmSh:checked ~ .cm:not(.cmFix) { display: block; }
.cmSh:checked ~ .cm.cmFix { bottom: 0px; opacity: 1; visibility: visible; }
.cmSh:checked ~ .cm.cmFix .fClose { opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.5); }
.cmFix { display: flex; align-items: center; position: fixed; left: 0px; right: 0px; bottom: -100%; z-index: 20; transition: var(–trans-1); width: 100%; height: 100%; opacity: 0; visibility: hidden; }
.cmFix .cmSc { width: 100%; max-width: 640px; max-height: calc(100% – 40px); display: flex; margin: auto; border-radius: 10px; background: var(–contentBg); transition: inherit; z-index: 3; position: relative; box-shadow: rgba(149, 157, 165, 0.3) 0px 10px 40px; overflow: hidden; }
.cmFix .cmTtl { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 15px 20px; z-index: 1; background: var(–contentBg); }
.cmFix .cmCo { width: 100%; padding: 71px 20px 20px; overflow: hidden scroll; }
@media screen and (max-width: 500px) {
.cmFix { align-items: flex-end; }
.cmFix .cmSc { max-height: 100%; margin: auto auto 0px; border-radius: 0px; }
}
.drkM .cmFix .cmSc { background: var(–darkBsec); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 40px; }
.drkM .cmFix .cmTtl { background: var(–darkBsec); }
.lazyYoutube { background: var(–synxBg); position: relative; overflow: hidden; padding-top: 56.25%; border-radius: 3px; }
.lazyYoutube img { width: 100%; top: -16.84%; left: 0px; opacity: 0.95; }
.lazyYoutube img, .lazyYoutube iframe, .lazyYoutube .playBut { position: absolute; }
.lazyYoutube iframe { width: 100%; height: 100%; bottom: 0px; right: 0px; }
.lazyYoutube .playBut { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); transition: all 0.5s ease 0s; display: block; width: 70px; height: 70px; z-index: 1; }
.lazyYoutube .playBut svg { width: inherit; height: inherit; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-width: 8; }
.lazyYoutube .playBut .circle { stroke: rgba(255, 255, 255, 0.85); stroke-dasharray: 650; stroke-dashoffset: 650; transition: all 0.4s ease-in-out 0s; opacity: 0.3; }
.lazyYoutube .playBut .triangle { stroke: rgba(255, 255, 255, 0.75); stroke-dasharray: 240; stroke-dashoffset: 480; transition: all 0.6s ease-in-out 0s; transform: translateY(0px); }
.lazyYoutube .playBut:hover .triangle { animation: 0.6s ease-in-out 0s 1 normal none running nudge; }
.lazyYoutube .playBut:hover .triangle, .lazyYoutube .playBut:hover .circle { stroke-dashoffset: 0; opacity: 1; stroke: var(–synxRed); }
——MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-
Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: https://fonts.maateen.me/solaiman-lipi/font.css
@charset “utf-8”;
@font-face { font-family: SolaimanLipi; src: url(“SolaimanLipi.woff”) format(“woff”), url(“SolaimanLipi.ttf”) format(“truetype”); font-weight: normal; font-style: normal; }
——MultipartBoundary–CR4QfceqjT0lo67WDheprUbQU8esEmxgZRM2JkLUko—-
Content-Type: image/webp
Content-Transfer-Encoding: binary
Content-Location: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhihhHCDV0gTCSZX87ZVfy6FKSwgRhm2JjLL-5URGQTTIdb_WEfb0bMBrUGHMZCCZpd1R3Dxreq9qbBORYealwFATi7_ava8OrCjl6aagXZjTUUyefw3lA7tXiwui7tJyqeL6H-gwSDFtfEtWq_QesMY1omNZ4xKFNBOV5W8wH4hfSSNV6NiiiT0Rg3ZAs/s16000-rw/%E0%A6%B8%E0%A6%BF%E0%A6%8F%20%E0%A6%AA%E0%A7%9C%E0%A6%BE%E0%A6%B0%20%E0%A6%AF%E0%A7%8B%E0%A6%97%E0%A7%8D%E0%A6%AF%E0%A6%A4%E0%A6%BE%20%E0%A6%93%20%E0%A6%97%E0%A6%BE%E0%A6%87%E0%A6%A1%E0%A6%B2%E0%A6%BE%E0%A6%87%E0%A6%A8.webp
RIFFJ~


