:root{
--ftsearch: #188889;
--ftsearchbg: #fff;
--ftsearchbor: #3b3b3b;
--ftsearchspan:#e5e5e5;
--ftsearchsp:#ebebeb63;
--ftsearchimg:#ccc;
--ftsearchbl:#1e1e1eeb;
--ftsearchcolor:#333;
}
.ft-sbox a{
color:var(--ftsearchcolor);
font-size:18px;
line-height:1.3;
text-decoration:none;
}
.ft-sbox a:hover{
color:#777;
}
form.ft-sform {
display: flex;
border-radius: 10px;
padding: 5px 10px;
border: 1px solid var(--ftsearchbor);
box-sizing: border-box;
line-height: 0px;
background:var(--ftsearchbg);
}
.ft-sbox #ft-sinput {
width: 100%;
border: none;
margin: 0px;
height: 45px;
background: none;
padding: 0px 20px;
outline: none;
box-shadow: none;
color:var(--ftsearchcolor);
}
.ft-sbox #ft-sinput::placeholder {
color: #ccc; 
}
.ft-sbox #ft-ssumit {
width: 60px;
margin: 0px;
height: 45px;
background: none;
padding: 0px 20px;
border:none;
font-size:14px;
}
.ft-sbox #ft-ssumit svg{width:20px;} .ft-sbox #ft-ssumit svg path{fill:var(--ftsearch);}
.ft-sbox-main{
background:var(--ftsearchbg);
padding:15px;
border-radius:10px;
margin-top:15px;
border: 1px solid var(--ftsearchbor);
color:#888;
}
li.ft-stit {
text-transform: uppercase;
font-size: 14px;
color: #676767;
padding: 5px 0px;
border-bottom: 1px solid var(--ftsearchimg);
}
.ft-sselec{
color:var(--ftsearch);
}
.ft-sbox #ft-show{
margin:0px;
padding:0px;
font-size:18px;
}
#ft-staxo {
display: flex;
overflow-y: auto;
}
#ft-staxo span:first-child{
margin-left:0px;
}
#ft-staxo span {
display: inline-block;
background: var(--ftsearchspan);
padding: 7px 15px;
margin: 5px;
border-radius: 7px;
white-space: nowrap;
color:var(--ftsearchcolor);
border: 1px solid var(--ftsearchbor);
cursor: pointer;
font-size:14px;
}
#ft-staxo .postType-filter.active {
border: 1px solid var(--ftsearch);
color: var(--ftsearch);
}
#ft-show li:first-child {
margin-top: 15px;
}
#ft-show li {
list-style-type: none;
margin:0px;
}
li.ft-sspno, li.ft-ssp {
background: var(--ftsearchsp);
padding: 10px;
border-radius: 7px;
}
#ft-show .ft-ssp {
display: grid;
grid-template-columns: 75px auto;
align-items: center;
}
#ft-show .ft-ssp a:first-child {
display: flex;
align-items: center;
}
#ft-show li:not(:last-child){
margin-bottom: 10px;
}
#ft-show li img{
width: 65px;
height: 65px;
border-radius:6px;
margin-right: 10px;
vertical-align: middle;
object-fit: cover;
margin-right:10px;
border:1px solid var(--ftsearchimg);
}
.ft-stit{
color:#555;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
.ft-sbox .ft-ssap-tit{
font-weight:bold;
}
.ft-sbox .ft-ssap-cm {
font-size: 14px;
color: #999;
display:block;
}
.ft-sbox .ft-ssap-pri{
font-size: 14px;
color:#ff4444 !important;
display:block;
}
.ft-sbox .ft-ssap-pri span{
color:#ff4444 !important;
} .ft-sbox * {
scrollbar-color: #777 #ffffff00;
scrollbar-width: thin !important;
}
.ft-sbox ::-webkit-scrollbar {
width: 5px;
height: 5px;
background: none;
}
.ft-sbox ::-webkit-scrollbar-thumb {
background-color: #777;
border-radius: 2px;
}
.ft-sbox ::-webkit-scrollbar-track {
background-color: none;
}
.jquery-modal.fox-blocker {
padding: 20px 0px !important;
background-color: var(--ftsearchbl) !important;
border-radius: 0px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 9999999999999999999999999999999999;
box-sizing: border-box;
text-align: center;
}
.jquery-modal.fox-blocker:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.jquery-modal.fox-blocker.behind {
background-color: transparent;
}
.ft-smodal {
display: none;
vertical-align: middle;
position: relative;
z-index: 2;
max-width: 1000px;
box-sizing: border-box;
width: 90%;
padding: 0px;
text-align: left;
}
.ft-smodal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
}
.ft-smodal-spinner {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
padding: 12px 16px;
border-radius: 5px;
background-color: #111;
height: 20px;
}
.ft-smodal-spinner > div {
border-radius: 100px;
background-color: #fff;
height: 20px;
width: 2px;
margin: 0 1px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.ft-smodal-spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.ft-smodal-spinner .rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.ft-smodal-spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-stretchdelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.5);
}
20% {
-webkit-transform: scaleY(1);
}
}
@keyframes sk-stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}:root{
--tocbgr: #ffffffe8;
--tocbor: #777;
--toctit: #fff;
--toctitback: #333;
--toclin: #333;
--tocsec: #9b9b9b73;
--tocsize:16px;
--tocnutbgr: #ffffffe8;
--tocnutbor: #ccc;
--tocnutico: #333;
--tocradius: 10px;
--tocnutradius: 10px;
--toclight: #ff4444;
}
.ft-toc {
scroll-behavior: smooth;
}
.ft-toc-light, .ft-toc-light a{
color: var(--toclight) !important; 
transition: color 0.5s ease; 
} .ft-toc-scrol *{
scrollbar-color: #eee #ffffff00;
scrollbar-width: thin !important;
}
.ft-toc-scrol ::-webkit-scrollbar{
width: 5px;
height: 5px;
background: none;
}
.ft-toc-scrol ::-webkit-scrollbar-thumb{
background-color: #eee;
border-radius: 2px;
}
.ft-toc-scrol ::-webkit-scrollbar-track{
background-color: none;
}
.ft-toc-placeholder{
margin-bottom:20px;
}
.ft-toc-main{
width:100%;
border: 1px dashed var(--tocbor);
padding: 15px 12px;
border-radius:var(--tocradius);
background: var(--tocbgr);
font-size:var(--tocsize);
box-sizing: border-box;
}
.ft-toc-main li:not(:last-child) {
margin-bottom:10px;
}
.ft-toc-tit-sp svg{
margin-right:15px;
}
@keyframes toczoomIn {
from {
transform: scale(0.3);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.ft-toc-close {
background: var(--tocnutbgr);
border: 1px solid var(--tocnutbor);
width: 45px;
height: 45px;
position: absolute;
justify-content: center;
align-items: center;
left: -55px;
top: 30%;
border-radius:var(--tocnutradius);
opacity: 0;
transform: scale(0.5);
animation: toczoomIn 0.9s ease-out forwards;
}
.ft-toc-close svg {
width:35px;
height:35px;
}
.ft-toc-close svg path{fill:var(--tocnutico);}
.ft-toc-main-vuot{
position: fixed;
z-index: 999999;
right: -350px;
top: 10px;
bottom: 10px;
width: 350px;
border:none;
box-shadow: 0px 0px 10px #00000024;
transition: right 0.7s ease;
margin-bottom:0px;
animation: tocopiti 0.9s ease-out forwards;
}
@keyframes tocopiti {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ft-toc-main-open {
right: 10px; }
.ft-toc-main-open .ft-toc-close{display:none !important}
.ft-toc-main-vuot .ft-toc-tit .ft-toc-close2{display: contents;}
.ft-toc-main-vuot .ft-toc-tit .ft-toc-tit-svg{display:none;}
.ft-toc-tit{
display:flex;
line-height:0;
font-weight:bold;
font-size:var(--tocsize);
justify-content: center;
align-items: center;
margin:0px 5px;
background: var(--toctitback);
padding: 12px 15px;
border-radius: calc(var(--tocradius) - 3px);
color:var(--toctit);
}
.ft-toc-tit svg{
width:20px;
height:20px;
vertical-align: middle;
}
.ft-toc-tit svg path{
fill:var(--toctit);
}
.ft-toc-tit span{
width:100%;
}
.ft-toc-tit .ft-toc-close2{
display:none;
}
.ft-toc-tit .ft-toc-tit-hi{
width:20px;
}
.ft-toc-tit .ft-toc-tit-hi-active svg{
animation: bounce 0.4s infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(-3px);
}
50% {
transform: translateY(3px);
}
}
.ft-toc-main .ft-toc-scrol ol {
padding-left: 0;
margin:0px;
padding: 10px 5px 0px 10px !important;
list-style: none !important;
}
ol#ft-toc-list li{
margin-left:0px;
}
.ft-toc-main ol {
max-height: 500px;
overflow-y: auto;
}
.ft-toc-main.ft-toc-main-vuot .ft-toc-scrol {
height: calc(100vh - 107px);
}
.ft-toc-main.ft-toc-main-vuot ol{
max-height:100%;
height:100%;
}
.ft-toc-main a, .ft-toc-main a:visited, .ft-toc-main  a:focus, .ft-toc-main  a:active {
text-decoration: none !important;
color:var(--toclin) !important;
}
.ft-toc-main a:hover {
color:var(--toclin) !important;
opacity:0.8;
}
.active-toc-link {
padding: 7px 10px;
display: block;
background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, var(--tocsec) 100%);
border-radius: calc(var(--tocradius) - 3px);
margin-left: -10px;
}
.active-toc-link:hover {
opacity:0.8;
} #ft-toc-list .ft-toc-level-1 {
padding-left: 0;
font-weight: bold;
} #ft-toc-list .ft-toc-level-2 {
padding-left: 15px;
} #ft-toc-list .ft-toc-level-3 {
padding-left: 30px;
} #ft-toc-list .ft-toc-level-4 {
padding-left: 45px;
} #ft-toc-list .ft-toc-level-5 {
padding-left: 60px;
} #ft-toc-list .ft-toc-level-6 {
padding-left: 75px;
} @media (max-width: 400px){
.ft-toc-main-open {
left: 10px;
width: auto;
}
}* {
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
}