diff --git a/inlineamp/config.json b/inlineamp/config.json
index a9e45b2..aa77913 100644
--- a/inlineamp/config.json
+++ b/inlineamp/config.json
@@ -1,6 +1,6 @@
 {
   "name": "InlineAMP",
-  "version": "1.2.0-beta.2",
+  "version": "1.2.0-beta.3",
   "author": "Jiansing",
   "repository": "https://github.com/jiansing/gridea-theme-inlineamp",
   "customConfig": [
@@ -186,14 +186,6 @@
       ],
       "note": "将显示在侧边栏"
     },
-    {
-      "name": "search",
-      "label": "Google站内搜索",
-      "group": "可选模块",
-      "value": true,
-      "type": "switch",
-      "note": "Google搜索"
-    },
     {
       "name": "video",
       "label": "HTML5 amp-video标签支持",
@@ -234,6 +226,30 @@
       "type": "input",
       "note": "如需要嵌入第三方内容请在这里填写所需的AMP JS，AMP组件库：https://amp.dev/zh_cn/documentation/components/"
     },
+    {
+      "name": "tag",
+      "label": "标签",
+      "group": "侧边栏",
+      "value": true,
+      "type": "switch",
+      "note": "侧边栏显示所有标签"
+    },
+    {
+      "name": "search",
+      "label": "Google站内搜索",
+      "group": "侧边栏",
+      "value": true,
+      "type": "switch",
+      "note": "侧边栏Google搜索小部件"
+    },
+    {
+      "name": "latestarticles",
+      "label": "最近文章",
+      "group": "侧边栏",
+      "value": true,
+      "type": "switch",
+      "note": "显示最近文章"
+    },
     {
       "name": "analytics",
       "label": "开启",
@@ -265,6 +281,14 @@
       "value": "zh-Hans",
       "type": "input",
       "note": "默认设置为简体中文"
+    },
+    {
+      "name": "test",
+      "label": "test",
+      "group": "实验性功能",
+      "value": true,
+      "type": "switch",
+      "note": "test"
     }
 
   ]
diff --git a/inlineamp/templates/includes/post-head.ejs b/inlineamp/templates/includes/post-head.ejs
index ea03849..96cb9af 100644
--- a/inlineamp/templates/includes/post-head.ejs
+++ b/inlineamp/templates/includes/post-head.ejs
@@ -5,411 +5,2489 @@
 <script async src="https://cdn.ampproject.org/v0.js"></script>
 <title><%= siteTitle %></title>
 <style amp-custom>
