ul{list-style-type:none;padding:0;margin:0;}
body,form {margin:0px;color:#666;}
li {list-style: none;}
.bodybk {background-color: #000000 !important;}
body from table {background-color: #fff !important;}
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;}
A:active	{text-decoration:none;color:#f80;}

:root
{
	--wisdomlink:#388;
	--wisdomhover:royalblue;
	--authorlink:darkseagreen;
	--authorhover:mediumseagreen;
	--itemlink:deepskyblue;
	--itemhover:royalblue;
	--taglink:tan;
	--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);}

main{padding: 0 0 3rem 0;}

.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:linear-gradient(120deg, #bee900  0%,#5de 65%,#3bc 65%,#3bc 67%,#19b 67%,#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% -200%, #4ce700 0%,#009dc9 51%,#02acbd 51%,#27a4b3 53%,#19b 53%,#3cd 100%) !important;}

.bg-color {background-image: radial-gradient(circle at -20% -50%,#d44 0%, #e99 50%, #d11 50%,#c11 100%);}
.bg-circle-color {background-image: radial-gradient(circle at -20% -10%,#900c0c 0%, #d02323 60%, #d03b3b 60%,#890303 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: #8dd;
    --bs-btn-disabled-bg: #1dd;
    --bs-btn-disabled-border-color: #8dd;
}

.offcanvas {--bs-offcanvas-width: 200px;}


.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;}
.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;}


.btn_cricle_big{display: flex !important;align-items: center;width: 2.2rem;height: 2.2rem;border-radius: 50% !important;justify-content: center;}
.btn_cricle_sm{display: flex !important;align-items: center;width: 1.8rem;height: 1.8rem;border-radius: 50% !important;justify-content: center;}
.menu_top_div {position: fixed;top: 0;width: 100%;box-sizing: border-box;background-image: radial-gradient(circle at -20% -300%, #180902 0%, #5c0a00 40%, #650b0a 40%, #b94400 80%, #a93f07 80%, #481111);line-height: 2.8rem;height: 2.8rem;z-index: 999;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}
.menu_top_div_bak {position: fixed;top: 0;width: 100%;box-sizing: border-box;background-image: radial-gradient(circle at -20% -20%,#640909 0%,#5c0000 30%,#650a0a 30%, #b90000 80%, #b70707 80%, #481111);line-height: 2.8rem;height: 2.8rem;z-index: 999;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}

.menu-top-right {display: flex;padding-right: .3rem;}
.menu-top-mid a {display: flex;}
.menu-top-mid img {width: 78px;}
.menu_top_md_bak {display: flex;justify-content: space-around;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;background-color: #fff;border-radius: 0.25rem;border: 1px solid rgb(0 0 0 / 5%);background-image: radial-gradient(circle at 30% -200%, #5b160a 0%,#a80808 51%,#aa1010 51%,#b11717 53%,#b61111 53%,#730a0a 100%) !important;}
.menu_top_md {display: flex;justify-content: space-around;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;background-color: #fff;border-radius: 0.25rem;border: 1px solid rgb(0 0 0 / 5%);background-image: radial-gradient(circle at -30% -200%, #260600 0%, #a62121 50%, #ad2323 50%, #660c0c 100%) !important;}

.menu_top_md div {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;}
.menu_top_md div i {height: 2rem;line-height: 2rem;}
.menu_top_md div h6 {font-size: 100%;}
.def_title_bar_bak {background-image: radial-gradient(circle at 30% -200%, #605f5e 0%,#232323 51%,#262422 51%,#423d37 53%,#403e3c 53%,#282828 100%) !important;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.def_title_bar {background-image:radial-gradient(circle at 30% -200%, #605f5e 0%, #232323 50%, #1c1b1a 50%, #2e2d2d 100%) !important;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.def_title_bar h6 i, .def_title_barsm h6 i {font-size: 1rem;padding-right: 0.5rem;}
.picsize{position:relative; overflow:hidden; border-radius: .25rem;}
.picsize fav_date {background: rgba(0, 0, 0, 0.6);color: #dee2e6;border-radius: 10%;position: absolute;left: 0.3em;z-index: 1;text-align: center;font-size: 0.8em;top: 0.3em;display: block;height: 1rem;line-height: 1rem;padding: 0 5px 0 5px;}
.picsize fav_del {background: rgba(23, 51, 71, 0.7);color:#fff; border-radius: 0.2rem;position: absolute;right: 0.2rem;z-index: 1;text-align: center;font-size: 0.75rem;bottom: 0.2rem;display: block;padding: 0 0.3rem; height: 1.6rem; line-height: 1.6rem; border: 1px solid rgba(0, 123, 255, 0.5);}
.picsize fav_del:hover{background: rgba(0, 0, 0, 0.85);transition: all 0.5s;}
.picsize eps{color: #fff;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: .75rem;bottom: .1rem;display: block;background: rgba(0, 0, 0, 0.7);border-radius: .2rem;padding: 0 .2rem;border: 1px solid #d5d5d5;}
.picsize num{padding: .1em .3em;background: rgba(186, 230, 205, 0.35);color: #dee2e6;border-radius: .2em;position: absolute;right: 0.3em;z-index: 1;text-align: right;font-size: 0.8em;bottom: 0.3em;display: block;}
.picsize bak{}
.picsize img{width:100%;}
.picsize img{transition: all 0.3s;}
.picsize img:hover{transform: scale(1.06);}
.pictitle{margin:2px auto 15px auto;text-align:center;}
.pictitle_font{font-size:14px;color:#6D6D72;}
.text {padding-left: .5rem!important; padding-right: .5rem!important;}
.text-blue {color: #49728e !important;}
.text-blue:link {color: #49728e;}
.text-blue:visited {color: #49728e;}
.text-blue:hover {color: #f17b13 !important;}
.text-pink {color: #ef4e6e !important;}
.icon-orange {font-weight: bold;background-image: linear-gradient(to bottom, #55e7e1 -20%, #fab889 80%);-webkit-background-clip: text;background-clip: text;color: transparent;display: block;}
.text-gray-sm {color: #bfbfbf !important;font-size:0.75em;}
.text-gray {color: #bfbfbf !important;}
.bordersm {border: solid 2px #252525 !important;}
.search_hot {padding: .2rem 0;overflow: hidden;width: 28rem;white-space: nowrap;text-overflow: ellipsis;display: flex;align-items: center;justify-content: flex-end;}
.search_hot a {padding-left: 0.2rem;color: #fab889;}
.search_bar {padding: .2rem 0 0 0;width: 28rem;display: flex;align-content: center;align-items: center;justify-content: flex-end;}
.top_gap {min-height: 1px;}
.item-cover img{border: 1px solid #b5b5b5;border-radius: .3rem;height: 15rem;}

.item-favorate {background: linear-gradient(to right, #fc000c 0, #f9444d 100%);border-radius: 0.5rem;padding: 0 20px;color: #fff;cursor: pointer;font-size: 1rem;display: inline-block;text-align: center;line-height: 2.5rem;}

.item-favorite {background: radial-gradient(circle at -20% -90%, #b0653b 0%, #8c3c0d 60%, #ab4215 61%, #ed815f 100%);border-radius: 0.5rem;padding: 0 20px;color: #fff;cursor: pointer;font-size: 1rem;display: inline-block;text-align: center;line-height: 2.5rem;min-width:6.5rem;}

.item-readto {background: radial-gradient(circle at -20% -90%, #b07656 0%, #916719 60%, #af741f 61%, #edb35f 100%) !important;line-height: 2.5rem;display: inline-block;font-size: 1rem;border-radius: 0.5rem;padding: 0 20px;cursor: pointer;min-width:6.5rem;}
.item-readto-bak {background: linear-gradient(0deg, #ff2a14 40%, #ff9800) !important;line-height: 2.5rem;display: inline-block;font-size: 1rem;border-radius: 0.5rem;padding: 0 20px;cursor: pointer;}
.item-top-div {background-image: radial-gradient(circle at -90% -50%, #040403 0%, #322c25 80%, #3d342a 80%, #171210 100%) !important;border-radius: 0.2rem;}
.item-eps-div {background-image: radial-gradient(circle at 30% -150%, #423a3a 0%,#474444 31%,#2e1813 51%,#392a17 63%,#3a2814 63%,#0b0101 100%) !important;border-radius: 0.2rem;}
.item-top-btn a {text-wrap: nowrap;}
@media screen and (min-width: 1005px) {.item-cover {}}
@media screen and (min-width: 1005px) {.item_content_box {width: 80%;}}
@media screen and (max-width: 1005px) {.item-cover {width: 100%;display: flex;justify-content: center;}}
@media screen and (max-width: 1005px) {.item_content_box {width: 100%;}}
@media screen and (max-width: 1005px) {.item_content_detail {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;align-content: center;padding-bottom: 0.5rem;}}
@media screen and (max-width: 1005px) {.item-top-btn {justify-content: center;}}
.episode-text {background: #0000006e;padding: 0.5rem;border-radius: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;text-align: center;min-width: 5rem;}
a.episode-text.d-block {color:#e39a5b;}
.episode-text a:link:visited {color:#6b6b6b;}
.close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #fff;text-shadow: 0 1px 0 #f00;opacity: .5;background-color: transparent;border: 0;}
.play-eps-btn {background: radial-gradient(circle at -20% -90%, #b03b3b 0%, #8c0d0d 60%, #ab1515 61%, #ed5f5f 100%);line-height: 2rem;display: inline-block;font-size: 1rem;border-radius: 0.5rem;padding: 0 0.5rem;cursor: pointer;}
.search-mobile {line-height: 3rem;}
.pager {margin-bottom:2rem;}
.pager ul {padding:0;display: flex;flex-wrap: nowrap;flex-direction: row;align-content: center;justify-content: center;lign-items: center;}
.pager ul li {margin:0.2rem;width: 3rem;height: 3rem; line-height:3rem;background-image: radial-gradient(circle at -20% -300%, #180902 0%, #3f3838 40%, #716767 40%, #6e1313 80%, #631616 80%, #980f0f);border-radius: 50%;color: #fff; font-size: 1.2rem; cursor:pointer;}
.pager ul li a {color: #fff;}
.pager ul li:first-child {display:none;}
.pager ul li:last-child {display:none;}

.pager tr td {display: inline-table;margin:0.2em;width: 2rem;height: 2rem;background: rgba(141, 11, 11, 0.9);border-radius: 50%;color: #fff;}
.pager tr td span {color:#fff;}
.pager tr td:first-child {display:none;}
.pager tr td:last-child {display:none;}
.badge_more {color: #ffbe90 !important;}
.nowraphide {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.historyimg {width: 100%;}
h6.historytitle {color: #ffb853;line-height: 1rem;}
small.historysmall {background: #dcd3b7;padding: 0.1rem 0.2rem;border-radius: 0.2rem;position: absolute;top: 1rem;right: 0.2rem;}
div#history li {padding: 0.2rem;line-height: 1rem;}
div#history img {border: 1px solid #b5b5b5;border-radius: 0.3rem;}
div#history h6 {font-size: 80%;}
.catlistmenu {background-color: #fff;border-radius: 0.25rem;border: 1px solid rgb(0 0 0 / 5%);background-image: radial-gradient(circle at 30% -200%, #5b160a 0%,#a80808 51%,#aa1010 51%,#b11717 53%,#b61111 53%,#730a0a 100%) !important;}
h6.bg-dark.rounded.p-2.mx-2.text-center.text-white {background-image: radial-gradient(circle at -20% -100%, #180902 0%, #372f2b 80%, #352117 80%, #000000);}
.play_pick_eps {display: inline-block;border-radius: 0.5rem;background: radial-gradient(circle at -20% -10%,#321010 0%, #951e1e 60%, #932121 60%,#500909 100%);padding: 0 1rem;}
.login_reg {background-image: radial-gradient(circle at -20% -300%, #180902 0%, #5c0a00 40%, #650b0a 40%, #b94400 80%, #a93f07 80%, #481111);}
.ls-div-bar {background-image:radial-gradient(circle at 30% -200%, #605f5e 0%, #232323 50%, #1c1b1a 50%, #2e2d2d 100%) !important;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.ls-div-bar h6 i {font-size: 1rem;padding-right: 0.5rem;}
.play-back-btn {color: #dc411c;}
.del-favorite {background: radial-gradient(circle at -20% -90%, #b0653b 0%, #8c3c0d 60%, #ab4215 61%, #ed815f 100%);border-radius: 0.5rem;padding: 0 0.5rem;color: #fff;cursor: pointer;font-size: 0.875rem;display: inline-block;text-align: center;line-height: 2.2rem;}
.border-top-0 {border-top: none;}
.border-bottom-0 {border-bottom: 0;}
.icon-search {width: 100%;height: 100%;background-image: url('//www.8movie.com/images/magnifying-glass.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-search-b {width: 1.5rem;height: 1.5rem;background-image: url('//www.8movie.com/images/magnifying-glass.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);display: block;}
.icon-new {width: 2rem;height: 2rem;background-image: url('//www.8movie.com/images/film.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.icon-list {width: 2rem;height: 2rem;background-image: url('//www.8movie.com/images/list.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.icon-rank {width: 2rem;height: 2rem;background-image: url('//www.8movie.com/images/chart-simple.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.icon-bookmark {width: 1.5rem;height: 2rem;background-image: url('//www.8movie.com/images/bookmark.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(68%) sepia(95%) saturate(3110%) hue-rotate(353deg) brightness(103%) contrast(101%);}
.footer {padding: 30px 0;border-top: 1px solid #e5e5e5;margin-top: 70px;display: flex;justify-content: center;align-items: center;font-size: 0.875rem;}