ul{list-style-type:none;padding:0;margin:0;}
BODY,FORM {margin:0px;color:#666;}
I,B,EM{font-style:normal;font-weight:normal; }
A:link		{text-decoration:none;color:#19b}
A:visited	{text-decoration:none;color:#19b}
A:hover		{text-decoration:none;color:#1cf}
MAIN{background-color: #eeeeee;background-image: radial-gradient(#fff 1px, #eee 1px);background-size: calc(20 * 1px) calc(20 * 1px);}

:root
{
	--wisdomlink:#388;
	--wisdomhover:royalblue;
	--authorlink:darkseagreen;
	--authorhover:mediumseagreen;
	--itemlink:deepskyblue;
	--itemhover:royalblue;
	--taglink:peru;
	--taghover:brown;
	--infocolor:#888;
	--userlink:yellowgreen;
	--userhover:lawngreen;


}

h2{font-size:1.2rem;line-height:1.8rem;}
h3,h4,h5,h6{font-size: 1.1rem;}

h3,item,item:link{color:var(--itemlink);}  
h3:hover,item:hover{color:var(--itemhover);}  

h4,author,author:link{color:var(--authorlink);}  
author:hover{color:var(--authorhover);}  
    
h5,wisdom,wisdom:link{color:var(--wisdomlink);} 
wisdom:hover{color:var(--wisdomhover);} 

h6,tag,tag:link{color:var(--taglink);}
tag:hover{color:var(--taghover);}

info{color: var(--infocolor);display:block;max-height:12rem;line-height:2rem;overflow: hidden;text-indent:2rem;}

user,user:link{color:var(--userlink);}
user:hover{color:var(--userhover);}

small {color:#ccc;}

.bg70{background-color: #ffffffaa;}
.hr{border-top:dashed 1px !important;}
@font-face {font-family: 'CornPop';src: url('/css/CornPop.ttf') format('truetype');}
@font-face {font-family: 'Vintage';src: url('/css/Vintage.ttf') format('truetype');}





.cornpop{font-family: "CornPop" !important;font-size:4rem;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.logo{height:5rem;margin:.5rem;padding:.5rem;}

.nav-pills .nav-link:link{color:white;}
.nav-pills .nav-link:visited{color:white;}
.nav-pills .nav-link:hover{color:#dff;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#19b;}
.navbar .dropdown-menu {--bs-dropdown-divider-margin: 0.2rem;--bs-dropdown-padding-x: 0.5rem;}
.navbar .dropdown-menu .nav-link{color: #19b;}
.navbar .dropdown-menu .nav-link:hover{color: royalblue;background-color: #eee;}

.topbar{font-size:.8rem;width:10rem;background-image:linear-gradient(0deg,#eeeeeeaa,#f8f8f8ee);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;}
.logobg{background-image: url(/images/topbg.gif);}



.bookmarkul {width:20rem;left:-9rem!important;padding:.5rem;overflow:hidden;box-shadow: 0 .1rem .3rem rgba(0,0,0,.1);}
.bookmarkul li{display:inline-flex;overflow:hidden;}
.bookmarkul li::before{width: 1rem;padding-top:.5rem;content: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="bi bi-caret-right-fill" viewBox="0 0 16 16" %3e%3cpath  stroke="rgba%28100,100,100,.5%29" stroke-width="1" d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/%3e%3c/svg%3e');}




.hotsearch{max-width: 95vw;overflow: hidden;}

.lunar{color:#69c;border-radius: .5rem;background-image:linear-gradient(180deg,#dee 0%,#d8e8e8 80%);}
.btn-circle{padding: 0;text-align: center;width:2.5rem;height:2.5rem;border-radius: 2.5rem;}

.bg-gradient2{background-image:linear-gradient(90deg,darkturquoise,#19b) !important;}
.bg-gradient1{background-image:radial-gradient(circle at -200% 0%, #a8ffd9 20%, #10a0af 50%, #178eac 60%, #3cd 100%) !important}
.bg-gradient3{background-image:radial-gradient(circle at 30% -200%, #bee900   0%,#5de 51%,#3bc 51%,#3bc 53%,#19b 53%,#3cd 100%) !important}
.bg-gradient{background-image: radial-gradient(circle at 30% -80%, #4ce700 0%,#02acbd 51%,#27a4b3 53%,#19b 53%,#3cd 100%) !important}

.bg-color {color:#199; background-image:radial-gradient(circle at -20% -50%,#4dd 0%, #9ee 50%, #3ee 50%,#1cc 100%);}
.bg-silver {color:#689;background-image:radial-gradient(circle at -20% -50%, #f1f1f1 0%, #bec7c7 50%, #b5c1c4 50%, #a0c1cd 100%);border:solid 1px #9cb2b7 !important;}
.bg-circle-color {color:#199; background-image:radial-gradient(circle at -20% -10%,#4dd 0%, #9ee 60%, #3ee 60%,#1cc 100%);}
.bg-line {display:block;border:solid .1rem #ddd;border-radius: .3rem;width: 100%;color:#f4f4f4;background-color: #f8f8f8;background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 10px, transparent 0, transparent 50%);background-size: 30px 30px}
.bg-dot {background-image: radial-gradient(currentColor 0.5px, transparent 0.5px);background-size: calc(10 * 1px) calc(10 * 1px);}
.bg-grid{width: 100%;color:#0ca99808;background-image: repeating-linear-gradient(-45deg, currentColor 0, currentColor 20px, transparent 0, transparent 50%);background-size: 50px 50px   }
.bg-primary {background-color: darkturquoise !important;}
.bg-secondary {background-color: #19b !important;}
.bg-45{background-image: url(/images/bg45.png);}
.bg-gray{background-color:#eee;}
.bg-pill{background-image:linear-gradient(180deg,#cee 0%,#add 40%, #add 50%,#9cc 80%);border-radius: .5rem;border:solid .1rem white}
.btn-info {
    --bs-btn-bg: #1dd;
    --bs-btn-border-color: #1cc;
    --bs-btn-disabled-bg: #0dd;
    --bs-btn-disabled-border-color: #4cc;
}

.offcanvas {--bs-offcanvas-width: 200px;}
.text-gray {color:#888}

.btn-like {color:#aaa;min-width: 3rem;}
.btn-comment {color:#aaa;min-width: 3rem;}
.btn-bookmark {color:#aaa;min-width: 3rem;}

.center {left:50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}

.mainmenu{}
.btn-right {display: inline-flex;align-items: center;padding: .25rem .5rem;font-weight: bold;color: #FFF;}
.btn-right:hover{background-color: #00ffb3;}
.btn-right::before {width: 1.25rem;line-height: 0;content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");transition: transform .35s ease;transform-origin: .5rem 50%;}
.btn-right[aria-expanded="true"] {color: rgba(255, 255, 255, .85);}
.btn-right[aria-expanded="true"]::before {transform: rotate(90deg);}
.btn-right-nav a {display: inline-flex;padding: .2rem .5rem;margin: .1rem 0 0  1rem;}
.btn-right-nav a:hover {background-color: #6ff;}

.dropdown-right a {color:#fff}
.dropdown-right a:hover {color:#6ff}
.dropdown-menu a{color:#666}
.dropdown-menu a:hover{color:royalblue}


.wisdomslide {height:16rem;border:solid .1rem #ddd;border-radius: .3rem;padding:0;background-image:linear-gradient(180deg,#eee 0%,#fff 4%, #eee 4%,#eee 100%);margin: .5rem 0;}
.wisdomslide2 {height:20rem;border:solid .1rem #dcc;border-radius: .3rem;padding:0;background-image:linear-gradient(120deg,#fff8af,rgb(255 253 238),rgb(255 251 219), rgb(255 216 0));margin: .5rem 0;}
.wisdomslide3 {height:20rem;border:solid .1rem #ddd;border-radius: .3rem;padding:0;background: linear-gradient(to bottom, #6e529d 0%,#d97b93 100%);margin: .5rem 0;}
.wisdomslide .frame3{border: 1px solid rgba(255,255,255,.1);width: 10rem;height: 10rem;transform: rotate(45deg);margin: 2rem;float: left;background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.05) 100%); }
.wisdomslide .frame2{height:12rem;margin:0rem .6rem;display: block;border-radius: 1rem;border: solid .1rem #ccc;background-image:linear-gradient(120deg,#fff8c1 0%,#fffdee 30%,#fff8c1 30%, #daab6b 80%, #d1a568 80%, #a77838); }
.wisdomslide .frame1{height:12rem;margin:0rem .6rem;display: block;border-radius: 1rem;border: solid .1rem #ccc;background-image:radial-gradient(circle at -20% -20%,#fff8c1 0%,#fffdee 30%,#fff8c1 30%, #daab6b 80%, #d1a568 80%, #a77838); }
.wisdomslide .frame{overflow:hidden; height:14.8rem;margin:0rem 0rem;display: block;border-radius: .3rem;border: solid 0rem #fff;background-image:radial-gradient(circle at -20% -20%,#ffffffff 0%,#fffbd7a0 30%,#f6ffc180 30%, #72dfd780 80%, #68ced180 80%, #389ea7); }
.wisdomslide li{padding:1rem 0;height:16rem;position:relative;}
.wisdomslide li h5{position:absolute;padding:0 1rem;width:100%;top:30%; text-align: center; }
.wisdomslide li h5 a:link{font-size: 1rem; color:chocolate;line-height: 1.5rem;font-size:1.3rem;}
.wisdomslide li h5 a:hover{color:royalblue;}
.wisdomslide li em{position:absolute;left:0;bottom:0rem;width:100%;padding-left: 1rem; border-top: #ddd solid .1rem; border-radius:0 0 .3rem .3rem ; display:inline-block;background-image:linear-gradient(90deg,rgba(240, 240, 240, 0.6),rgba(255, 255, 255, 0.9));overflow: hidden;}
.wisdomslide li b{position:absolute;right:0;bottom:0rem;padding:0 .5rem .2rem;max-width: 50%;white-space:nowrap;color:#aaa; text-align:right;}
.carousel-control-next, .carousel-control-prev {top:40%;bottom: 10%;}





.wisdombox {padding:1rem 0;}
.wisdombox li{position:relative;padding:1rem 1rem 3rem 1rem;width:100%;min-height:8rem; border:solid .1rem #e0e0e0;border-radius: .3rem;display:block;margin-bottom:2rem; background-image:linear-gradient(180deg,#eee 0%,#fff 5%, #eee 5%,#fff 100%);box-shadow: 0 .1rem .3rem rgba(0,0,0,.1);}
.wisdombox li:hover{border:solid .1rem coral;}
.wisdombox li h5 a:link{color:var(--wisdomlink);line-height: 1.5rem;}
.wisdombox li h5 a:hover{color:var(--wisdomhover);}
.wisdombox li em{position:absolute;left:0;bottom:0;width:100%;border-top: #fff solid .1rem; border-radius:0 0 .3rem .3rem ; display:inline-block;background-image:linear-gradient(120deg,rgba(240, 240, 240, 0.5) 0%,#eff );}
.wisdombox li b{position:absolute;right:0;bottom:0;padding:0 .5rem .2rem;max-width: 50%;overflow:hidden;white-space:nowrap;color:#aaa; text-align:right;}


.wisdomdate {padding:1rem 0;}
.wisdomdate date{position:absolute;top:-1.5rem;left:0rem;color:chocolate;width: 12rem;height:2rem;text-align: center;background: linear-gradient(0deg, #eee 20%, #eff 80%);border-top-left-radius: .5rem;border-top-right-radius: .5rem;font-size:.9rem;line-height:2rem;border-top:solid .1rem #eee;}
.wisdomdate li{position:relative;padding:1rem 1rem 3rem 1rem;border:solid .1rem #fff; width:100%;border-radius: .3rem;display:block;margin:4rem 0; background-image:linear-gradient(180deg,#eee 0%,#e2e2e2  5%, #eee 5%,#fff 100%);box-shadow: 0 .2rem .4rem rgba(0,0,0,.1);}
.wisdomdate li frame{}
.wisdomdate li h5 a:link{color:var(--wisdomlink);line-height: 2rem;}
.wisdomdate li h5 a:hover{color:var(--wisdomhover);}
.wisdomdate li em{position:absolute;left:0;bottom:0;width:100%;border-top: #fff solid .1rem; border-radius:0 0 .3rem .3rem ; display:inline-block;background-image:linear-gradient(120deg,rgba(240, 240, 240, 0.5) 0%,#eff );overflow: hidden;}
.wisdomdate li b{position:absolute;right:0;bottom:0;padding:0 .5rem .2rem;max-width: 50%;overflow:hidden;white-space:nowrap;color:#aaa; text-align:right;}





.wisdomloop{width:95%;height:50rem;margin: 1rem 0; overflow:hidden;}
.wisdomloop li{width:100%; height:10rem;overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#ccc dashed 1px;padding:1rem 0;}
.wisdomloop li h4{display: inline-block;}
.wisdomloop li a:link{font-size: 1.1rem; color:#499;line-height: 1.8rem;}
.wisdomloop li a:hover{color:royalblue;}
.wisdomloop li em{display: block;font-size:.8rem;}
.wisdomloop li b{color:#aaa;}
.wisdomloop #but_up{ background:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/%3e%3c/svg%3e') no-repeat 0 0; text-indent:-9999px}
.wisdomloop #but_down{ background:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="bi bi-arrow-down-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/%3e%3c/svg%3e') no-repeat 0 0; text-indent:-9999px}


.prevnext {padding:.5rem;background-color: #eee; color:lightseagreen;}
.updown {color:lightblue;width:10rem;}

.wisdoms i{color: lightseagreen;}
.wisdoms li{position:relative;}
.wisdom{margin:2rem auto 1rem auto;padding:0;border-radius: .3rem;position:relative;width: 98%;box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);}
.wisdom ul{overflow:hidden; margin:.5rem;display: block;border-radius: .3rem;border: solid 0rem #fff;}

.wisdom li{position:relative;padding:2rem 1rem;min-height:20rem;position:relative;display: flex;}
.wisdom li h5{padding:1rem;font-size:1.25rem;line-height: 2rem; margin:auto;}
.wisdom li h5 p{text-align: end;font-size: 1rem;line-height: 2rem;}
.wisdom li em{position:absolute;z-index: 300; left:0;bottom:0rem;width:100%;padding-left: 1rem; border-top: #ffffffa0 solid .1rem; border-radius:0 0 5rem 5rem ; display:inline-block;background-image:linear-gradient(90deg,transparent 0%, #ffffff88 2%,#ffffffaa 98%,transparent 100%);overflow: hidden;}
.wisdom li b{position:absolute;right:0;bottom:0rem;padding:0 1.5rem .2rem 0;max-width: 50%;white-space:nowrap;color:#aaa; text-align:right;}
.wisdom date{position:absolute;top:0;color:tomato;width: 10rem;text-align: center;background: linear-gradient(0deg, white 0%, transparent 70%);border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
.wisdom .qr{text-align: center;}



.border-wisdom{border:solid .01rem #fda;}
.bg-wisdom{color:brown; background-image:radial-gradient(circle at -20% -20%,#ffdfbc 0%,#fffce0a0 30%,#fff19880 30%, #ffbb0091 80%, #f4ac0091 80%, #fff3db);}
.flora{z-index: 100;position: absolute;width: 100%;height: 100%;}
.flora_left_top:before {color:#cc9911aa;position: absolute;left:2.2rem;top:.5rem;width:1rem;content: "G";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(270deg);}
.flora_right_top:before {color:#cc9911aa;position: absolute;right: 3.7rem;top: -1.1rem;width:1rem;content: "G";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(0deg);}
.flora_left_bottom:before {color:#cc9911aa;position: absolute;left:3.7rem;bottom:1rem;width:1rem;content: "G";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(180deg);}
.flora_right_bottom:before {color:#cc9911aa;position: absolute;right:2.2rem;bottom:2.5rem;width:1rem;content: "G";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(90deg); }

.border-wisdom1{border:solid .01rem #5d6;}
.bg-wisdom1{color:darkslategray; background-image:radial-gradient(circle at -20% -20%,#f7ffbc 0%,#e9ffe0a0 30%,#e4ff9880 30%, #00ffb491 80%, #00f4ad91 80%, #fdffdb);}
.flora1{z-index: 101;position: absolute;width: 100%;height: 100%;}
.flora1_left_top:before {color:#44cc99aa;position: absolute;left:2.2rem;top:.5rem;width:1rem;content: "F";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(270deg);}
.flora1_right_top:before {color:#44cc99aa;position: absolute;right: 3.7rem;top: -0.8rem;width:1rem;content: "F";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(0deg);}
.flora1_left_bottom:before {color:#44cc99aa;position: absolute;left: 3.7rem;bottom: 1rem;width:1rem;content: "F";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(180deg);}
.flora1_right_bottom:before {color:#44cc99aa;position: absolute;right: 2.2rem;bottom: 2.5rem;width:1rem;content: "F";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(90deg);}


.border-wisdom9{border:solid .01rem #fda;}
.bg-wisdom9{color:#348; background-image:radial-gradient(circle at -20% -20%,#ffdfbc 0%,#fffce0a0 30%,#fff19880 30%, #00eadf91 80%, #00d1c191 80%, #edffdb);}
.flora9{z-index: 101;position: absolute;width: 100%;height: 100%;}
.flora9_left_top:before {color:#fc5;position: absolute;top: 0.5rem;left: 1.95rem;width:1rem;content: "O";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(270deg);}
.flora9_left_bottom:before {color:#fc5;position: absolute;bottom: -1.3rem;left: 3.7rem;width:1rem;content: "O";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(180deg);}
.flora9_right_top:before {color:#fc5;position: absolute;top: -1.25rem;right: 3.7rem;width:1rem;content: "O";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(0deg);}
.flora9_right_bottom:before {color:#fc5;position: absolute;bottom: 0.4rem;right: 1.9rem;width:1rem;content: "O";font-family: "CornPop";font-size: 5.0rem;text-align: center;display: block;transform: rotate(90deg);}




.flora0{z-index: 99;position: absolute;width: 1.5rem;height: 1.5rem;background: rgba(0,0,0,0);border: .2rem solid #ddd;}
.flora0_left_top{top: -2px;left: -2px;border-right: none;border-bottom: none;border-top-left-radius: 6px;}
.flora0_right_top{top: -2px;right: -2px;border-left: none;border-bottom: none;border-top-right-radius: 6px;}
.flora0_left_bottom{bottom: -2px;left: -2px;border-right: none;border-top: none;border-bottom-left-radius: 6px;}
.flora0_right_bottom{bottom: -2px;right: -2px;border-left: none;border-top: none;border-bottom-right-radius: 6px;}









.items,.item {position:relative;}
.items li{position:relative;color:#666;overflow:hidden;}
.item:link,.item:visited{color:var(--itemlink);line-height:1.5rem;}
.item:hover{color: royalblue;}
.items .pic,.item .pic{position:relative;overflow:hidden;border-radius: .3rem;border:solid .1rem #ddd;margin:.5rem auto;overflow: hidden;box-shadow: 0 .2rem .4rem rgba(0,0,0,.1);max-width:7.5rem;max-height:10rem;}
.items img,.item img{transition: all 0.5s;width: 100%;max-width:7.5rem;} 
.items img:hover,.item img:hover{transform: scale(1.1);}
.items i{color:darkseagreen;}
.items c{position:absolute;color:coral;right:0;bottom:0;text-align:right;width:100%;background-image:linear-gradient(140deg,transparent 50%,#000000aa 80%);font-size:.8rem;}
.item h3{text-align: center;}

.item .frame{color:darkslategray;margin:0; border:solid #eee .1rem;background-image:radial-gradient(circle at -20% -20%,#dcdcdc 0%,#fefefea0 30%,#eeeeee80 30%, #fafafa91 80%, #f0f0f091 80%, #eeeeee);}
.item .flora0{border-color:#3dd;}
.item li{padding:.5rem;}
.items .bg{border-radius: .3rem;background-image:linear-gradient(180deg,#f0ffff 5%,#fff 100%);}

.pill-gray{padding:.5rem;display:block;max-width:80%;text-align:center;margin:1rem auto;background-image:linear-gradient(0deg,#fff,#eee);border:solid .1rem #eee;border-radius:1rem;color: chocolate;}
.rb-gray{border:solid .1rem #eee;border-radius:.3rem;}
.rb-blue{border:solid .1rem #3dd;border-radius:.3rem;}

.author h4{text-align: center;}
.authors,.author {position:relative;}
.authors .pic,.author .pic{position:relative;overflow:hidden;border-radius: .3rem;border:solid .1rem #ddd;margin:.5rem auto;overflow: hidden;box-shadow: 0 .2rem .4rem rgba(0,0,0,.1);max-width:5rem;}
.authors img,.author img{transition: all 0.5s;max-width:5rem;width:100%;} 
.authors img:hover,.author img:hover{transform: scale(1.1);}
.author:link,.author:visited{color:var(--authorlink);white-space:nowrap;}
.authors a:hover,.author:hover{color:orange}
.authors c{position:absolute;font-size:.6rem;color:darkkhaki;right:0;bottom:0;text-align:right;width:100%;background-image:linear-gradient(140deg,transparent 50%,#000 80%);}
.authors d{position:absolute;color:#fff;right:.2rem;top:.2rem;text-align:right;}

.author .frame {color:darkslategray;margin:0;padding:.5rem; border:solid #ddd .1rem;background-image:radial-gradient(circle at -20% -20%,#d8d7cb 0%,#ffffffa0 30%,#e0d8c580 30%, #d0c3b091 80%, #bba69191 80%, #ffffff)}


.bar3 {color:#666;border-bottom: .1rem solid #ddd;border-left: .3rem solid #999; background-color: #ccc;background-image:linear-gradient(120deg,#ccc 0%,#fff 40%,#eee 40%,#fff 90%); padding: .5rem; border-radius: .2rem;box-shadow: 0 .1rem .3rem rgba(0,0,0,.1);;margin:.5rem 0;}
.bar3 i{color: #fff;}


.bar {color:#2aa;border-bottom: .1rem solid #8dd;border-left: .3rem solid #8dd;background-image:radial-gradient(circle at 0% -200%,#aee 0%,#eff 20%,#bee 20%,transparent 90%); padding: .5rem; border-radius: .2rem;box-shadow: -.1rem .1rem .3rem rgba(0,0,0,.1);;margin:.5rem 0;}
.bar i{color: #fff;}

.bar2 {color:#2aa;border-bottom: .1rem solid #8dd;border-left: .3rem solid #8dd;background-image:radial-gradient(circle at 0% -200%,#aee 0%,#eff 40%,#bee 40%,transparent 90%); padding: .5rem; border-radius: .2rem;box-shadow: -.1rem .1rem .3rem rgba(0,0,0,.1);;margin:.5rem 0;}
.bar2 i{color: #fff;}

.bar11 {color: #22aa46;border-bottom: 0.1rem solid #88dd93;border-left: 0.3rem solid #62bb69;background-color: #b2eeaa;background-image: radial-gradient(circle at 0% -200%,#b0eeaa 0%,#fcffee 40%,#c9eeaa 40%,#fff 90%);padding: 0.5rem;border-radius: 0.2rem;box-shadow: 0 .1rem .3rem rgba(0,0,0,.1);;margin:.5rem 0;}
.bar11 i{color: #fff;}

.bar1 {color: #22a8aa;border-bottom: 0.1rem solid #88ddb4;border-left: 0.3rem solid #62bba4;background-color: #aaeeb2;background-image: radial-gradient(circle at 0% -200%,#aaeed3 0%,#f2ffee 40%,#aaeebd 40%,#fff 90%);padding: 0.5rem;border-radius: 0.2rem;box-shadow: 0 .1rem .3rem rgba(0,0,0,.1);;margin:.5rem 0;}
.bar1 i{color: #fff;}

.bars {padding:1rem 0 0 0;align-items: center;overflow: hidden; vertical-align:bottom;display: flex; flex-wrap: nowrap; white-space: nowrap;background-color: #f4ffff;background-image:linear-gradient(120deg,#f4ffff,#fff);box-shadow: 0 .1rem .3rem rgba(0,0,0,.1);margin:.5rem 0;}
.bars h6{width:50%;display: block;margin:0;padding:0 .5rem; height: 1.8rem; border-bottom: #8dd solid .2rem;color:gray;}
.bars i{color:#f60;}
.bars u{width:50%;height: 1.8rem; border-bottom: #ddd dotted .1rem;}


.barz {padding:1rem 0 0 0;align-items: center;vertical-align:bottom;display: flex; flex-wrap: nowrap; white-space: nowrap;background-image:linear-gradient(120deg,#ffd 0%,transparent 70%);margin:.5rem 0;}
.barz h6{width:30%;display: block;margin:0;padding:0 .5rem; height: 1.8rem; border-bottom: #8dd solid .1rem;color:tan;}
.barz i{color:#f60;}
.barz u{width:70%;height: 1.8rem; border-bottom: #ddd dotted .1rem;}

.bard {position:relative;color:#666;width:30rem; background-image:radial-gradient(circle at 50% 50%,#fafafa 0%,#f3f3f3 40%,transparent 90%); padding: .5rem; border-radius: .2rem;;margin:.5rem auto;text-align:center;}
.bard::after{color:#e8dfd1;position: absolute;top:-18.6rem;left:1.3rem;font-size:20rem;content: "r";font-family: "Vintage";} 


.tag {padding:.5rem .2rem;}
.tag a:link,.tag a:visited,.tag:link,.tag:visited{color:var(--taglink);line-height: 2rem;}
.tag a:hover,.tag:hover{color:var(--taghover);}

.tags {text-align:center;}
.tags a:link,.tags a:visited,.tags:link,.tags:visited{color:var(--taglink);line-height: 2rem;border:dashed 1px #ddd;margin:.2rem;padding:.1rem;}
.tags a:hover,.tags:hover{color:var(--taghover);}
  
  
.shadows{display:block;width:100%;height:.1rem;background-color:#18777e63;box-shadow: 0 .1rem .3rem rgba(0,0,0,.5);}
.path{width:99.9%;padding:.5rem; vertical-align: middle;border: solid 1px #ccc;border-top-width: 0;box-shadow: 0 .3rem .5rem rgba(0,0,0,.1);border-bottom-right-radius: 3rem;background-image:linear-gradient(120deg,rgba(240, 240, 240, 0.5) 0%,#eff );}  
.path ul{margin-bottom: 0;padding-left: 1rem;}
.path i{color:coral;margin: auto .5rem;}
.path li{display:inline-block;line-height: 1.5rem;}  
.path lia::before {width: 1.25rem;margin-right: .5rem; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28120,120,120,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");transition: transform .35s ease;transform-origin: .5rem 50%;}  
  
.modal-top{margin:.5rem;}  
.usermenu li{display:block;width:100%;padding:1rem;text-align:center;justify-content:center;border-bottom:dashed 1px #ccc;}
.usermenu li a::before{width: 1.25rem;content: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="bi bi-arrow-right-circle" viewBox="-1 -1 26 10" %3e%3cpath  stroke="rgba%28100,100,100,.5%29" stroke-width="1" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/%3e%3c/svg%3e');}


.users{}

.comments ul{min-height:10rem;}
.comments li{overflow:hidden;}
.comments em{display:block;float:right;margin-right:1rem;}
.comments date{font-size:.8rem;margin-right:.5rem;color:dategray;}
.comments p{line-height:1.5rem;color:seagreen;}