-body{width:100vw;display:flex;flex-direction:column;font-family:'PT Serif',-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif,serif;background:#fff}
-:focus{outline:0}
-@font-face{font-family:iconfont;src:url(https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.eot?20200105#iefix) format('embedded-opentype'),url(https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.woff2?20200105) format('woff2'),url(https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.woff?20200105) format('woff'),url(https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.ttf?20200105) format('truetype'),url(https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.svg?20200105#iconfont) format('svg')}
-@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:local('PT Serif'),local('PTSerif-Regular'),url(https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/ptserif.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
-.iconfont{font-family:iconfont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-input[type=email],input[type=password],input[type=submit],input[type=text],input[type=url],textarea{-webkit-appearance:none;border-radius:0}
-header{width:100vw;background:#222;display:flex;justify-content:center}
-.top-container{width:71.4286vw;height:100%}
-.title-menus-area{display:flex;width:100%;height:5.8095vw;justify-content:space-between}
-.blog-title{display:flex;font-size:1.6667vw;font-weight:700;color:#fff;margin-top:1.2857vw;white-space:nowrap;text-decoration:none;line-height:1.6667vw}
-.tagline{display:flex;width:100%;flex-direction:column;align-items:center}
-.tagline-main{color:#fff;font-size:2.9286vw;margin-bottom:1.6667vw;line-height:2.9286vw;display:flex;flex-direction:column;align-items:center}
-.tagline-main:after{content:'';display:flex;background:#f6f8fa;width:4.7619vw;height:.2381vw;margin-top:1.6667vw}
-.tagline-sub{color:#8a8a8a;font-size:.9524vw;line-height:1.6667vw;margin-bottom:3.5119vw}
-.tagline-sub a{text-decoration:none;color:unset}
-.tagline-sub a:hover{color:#dbb302}
-.scrolltop-wrap{box-sizing:border-box;position:absolute;top:11.6667vw;right:-3.9048vw;bottom:0}
-.go-top{width:2.9762vw;height:2.9762vw;font-size:1.1905vw;text-decoration:none;background:#dbb302;border-radius:100%;color:#fff;justify-content:center;align-items:center;display:flex;cursor:pointer;position:fixed;position:-webkit-sticky;position:sticky;top:-5.9524vw;transform:translateY(100vh);overflow:hidden}
-@media only screen and (max-width:640px){.top-container{width:100%}
-.title-menus-area{padding-top:4.6667vw;height:auto;position:relative}
-.blog-title{margin-top:0;margin-left:5.3333vw;font-size:3.7333vw;line-height:3.7333vw}
-.tagline{margin:6vw auto 0 auto;width:89.3333vw}
-.tagline-main{font-size:5.0667vw;line-height:5.0667vw;margin-bottom:2vw}
-.tagline-main:after{width:8.8vw;height:.44vw;margin-top:3.0667vw}
-.tagline-sub{font-size:2.9333vw;line-height:5.1333vw}
-.scrolltop-wrap{display:none}
-}
-.top-menus{display:flex;padding-right:1.7619vw;padding-top:1.5833vw;height:.9524vw}
-.top-menus>nav>ul>li{display:flex;list-style:none;margin-left:2.393vw;margin-bottom:.2976vw;position:relative;height:1.9644vw}
-.top-menus>nav>ul>li>a{color:#fff;font-size:.9524vw;line-height:.9524vw;text-decoration:none}
-.top-menus .menu{display:flex;margin:0;padding:0;white-space:nowrap;list-style:none;justify-content:flex-end;flex-wrap:wrap}
-.top-menus>nav>ul>li.menu-item-has-children>a:after{font-family:iconfont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e62b';margin-left:.5952vw;font-size:.9524vw}
-.top-menus>nav>ul>li:hover a{color:#dbb302}
-.top-menus>nav>ul>li:hover>ul{opacity:1;visibility:visible;transition:.2s all ease}
-.top-menus>nav>ul>li>.sub-menu{position:absolute;left:50%;transform:translateX(-50%);margin-top:1.9345vw;display:flex;flex-direction:column;background:#2a2a2a;border:#4a4a4a .0595vw solid;padding-top:.4167vw;padding-bottom:.4167vw;padding-left:1.2501vw;padding-right:1.2501vw;z-index:1;overflow:hidden;opacity:0;visibility:hidden;transition:.2s all ease}
-.top-menus>nav>ul>li>.sub-menu>li{list-style:none;border-bottom:#4a4a4a .0595vw solid}
-.top-menus>nav>ul>li>.sub-menu>li:last-child{border-bottom:0}
-.top-menus ul>li>.sub-menu>li>a{font-size:.8333vw;line-height:.8333vw;color:#fff;text-decoration:none;width:100%;min-height:2.4405vw;display:flex;align-items:center}
-.top-menus>nav>ul>li>.sub-menu>li ul{padding-left:.893vw}
-.top-menus>nav>ul>li>.sub-menu>li>ul li{list-style:none}
-.top-menus>nav>ul>li>.sub-menu>li ul li a{color:rgba(255,255,255,.4);min-height:unset;margin-bottom:.6548vw}
-.top-menus>nav>ul>li>.sub-menu>li ul li a:before{content:'-';margin-right:.2976vw}
-.top-menus>nav>ul>li>.sub-menu>li a:hover{color:#dbb302}
-#header-menu-button{display:none}
-@media only screen and (max-width:640px){#header-menu-button+header .top-menus{display:flex;position:absolute;width:100%;padding:0;height:auto;top:0;z-index:1;pointer-events:none}
-#header-menu-button:checked+header .top-menus{pointer-events:auto}
-#header-menu-button:checked+header .top-menus nav>ul{padding-left:4vw;padding-right:4vw;opacity:1;visibility:visible;padding-bottom:16vw}
-#header-menu-button+header .top-menus nav>ul{min-height:100vh;position:fixed;top:0;bottom:0;overflow:scroll;flex-wrap:nowrap;opacity:0;transition:.6s all ease;visibility:hidden;display:flex;width:100%;flex-direction:column;background:#222;justify-content:start;padding-top:0;padding-bottom:4.1333vw;box-sizing:border-box}
-#header-menu-button+header .top-menus nav>ul>li{margin:0;height:auto;padding-left:1.3333vw;padding-right:1.3333vw;border-bottom:.1333vw #4a4a4a solid;flex-direction:column;padding-top:4.0667vw;padding-bottom:4.0667vw}
-#header-menu-button+header .top-menus nav>ul>li:first-child>a{padding-top:0}
-#header-menu-button+header .top-menus nav>ul>li:last-child{border-bottom:none}
-#header-menu-button+header .top-menus nav>ul>li>a{font-size:3.7333vw;line-height:3.7333vw}
-.top-menus>nav>ul>li.menu-item-has-children>a:after{display:none}
-ul#menu-top-menu li{display:inline-flex;white-space:normal}
-.top-menus>nav>ul>li>.sub-menu{display:flex;transform:none;position:relative;left:0;margin-top:0;margin-bottom:4vw;background:inherit;border:none;padding:0;padding-left:3vw;opacity:1;visibility:visible}
-.top-menus>nav>ul>li:hover a{color:#fff}
-.top-menus>nav>ul li a:hover{color:#dbb302}
-.top-menus>nav>ul>li>.sub-menu>li{border:none;margin-top:3.7067vw;flex-direction:column}
-.top-menus>nav>ul>li>.sub-menu>li>a:before{content:'-';margin-right:.8vw;color:rgba(255,255,255,.4)}
-.top-menus>nav>ul>li>.sub-menu>li ul{padding-left:3vw}
-.top-menus>nav>ul>li>.sub-menu>li ul li a{margin-bottom:0;margin-top:3.7067vw}
-.top-menus ul>li>.sub-menu>li>a{font-size:3.7333vw;line-height:3.7333vw;color:rgba(255,255,255,.4)}
-#header-menu-button{display:flex;margin:0;-webkit-appearance:none;appearance:none;line-height:3.7333vw;width:4vw;height:4vw;z-index:2;position:absolute;right:4vw;top:4vw;border:none;background:0 0}
-#header-menu-button:checked+header+main{animation:mainhide 2s ease;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;overflow:hidden}
-@keyframes mainhide{from{max-height:auto}
-to{overflow:hidden;max-height:0}
-}
-#header-menu-button:checked{position:fixed}
-#header-menu-button:checked:after{display:flex;content:'\e63c';transform:scale(.7)}
-#header-menu-button:after{content:'';color:#fff;font-family:iconfont;font-size:5.3333vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e63e'}
-}
-main{width:71.4286vw;display:flex;margin:0 auto;justify-content:space-between;padding-top:2.9762vw;position:relative}
-.main-container{width:48.2143vw}
-.list-box{width:100%;display:flex;flex-direction:column;margin-bottom:2.9762vw}
-.title-img{width:48.2143vw;height:17.8571vw;position:relative}
-.title-img amp-img.contain img{object-fit:cover;object-position:top;transition:all .5s}
-a.title-img:hover amp-img.contain img{object-fit:cover;transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08)}
-.post-info{position:relative;padding-left:1.7857vw;padding-top:1.5119vw;padding-right:1.7857vw;padding-bottom:1.7857vw;width:48.2143vw;border:.0595vw solid #e6e6e6;box-sizing:border-box;display:flex;flex-direction:column}
-.post-cate{font-size:.9524vw;line-height:1.5476vw;color:#dbb302;text-decoration:none;margin-right:.9644vw;display:flex;align-items:center}
-.sticky-tag{display:flex;align-items:center;color:#dbb302}
-.post-cate:before,.sticky-tag:before{display:flex;content:'';width:.0595vw;min-width:1px;height:.6548vw;background:#dbb302;margin-right:.9524vw}
-.post-cate:first-child:before{display:none}
-.sticky-tag .sticky-text{font-size:.9524vw;text-transform:uppercase}
-.sticky-tag .sticky-text:before{font-family:iconfont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\e63f';font-size:.9524vw;margin-right:.4167vw}
-.post-title{font-size:1.3613vw;line-height:2.381vw;margin-top:.5952vw;margin-bottom:0;width:39.881vw;word-break:break-all}
-.post-title:after{display:flex;content:'';width:4.1667vw;height:.2976vw;background:#dbb302;margin-top:.7321vw}
-.post-title a{text-decoration:none;color:#000}
-.post-excerpt{margin-top:1.4286vw;margin-bottom:1.1905vw;font-size:.9524vw;line-height:1.6667vw;color:#8a8a8a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;visibility:visible}
-.flex-box{display:flex;align-items:center}
-.meta-category{flex-wrap:wrap;padding-right:4.1667vw}
-.justify-between{justify-content:space-between}
-.read-more{display:flex;justify-content:center;align-items:center;font-size:.8333vw;line-height:.8333vw;text-decoration:none;min-width:9.1667vw;min-height:2.1429vw;box-sizing:border-box;padding-left:1.1905vw;padding-right:1.1905vw;padding-top:.7143vw;padding-bottom:.7143vw;color:#dbb302;border:.0595vw #dbb302 solid;transition:all .2s;text-transform:uppercase}
-.read-more:hover{background:#dbb302;color:#fff}
-.icon-ml-readmore{margin-left:.625vw;font-size:1.1905vw}
-.post-meta-box{margin-top:.7143vw;font-size:.8333vw}
-.post-meta{font-size:.8333vw;color:#1a1a1a;text-decoration:none;margin-left:1.4881vw;display:inline-flex;align-items:center}
-.icon-mr-postmeta{margin-right:.5952vw;font-size:1.4881vw}
-.post-meta .icon-like-sp{font-size:1.1905vw}
-.post-meta-box a.edit-link:after{content:'';display:flex;background:#979797;margin-left:1.4881vw;width:.0595vw;height:.6548vw}
-.post-publish-date{width:4.1667vw;height:4.7619vw;background:#f6f6f7;position:absolute;right:1.2501vw;top:-.8333vw;flex-direction:column;justify-content:center;align-items:center}
-.post-publish-date .post-date{color:#dbb302;font-size:1.3095vw;line-height:2.2916vw;font-weight:700}
-.post-publish-date .post-month{color:#000;font-size:.8333vw;line-height:1.4583vw;text-transform:uppercase}
-.list-box:last-child{margin-bottom:2.381vw}
-.pagination .screen-reader-text{display:none}
-.nav-links{margin-top:2.9762vw;margin-bottom:2.9762vw;display:flex;justify-content:center;flex-wrap:wrap}
-.nav-links .page-numbers,.nav-links .post-page-numbers{min-width:2.1429vw;height:2.1429vw;border:.0595vw #dbb302 solid;color:#dbb302;font-size:1.0714vw;line-height:1.0714vw;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;margin-left:.4762vw;margin-right:.4762vw;margin-bottom:.4762vw;box-sizing:border-box}
-.nav-links .current,.nav-links a.page-numbers:hover,.nav-links a.post-page-numbers:hover{background:#dbb302;color:#fff}
-.pagination>.nav-links>.dots{border:none;padding-bottom:.5714vw}
-@media only screen and (max-width:640px){main{width:100%;flex-direction:column;align-items:center;padding-top:6.6667vw}
-.main-container{width:92vw}
-.title-img{width:92vw;height:34.1333vw}
-.post-info{width:92vw;padding:3.4667vw;border:.2667vw solid #e6e6e6}
-.post-publish-date{width:10.6667vw;height:12.1333vw;top:-2vw;right:2.8vw}
-.post-publish-date .post-date{font-size:3.4667vw;line-height:6.0667vw}
-.post-publish-date .post-month{font-size:2.1333vw;line-height:3.7333vw}
-.post-cate{font-size:3.4667vw;line-height:4.8vw;margin-right:2.2133vw}
-.post-cate:before,.sticky-tag:before{width:.1333vw;height:1.8933vw;margin-right:2.2vw}
-.sticky-tag .sticky-text{font-size:2.9333vw;line-height:2.9333vw}
-.sticky-tag .sticky-text:before{font-size:2.8vw;margin-right:2vw}
-.post-title{margin-top:2.5333vw;margin-bottom:0;font-size:4.8vw;line-height:6.6667vw;width:74.4vw}
-.post-title:after{width:9.3333vw;height:.8vw;margin-top:2.2667vw}
-.post-excerpt{margin-top:3.3333vw;margin-bottom:3.3333vw;font-size:4vw;line-height:5.6vw}
-.read-more{font-size:2.4533vw;line-height:2.4533vw;min-width:26.4933vw;min-height:6.1333vw;padding-left:3.7333vw;padding-right:3.7333vw;padding-top:2vw;padding-bottom:2vw;border:.1333vw #dbb302 solid}
-.icon-ml-readmore{margin-left:1.3333vw;font-size:3.3333vw}
-.post-meta{font-size:2.1333vw;margin-left:3.2vw}
-.icon-mr-postmeta{margin-right:1.8667vw;font-size:3.4667vw}
-.post-meta-box a.edit-link:after{margin-left:3.2133vw;width:.1333vw;height:1.68vw}
-.post-meta .icon-like-sp{font-size:2.4vw}
-.list-box{margin-bottom:5.3333vw}
-.nav-links .page-numbers,.nav-links .post-page-numbers{min-width:8vw;height:8vw;border:.1333vw #dbb302 solid;font-size:4vw;line-height:4vw;margin-left:1.7733vw;margin-right:1.7733vw;margin-bottom:1.7733vw}
-.pagination>.nav-links>.dots{padding-bottom:2.6667vw}
-.list-box:last-child{margin-bottom:5.3333vw}
-.meta-category{flex-wrap:wrap;padding-right:10.6667vw}
-}
-.sidebar{width:19.6429vw;min-height:29.7619vw}
-.sidebar>aside:first-child{margin-top:0}
-.widget{width:100%}
-.widget-title{color:#000;font-size:1.0714vw;line-height:1.0714vw;margin-top:0;margin-bottom:1.6667vw;text-transform:uppercase}
-.widget-title:after{display:flex;margin-top:1.1131vw;content:'';width:3.7501vw;height:.119vw;min-height:1.5px;background:#dedede}
-.widget{border-bottom:.0595vw #ebebeb solid;padding-bottom:2.1429vw;margin-bottom:2.9762vw}
-.widget:last-child{margin-bottom:0;border-bottom:none}
-.widget>ul{overflow-wrap:break-word;margin:0;padding-left:0}
-.widget_categories>ul>li>ul.children>li.cat-item{color:#000;font-size:.9524vw;margin-top:1.1905vw}
-.widget_categories>ul>li>ul.children>li.cat-item ul.children li{color:#000;font-size:.9524vw;margin-top:.9524vw}
-.widget_categories>ul>li.cat-item:before{content:'\e641';font-family:iconfont;color:#dbb302;font-size:.9524vw;margin-right:.7143vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.widget_categories>ul>li>ul.children{padding-left:1.4286vw}
-.widget_categories>ul>li>ul.children>li>ul.children{padding-left:2.619vw}
-.widget_categories>ul>li>ul.children>li>ul.children>li ul{padding-left:1.3095vw}
-.widget_categories ul.children{padding-left:.2976vw;display:flex;flex-direction:column}
-.widget_categories>ul>li>ul.children>li:before{content:"\e642";display:inline-flex;font-family:iconfont;color:#dbb302;font-size:.9524vw;margin-right:.5952vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.widget_categories li.cat-item a{color:#000;text-decoration:none}
-.widget_categories ul{list-style:none}
-.widget_categories .screen-reader-text{display:none}
-.widget ul li{font-size:.9524vw;line-height:1.5476vw;margin-top:1.25vw;list-style:none;position:relative;padding-left:1.6667vw}
-.widget ul li:first-child{margin-top:0}
-.widget ul li a{color:#000;text-decoration:none}
-.widget ul li a:hover{color:#dbb302}
-.widget>ul>li:before{content:'\e62d';font-family:iconfont;color:#dbb302;font-size:.893vw;margin-right:.7143vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0}
-.widget .screen-reader-text{display:none}
-.widget_search form{display:flex;position:relative;align-items:center}
-.widget_search{border-bottom:none;padding-bottom:0}
-.widget_search form input[type=text]{width:19.5833vw;height:2.6787vw;border:.0595vw #e6e6e6 solid;border-radius:.2381vw;padding-left:1.1905vw;padding-right:2.9762vw;font-size:.8333vw}
-.widget_search form input[type=text]::placeholder{font-size:.8333vw;color:#8a8a8a}
-.widget_search form button[type=submit]{position:absolute;right:0;padding:0;border:none;background:unset;z-index:1;cursor:pointer}
-.widget_search form button[type=submit]:before{content:'\e62c';font-family:iconfont;color:#b0b0b0;font-size:1.7857vw;margin-right:.7143vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.widget_profile{padding-bottom:0;border-bottom:0}
-.widget_profile .profile-box{width:19.6429vw;min-height:9.2262vw;border:.0595vw #e6e6e6 solid;display:flex;justify-content:center;position:relative;margin-top:2.6787vw}
-.widget_profile .profile-avatar{width:5.3571vw;height:5.3571vw;position:absolute;top:-2.6787vw}
-.widget_profile .profile-avatar img{border-radius:100%}
-.widget_profile .profile-content{font-size:.9524vw;padding:2.9762vw 1.6667vw 1.9048vw 1.6667vw;width:100%;box-sizing:border-box;word-break:break-word;line-height:1.8}
-.widget_profile .profile-content li{margin-top:.5952vw}
-.widget_profile ol,.widget_profile ul{padding-left:.9524vw;margin-top:.5952vw;margin-bottom:.5952vw}
-.widget_profile .profile-content p{margin-block-start:auto;margin-block-end:auto;margin-top:.5952vw}
-.widget_profile img{max-width:100%;height:auto}
-.widget_profile .wp-video,.widget_profile .wp-video video{max-width:100%;height:auto}
-.widget_profile a{font-size:.9524vw;color:#dbb302;text-decoration:none}
-.widget ul li a,.widget ul li span{color:#000}
-.widget ul li span.post-date{color:#888;font-style:italic}
-li.recentcomments{color:#888}
-@media only screen and (max-width:640px){.sidebar{width:92vw;margin-top:8vw}
-.widget_profile .profile-box{width:92vw;margin-top:12.5333vw;border:.2667vw #e6e6e6 solid}
-.widget_profile .profile-avatar{width:25.0667vw;height:25.0667vw;top:-12.5333vw}
-.widget_profile .profile-content{font-size:4vw;line-height:5.8667vw;padding:17.8667vw 8.0667vw 4.8267vw 8.0667vw}
-.widget_profile .profile-content li{font-size:4vw;line-height:5.8667vw;margin-top:1.3333vw;list-style:unset}
-.widget_profile ol,.widget_profile ul{padding-left:2.1333vw;margin-top:1.3333vw;margin-bottom:1.3333vw}
-.widget_profile .profile-content p{margin-block-start:auto;margin-block-end:auto;margin-top:1.3333vw}
-.widget_profile img{max-width:100%;height:auto}
-.widget_profile a{font-size:4vw;color:#dbb302;text-decoration:none}
-.widget_search{margin-top:8vw;margin-bottom:8vw}
-.widget_search form input[type=text]{width:92vw;height:10.6667vw;border:.2667vw #e6e6e6 solid;border-radius:.5333vw;padding-left:5.3333vw;padding-right:6.6667vw;font-size:4vw}
-.widget_search form input[type=text]::placeholder{font-size:4vw}
-.widget_search form button[type=submit]:before{font-size:6.4vw;margin-right:4.1333vw}
-.widget{border-bottom:.2667vw #ebebeb solid;padding-bottom:8.0667vw;margin-bottom:8.0667vw}
-.widget_profile,.widget_search{border-bottom:none;padding-bottom:0}
-.widget:last-child{margin-bottom:0;border-bottom:none}
-.widget-title{font-size:4.5333vw;line-height:4.5333vw;margin-bottom:7.4133vw}
-.widget-title:after{margin-top:4.5067vw;width:15.2133vw;height:.48vw}
-.widget_categories>ul>li.cat-item:before{font-size:3.6vw;margin-right:2.8933vw}
-.widget ul li{font-size:4vw;line-height:6.6667vw;margin-top:4vw;padding-left:6.6667vw}
-.widget_categories>ul>li>ul.children{padding-left:3.7333vw}
-.widget_categories>ul>li>ul.children>li:before{font-size:4vw;margin-right:1.3333vw}
-.widget_categories>ul>li>ul.children>li.cat-item{font-size:3.3333vw;margin-top:2.6667vw}
-.widget_categories>ul>li>ul.children>li>ul.children{padding-left:6.6667vw}
-.widget_categories>ul>li>ul.children>li.cat-item ul.children li{font-size:3.3333vw;margin-top:2.6667vw}
-.widget>ul>li:before{font-size:3.6vw;margin-right:2.5333vw}
-}
-footer{width:100vw;background:#222;display:flex;justify-content:center}
-.footer-container{width:71.4286vw;height:100%;display:flex;justify-content:center;flex-direction:column}
-.footer-container .footer-copyright{margin-bottom:1.1905vw;margin-top:2.893vw}
-.footer-container .footer-copyright,.footer-container .footer-copyright a{text-align:center;font-size:.8333vw;color:#8a8a8a;line-height:.5952vw;text-decoration:none}
-.footer-menus>nav{margin-top:2.893vw;margin-bottom:.875vw}
-.footer-menus>nav>ul{display:flex;margin-top:0;margin-bottom:0;display:flex;justify-content:center}
-.footer-menus>nav>ul>li{font-size:1.0714vw;line-height:1.0714vw;text-transform:uppercase;display:flex;flex-direction:column}
-.footer-menus>nav>ul>li>a:after{display:flex;content:'';margin-top:.7798vw;width:2.381vw;height:.119vw;background:#444}
-.footer-menus>nav>ul>li>a{color:#dbb302}
-.footer-menus>nav a{text-decoration:none;font-size:1.0714vw}
-.footer-menus>nav li,.footer-menus>nav ul{list-style:none;justify-content:space-around;justify-content:space-evenly;display:flex;padding-left:0}
-.footer-menus>nav>ul>li .sub-menu{display:flex;flex-direction:column;text-transform:none}
-.footer-menus>nav>ul>li ul li{margin-top:1.2143vw;line-height:.9524vw;display:flex;justify-content:start}
-.footer-container a:hover{color:#dbb302}
-.footer-menus>nav>ul>li ul li:first-child{margin-top:.893vw}
-.footer-menus>nav>ul>li ul li a{font-size:.9524vw;color:rgba(255,255,255,.6);display:flex}
-@media only screen and (max-width:640px){.footer-container{width:100%;padding-top:8.1333vw;padding-bottom:5.3333vw}
-.footer-menus>nav>ul>li{font-size:3.7333vw;line-height:3.7333vw;margin-bottom:13.3333vw;min-width:33.4667vw;margin-left:4vw;margin-right:4vw}
-.footer-menus>nav a{font-size:3.7333vw}
-.footer-menus>nav>ul>li>a:after{margin-top:2.8vw;width:8.5467vw;height:.4267vw}
-.footer-menus>nav>ul>li ul li:first-child{margin-top:3.1733vw}
-.footer-menus>nav>ul>li ul li{margin-top:4.3067vw;font-size:3.4667vw;line-height:3.4667vw}
-.footer-menus>nav>ul>li ul li a{font-size:3.4667vw}
-.footer-menus>nav>ul{flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:0 8.5334vw 0 8.5334vw}
-.footer-menus>nav{margin:0}
-.footer-container .footer-copyright,.footer-container .footer-copyright a{font-size:2.9333vw;line-height:2.9333vw}
-.footer-container .footer-copyright p{margin-top:0}
-.footer-container .footer-copyright{margin-top:0;margin-bottom:0}
-}
-.content{word-break:break-word}
-.content *{max-width:100%}
-hr{border:none;background:#e6e6e6;width:100%;height:.0595vw;margin-top:2.381vw;margin-bottom:2.381vw}
-.post-password-form>p>label>input{margin-left:.893vw;margin-right:.8333vw;width:19.0476vw;height:2.381vw;border-radius:.2381vw;border:.0595vw #e6e6e6 solid;padding-left:1.1905vw;padding-right:1.1905vw;vertical-align:middle}
-.post-password-form>p>input{font-size:.9524vw;color:#fff;background:#464646;border-radius:.2381vw;padding:.8452vw 1.131vw .8452vw 1.131vw;border:none}
-.content figure{margin:0}
-h2.article-title{margin-top:1.3095vw;font-size:1.9048vw;line-height:2.8571vw;margin-bottom:1.9048vw}
-h2.article-title a{color:#000;text-decoration:none}
-.article-info .post-meta-box{margin-top:0}
-.article-info .post-meta-box a.edit-link:after{display:none}
-.article-info .post-meta-box a.edit-link:before{content:'';display:flex;background:#979797;margin-right:1.4881vw;width:.0595vw;height:.6548vw}
-.article-info .post-meta:first-child{margin-left:0}
-.article-info .post-meta-box{margin-bottom:.9524vw}
-.content blockquote{margin-left:0;margin-right:0;margin-top:1.4286vw;margin-bottom:1.4286vw;position:relative;padding-left:3.5714vw}
-.content blockquote p{margin:0;font-size:1.3095vw;line-height:1.9048vw;color:#000}
-.content blockquote:before{content:'\e648';font-family:iconfont;color:#e6e6e6;font-size:2.1072vw;margin-right:1.6667vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0}
-.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:1.7857vw;margin-bottom:1.7857vw}
-.content h1{font-size:1.6667vw}
-.content h2{font-size:1.5476vw}
-.content h3{font-size:1.4286vw}
-.content h4{font-size:1.3095vw}
-.content h5{font-size:1.1905vw}
-.content h6{font-size:1.0714vw}
-.content p{margin-top:2.0238vw;margin-bottom:2.0238vw;font-size:1.0714vw;line-height:1.9048vw;color:#666;display:flex}
-.content .aligncenter{margin-left:auto;margin-right:auto}
-.content>figure{margin:2.0238vw 0 2.0238vw 0}
-.blocks-gallery-item figure img{display:flex}
-.content ol,.content ul{padding-left:1.4881vw;font-size:1.0714vw;line-height:1.9048vw;margin-top:2.0238vw;margin-bottom:2.0238vw}
-.content figcaption{font-size:1.1905vw;color:#666;text-align:center;margin-top:.2976vw}
-.wp-block-cover{margin:2.0238vw 0 2.0238vw 0}
-.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:center center;min-height:25.5952vw;height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
-.wp-block-cover-image.has-background-dim::before,.wp-block-cover.has-background-dim::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}
-.wp-block-cover .wp-block-cover__inner-container p{margin:0;text-align:center}
-.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{z-index:1;color:#f8f9f9}
-.wp-block-cover__inner-containe,.wp-block-cover__inner-container p{color:#fff;font-size:1.7857vw}
-figure.wp-block-gallery ul{list-style:none;padding:0;margin:0;max-width:100%;display:flex;justify-content:space-between}
-li.blocks-gallery-item{max-width:100%}
-.wp-block-gallery ul li figure{margin:0;position:relative}
-.wp-block-gallery ul li figure>figcaption{position:absolute;bottom:0;width:100%;font-size:1.1905vw;line-height:1.7857vw;padding-top:1.3542%;padding-bottom:1.0417%;margin:0;color:#fff;background:linear-gradient(to top,rgba(13,13,13,.85),transparent)}
-.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}
-.wp-block-gallery ul>li{margin-bottom:.9524vw}
-.wp-block-gallery ul>li:first-child:last-child{width:100%}
-.wp-block-gallery ul>li:first-child:nth-last-child(n+2),.wp-block-gallery ul>li:first-child:nth-last-child(n+2)~li{width:calc((100% - 3%)/ 2)}
-.wp-block-gallery ul>li:first-child:nth-last-child(3n),.wp-block-gallery ul>li:first-child:nth-last-child(3n)~li{width:calc((100% - 3%)/ 3)}
-.wp-block-file{background:#f6f6f7;padding-left:1.4881vw;padding-right:1.0119vw;padding-top:1.0714vw;padding-bottom:1.0714vw;margin:2.0238vw 0 2.0238vw 0;font-size:.9524vw;line-height:2.381vw}
-.wp-block-file:before{content:'Download:';color:#000;margin-right:.5952vw}
-.wp-block-file a:last-child,a.wp-block-file__button{float:right;display:flex;padding:.7143vw 1.131vw .7143vw 1.131vw;border:.0595vw #dbb302 solid;line-height:.7619vw}
-.wp-block-file a:last-child:hover,a.wp-block-file__button:hover{background:#dbb302;color:#fff}
-.wp-block-file a:last-child:after,a.wp-block-file__button:after{content:'\e645';font-family:iconfont;font-size:.9524vw;margin-left:.8333vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.content a{color:#dbb302;text-decoration:none}
-.content .wp-block-code{width:100%;background:#f6f6f7;padding:.9524vw;font-size:1.1905vw;line-height:1.7857vw;color:#666;box-sizing:border-box}
-.wp-block-table table{width:100%;border-collapse:collapse;font-size:1.1905vw}
-.wp-block-table table td{color:#666;border:.0595vw #ccc solid;padding:.4762vw}
-.wp-block-button{margin:2.0238vw 0 2.0238vw 0}
-.wp-block-button a{text-decoration:underline}
-.wp-block-media-text{display:flex;margin:2.0238vw 0 2.0238vw 0}
-.wp-block-media-text figure{width:50%;margin:0}
-.wp-block-media-text .wp-block-media-text__content{margin-left:.893vw}
-.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}
-.wp-block-columns{flex-wrap:nowrap;display:flex}
-.likes-form{text-align:center;margin-bottom:3.5714vw}
-.likes-button{width:4.7619vw;height:4.7619vw;border-radius:100%;border:.0595vw solid #c4c4c4;background:#fff;color:#1a1a1a;font-size:.8333vw;display:inline-flex;flex-direction:column;justify-content:center;align-items:center}
-.likes-button-active,.likes-button:hover{color:#dbb302}
-.likes-button:before{content:'\e64a';font-family:iconfont;font-size:1.9048vw;margin-bottom:.3571vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.likes-form .likes-button-active:before{content:'\e63d'}
-.post-nav{display:flex;justify-content:space-between;margin-bottom:4.5238vw}
-.post-nav .nav-next a,.post-nav .nav-previous a{color:#c5c5c5;font-size:1.0714vw;text-decoration:none;font-weight:700;display:inline-flex}
-.post-nav a.post-nav-link-active{color:#000}
-.post-nav a.post-nav-link-active:hover{color:#dbb302}
-.post-nav .nav-previous a:before{content:'\e640';font-family:iconfont;font-size:1.5476vw;margin-right:.875vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.post-nav .nav-next a:after{content:'\e649';font-family:iconfont;font-size:1.5476vw;margin-left:.875vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.social-share{display:flex;max-width:100%}
-.social-share-box{width:2.9762vw;height:2.9762vw;margin-right:1.7857vw}
-amp-social-share.rounded{display:flex;border-radius:50%;background-size:60%;color:#fff;background-color:#000}
-amp-social-share.rounded:hover{background-color:#dbb302}
-.post-tags{display:flex;margin-top:1.9644vw;flex-wrap:wrap}
-.post-tags a{display:inline-flex;background:#f2f2f2;padding-left:1.3393vw;padding-right:1.3393vw;padding-top:.6548vw;padding-bottom:.6548vw;margin-right:.3571vw;margin-bottom:.3571vw;color:#666;font-size:.8333vw;line-height:.8333vw;text-decoration:none;text-transform:uppercase}
-#comments{margin-top:4.7619vw}
-.comments>h2{text-align:center;margin-bottom:3.5714vw;font-size:1.0714vw;line-height:1.0714vw;text-transform:uppercase}
-.comments>ul{list-style:none;padding-left:.9524vw;margin-top:0;margin-bottom:1.7857vw}
-.comments>ul .comment-author .avatar{border-radius:100%;width:4.7619vw;height:4.7619vw;position:absolute;left:.9524vw}
-.comments>ul cite.fn a{font-weight:700;font-size:1.0714vw;color:#000;font-style:normal}
-.comments>ul span.says{display:none}
-.comments>ul cite.fn{font-weight:700;font-style:normal}
-.comments>ul .comment-meta a:first-child{color:#b5b5b5;font-size:.9524vw;line-height:.9524vw;font-style:italic}
-.comments>ul .comment-meta{margin-bottom:1.9048vw}
-.comments>ul .comment-body{position:relative;padding-left:7.7381vw;padding-bottom:.5952vw;padding-top:2.381vw}
-#comments>ul>li.comment ul{list-style:none}
-#comments>ul>li.comment ul .comment-body:before{content:' ';height:2.9762vw;width:.2381vw;background:#eee;display:flex;position:absolute;left:-.5952vw;top:3.2738vw}
-#comments>ul>li.comment{border-bottom:.0595vw solid #e6e6e6}
-#comments>ul>li.comment:last-child{border-bottom:none}
-.comments>ul .comment-body .reply{text-transform:uppercase;position:absolute;right:0;top:2.381vw;font-size:1.0714vw}
-.comment-respond .comment-reply-title{font-size:1.0714vw;text-transform:uppercase}
-.comment-respond .comment-reply-title>small{text-transform:uppercase;float:right}
-.comment-form{font-size:0}
-.comment-form>.logged-in-as a:first-child{color:#666}
-.comment-form>.logged-in-as{margin-bottom:1.7857vw}
-.comment-form>.form-submit{margin-bottom:4.7619vw}
-.comment-form .comment-error{color:red;font-size:1.0714vw;margin-bottom:.2976vw}
-.comment-form-comment .comment-content{width:48.2143vw;height:11.9048vw;resize:none;border:.0595vw #e6e6e6 solid;padding:1.1905vw 1.3095vw 1.1905vw 1.3095vw;font-size:1.0952vw;line-height:1.0952vw;box-sizing:border-box}
-.comment-form-comment .comment-content::placeholder{font-size:1.0952vw;line-height:1.0952vw}
-.comment-form>.form-submit>.submit{border:.0595vw solid #dbb302;text-transform:uppercase;color:#dbb302;font-size:1.0952vw;line-height:1.0952vw;background:#fff;box-sizing:border-box;padding:.9644vw 1.5059vw .9644vw 1.5059vw;cursor:pointer}
-.comment-form>.form-submit>.submit:hover{background:#dbb302;color:#fff}
-.comment-form-author{margin-right:1.3095vw}
-.comment-form-author,.comment-form-email,.comment-form-url{display:inline-flex}
-.comment-form-author input,.comment-form-email input,.comment-form-url input{width:23.4524vw;height:3.4524vw;border:.0595vw solid #e6e6e6;padding:1.369vw;font-size:.9524vw;line-height:.9524vw;color:#333;box-sizing:border-box}
-.comment-form-url input{width:48.2143vw}
-#wp-comment-cookies-consent{width:1.0714vw;height:1.0714vw;margin:0;vertical-align:middle;margin-right:.2976vw}
-.comment-form-cookies-consent>label{color:#b5b5b5;font-size:.9524vw;line-height:.9524vw}
-@media only screen and (max-width:640px){.likes-form{margin-bottom:8vw}
-.article-info .post-meta-box a.edit-link:before{margin-right:3.2133vw;width:.1333vw;height:1.68vw}
-h2.article-title{margin-top:5.3333vw;font-size:5.0667vw;line-height:6.9334vw;margin-bottom:5.3333vw}
-.article-info .post-meta-box{margin-bottom:0}
-.content blockquote{margin-top:6.4666vw;margin-bottom:6.4666vw;padding-left:8vw}
-.content blockquote:before{font-size:4.7201vw;margin-right:3.7333vw}
-.content blockquote p{font-size:4vw;line-height:5.6vw}
-.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:5.3333vw;margin-bottom:5.3333vw}
-.content h1{font-size:5.6vw}
-.content h2{font-size:5.3333vw}
-.content h3{font-size:5.0667vw}
-.content h4{font-size:4.8vw}
-.content h5{font-size:4.5333vw}
-.content h6{font-size:4.2667vw}
-.content p{margin-top:4.5333vw;margin-bottom:4.5333vw;font-size:4vw;line-height:5.8667vw}
-.content ol,.content ul{padding-left:3.3333vw;font-size:4vw;line-height:5.8667vw;margin-top:5.3333vw;margin-bottom:5.3333vw}
-.content figcaption{font-size:3.2vw;margin-top:.6666vw}
-.content>figure{margin:4.5333vw 0 4.5333vw 0}
-.wp-block-cover,.wp-block-cover-image{min-height:50vw;margin:4.5333vw 0 4.5333vw 0}
-.wp-block-gallery ul>li{margin-bottom:2.1333vw}
-.content .wp-block-code{padding:2.1333vw;font-size:3.3vw;line-height:4.2667vw}
-.wp-block-table table{font-size:3.4667vw}
-.wp-block-file{padding-left:3.4667vw;padding-right:2.6667vw;padding-top:1.3333vw;padding-bottom:1.3333vw;margin:4.5333vw 0 4.5333vw 0;font-size:3.4667vw;line-height:5.3333vw}
-.wp-block-file a:last-child,a.wp-block-file__button{padding:1.6vw 3.2vw 1.6vw 3.2vw;border:.1333vw #dbb302 solid;line-height:2.1333vw}
-.wp-block-file a:last-child:after,a.wp-block-file__button:after{font-size:2.6667vw;margin-left:2.4vw}
-.nav-links{margin-top:4.5333vw;margin-bottom:4.5333vw}
-.wp-block-button{margin:4.5333vw 0 4.5333vw 0}
-.likes-button{width:16vw;height:16vw;border:.1333vw solid #c4c4c4;font-size:2.6667vw;margin-top:2.6667vw}
-.likes-button:before{font-size:5.6vw;margin-bottom:1.8667vw}
-.post-nav{margin-bottom:12.6667vw}
-.post-nav .nav-next a,.post-nav .nav-previous a{font-size:3.7333vw}
-.social-share-box{width:6.6667vw;height:6.6667vw;margin-right:4vw}
-.post-tags{margin-top:8.8vw}
-.post-tags a{padding-left:3.5333vw;padding-right:3.5333vw;padding-top:1.7333vw;padding-bottom:1.7333vw;margin-right:1.3333vw;font-size:2.2vw;line-height:2.2vw}
-.comments>ul .comment-author .avatar{width:10.6667vw;height:10.6667vw;left:0}
-#comments>ul{padding-left:0}
-.comments>ul .comment-body{padding-left:15.7067vw;padding-bottom:1.8667vw;padding-top:5.3333vw}
-.comments>ul cite.fn a{font-size:3.7333vw}
-.comments>ul .comment-meta a:first-child{font-size:3.2vw;line-height:3.2vw}
-.comments>ul .comment-body .reply{font-size:3.7333vw;top:5.3333vw}
-.comment-respond .comment-reply-title,.comments>h2{font-size:3.7333vw}
-.comment-form-comment .comment-content{width:92vw;height:26.6667vw;border:.1333vw #e6e6e6 solid;padding:4vw 3.3333vw 4vw 3.3333vw;font-size:3.4667vw;line-height:3.4667vw}
-.comment-form-comment .comment-content::placeholder{font-size:3.4667vw;line-height:3.4667vw}
-.comment-form>.form-submit>.submit{border:.1333vw solid #dbb302;font-size:3.2vw;line-height:3.2vw;padding:2.8133vw 4.4vw 2.8133vw 4.4vw;cursor:pointer}
-.comment-form .comment-error{font-size:3.4667vw}
-#comments>ul>li.comment{border-bottom:.1333vw solid #e6e6e6}
-.comment-form-author input,.comment-form-email input,.comment-form-url input{width:92vw;height:10.6667vw;border:.1333vw solid #e6e6e6;padding:2.5333vw;font-size:3.4667vw;line-height:3.4667vw}
-#wp-comment-cookies-consent{width:5.3333vw;height:5.3333vw;margin-right:1.3333vw}
-.comment-form-cookies-consent>label{font-size:3.2vw;line-height:4.8vw}
-.comment-form-cookies-consent{display:flex}
-.post-nav .nav-previous a:before{font-size:5.3333vw;margin-right:2.8vw}
-.post-nav .nav-next a:after{font-size:5.3333vw;margin-left:2.8vw}
-hr{height:.1333vw;margin-top:5.3333vw;margin-bottom:5.3333vw}
-.post-password-form>p>label>input{margin-left:2.0001vw;margin-right:1.8667vw;width:42.6667vw;height:5.3333vw;border-radius:.5333vw;border:.1334vw #e6e6e6 solid;padding-left:2.6667vw;padding-right:2.6667vw}
-.post-password-form>p>input{font-size:2.1333vw;border-radius:.5333vw;padding:1.8934vw 2.5334vw 1.8934vw 2.5334vw}
-#comments>ul>li.comment ul .comment-body:before{height:6.6667vw;width:.5333vw;left:-3.3333vw;top:7.3334vw}
-#comments{margin-top:12vw}
-.wp-block-table table td{border:.2667vw #ccc solid;padding:1.0667vw}
-.wp-block-gallery ul li figure>figcaption{font-size:1.7333vw;line-height:2.9333vw}
-}
-:root:not(#_):not(#_):not(#_):not(#_):not(#_) .profile{text-align:center;margin-top:.5vw}
+body {
+    width: 100vw;
+    display: flex;
+    flex-direction: column;
+	font-family: 'PT Serif',-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif, serif;
+	background: white;
+}
+
+*:focus{
+    outline: none;
+}
+@font-face {
+    font-family: 'iconfont';
+    src: url('https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.eot?20200105#iefix') format('embedded-opentype'),
+        url('https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.woff2?20200105') format('woff2'),
+        url('https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.woff?20200105') format('woff'),
+        url('https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.ttf?20200105') format('truetype'),
+        url('https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/iconfont.svg?20200105#iconfont') format('svg');
+}
+
+@font-face {
+  font-family: 'PT Serif';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: local('PT Serif'), local('PTSerif-Regular'), url('https://cdn.jsdelivr.net/gh/jiansing/gridea-theme-inlineamp/inlineamp/assets/media/fonts/ptserif.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+.iconfont {
+    font-family: "iconfont";
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+/* CSS reset */
+textarea,
+input[type="password"],
+input[type="text"],
+input[type="url"],
+input[type="email"],
+input[type="submit"]
+{
+    -webkit-appearance: none;
+    border-radius: 0;
+}
+
+header {
+    width: 100vw;
+    background: #222222;
+    display: flex;
+    justify-content: center;
+}
+.top-container {
+    width: 71.4286vw;
+    height: 100%;
+}
+.title-menus-area {
+    display: flex;
+    width: 100%;
+    height: 5.8095vw;
+    justify-content: space-between;
+}
+.blog-title {
+    display: flex;
+    font-size: 1.6667vw;
+    font-weight: bold;
+    color: white;
+    margin-top: 1.2857vw;
+    white-space: nowrap;
+    text-decoration: none;
+    line-height: 1.6667vw;
+}
+
+.tagline {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+}
+.tagline-main {
+    color: white;
+    font-size: 2.9286vw;
+    margin-bottom: 1.6667vw;
+    line-height: 2.9286vw;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.tagline-main:after {
+    content: '';
+    display: flex;
+    background: #F6F8FA;
+    width: 4.7619vw;
+    height: 0.2381vw;
+    margin-top: 1.6667vw;
+}
+
+.tagline-sub {
+    color: #8A8A8A;
+    font-size: 0.9524vw;
+    line-height: 1.6667vw;
+    margin-bottom: 3.5119vw;
+}
+
+.tagline-sub a {
+    text-decoration: none;
+    color: unset;
+}
+
+.tagline-sub a:hover {
+    color: #DBB302;
+}
+
+/* go top button */
+.scrolltop-wrap {
+    box-sizing: border-box;
+    position: absolute;
+    top: 11.6667vw;
+    right: -3.9048vw;
+    bottom: 0;
+}
+
+.go-top {
+    width: 2.9762vw;
+    height: 2.9762vw;
+    font-size: 1.1905vw;
+    text-decoration: none;
+    background: #DBB302;
+    border-radius: 100%;
+    color: white;
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    cursor: pointer;
+    
+    position: fixed;
+    position: -webkit-sticky;
+    position: sticky;
+    top: -5.9524vw;
+    transform: translateY(100vh);
+    overflow: hidden;
+}
+
+@media only screen and (max-width: 640px){
+    .top-container {
+        width: 100%;
+    }
+    .title-menus-area {
+        padding-top: 4.6667vw;
+        height: auto;
+        position: relative;
+    }
+    .blog-title { 
+        margin-top: 0;
+        margin-left: 5.3333vw;
+        font-size: 3.7333vw;
+        line-height: 3.7333vw;
+    }
+    .tagline {
+        margin: 6vw auto 0 auto;
+        width:89.3333vw;
+    }
+    .tagline-main {
+        font-size: 5.0667vw;
+        line-height: 5.0667vw;
+        margin-bottom: 2vw;
+    }
+    .tagline-main:after {
+        width: 8.8vw;
+        height: 0.44vw;
+        margin-top: 3.0667vw;
+    }
+    .tagline-sub {
+        font-size: 2.9333vw;
+        line-height: 5.1333vw;
+    }
+    .scrolltop-wrap {
+        display: none;      
+    }
+}/* top menu */
+.top-menus {
+    display: flex;
+    padding-right: 1.7619vw;
+    padding-top: 1.5833vw;
+    height: 0.9524vw;
+}
+
+.top-menus>nav>ul>li {
+    display: flex;
+    list-style: none;
+    margin-left: 2.393vw;
+    margin-bottom: 0.2976vw;
+    position: relative;
+    height: 1.9644vw;
+}
+
+.top-menus>nav>ul>li>a{
+    color: white;
+    font-size: 0.9524vw;
+    line-height: 0.9524vw;
+    text-decoration: none;
+}
+
+.top-menus .menu {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+    list-style: none;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+}
+
+/* sub menu */
+.top-menus>nav>ul>li.menu-item-has-children>a:after {
+    font-family: "iconfont";
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    content: '\e62b';
+    margin-left: 0.5952vw;
+    font-size: 0.9524vw;
+}
+.top-menus>nav>ul>li:hover a {
+    color: #DBB302;
+}
+.top-menus>nav>ul>li:hover>ul {
+    opacity: 1;
+    visibility: visible;
+    transition: 0.2s all ease;
+}
+.top-menus>nav>ul>li>.sub-menu {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    margin-top:1.9345vw;
+    display: flex;
+    flex-direction: column;
+    background: #2A2A2A;
+    border: #4A4A4A 0.0595vw solid;
+    padding-top: 0.4167vw;
+    padding-bottom: 0.4167vw;
+    padding-left: 1.2501vw;
+    padding-right: 1.2501vw;
+    z-index: 1;
+    overflow:hidden;   
+    opacity: 0;
+    visibility: hidden;
+    transition: 0.2s all ease; 
+}
+
+.top-menus>nav>ul>li>.sub-menu>li {
+    list-style:none;
+    border-bottom: #4A4A4A 0.0595vw solid;
+}
+
+.top-menus>nav>ul>li>.sub-menu>li:last-child {
+    border-bottom: 0
+}
+
+.top-menus ul>li>.sub-menu>li>a {
+    font-size: 0.8333vw;
+    line-height: 0.8333vw;
+    color: white;
+    text-decoration: none;
+    width: 100%;
+    min-height: 2.4405vw;
+    display: flex;
+    align-items: center;
+}
+
+/* third level menu */
+.top-menus>nav>ul>li>.sub-menu>li ul {
+    padding-left: 0.893vw;
+}
+.top-menus>nav>ul>li>.sub-menu>li>ul li {
+    list-style:none;
+}
+
+.top-menus>nav>ul>li>.sub-menu>li ul li a{
+    color: rgba(255,255,255,0.4);
+    min-height: unset;
+    margin-bottom: 0.6548vw;
+}
+.top-menus>nav>ul>li>.sub-menu>li ul li a:before {
+    content: '-';
+    margin-right: 0.2976vw;
+}
+
+.top-menus>nav>ul>li>.sub-menu>li a:hover {
+    color: #DBB302;
+}
+
+#header-menu-button {
+    display: none;
+}
+
+@media only screen and (max-width: 640px){
+    /* expand menu */
+    #header-menu-button + header .top-menus {
+        display: flex;
+        position: absolute;
+        width: 100%;
+        padding: 0;
+        height: auto;
+        top: 0;
+        z-index: 1;
+        pointer-events: none;
+    }
+
+    #header-menu-button:checked + header .top-menus {
+        pointer-events: auto;
+    }
+
+    #header-menu-button:checked + header .top-menus nav>ul{
+        padding-left: 4vw;
+        padding-right: 4vw;
+        opacity: 1;
+        visibility: visible;
+        padding-bottom: 16vw;
+    }
+
+    #header-menu-button + header .top-menus nav>ul {
+        min-height: 100vh;
+        position:fixed;
+        top: 0;
+        bottom: 0;
+        overflow: scroll;
+        flex-wrap: nowrap;
+
+        opacity: 0;
+        transition: 0.6s all ease;
+        visibility: hidden;
+
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        background: #222222;
+        justify-content: start;
+        padding-top: 0;
+        padding-bottom: 4.1333vw;
+        box-sizing: border-box;
+    }
+    #header-menu-button + header .top-menus nav>ul>li{
+        margin: 0;
+        height: auto;
+        padding-left: 1.3333vw;
+        padding-right: 1.3333vw;
+        border-bottom: 0.1333vw #4A4A4A solid;
+        flex-direction: column;
+        padding-top: 4.0667vw;
+        padding-bottom: 4.0667vw;
+    }
+    #header-menu-button + header .top-menus nav>ul>li:first-child>a {
+        padding-top: 0;
+    }
+    #header-menu-button + header .top-menus nav>ul>li:last-child {
+        border-bottom: none;
+    }
+    #header-menu-button + header .top-menus nav>ul>li>a {
+        font-size: 3.7333vw;
+        line-height: 3.7333vw;
+
+    }
+    .top-menus>nav>ul>li.menu-item-has-children>a:after {
+        display: none;
+    }
+
+    ul#menu-top-menu li {
+        display: inline-flex;
+        white-space: normal;
+    }
+
+    .top-menus>nav>ul>li>.sub-menu {
+        display: flex;
+        transform: none;
+        position: relative;
+        left: 0;
+        margin-top: 0;
+        margin-bottom: 4vw;
+        background: inherit;
+        border: none;
+        padding: 0;
+        padding-left: 3vw;
+        opacity: 1;
+        visibility: visible;
+    }
+
+    .top-menus>nav>ul>li:hover a {
+        color: white;
+    }
+
+    .top-menus>nav>ul li a:hover {
+        color: #DBB302;
+    }
+
+    .top-menus>nav>ul>li>.sub-menu>li {
+        border: none;
+        margin-top: 3.7067vw;
+        flex-direction: column;
+    }
+
+    .top-menus>nav>ul>li>.sub-menu>li>a:before {
+        content: '-';
+        margin-right: 0.8vw;
+        color: rgba(255,255,255,0.4);
+    }
+
+    .top-menus>nav>ul>li>.sub-menu>li ul {
+        padding-left: 3vw;
+    }
+
+    .top-menus>nav>ul>li>.sub-menu>li ul li a {
+        margin-bottom: 0;
+        margin-top: 3.7067vw;
+    }
+
+    .top-menus ul>li>.sub-menu>li>a {
+        font-size: 3.7333vw;
+        line-height: 3.7333vw;
+        color: rgba(255,255,255,0.4);
+    }
+
+
+    #header-menu-button{
+        display:flex;
+        margin: 0;
+        -webkit-appearance: none;
+        appearance: none;
+        line-height: 3.7333vw;
+        width: 4vw;
+        height: 4vw;
+        z-index: 2;
+        position: absolute;
+        right: 4vw;
+        top: 4vw;
+        border: none;
+        background: transparent;
+    }
+
+    /* hide for menu scroll */
+    #header-menu-button:checked + header + main {
+        animation: mainhide 2s ease;
+        animation-fill-mode: forwards; 
+        -webkit-animation-fill-mode: forwards; 
+        overflow: hidden;
+    }
+    @keyframes mainhide {
+        from {
+            max-height: auto;
+        }
+
+        to {
+            overflow: hidden;
+            max-height: 0;
+        }
+    }
+
+    #header-menu-button:checked {
+        position: fixed;
+    }
+
+    #header-menu-button:checked:after{
+        display: flex;
+        content: '\e63c';
+        transform: scale(0.7);
+    }
+
+    #header-menu-button:after{
+        content: '';  
+        color: white;
+        font-family: "iconfont";
+        font-size: 5.3333vw;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        content: '\e63e';
+    }
+}            
+/* body content */
+main {
+    width: 71.4286vw;
+    display: flex;
+    margin: 0 auto;
+    justify-content: space-between;
+    padding-top: 2.9762vw;
+    position: relative;
+}
+.main-container {
+    width: 48.2143vw;
+}
+.list-box {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 2.9762vw;
+}
+
+.title-img {
+    width: 48.2143vw;
+    height: 17.8571vw;
+    position: relative;
+}
+
+.title-img amp-img.contain img {
+    object-fit: cover;
+    object-position: top;
+    transition: all .5s;
+}
+a.title-img:hover amp-img.contain img {
+    object-fit: cover;
+    transform: scale(1.08);
+    -webkit-transform: scale(1.08);
+    -moz-transform: scale(1.08);
+}
+
+.post-info {
+    position: relative;
+    padding-left: 1.7857vw;
+    padding-top: 1.5119vw;
+    padding-right: 1.7857vw;
+    padding-bottom: 1.7857vw;
+    width: 48.2143vw;
+    border: 0.0595vw solid #E6E6E6;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+}
+
+
+.post-cate {
+    font-size: 0.9524vw;
+    line-height: 1.5476vw;
+    color: #DBB302;
+    text-decoration: none;
+    margin-right: 0.9644vw;  
+    display: flex;
+    align-items: center;
+}
+
+.sticky-tag {
+    display: flex;
+    align-items: center;  
+    color: #DBB302;
+}
+
+.post-cate:before,
+.sticky-tag:before {
+    display: flex;
+    content: '';
+    width:0.0595vw;
+    min-width: 1px;
+    height: 0.6548vw;
+    background: #DBB302; 
+    margin-right: 0.9524vw;       
+}
+
+.post-cate:first-child:before {
+    display: none;
+}
+
+.sticky-tag .sticky-text {
+    font-size: 0.9524vw;
+    text-transform: uppercase;
+}
+
+.sticky-tag .sticky-text:before {
+    font-family: "iconfont";
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    content: '\e63f';
+    font-size: 0.9524vw;
+    margin-right: 0.4167vw;
+}
+
+.post-title {
+    font-size: 1.3613vw;
+    line-height: 2.381vw;
+    margin-top: 0.5952vw;
+    margin-bottom: 0;
+    width: 39.881vw;
+    word-break: break-all;
+}
+
+.post-title:after {
+    display: flex;
+    content: '';
+    width: 4.1667vw;
+    height: 0.2976vw;
+    background: #DBB302;
+    margin-top: 0.7321vw;
+}
+
+.post-title a {
+    text-decoration: none;
+    color: #000000;
+}
+
+.post-excerpt {
+    margin-top: 1.4286vw;
+    margin-bottom: 1.1905vw;
+    font-size: 0.9524vw;
+    line-height: 1.6667vw;
+    color: #8A8A8A;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+	overflow: hidden;
+	visibility:visible;
+}
+
+.flex-box {
+    display: flex;
+    align-items: center;
+}
+
+.meta-category {
+    flex-wrap: wrap;
+    padding-right: 4.1667vw;
+}
+
+.justify-between {
+    justify-content: space-between;
+}
+
+.read-more {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 0.8333vw;
+    line-height: 0.8333vw;
+    text-decoration: none;
+    min-width: 9.1667vw;
+    min-height: 2.1429vw;
+    box-sizing: border-box;
+    padding-left: 1.1905vw;
+    padding-right: 1.1905vw;
+    padding-top: 0.7143vw;
+    padding-bottom: 0.7143vw;
+    color: #DBB302;
+    border: 0.0595vw #DBB302 solid;
+    transition: all .2s;
+    text-transform: uppercase;
+}
+
+.read-more:hover {
+    background: #DBB302;
+    color: white;
+}
+
+.icon-ml-readmore {
+    margin-left: 0.625vw;
+    font-size: 1.1905vw;
+}
+
+.post-meta-box {
+    margin-top: 0.7143vw;
+    font-size: 0.8333vw;
+}
+.post-meta {
+    font-size: 0.8333vw;
+    color: #1A1A1A;
+    text-decoration: none;
+    margin-left: 1.4881vw;
+    display: inline-flex;
+    align-items: center;
+}
+.icon-mr-postmeta {
+    margin-right: 0.5952vw;
+    font-size: 1.4881vw;
+}
+
+.post-meta .icon-like-sp {
+    font-size: 1.1905vw;
+}
+
+
+.post-meta-box a.edit-link:after {
+    content: '';
+    display: flex;
+    background: #979797;
+    margin-left: 1.4881vw;
+    width: 0.0595vw;
+    height: 0.6548vw;
+}
+
+.post-publish-date {
+    width: 4.1667vw;
+    height: 4.7619vw;
+    background: #F6F6F7;
+    position: absolute;
+    right: 1.2501vw;
+    top: -0.8333vw;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.post-publish-date .post-date {
+    color: #DBB302;
+    font-size: 1.3095vw;
+    line-height: 2.2916vw;
+    font-weight: bold;
+}
+
+.post-publish-date .post-month {
+    color: #000000;
+    font-size: 0.8333vw;
+    line-height: 1.4583vw;
+    text-transform: uppercase;
+}
+
+.list-box:last-child {
+    margin-bottom: 2.381vw;
+}
+.pagination .screen-reader-text {
+    display: none;
+}
+.nav-links {
+	margin-top: 2.9762vw;
+    margin-bottom: 2.9762vw;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+.nav-links .page-numbers,.nav-links .post-page-numbers {
+    min-width: 2.1429vw;
+    height: 2.1429vw;
+    border: 0.0595vw #DBB302 solid;
+    color: #DBB302;
+    font-size: 1.0714vw;
+    line-height: 1.0714vw;
+    text-decoration: none;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 0.4762vw;
+    margin-right: 0.4762vw;
+    margin-bottom: 0.4762vw;
+    box-sizing: border-box;
+}
+
+.nav-links .current, .nav-links a.page-numbers:hover,.nav-links a.post-page-numbers:hover {
+    background: #DBB302;
+    color: white;
+}
+
+.pagination>.nav-links>.dots {
+    border: none;
+    padding-bottom: 0.5714vw;
+}
+
+@media only screen and (max-width: 640px){
+    /* main body */
+    main {
+        width: 100%;
+        flex-direction: column;
+        align-items: center;
+        padding-top: 6.6667vw;
+    }
+    .main-container {
+        width: 92vw;
+    }
+
+    .title-img {
+        width: 92vw;
+        height: 34.1333vw;
+    }
+
+    .post-info {
+        width: 92vw;
+        padding: 3.4667vw;
+        border: 0.2667vw solid #E6E6E6;
+    }
+
+    .post-publish-date {
+        width: 10.6667vw;
+        height: 12.1333vw;
+        top: -2vw;
+        right: 2.8vw;
+    }
+
+    .post-publish-date .post-date {
+        font-size: 3.4667vw;
+        line-height: 6.0667vw;
+    }
+
+    .post-publish-date .post-month {
+        font-size: 2.1333vw;
+        line-height: 3.7333vw;
+    }
+
+    .post-cate {
+        font-size: 3.4667vw;
+        line-height: 4.8vw;
+        margin-right: 2.2133vw;
+    }
+
+    .post-cate:before,
+    .sticky-tag:before {
+        width: 0.1333vw;
+        height: 1.8933vw;
+        margin-right: 2.2vw;
+    }
+
+    .sticky-tag .sticky-text {
+        font-size: 2.9333vw;
+        line-height: 2.9333vw;
+    }
+
+    .sticky-tag .sticky-text:before {
+        font-size: 2.8vw;
+        margin-right: 2vw;
+    }
+
+    .post-title {
+        margin-top: 2.5333vw;
+        margin-bottom: 0;
+        font-size: 4.8vw;
+        line-height: 6.6667vw;
+        width: 74.4vw;
+    }
+
+    .post-title:after {
+        width: 9.3333vw;
+        height: 0.8vw;
+        margin-top: 2.2667vw;
+    }
+
+    .post-excerpt {
+        margin-top:3.3333vw;
+        margin-bottom: 3.3333vw;
+        font-size: 4vw;
+        line-height: 5.6vw;
+    }
+
+    .read-more {
+        font-size: 2.4533vw;
+        line-height: 2.4533vw;
+        min-width: 26.4933vw;
+        min-height: 6.1333vw;
+        padding-left: 3.7333vw;
+        padding-right: 3.7333vw;
+        padding-top: 2vw;
+        padding-bottom: 2vw;
+        border: 0.1333vw #DBB302 solid;
+    }
+
+    .icon-ml-readmore {
+        margin-left: 1.3333vw;
+        font-size: 3.3333vw;
+    }
+
+
+    .post-meta {
+        font-size: 2.1333vw;
+        margin-left: 3.2vw;
+    }
+
+    .icon-mr-postmeta {
+        margin-right: 1.8667vw;
+        font-size: 3.4667vw;
+    }
+
+    .post-meta-box a.edit-link:after {
+        margin-left: 3.2133vw;
+        width: 0.1333vw;
+        height: 1.68vw;
+    }
+
+    .post-meta .icon-like-sp {
+        font-size: 2.4vw;
+    }
+
+    .list-box {
+        margin-bottom: 5.3333vw;
+    }
+
+    .nav-links .page-numbers,.nav-links .post-page-numbers {
+        min-width: 8vw;
+        height: 8vw;
+        border: 0.1333vw #DBB302 solid;
+        font-size: 4vw;
+        line-height: 4vw;
+        margin-left: 1.7733vw;
+        margin-right: 1.7733vw;
+        margin-bottom: 1.7733vw;
+    }
+
+    .pagination>.nav-links>.dots {
+        padding-bottom: 2.6667vw;
+    }
+
+    .list-box:last-child {
+        margin-bottom: 5.3333vw;
+    }
+
+    .meta-category {
+        flex-wrap: wrap;
+        padding-right: 10.6667vw;
+    }
+}  
+.sidebar {
+    width: 19.6429vw;
+    min-height: 29.7619vw;
+}
+
+.sidebar>aside:first-child {
+    margin-top: 0;
+}
+.widget {
+    width: 100%;
+}
+.widget-title {
+    color: black;
+    font-size: 1.0714vw;
+    line-height: 1.0714vw;
+    margin-top: 0;
+    margin-bottom: 1.6667vw;
+    text-transform: uppercase;
+}
+
+.widget-title:after {
+    display: flex;
+    margin-top: 1.1131vw;
+    content: '';
+    width: 3.7501vw;
+    height: 0.119vw;
+    min-height: 1.5px;
+    background: #DEDEDE;
+}
+
+.widget {
+    border-bottom: 0.0595vw #EBEBEB solid;
+    padding-bottom: 2.1429vw;
+    margin-bottom: 2.9762vw;
+}
+
+.widget:last-child {
+    margin-bottom: 0;
+    border-bottom: none;
+}
+
+.widget>ul {
+    overflow-wrap: break-word;
+    margin: 0;
+    padding-left: 0;
+    
+}
+.widget_categories>ul>li>ul.children>li.cat-item {
+    color: black;
+    font-size: 0.9524vw;
+    margin-top: 1.1905vw;
+}
+
+.widget_categories>ul>li>ul.children>li.cat-item ul.children li {
+    color: black;
+    font-size: 0.9524vw;
+    margin-top: 0.9524vw;
+}
+
+.widget_categories>ul>li.cat-item:before {
+    content: '\e641';
+    font-family: "iconfont";
+    color: #DBB302;
+    font-size: 0.9524vw;
+    margin-right: 0.7143vw;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.widget_categories>ul>li>ul.children {
+    padding-left: 1.4286vw;
+}
+.widget_categories>ul>li>ul.children>li>ul.children {
+    padding-left: 2.619vw;
+}
+.widget_categories>ul>li>ul.children>li>ul.children>li ul {
+    padding-left: 1.3095vw;
+}
+
+.widget_categories ul.children {
+    padding-left: 0.2976vw;
+    display: flex;
+    flex-direction: column;
+}
+
+.widget_categories>ul>li>ul.children>li:before {
+    content: "\e642";
+    display: inline-flex;
+    font-family: "iconfont";
+    color: #DBB302;
+    font-size: 0.9524vw;
+    margin-right: 0.5952vw;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.widget_categories li.cat-item a {
+    color: black;
+    text-decoration: none;
+}
+
+.widget_categories ul{
+    list-style: none;
+}
+
+.widget_categories .screen-reader-text {
+    display: none;
+}
+
+/* common widgets */
+.widget ul li{
+    font-size: 0.9524vw;
+    line-height: 1.5476vw;
+    margin-top: 1.25vw;
+    list-style: none;
+    position: relative;
+    padding-left: 1.6667vw;
+}
+
+.widget ul li:first-child {
+    margin-top: 0;
+}
+
+.widget ul li a {
+    color: black;
+    text-decoration: none;
+}
+
+.widget ul li a:hover {
+    color: #DBB302;
+}
+
+
+.widget>ul>li:before {
+    content: '\e62d';
+    font-family: "iconfont";
+    color: #DBB302;
+    font-size: 0.893vw;
+    margin-right: 0.7143vw;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    position: absolute;
+    left: 0;
+}
+
+.widget .screen-reader-text {
+    display: none;
+}
+
+
+/* search widgets */
+.widget_search form {
+    display: flex;
+    position: relative;
+    align-items: center;
+}
+
+.widget_search {
+    border-bottom: none;
+    padding-bottom: 0;
+}
+
+.widget_search form input[type='text'] {
+    width: 19.5833vw;
+    height: 2.6787vw;
+    border: 0.0595vw #E6E6E6 solid;
+    border-radius: 0.2381vw;
+    padding-left: 1.1905vw;
+    padding-right: 2.9762vw;
+    font-size: 0.8333vw;
+}
+
+.widget_search form input[type='text']::placeholder {
+    font-size: 0.8333vw;
+    color: #8A8A8A;
+}
+
+.widget_search form button[type='submit'] {
+    position: absolute;
+    right: 0;
+    padding: 0;
+    border: none;
+    background: unset;
+    z-index: 1;
+    cursor:pointer;
+}
+.widget_search form button[type='submit']:before {
+    content: '\e62c';
+    font-family: "iconfont";
+    color: #B0B0B0;
+    font-size: 1.7857vw;
+    margin-right: 0.7143vw;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+/* profile widgets */
+.widget_profile {
+    padding-bottom: 0;
+    border-bottom: 0;
+}
+
+.widget_profile .profile-box {
+    width:19.6429vw;
+    min-height:9.2262vw;
+    border:0.0595vw #E6E6E6 solid;
+    display: flex;
+    justify-content: center;
+    position: relative;
+    margin-top: 2.6787vw;
+}
+
+.widget_profile .profile-avatar {
+    width: 5.3571vw;
+    height: 5.3571vw;
+    position: absolute;
+    top: -2.6787vw;
+}
+
+.widget_profile .profile-avatar img {
+    border-radius: 100%;
+}
+
+.widget_profile .profile-content {
+    font-size: 0.9524vw;
+    padding: 2.9762vw 1.6667vw 1.9048vw 1.6667vw;
+    width: 100%;
+    box-sizing: border-box;
+    word-break: break-word;
+    line-height: 1.8;
+}
+
+.widget_profile .profile-content li {
+    margin-top: 0.5952vw;
+}
+
+.widget_profile  ol, .widget_profile ul {
+    padding-left: 0.9524vw;
+    margin-top: 0.5952vw;
+    margin-bottom: 0.5952vw;
+}
+
+.widget_profile  .profile-content p {
+    margin-block-start: auto;
+    margin-block-end: auto;
+    margin-top: 0.5952vw;
+}
+
+.widget_profile img {
+    max-width: 100%;
+    height: auto;
+}
+
+.widget_profile .wp-video, .widget_profile .wp-video video{
+    max-width: 100%;
+    height: auto;
+}
+
+.widget_profile a {
+    font-size: 0.9524vw;
+    color: #DBB302;
+    text-decoration: none;
+}
+
+.widget ul li span, .widget ul li a {
+    color: black;
+}
+
+.widget ul li span.post-date {
+    color: #888888;
+    font-style: italic;
+}
+
+li.recentcomments {
+    color: #888888;
+}
+
+@media only screen and (max-width: 640px){
+    /* side bar */
+    .sidebar {
+        width: 92vw;
+        margin-top: 8vw;
+    }
+
+    .widget_profile .profile-box {
+        width: 92vw;
+        margin-top: 12.5333vw;
+        border: 0.2667vw #E6E6E6 solid;
+    }
+
+    .widget_profile .profile-avatar {
+        width: 25.0667vw;
+        height: 25.0667vw;
+        top: -12.5333vw;
+    }
+
+    .widget_profile .profile-content{
+        font-size: 4vw;
+        line-height: 5.8667vw;
+        padding: 17.8667vw 8.0667vw 4.8267vw 8.0667vw;
+    }
+
+    .widget_profile .profile-content li {
+        font-size: 4vw;
+        line-height: 5.8667vw;
+        margin-top: 1.3333vw;
+        list-style: unset;
+    }
+
+    .widget_profile  ol, .widget_profile ul {
+        padding-left: 2.1333vw;
+        margin-top: 1.3333vw;
+        margin-bottom: 1.3333vw;
+    }
+
+    .widget_profile  .profile-content p {
+        margin-block-start: auto;
+        margin-block-end: auto;
+        margin-top: 1.3333vw;
+    }
+
+    .widget_profile img {
+        max-width: 100%;
+        height: auto;
+    }
+
+    .widget_profile a {
+        font-size: 4vw;
+        color: #DBB302;
+        text-decoration: none;
+    }
+
+    .widget_search {
+        margin-top: 8vw;
+        margin-bottom: 8vw;
+    }
+
+    .widget_search form input[type='text'] {
+        width: 92vw;
+        height: 10.6667vw;
+        border: 0.2667vw #E6E6E6 solid;
+        border-radius: 0.5333vw;
+        padding-left: 5.3333vw;
+        padding-right: 6.6667vw;
+        font-size: 4vw;
+    }
+
+    .widget_search form input[type='text']::placeholder {
+        font-size: 4vw;
+    }
+
+    .widget_search form button[type='submit']:before {
+        font-size: 6.4vw;
+        margin-right: 4.1333vw;
+    }
+    .widget {
+        border-bottom: 0.2667vw #EBEBEB solid;
+        padding-bottom: 8.0667vw;
+        margin-bottom: 8.0667vw;
+    }
+
+    .widget_search,.widget_profile {
+        border-bottom: none;
+        padding-bottom: 0;
+    }
+
+    .widget:last-child {
+        margin-bottom: 0;
+        border-bottom: none;
+    }
+
+    .widget-title {
+        font-size: 4.5333vw;
+        line-height: 4.5333vw;
+        margin-bottom: 7.4133vw;
+    }
+    .widget-title:after {
+        margin-top: 4.5067vw;
+        width: 15.2133vw;
+        height: 0.48vw;
+    }
+    .widget_categories>ul>li.cat-item:before {
+        font-size: 3.6vw;
+        margin-right: 2.8933vw;
+    }
+    .widget ul li {
+        font-size: 4vw;
+        line-height: 6.6667vw;
+        margin-top: 4vw;
+        padding-left: 6.6667vw;
+    }
+    .widget_categories>ul>li>ul.children {
+        padding-left: 3.7333vw;
+    }
+    .widget_categories>ul>li>ul.children>li:before {
+        font-size: 4vw;
+        margin-right: 1.3333vw;
+    }
+    .widget_categories>ul>li>ul.children>li.cat-item {
+        font-size: 3.3333vw;
+        margin-top:2.6667vw;
+    }
+
+    .widget_categories>ul>li>ul.children>li>ul.children {
+        padding-left: 6.6667vw;
+    }
+    .widget_categories>ul>li>ul.children>li.cat-item ul.children li {
+        font-size: 3.3333vw;
+        margin-top:2.6667vw;
+    }
+    .widget>ul>li:before {
+        font-size: 3.6vw;
+        margin-right: 2.5333vw;
+    }
+}  
+/* common bottom */
+footer {
+    width: 100vw;
+    background: #222222;
+    display: flex;
+    justify-content: center;
+}
+.footer-container {
+    width: 71.4286vw;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.footer-container .footer-copyright {
+    margin-bottom: 1.1905vw;
+    margin-top: 2.893vw;
+}
+
+.footer-container .footer-copyright, .footer-container .footer-copyright a{
+    text-align: center;
+    font-size: 0.8333vw;
+    color: #8A8A8A;
+    line-height: 0.5952vw;
+    text-decoration: none;
+}
+.footer-menus>nav {
+    margin-top: 2.893vw;
+    margin-bottom: 0.875vw;
+}
+.footer-menus>nav>ul {
+    display: flex;
+    margin-top: 0;
+    margin-bottom: 0;
+    display: flex;
+    justify-content: center;
+}
+.footer-menus>nav>ul>li {
+    font-size: 1.0714vw;
+    line-height: 1.0714vw;
+    text-transform: uppercase;
+    display: flex;
+    flex-direction: column;
+}
+.footer-menus>nav>ul>li>a:after {
+    display: flex;
+    content: '';
+    margin-top: 0.7798vw;
+    width: 2.381vw;
+    height: 0.119vw;
+    background: #444444;
+}
+.footer-menus>nav>ul>li>a {
+    color: #DBB302;
+}
+.footer-menus>nav a {
+    text-decoration: none;
+    font-size: 1.0714vw;
+}
+.footer-menus>nav ul, .footer-menus>nav li {
+    list-style: none;
+    justify-content: space-around;
+    justify-content: space-evenly;
+    display: flex;
+    padding-left: 0;
+}
+
+
+.footer-menus>nav>ul>li .sub-menu {
+    display: flex;
+    flex-direction: column;
+    text-transform: none;
+}
+.footer-menus>nav>ul>li ul li {
+    margin-top: 1.2143vw;
+    line-height: 0.9524vw;
+    display: flex;
+    justify-content: start;
+}
+
+.footer-container a:hover {
+    color:#DBB302;
+}
+.footer-menus>nav>ul>li ul li:first-child {
+    margin-top: 0.893vw;
+}
+.footer-menus>nav>ul>li ul li a{
+    font-size: 0.9524vw;
+    color: rgba(255,255,255,0.6);
+    display: flex;
+}
+
+@media only screen and (max-width: 640px){
+    /* footer */
+    .footer-container {
+        width: 100%;
+        padding-top: 8.1333vw;
+        padding-bottom: 5.3333vw;
+    }
+
+    .footer-menus>nav>ul>li {
+        font-size: 3.7333vw;
+        line-height: 3.7333vw;
+        margin-bottom: 13.3333vw;
+        min-width: 33.4667vw;
+        margin-left: 4vw;
+        margin-right: 4vw
+    }
+
+    .footer-menus>nav a {
+        font-size: 3.7333vw;
+    }
+    .footer-menus>nav>ul>li>a:after {
+        margin-top: 2.8vw;
+        width: 8.5467vw;
+        height: 0.4267vw;
+    }
+
+    .footer-menus>nav>ul>li ul li:first-child {
+        margin-top: 3.1733vw;
+    }
+
+    .footer-menus>nav>ul>li ul li {
+        margin-top: 4.3067vw;
+        font-size: 3.4667vw;
+        line-height: 3.4667vw;
+    }
+
+    .footer-menus>nav>ul>li ul li a {
+        font-size: 3.4667vw;
+    }
+
+    .footer-menus>nav>ul {
+        flex-wrap: wrap;
+        justify-content: space-between;
+        box-sizing: border-box;
+        padding: 0 8.5334vw 0 8.5334vw;
+    }
+
+    .footer-menus>nav {
+        margin: 0;
+    }
+
+    .footer-container .footer-copyright, .footer-container .footer-copyright a {
+        font-size: 2.9333vw;
+        line-height: 2.9333vw;
+    }
+
+    .footer-container .footer-copyright p {
+        margin-top: 0;
+    }
+
+    .footer-container .footer-copyright {
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
+}
+    .content {
+        word-break: break-word;
+    }
+    .content * {
+        max-width: 100%;
+    }
+    hr {
+        border: none;
+        background: #e6e6e6;
+        width: 100%;
+        height: 0.0595vw;
+        margin-top: 2.381vw;
+        margin-bottom: 2.381vw;
+    }
+
+    .post-password-form>p>label>input {
+        margin-left: 0.893vw;
+        margin-right: 0.8333vw;
+        width: 19.0476vw;
+        height: 2.381vw;
+        border-radius: 0.2381vw;
+        border: 0.0595vw #E6E6E6 solid;
+        padding-left: 1.1905vw;
+        padding-right: 1.1905vw;
+        vertical-align: middle
+    } 
+
+    .post-password-form>p>input {
+        font-size: 0.9524vw;
+        color: white;
+        background: #464646;
+        border-radius: 0.2381vw;
+        padding: 0.8452vw 1.131vw 0.8452vw 1.131vw;
+        border: none;
+    }
+
+    .content figure{
+        margin: 0;
+    }
+    h2.article-title {
+        margin-top: 1.3095vw;
+        font-size: 1.9048vw;
+        line-height: 2.8571vw;
+        margin-bottom: 1.9048vw;
+    }
+    h2.article-title a {
+        color: black;
+        text-decoration: none;
+    }
+
+    .article-info .post-meta-box {
+        margin-top: 0;
+    }
+
+    .article-info .post-meta-box a.edit-link:after {
+        display: none;
+    }
+
+    .article-info .post-meta-box a.edit-link:before {
+        content: '';
+        display: flex;
+        background: #979797;
+        margin-right: 1.4881vw;
+        width: 0.0595vw;
+        height: 0.6548vw;
+    }
+
+    .article-info .post-meta:first-child {
+        margin-left: 0;
+    }
+
+    .article-info .post-meta-box {
+        margin-bottom: 0.9524vw;
+    }
+
+    .content blockquote {
+        margin-left:0;
+        margin-right:0;
+        margin-top: 1.4286vw;
+        margin-bottom: 1.4286vw;
+        position: relative;
+        padding-left: 3.5714vw;
+    }
+
+    .content blockquote p {
+        margin: 0;
+        font-size: 1.3095vw;
+        line-height: 1.9048vw;
+        color: black;
+    }
+
+    .content blockquote:before {
+        content: '\e648';
+        font-family: "iconfont";
+        color: #E6E6E6;
+        font-size: 2.1072vw;
+        margin-right: 1.6667vw;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        position: absolute;
+        left: 0;
+    }
+
+    .content h1,
+    .content h2,
+    .content h3,
+    .content h4,
+    .content h5,
+    .content h6 {
+        margin-top: 1.7857vw;
+        margin-bottom: 1.7857vw;
+    }
+
+    .content h1 {
+        font-size: 1.6667vw;
+    }
+    .content h2 {
+        font-size: 1.5476vw;
+    }
+    .content h3 {
+        font-size: 1.4286vw;
+    }
+    .content h4 {
+        font-size: 1.3095vw;
+    }
+    .content h5 {
+        font-size: 1.1905vw;
+    }
+    .content h6 {
+        font-size: 1.0714vw;
+    }  
+
+    .content p {
+        margin-top: 2.0238vw;
+        margin-bottom: 2.0238vw;
+        font-size: 1.0714vw;
+        line-height: 1.9048vw;
+        color: #666666;
+        display: flex;
+    } 
+
+    .content .aligncenter {
+	margin-left: auto;
+	margin-right: auto;
+    }
+
+    .content>figure {
+        margin: 2.0238vw 0 2.0238vw 0;
+    }
+	
+	.blocks-gallery-item figure img{
+		display: flex;
+	}
+
+    .content ul, .content ol {
+        padding-left: 1.4881vw;
+        font-size: 1.0714vw;
+        line-height: 1.9048vw;
+        margin-top: 2.0238vw;  
+        margin-bottom: 2.0238vw;  
+    }
+
+    .content figcaption {
+        font-size: 1.1905vw;
+        color: #666666;
+        text-align: center;
+        margin-top: 0.2976vw;
+    }
+
+    .wp-block-cover {
+        margin: 2.0238vw 0 2.0238vw 0;
+    }
+    .wp-block-cover-image, .wp-block-cover {
+        position: relative;
+        background-color: #000;
+        background-size: cover;
+        background-position: center center;
+        min-height: 25.5952vw;
+        height: 100%;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        overflow: hidden;
+    }
+
+    .wp-block-cover-image.has-background-dim::before, 
+    .wp-block-cover.has-background-dim::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        background-color: inherit;
+        opacity: 0.5;
+        z-index: 1;
+    }
+
+    .wp-block-cover .wp-block-cover__inner-container p {
+        margin: 0;
+        text-align: center;
+    }
+    .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
+        z-index: 1;
+        color: #f8f9f9;
+    }
+
+    .wp-block-cover__inner-containe,.wp-block-cover__inner-container p {
+        color:white;
+        font-size:1.7857vw;
+    }
+
+    figure.wp-block-gallery ul{
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        max-width: 100%;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    li.blocks-gallery-item {
+        max-width: 100%;
+    }
+
+    .wp-block-gallery ul li figure {
+        margin: 0;
+        position: relative;
+    }
+
+    .wp-block-gallery ul li figure>figcaption {
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+        font-size: 1.1905vw;
+        line-height: 1.7857vw;
+        padding-top: 1.3542%;
+        padding-bottom: 1.0417%;
+        margin: 0;
+        color: white;
+        background: linear-gradient(to top, rgba(13,13,13,0.85), transparent);
+    }
+
+    .wp-block-gallery, .blocks-gallery-grid {
+        display: flex;
+        flex-wrap: wrap;
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+    }
+
+    .wp-block-gallery ul>li {
+        margin-bottom: 0.9524vw;
+    }
+    
+    .wp-block-gallery ul>li:first-child:last-child
+    {
+        width: 100%;
+    }
+
+    .wp-block-gallery ul>li:first-child:nth-last-child(n+2),
+    .wp-block-gallery ul>li:first-child:nth-last-child(n+2) ~ li
+    {
+        width: calc((100% - 3%) / 2);
+    }
+
+    .wp-block-gallery ul>li:first-child:nth-last-child(3n),
+    .wp-block-gallery ul>li:first-child:nth-last-child(3n) ~ li
+    {
+        width: calc((100% - 3%) / 3);
+    }
+
+    .wp-block-file {
+        background: #F6F6F7;
+        padding-left: 1.4881vw;
+        padding-right: 1.0119vw;
+        padding-top: 1.0714vw;
+        padding-bottom: 1.0714vw;
+        margin: 2.0238vw 0 2.0238vw 0;
+        font-size: 0.9524vw;
+        line-height: 2.381vw;
+    }
+
+    .wp-block-file:before {
+        content: 'Download:';
+        color: black;
+        margin-right: 0.5952vw;
+    }
+
+    .wp-block-file a:last-child,
+    a.wp-block-file__button {
+        float: right;
+        display:flex;
+        padding: 0.7143vw 1.131vw 0.7143vw 1.131vw;
+        border: 0.0595vw #DBB302 solid;
+        line-height: 0.7619vw;
+    }
+
+    .wp-block-file a:last-child:hover,
+    a.wp-block-file__button:hover {
+        background: #DBB302;
+        color: white;
+    }
+
+    .wp-block-file a:last-child:after,
+    a.wp-block-file__button:after {
+        content: '\e645';
+        font-family: "iconfont";
+        font-size: 0.9524vw;
+        margin-left: 0.8333vw;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+    .content a {
+        color: #DBB302;
+        text-decoration: none;
+    }
+
+    .content .wp-block-code {
+        width: 100%;
+        background: #F6F6F7;
+        padding: 0.9524vw;
+        font-size: 1.1905vw;
+        line-height: 1.7857vw;
+        color: #666666;
+        box-sizing: border-box;
+    }
+
+    .wp-block-table table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 1.1905vw;
+    }
+
+    .wp-block-table table td {
+        color: #666666;
+        border: 0.0595vw #cccccc solid;
+        padding: 0.4762vw;
+    }
+
+    .wp-block-button {
+        margin: 2.0238vw 0 2.0238vw 0;
+    }
+    .wp-block-button a {
+        text-decoration: underline;
+    }
+
+    .wp-block-media-text {
+        display: flex;
+        margin: 2.0238vw 0 2.0238vw 0;
+    }
+
+    .wp-block-media-text figure {
+        width: 50%;
+        margin: 0;
+    }
+
+    .wp-block-media-text .wp-block-media-text__content {
+        margin-left: 0.893vw;
+    }
+    
+    .wp-block-column {
+        flex-grow: 1;
+        min-width: 0;
+        word-break: break-word;
+        overflow-wrap: break-word;
+    }
+    .wp-block-columns {
+        flex-wrap: nowrap;
+        display: flex;
+    }
+
+    .likes-form {
+        text-align: center;
+        margin-bottom: 3.5714vw;
+    }
+
+    .likes-button {
+        width: 4.7619vw;
+        height: 4.7619vw;
+        border-radius: 100%;
+        border: 0.0595vw solid #C4C4C4;
+        background: white;
+        color: #1A1A1A;
+        font-size: 0.8333vw;
+        display: inline-flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+    .likes-button:hover,.likes-button-active{
+        color: #DBB302;
+    }
+
+    .likes-button:before {
+        content: '\e64a';
+        font-family: "iconfont";
+        font-size: 1.9048vw;
+        margin-bottom: 0.3571vw;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+    .likes-form .likes-button-active:before {
+        content: '\e63d';
+    }
+
+    .post-nav {
+        display: flex;
+        justify-content: space-between; 
+        margin-bottom: 4.5238vw;           
+    }
+
+    .post-nav .nav-previous a,.post-nav .nav-next a {
+        color: #c5c5c5;
+        font-size: 1.0714vw;
+        text-decoration: none;
+        font-weight: bold;
+        display: inline-flex;
+    }
+
+    .post-nav a.post-nav-link-active {
+        color: black;
+    }
+    .post-nav a.post-nav-link-active:hover {
+        color: #DBB302;
+    }
+    .post-nav .nav-previous a:before {
+        content: '\e640';
+        font-family: "iconfont";
+        font-size: 1.5476vw;
+        margin-right: 0.875vw;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;         
+    }
+    .post-nav .nav-next a:after {
+        content: '\e649';
+        font-family: "iconfont";
+        font-size: 1.5476vw;
+        margin-left: 0.875vw;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;         
+    }
+
+    .social-share {
+        display: flex;
+        max-width: 100%;
+    }
+
+    .social-share-box {
+        width: 2.9762vw;
+        height: 2.9762vw;
+        margin-right: 1.7857vw;
+    }
+
+    amp-social-share.rounded {
+        display: flex;
+        border-radius: 50%;
+        background-size: 60%;
+        color: #fff;
+        background-color: black;
+    }
+
+    amp-social-share.rounded:hover {
+        background-color: #DBB302;
+    }
+
+    .post-tags {
+        display: flex;
+        margin-top: 1.9644vw;
+	flex-wrap: wrap;
+    }
+    .post-tags a{
+        display: inline-flex;
+        background: #F2F2F2;
+        padding-left: 1.3393vw;
+        padding-right: 1.3393vw;
+        padding-top: 0.6548vw;
+        padding-bottom: 0.6548vw;
+        margin-right: 0.3571vw;
+	margin-bottom: 0.3571vw;
+        color: #666666;
+        font-size: 0.8333vw;
+        line-height: 0.8333vw;
+        text-decoration: none;
+        text-transform: uppercase;
+    }
+
+    #comments {
+        margin-top: 4.7619vw;
+    }
+
+    .comments>h2 {
+        text-align: center;
+        margin-bottom: 3.5714vw;
+        font-size: 1.0714vw;
+        line-height: 1.0714vw;
+        text-transform: uppercase;
+    }
+
+    .comments>ul {
+        list-style: none;
+        padding-left: 0.9524vw;
+        margin-top: 0;
+        margin-bottom: 1.7857vw;
+    }
+
+    .comments>ul .comment-author .avatar {
+        border-radius: 100%;
+        width: 4.7619vw;
+        height: 4.7619vw;
+        position: absolute;
+        left: 0.9524vw;
+    }
+
+    .comments>ul cite.fn a {
+        font-weight: bold;
+        font-size: 1.0714vw;
+        color: black;
+        font-style: normal;
+    }
+
+    .comments>ul span.says {
+        display: none;
+    }
+
+    .comments>ul cite.fn {
+        font-weight: bold;
+        font-style: normal;
+    }
+
+    .comments>ul .comment-meta a:first-child{
+        color: #B5B5B5;
+        font-size: 0.9524vw;
+        line-height: 0.9524vw;
+        font-style: italic;
+    }
+
+    .comments>ul .comment-meta {
+        margin-bottom: 1.9048vw;
+    }
+
+    .comments>ul .comment-body {
+        position: relative;
+        padding-left: 7.7381vw;
+        padding-bottom: 0.5952vw;
+        padding-top: 2.381vw;
+        
+    }
+
+    #comments>ul>li.comment ul {
+        list-style: none;
+    }
+
+    #comments>ul>li.comment ul .comment-body:before {
+        content: ' ';
+        height: 2.9762vw;
+        width: 0.2381vw;
+        background: #EEEEEE;
+        display: flex;
+        position: absolute;
+        left: -0.5952vw;
+        top: 3.2738vw;
+    }
+
+    #comments>ul>li.comment {
+        border-bottom: 0.0595vw solid #E6E6E6;
+    }
+
+    #comments>ul>li.comment:last-child {
+        border-bottom: none;
+    }
+
+    .comments>ul .comment-body .reply {
+        text-transform: uppercase;
+        position: absolute;
+        right: 0;
+        top: 2.381vw;
+        font-size: 1.0714vw;
+    }
+
+    .comment-respond .comment-reply-title{
+        font-size: 1.0714vw;
+        text-transform: uppercase;
+    }
+
+    .comment-respond .comment-reply-title>small {
+        text-transform: uppercase;
+        float: right
+    }
+
+    .comment-form {
+        font-size: 0;  /* css hack for fix blank position */
+    }
+
+    .comment-form>.logged-in-as a:first-child {
+        color: #666666;
+    }
+
+    .comment-form>.logged-in-as {
+        margin-bottom: 1.7857vw;
+    }
+
+    .comment-form>.form-submit {
+        margin-bottom: 4.7619vw
+    }
+
+    .comment-form .comment-error {
+        color: red;
+        font-size: 1.0714vw;
+        margin-bottom: 0.2976vw;
+    }
+
+    .comment-form-comment .comment-content {
+        width: 48.2143vw;
+        height: 11.9048vw;
+        resize: none;
+        border: 0.0595vw #E6E6E6 solid;
+        padding: 1.1905vw 1.3095vw 1.1905vw 1.3095vw;
+        font-size: 1.0952vw;
+        line-height: 1.0952vw;
+        box-sizing: border-box;
+    }
+
+    .comment-form-comment .comment-content::placeholder {
+        font-size: 1.0952vw;
+        line-height: 1.0952vw;
+    }
+
+    .comment-form>.form-submit>.submit {
+        border: 0.0595vw solid #DBB302;
+        text-transform: uppercase;
+        color: #DBB302;
+        font-size: 1.0952vw;
+        line-height: 1.0952vw;
+        background: white;
+        box-sizing: border-box;
+        padding: 0.9644vw 1.5059vw 0.9644vw 1.5059vw;
+        cursor: pointer;
+    }
+
+    .comment-form>.form-submit>.submit:hover {
+        background: #DBB302;
+        color: white; 
+    }
+
+    .comment-form-author {
+        margin-right: 1.3095vw;
+    }
+    .comment-form-author,
+    .comment-form-email,
+    .comment-form-url
+    {
+        display: inline-flex;
+    }
+    .comment-form-author input,
+    .comment-form-email input,
+    .comment-form-url input
+    {
+        width: 23.4524vw;
+        height: 3.4524vw;
+        border: 0.0595vw solid #E6E6E6;
+        padding:  1.369vw;
+        font-size: 0.9524vw;
+        line-height: 0.9524vw;
+        color: #333333;
+        box-sizing: border-box;
+    }
+
+    .comment-form-url input {
+        width: 48.2143vw;
+    }
+
+    #wp-comment-cookies-consent {
+        width: 1.0714vw;
+        height: 1.0714vw;
+        margin: 0;
+        vertical-align: middle;
+        margin-right: 0.2976vw;
+    } 
+    .comment-form-cookies-consent>label {
+        color: #B5B5B5;
+        font-size: 0.9524vw;
+        line-height: 0.9524vw;
+    }
+
+
+    @media only screen and (max-width: 640px){
+        .likes-form {
+            margin-bottom: 8vw;
+        }
+        .article-info .post-meta-box a.edit-link:before {
+            margin-right: 3.2133vw;
+            width: 0.1333vw;
+            height: 1.68vw;
+        }
+
+        h2.article-title {
+            margin-top: 5.3333vw;
+            font-size: 5.0667vw;
+            line-height: 6.9334vw;
+            margin-bottom: 5.3333vw;
+        }
+        .article-info .post-meta-box {
+            margin-bottom: 0;
+        }
+
+        .content blockquote {
+			margin-top: 6.4666vw;
+            margin-bottom: 6.4666vw;
+            padding-left: 8vw;   
+        }
+
+        .content blockquote:before {
+            font-size: 4.7201vw;
+            margin-right: 3.7333vw;
+        }
+
+        .content blockquote p {
+            font-size: 4vw;
+            line-height: 5.6vw;
+        }
+        .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
+			margin-top: 5.3333vw;
+            margin-bottom: 5.3333vw;
+        }
+        .content h1 {
+            font-size: 5.6vw;
+        }
+        .content h2 {
+            font-size: 5.3333vw;
+        }  
+        .content h3 {
+            font-size: 5.0667vw;
+        } 
+        .content h4 {
+            font-size: 4.8vw;
+        } 
+        .content h5 {
+            font-size: 4.5333vw;
+        } 
+        .content h6 {
+            font-size: 4.2667vw;
+        } 
+        .content p {
+			margin-top: 4.5333vw;
+            margin-bottom: 4.5333vw;
+            font-size: 4vw;
+            line-height: 5.8667vw;
+        }
+
+        .content ul, .content ol {
+            padding-left: 3.3333vw;
+            font-size: 4vw;
+			line-height: 5.8667vw;  
+			margin-top: 5.3333vw;    
+            margin-bottom: 5.3333vw;    
+        }
+
+        .content figcaption {
+            font-size: 3.2vw;
+            margin-top: 0.6666vw;
+        }
+
+        .content>figure {
+            margin: 4.5333vw 0 4.5333vw 0;
+        }
+
+        .wp-block-cover-image, .wp-block-cover {
+            min-height: 50vw;
+            margin: 4.5333vw 0 4.5333vw 0;
+        }
+
+        .wp-block-gallery ul>li {
+            margin-bottom: 2.1333vw;
+        }
+
+        .content .wp-block-code {
+            padding: 2.1333vw;
+            font-size: 3.3vw;
+            line-height: 4.2667vw; 
+        }
+
+        .wp-block-table table {
+            font-size: 3.4667vw;
+        }
+
+        .wp-block-file {
+            padding-left: 3.4667vw;
+            padding-right: 2.6667vw;
+            padding-top: 1.3333vw;
+            padding-bottom: 1.3333vw;
+            margin: 4.5333vw 0 4.5333vw 0;
+            font-size: 3.4667vw;
+            line-height: 5.3333vw;
+        }
+
+        .wp-block-file a:last-child, a.wp-block-file__button {
+            padding: 1.6vw 3.2vw 1.6vw 3.2vw;
+            border: 0.1333vw #DBB302 solid;
+            line-height: 2.1333vw;
+        }
+
+        .wp-block-file a:last-child:after, a.wp-block-file__button:after {
+            font-size: 2.6667vw;
+            margin-left: 2.4vw;
+		}
+		
+		.nav-links {
+			margin-top: 4.5333vw;
+			margin-bottom: 4.5333vw;
+		}
+
+		.wp-block-button {
+			margin: 4.5333vw 0 4.5333vw 0;
+		}
+
+        .likes-button {
+            width: 16vw;
+            height: 16vw;
+            border: 0.1333vw solid #C4C4C4;
+            font-size: 2.6667vw;
+            margin-top: 2.6667vw;
+        }
+        .likes-button:before {
+            font-size: 5.6vw;
+            margin-bottom: 1.8667vw;
+        }
+
+        .post-nav {
+            margin-bottom: 12.6667vw;           
+        }
+
+        .post-nav .nav-previous a, .post-nav .nav-next a {
+            font-size: 3.7333vw;
+        }
+
+
+        .social-share-box {
+            width: 6.6667vw;
+            height: 6.6667vw;
+            margin-right: 4vw;
+        }
+
+        .post-tags {
+            margin-top: 8.8vw;;
+        }
+        .post-tags a{
+            padding-left: 3.5333vw;
+            padding-right: 3.5333vw;
+            padding-top: 1.7333vw;
+            padding-bottom: 1.7333vw;
+            margin-right: 1.3333vw;
+            font-size: 2.2vw;
+            line-height: 2.2vw;
+        }
+
+        .comments>ul .comment-author .avatar {
+            width: 10.6667vw;
+            height: 10.6667vw;
+            left: 0;
+        }
+
+        #comments>ul {
+            padding-left: 0;
+        }
+
+        .comments>ul .comment-body {
+            padding-left: 15.7067vw;
+            padding-bottom: 1.8667vw;
+            padding-top: 5.3333vw;         
+        }
+
+        .comments>ul cite.fn a {
+            font-size: 3.7333vw;
+        }
+
+        .comments>ul .comment-meta a:first-child {
+            font-size: 3.2vw;
+            line-height: 3.2vw;
+        }
+
+        .comments>ul .comment-body .reply {
+            font-size: 3.7333vw;
+            top: 5.3333vw;       
+        }
+
+        .comments>h2,.comment-respond .comment-reply-title {
+            font-size: 3.7333vw;
+        }
+
+        .comment-form-comment .comment-content {
+            width: 92vw;
+            height: 26.6667vw;
+            border: 0.1333vw #E6E6E6 solid;
+            padding: 4vw 3.3333vw 4vw 3.3333vw;
+            font-size: 3.4667vw;
+            line-height: 3.4667vw;     
+        }
+
+        .comment-form-comment .comment-content::placeholder {
+            font-size: 3.4667vw;
+            line-height: 3.4667vw;   
+        }
+
+
+        .comment-form>.form-submit>.submit {
+            border: 0.1333vw solid #DBB302;
+            font-size: 3.2vw;
+            line-height: 3.2vw;
+            padding: 2.8133vw 4.4vw 2.8133vw 4.4vw;
+            cursor: pointer;
+        }
+
+        .comment-form .comment-error {
+            font-size: 3.4667vw;
+        }
+
+        #comments>ul>li.comment {
+            border-bottom: 0.1333vw solid #E6E6E6;
+        }
+        .comment-form-author input, .comment-form-email input, .comment-form-url input {
+            width: 92vw;
+            height: 10.6667vw;
+            border: 0.1333vw solid #E6E6E6;
+            padding: 2.5333vw;
+            font-size: 3.4667vw;
+            line-height: 3.4667vw;
+        }
+
+        #wp-comment-cookies-consent {
+            width: 5.3333vw;
+            height: 5.3333vw;
+            margin-right: 1.3333vw;
+        }
+
+        .comment-form-cookies-consent>label {
+            font-size: 3.2vw;
+            line-height: 4.8vw;
+        }
+        .comment-form-cookies-consent {
+            display: flex;
+        }
+
+        .post-nav .nav-previous a:before {
+            font-size: 5.3333vw;
+            margin-right: 2.8vw;         
+        }
+        .post-nav .nav-next a:after {
+            font-size: 5.3333vw; 
+            margin-left: 2.8vw;        
+        }
+
+        hr {
+            height: 0.1333vw;
+            margin-top: 5.3333vw;
+            margin-bottom: 5.3333vw;
+        }
+        .post-password-form>p>label>input {
+            margin-left: 2.0001vw;
+            margin-right: 1.8667vw;
+            width: 42.6667vw;
+            height: 5.3333vw;
+            border-radius: 0.5333vw;
+            border: 0.1334vw #E6E6E6 solid;
+            padding-left: 2.6667vw;
+            padding-right: 2.6667vw;
+        } 
+    
+        .post-password-form>p>input {
+            font-size: 2.1333vw;
+            border-radius: 0.5333vw;
+            padding: 1.8934vw 2.5334vw 1.8934vw 2.5334vw;
+        }
+
+        #comments>ul>li.comment ul .comment-body:before {
+            height: 6.6667vw;
+            width: 0.5333vw;
+            left: -3.3333vw;
+            top: 7.3334vw;
+        }
+
+        #comments {
+            margin-top: 12vw;
+        }
+
+        .wp-block-table table td {
+            border: 0.2667vw #cccccc solid;
+            padding: 1.0667vw;
+        }
+
+        .wp-block-gallery ul li figure>figcaption {
+            font-size: 1.7333vw;
+            line-height: 2.9333vw;
+        }
+    }
+    pre, code {
+	font-family: "Lucida Console", Monaco, monospace;
+	font-size: 12pt;
+	background-color: #F1F1F1;
+		padding: .5em;
+	}
+	code {
+		padding: 0.1em;
+	}
+    :root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-681d4ff{text-align:center;margin-top:.5vw}
 
 </style>
 <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
diff --git a/inlineamp/templates/includes/post-sidebar.ejs b/inlineamp/templates/includes/post-sidebar.ejs
index 09a0b90..6d70de3 100644
--- a/inlineamp/templates/includes/post-sidebar.ejs
+++ b/inlineamp/templates/includes/post-sidebar.ejs
@@ -25,19 +25,35 @@
       </form>
     </aside>
     <% } %>
-
-    <aside id="categories-2" class="widget widget_categories">
-      <h4 class="widget-title">标签</h4>
-      <ul>
-          <% site.tags.forEach(function(tag, tagIndex) { %>
-            <li class="cat-item"><a href="<%= tag.link %>">
-            <%= tag.name %>
-          </a>
+    <% if (site.customConfig.latestarticles) { %>
+      <aside id="recent-posts-2" class="widget widget_recent_entries">
+        <h4 class="widget-title">近期文章</h4>
+         <ul>
+          <% site.posts.forEach(function(post, index) { %>
+            <% if (index < 3) { %>
+          <li>
+           <a href="<%= post.link %>" aria-current="page"><%= post.title %></a>
+          </li>
+          <% } %>
           <% }); %>
-        </li>
+        </ul>
+     </aside>
+     <% } %>
   
-      </ul>
-    </aside>
+     <% if (site.customConfig.tag) { %>
+      <aside id="categories-2" class="widget widget_categories">
+        <h4 class="widget-title">标签</h4>
+        <ul>
+            <% site.tags.forEach(function(tag, tagIndex) { %>
+              <li class="cat-item"><a href="<%= tag.link %>">
+              <%= tag.name %>
+            </a>
+            <% }); %>
+          </li>
+    
+        </ul>
+      </aside>
+      <% } %>
 
 
   <aside id="linkcat-2" class="widget widget_links">
diff --git a/inlineamp/templates/includes/sidebar.ejs b/inlineamp/templates/includes/sidebar.ejs
index d1cc4d7..43071e7 100644
--- a/inlineamp/templates/includes/sidebar.ejs
+++ b/inlineamp/templates/includes/sidebar.ejs
@@ -25,6 +25,22 @@
       </form>
     </aside>
     <% } %>
+    <% if (site.customConfig.latestarticles) { %>
+    <aside id="recent-posts-2" class="widget widget_recent_entries">
+      <h4 class="widget-title">近期文章</h4>
+       <ul>
+        <% site.posts.forEach(function(post, index) { %>
+          <% if (index < 3) { %>
+        <li>
+         <a href="<%= post.link %>" aria-current="page"><%= post.title %></a>
+        </li>
+        <% } %>
+        <% }); %>
+      </ul>
+   </aside>
+   <% } %>
+
+   <% if (site.customConfig.tag) { %>
     <aside id="categories-2" class="widget widget_categories">
       <h4 class="widget-title">标签</h4>
       <ul>
@@ -37,7 +53,7 @@
   
       </ul>
     </aside>
-
+    <% } %>
 
   <aside id="linkcat-2" class="widget widget_links">
   <h4 class="widget-title">友链</h4>
diff --git a/inlineamp/templates/post.ejs b/inlineamp/templates/post.ejs
index ac8ac69..ef931fb 100644
--- a/inlineamp/templates/post.ejs
+++ b/inlineamp/templates/post.ejs
@@ -74,6 +74,12 @@
 
       <% } %>
 
+      <div class="post-tags">
+        <% post.tags.forEach(function(tag, tagIndex) { %>
+        <a href="<%= tag.link %>" rel="tag"><%= tag.name %></a>        
+        <% }); %>       
+      </div>
+
 
       <% if (site.customConfig.count) { %>
         <amp-script layout="container" script="dsq-count-scr">