/* root */
:root{
	--maxcol:1280px;
	--w100:100%;
	
	--white1:#fff;
	--white50:rgb(255 255 255 / 50%);
	--black1:#000;
	--black2:#444343;
	--black80:rgb(0 0 0 / 80%);
	--gray1:#f6f6f6;
	--gray2:#f3f3f3;
	--gray3:#c7c7c7;
	
	--tem1:#b29f67;
	--tem2:#e9e5c5;
	--tem3:#83274a;
	--tem4:#ffd321;
	--tem5:#484d55;
	--tem6:#9a8f5f;
	--tem7:#262018;
	--tem8:#593a11;
	--tem9:#cbcfd5;
	
	--tem1-100:rgb(7 14 19);
	--tem1-60:rgb(11 96 114 / 60%);
	--tem1-0:rgb(5 97 108 / 0%);
	--tem2-100:rgb(253 200 44);
	--tem2-60:rgb(202 181 95 / 28%);
	--tem2-0:rgb(252 213 0 / 0%);	
	--tem1-gar:linear-gradient(0deg, var(--tem1-100) 0%,  var(--tem1-60) 60%, var(--tem1-0) 100%);
	--tem2-gar:linear-gradient(90deg, var(--tem2-100) 0%,  var(--tem2-60) 60%, var(--tem2-0) 100%);
	
	--bg-gar:linear-gradient(0deg, rgb(17 226 255) 0%, rgb(84 139 255) 50%, rgb(150 60 253) 100%);
	--bg-gar2:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
	--bg-gar-red:linear-gradient(0deg, rgba(152,1,1,1) 0%, rgba(255,0,0,1) 100%);
	--bg-gar-blue:linear-gradient(0deg, rgba(0,51,130,1) 0%, rgba(26,161,255,1) 100%);
	--bg-gar-green:linear-gradient(0deg, rgba(33,93,10,1) 0%, rgba(73,204,15,1) 100%);
	--bg-gar-gray:linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(250,250,250,1) 100%);
	--gar-line:linear-gradient(0deg, rgb(52 200 3) 0%, rgb(54 219 0) 100%);
	--gar-fb:linear-gradient(0deg, rgb(225 225 225) 0%, rgb(246 246 246) 100%);
	
	--font-ct:clamp(14px, 1.4vw, 20px);
	--font-ct2:clamp(14px, 1.2vw, 18px);
	--font-ct3:clamp(14px, 1vw, 16px);
	--font-a:clamp(14px, 1.1vw, 20px);
	--font-sm:clamp(14px, 1.2vw, 18px);
	--font-m:clamp(16px, 1.8vw, 24px);
	--font-l:clamp(15px, 2vw, 26px);
	--font-x:clamp(15px, 2vw, 30px);
	--font-xx:clamp(20px, 2.6vw, 32px);
	--font-xl:clamp(24px, 3.5vw, 48px);
	--font-ss:clamp(11px, .65vw, 14px);
}

*:focus {outline: none !important;}
*, *:before, *:after {box-sizing:border-box;position:relative;}
html{min-width:260px;width:100%;color:#444;background: #f2f2f2 !important;}
body{width:100%;margin:0;}
details{z-index:11;position:absolute;right:0;bottom:0;-webkit-transition:all 0.3s;transition:all 0.3s;}
summary{z-index: 301;width:100% !important;padding:5px;-webkit-transition:all 0.5s;transition:all 0.5s;position:relative;display:grid !important;justify-content:end;align-items:center;outline:0;}
summary:after {content: "more";width:100%;max-width:200px;min-width:120px;text-align:center;color:#fff;padding:3px 10px;margin:0 auto;
font-family:arial;font-weight:400;text-shadow:0px 1px 4px rgba(0, 0, 0, 0.58);
font-size:.64rem;position:relative;border-radius:4px !important;cursor:pointer;border:1px solid #b10909;
-webkit-transition:all .2s;transition:all .2s;
background:rgb(167, 0, 0);
background:linear-gradient(0deg, rgb(122, 0, 0) 0%, rgb(217, 0, 0) 70%, rgb(234, 33, 33) 100%);}
summary:hover:after{color:#0d42b4 !important;text-shadow:1px 1px 0 #ffee99;border:1px solid #f6cf10;
background: rgb(255,200,0);
background: linear-gradient(0deg, rgb(255, 143, 12) 0%, #FFC107 56%, rgb(255, 224, 29) 100%);}
details[open] summary:after {content: "Close X";}
details[open]{position:relative !important;background:#fff;margin-top:-38px;}
p.tx-detail{padding:20px;font-size:0.64rem;color:#444;text-indent:45px;line-height:1.3;border-bottom:1px solid #eaeaea;}

/* template*/
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a,li,span
{font-size:1rem;margin:0;padding:0;border-width:0;}
body,div,ol,ul,li,button,span,label,p,a,input,detail,h1,h2,h3,h4,h5,h6,th,td,tr,textarea,input,select,option{font-family:"prompt", sans-serif !important;}
span{display:inline;}
p{margin:0 !important}
h1,h2,h3,h4,h5,h6{margin:0 !important;}
h1{font-size:2.9em;font-weight:inherit;}
h2{font-size:1.6em;font-weight:inherit;}
h3{font-size:1.3em;font-weight:inherit;}
h4{font-size:1.1em;font-weight:inherit;}
h5{font-size:1em;font-weight:inherit;}
h6{font-size:0.9em;font-weight:inherit;}
strong{font-weight:700;}
img{vertical-align:middle;border:none;width:100%;max-width:100%;object-position: center;object-fit: cover;}
a,img{border:none;outline:none;vertical-align:middle;text-decoration: none !important;}
ul{list-style-type: none;}
nav ul{list-style-type: none;margin:0 auto;}
nav ul li {display:inline;margin:0;background:none;width: auto;}
a:link,a:visited{text-decoration:none !important;-webkit-transition: all 0.3s ; transition: all 0.3s;}
a:hover{color:var(--linkup);}
a:active{color:var(--black1)}
button{border:none;cursor: pointer;background:transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
button:focus{outline: none;}

.rf{width:100%;position:relative;display:grid;margin:0 auto;padding:0;justify-content:stretch;justify-items:center;}
.rf-flex{width:100%;position:relative;padding:0;margin:auto;display:flex;display:-webkit-flex;justify-items:center;justify-content: center;align-items:center;flex-wrap:wrap;}
.ccc{justify-content:center;justify-items:center;align-content:center;align-items:center;}
.gab{grid-gap:1rem}

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: rgb(0 0 0 / 10%);}
::-webkit-scrollbar-thumb {background: var(--tem1);border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background: var(--tem6);}