.blog{max-width:650px;width:100%;margin:auto;color:#5d5d5d}.blog p{margin-top:36px;margin-bottom:36px;font-size:1.125rem;line-height:36px;width:100%}.blog h2{margin-top:72px;font-size:28px;font-weight:bold;color:#333;line-height:36px}.blog h3{margin-top:72px;font-size:24px;font-weight:bold;color:#333;line-height:32px}.blog figure img{width:100%}.blog .contentHeader .contentHeaderTitle h1{margin-top:70px;margin-bottom:10px;font-weight:bold;color:#333;font-size:28px}.blogEdit{max-width:650px;width:100%;margin:auto;color:#5d5d5d}.blogEdit .hide{display:none !important}.blogEdit .upload_icon{display:inline-block;background:#999;height:50px;width:50px;padding:10px;margin-top:30px;margin-left:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:50%}.blogEdit .upload_icon .fa-image{color:#fff;font-size:30px}.blogEdit .thumbnail{padding-top:30px;position:relative}.blogEdit .thumbnail img{width:600px;height:300px;-o-object-fit:cover;object-fit:cover}.blogEdit .thumbnail .upload_icon{position:absolute;top:30px;right:10px;height:30px;width:30px;padding:5px}.blogEdit .thumbnail .upload_icon .fa-image{font-size:20px}.blogEdit .iptara{position:relative;width:100%;margin:0px auto;padding-bottom:200px}.blogEdit .iptara .ltbr{display:flex;position:absolute;z-index:1;transform:translateY(-8px);left:-50px}.blogEdit .iptara .txaras textarea{margin-top:36px;margin-bottom:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;resize:none;font-size:1.125rem;line-height:36px;width:100%;overflow:hidden;height:36px;display:flex;color:#5d5d5d}.blogEdit .iptara .txaras .h2heading{font-size:28px;font-weight:bold;color:#333;line-height:36px}.blogEdit .iptara .txaras .h3heading{font-size:24px;font-weight:bold;color:#333;line-height:32px}.blogEdit .iptara .txaras .quote{background-color:#f6f8fa;padding:25px 35px}.blogEdit .iptara .txaras textarea.html{--ed-bg:        #0b0b0b;--ed-text:      #ffffff;--ed-border:    #2f343a;--ed-titlebar1: #0f1114;--ed-titlebar2: #14181d;--ed-accent:    #60a5fa;--ed-dot-r:     #ff5f57;--ed-dot-y:     #febc2e;--ed-dot-g:     #28c840;display:block;box-sizing:border-box;width:100%;min-height:220px;max-height:70vh;border:1px solid var(--ed-border);border-radius:12px;padding:14px 16px;padding-top:46px;resize:vertical;overflow:auto;background-color:var(--ed-bg);color:var(--ed-text);box-shadow:0 1px 0 rgba(0,0,0,0.2);font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Roboto Mono", Consolas, "Liberation Mono", monospace;font-size:13px;line-height:1.6;letter-spacing:0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;caret-color:var(--ed-accent);background-image:url("data:image/svg+xml;utf8,            <svg xmlns='http://www.w3.org/2000/svg' width='60' height='20'>            <rect x='0' y='0' width='60' height='20' rx='10' ry='10' fill='%23343b46'/>            <text x='30' y='14' text-anchor='middle' font-family='ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", monospace' font-size='11' fill='%23cbd5e1'>HTML</text>            </svg>"),linear-gradient(var(--ed-titlebar1), var(--ed-titlebar2)),radial-gradient(6px 6px at 22px 16px, var(--ed-dot-r) 98%, transparent 100%),radial-gradient(6px 6px at 42px 16px, var(--ed-dot-y) 98%, transparent 100%),radial-gradient(6px 6px at 62px 16px, var(--ed-dot-g) 98%, transparent 100%),repeating-linear-gradient(to bottom, transparent 0, transparent calc(1.6em - 1px), rgba(255,255,255,0.1) calc(1.6em - 1px), rgba(255,255,255,0.1) 1.6em);background-size:60px 20px, 100% 34px, auto, auto, auto, auto;background-position:right 12px top 7px, top left, top left, top left, top left, top left;background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat}.blogEdit .iptara .txaras textarea.html:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.22),0 1px 0 rgba(255,255,255,0.06) inset}.blogEdit .iptara .txaras textarea.html::-moz-placeholder{color:#cbd5e1;opacity:.9}.blogEdit .iptara .txaras textarea.html:-ms-input-placeholder{color:#cbd5e1;opacity:.9}.blogEdit .iptara .txaras textarea.html::placeholder{color:#cbd5e1;opacity:.9}.blogEdit .iptara .txaras textarea.html::-moz-selection{background:rgba(96,165,250,0.25)}.blogEdit .iptara .txaras textarea.html::selection{background:rgba(96,165,250,0.25)}.blogEdit .iptara .txaras textarea.html::-webkit-scrollbar{width:12px;height:12px}.blogEdit .iptara .txaras textarea.html::-webkit-scrollbar-thumb{background:#475569;border:3px solid transparent;border-radius:999px;background-clip:padding-box}.blogEdit .iptara .txaras textarea.html:hover::-webkit-scrollbar-thumb{background:#64748b}.blogEdit .iptara .txaras textarea.html.is-invalid{box-shadow:0 0 0 3px rgba(239,68,68,0.18) inset}.blogEdit .iptara .txaras textarea.html.compact{min-height:140px}.blogEdit .iptara .txaras textarea.html.light{--ed-bg:        #ffffff;--ed-text:      #0f172a;--ed-border:    #e5e7eb;--ed-titlebar1: #ffffff;--ed-titlebar2: #f3f4f6;--ed-accent:    #2563eb;color:var(--ed-text);background-color:var(--ed-bg);border-color:var(--ed-border);background-image:url("data:image/svg+xml;utf8,            <svg xmlns='http://www.w3.org/2000/svg' width='60' height='20'>            <rect x='0' y='0' width='60' height='20' rx='10' ry='10' fill='%23e5e7eb'/>            <text x='30' y='14' text-anchor='middle' font-family='ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", monospace' font-size='11' fill='%23565a64'>HTML</text>            </svg>"),linear-gradient(var(--ed-titlebar1), var(--ed-titlebar2)),radial-gradient(6px 6px at 22px 16px, var(--ed-dot-r) 98%, transparent 100%),radial-gradient(6px 6px at 42px 16px, var(--ed-dot-y) 98%, transparent 100%),radial-gradient(6px 6px at 62px 16px, var(--ed-dot-g) 98%, transparent 100%),repeating-linear-gradient(to bottom, transparent 0, transparent calc(1.6em - 1px), rgba(0,0,0,0.06) calc(1.6em - 1px), rgba(0,0,0,0.06) 1.6em)}.blogEdit .iptara .txaras figure{margin-top:30px;margin-bottom:30px;padding-left:16px;padding-right:16px}.blogEdit .iptara .txaras img{width:100%}.blogEdit .iptara .txaras .imgipt{display:none}.blogEdit .iptara .txaras .horizontalrule{margin-top:30px;margin-bottom:30px}.blogEdit .iptmenu{border:1px solid #ddd;border-radius:4px;font-size:12px;width:100%;z-index:7;background-color:#fff;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.2))}.blogEdit .iptmenu .menu_title{padding:6px;text-align:left;border-bottom:1px solid #ddd;font-size:10px;color:#5d5d5d}.blogEdit .iptmenu ul{padding:0;margin-bottom:0}.blogEdit .iptmenu ul li{list-style:none;padding:10px;text-align:center;border-bottom:1px solid #ddd;text-align:left;height:40px}.blogEdit .iptmenu ul li i{margin-left:10px;margin-right:20px;font-size:24px}.blogEdit .iptmenu ul li span{font-size:14px;vertical-align:text-bottom}.blogEdit .iptmenu ul li:last-child{border-bottom:0px}.blogEdit .fadeIn{-webkit-animation-name:fadeInAnime;animation-name:fadeInAnime;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeInAnime{from{opacity:0}to{opacity:1}}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}.blogEdit form .txipt{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;resize:none;width:100%;min-height:1em;margin-top:72px;font-weight:bold;line-height:1.5;letter-spacing:0.04em;font-size:28px}.blogEdit .blog_setting_modal__content{padding:50px}.blogEdit .blog_setting_modal__content .blog_setting_field{display:flex;margin:0 auto 30px}.blogEdit .blog_setting_modal__content .category_form{border:1px solid #ccc;border-radius:4px;padding:10px}.blogEdit .blog_setting_modal__content .blog_field_label{line-height:40px;margin-right:30px;font-weight:bold}.blogEdit .blog_setting_modal__content .publish_field .sample1Area{position:relative;margin:auto;width:160px;height:42px;margin-bottom:30px}.blogEdit .blog_setting_modal__content .publish_field .sample1Area input[type="radio"]{display:none}.blogEdit .blog_setting_modal__content .publish_field .sample1Area label{display:block;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;line-height:60px;font-size:14pt;font-weight:bold;border:2px solid #78bd78;line-height:30px}.blogEdit .blog_setting_modal__content .publish_field .sample1Area #sample1on+label{right:50%;border-radius:6px 0 0 6px;background:#eee;color:#666;border-right:none}.blogEdit .blog_setting_modal__content .publish_field .sample1Area #sample1on:checked+label{background:#78bd78;color:#fff}.blogEdit .blog_setting_modal__content .publish_field .sample1Area #sample1off+label{left:50%;border-radius:0 6px 6px 0;background:#eee;color:#666;border-left:none}.blogEdit .blog_setting_modal__content .publish_field .sample1Area #sample1off:checked+label{background:#aaa;color:#fff}.blogEdit .blog_setting_modal__content .blog_datetime_field .datetime_form{height:40px;border:solid 1px #ccc;border-radius:4px;padding:10px}.blogEdit .blog_setting_modal__content .blog_setting_modal-close{text-align:center;margin-top:40px;font-weight:bold;background:#ddd;padding:10px;border-radius:4px}.editerHead{position:-webkit-sticky;position:sticky;top:0px;left:0px;border-bottom:1px solid #ededed;display:flex;justify-content:space-between;height:50px;padding:8px 20px;align-items:center;color:#5d5d5d;font-size:12px;z-index:1;background-color:#fff}.editerHead .editerClose:hover{font-weight:bold;cursor:pointer}.editerHead #blog_edit_btn{padding:5px 12px;border:1px solid #ddd;margin:5px;border-radius:4px}.editerHead .rightBlock{display:flex;align-items:center;-webkit-box-pack:justify}.editerHead .rightBlock div{padding:5px 12px;border:1px solid #ddd;margin:5px;border-radius:4px}.editerHead .rightBlock div:hover{font-weight:bold;border:1px solid #999;cursor:pointer}.editerHead .pubSet{background-color:#ededed}.toolbar{position:fixed;max-width:650px;width:100%;margin:auto;bottom:0}.toolbar .editmenu{display:flex;background-color:#fff;border:1px solid #ddd;border-radius:4px;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.2));width:-webkit-max-content;width:-moz-max-content;width:max-content}.toolbar .editmenu div{padding:8px;text-align:left;border-right:1px solid #ddd;font-size:16px;color:#5d5d5d;min-width:50px;text-align:center}.toolbar .editmenu .change_type[type-selected="true"]{background-color:#efefef}.toolbar .editmenu #content_delete{margin-left:auto;color:#fff;background-color:#f67676}.blogList{position:relative;width:80%;margin:auto 30px;border-bottom:1px solid #ddd;margin-bottom:20px;text-align:left;display:flex;padding:10px}.blogList .image img{width:150px;height:80px;-o-object-fit:cover;object-fit:cover}.blogList .blogInfo{padding:10px;width:70%}.blogList .blogInfo .topInfo{display:flex;justify-content:left;margin:auto}.blogList .blogInfo .topInfo .topInfoLeft{display:block;width:100%}.blogList .blogInfo .topInfo .topInfoLeft .blogTitle{font-weight:bold;font-size:20px;color:#555;display:block;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;overflow-wrap:break-word}.blogList .blogInfo .topInfo .topInfoLeft .blogDescription{display:-webkit-box;margin-bottom:8px;overflow:hidden;font-size:15px;color:#666;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical}.blogList .blogInfo .topInfo .topInfoRight .dropdown{margin-right:10px}.blogList .blogInfo .topInfo .topInfoRight .dropdown-menu{width:100px}.blogList .blogInfo .topInfo .topInfoRight .dropdown-menu.show{padding:10px 10px}.blogList .blogInfo .topInfo .topInfoRight .dropdown-menu.show .menu_list{padding:5px 0}.blogList .blogInfo .topInfo .topInfoRight .dropdown-menu.show .menu_list a{display:block;margin-bottom:20px;color:#555}.blogList .blogInfo .topInfo .topInfoRight .dropdown-menu.show .menu_list a:last-child{margin-bottom:0px}.blogList .blogInfo .topInfo .topInfoRight .dropdown-menu.show .menu_list a:hover{background-color:#efefef}.blogList .blogInfo .topInfo .topInfoRight .dropdown-toggle::after{display:none}.blogList .blogInfo .topInfo .topInfoRight .editBtns{display:none}.blogList .blogInfo .bottomInfo{display:flex;font-size:13px}.blogList .blogInfo .flexbox .update_at{padding:10px 8px 10px 12px}.blogList .statusLabel{display:block;position:unset;width:90px;height:22px;line-height:22px;color:#666;background-color:#fff;text-align:left}.blog_categories{max-width:800px;margin:auto;padding:80px 20px}.blog_categories h1{font-size:24px;margin-bottom:20px}.blogContent a{color:#000;text-decoration:underline}.blogContent a:hover{color:#0056b3;text-decoration:underline}.blogContent .blockquote{background-color:#f6f8fa;padding:25px 35px}.blogContent .blockquote blockquote{margin:0}.blogContent .blockquote p{margin:0}@media only screen and (max-width: 480px){.blogEdit #blog_title{padding-left:16px;padding-right:16px;font-size:24px}.blogEdit .thumbnail{padding-top:10px}.blogEdit .thumbnail img{width:100%;height:200px}.blogEdit .iptara .txaras textarea{margin-bottom:0px;padding-left:16px;padding-right:16px}.toolbar{position:fixed;width:100%}.toolbar .editmenu{min-width:100%}.toolbar .iptmenu .menu_title{font-size:16px}.toolbar .iptmenu ul li{font-size:16px}.toolbar .iptmenu ul li i{margin-left:0px;margin-right:10px}.toolbar .iptmenu ul li span{vertical-align:super}.toolbar[data-focus="true"]{bottom:0px}.dashboard.blogs_edit .welcome_index .new_page_link{display:block;margin-left:0;margin:30px}.blogs_edit .blogList{width:100%;padding:20px;margin:0;display:block}.blogs_edit .blogList .blogTitle{font-size:15px;padding:0}.blogs_edit .blogList .blogDescription{font-size:13px}.blogs_edit .blogList .image{display:none}.blogs_edit .blogList .blogInfo{width:100%}.blogs_edit .blogList .blogInfo .editBtns{display:none;position:absolute;background-color:#fff;border:1px solid #ddd;z-index:1}.blogs_edit .blogList .blogInfo .statusLabel{display:block;position:unset;font-size:12px;width:90px;height:22px;line-height:22px;color:#666;background-color:#fff;text-align:left}.contentHeader .contentHeaderTitle h1{padding:0 20px}.blogContent{padding:0 20px}}