@viewport{zoom:1.0;width:device-width;}@-ms-viewport{width:extend-to-zoom;zoom:1.0;}
*{margin:0px;padding:0px;box-sizing:border-box;outline:none;text-shadow:none;}
html{overflow-x:hidden;}
body{background:#fff;font-family:f3; font-weight:400;color:#333e4d;}
hr{border-top:1px solid#fff;border-bottom:0.5px solid#c9d2ed;height:0px;margin-bottom:3px;box-shadow:1px 1px 1px #d3d9dc;}
a{color:#7a35ce;text-decoration:none;}a:hover{color:#ff7006;}
ul{list-style-type:none;margin:0 auto;}
ul li{display:inline;}
ol{margin:5px auto;padding-left:19px;}
.x{clear:both;height:0px;}

/* temp */
#ldg{background:#eaecee url(../../img/ic/ld.svg)no-repeat center center;background-size:65px 65px;position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:1000;cursor:wait;}
#lg{float:left;width:300px;display:inline;text-shadow:1px 1px rgba(0,0,0,0.15),-1px -1px rgba(255,255,255,.30);}
#lg img{float:left;width:44px;margin:6px 8px 0px 0px;}
#lg_n{font:33px f1;line-height:1px;color:#fd571d;}
#lg_k{color:#350fa8;line-height:1px;font:13px f1;}

#ar{width:82%;margin:0 auto;}
#kr{width:74.20%;float:left;}
#kn{width:23.60%;float:right;}
.inf_kr{float:left;width:48.50%;margin-top:10px;}
.inf_kn{float:right;width:48.50%;margin-top:10px;}

.pnl_l{width:31%;float:left;margin-right:4%;font:13px f2;line-height:18px;color:#163017;}
.pnl_l img{width:30px;margin:5px 0px 6px 0px;float:left}
.pnl_l .zx1{width:83%;float:left;font:22px f4;margin:7px 0px 0px 8px;color:#0b55a8;}
.pnl_l span{color:#fd5209;font:22px f4;font-weight:bold;}
.pnl_c{width:32%;float:left;margin-right:4%;}
.pnl_r{width:29%;float:left;}
#ktk{width:100%;font:14px f3;line-height:16px;color:#333;}
#kt{font:19px f3;line-height:20px;}
#ktk .pin{padding-left:2px;}

.vbv{width:100%;background-image:linear-gradient(45deg,#d6f2fd,#f7f4ff,#eee,#dbf0fd,#d6f2fd);}
.mta{width:100%;background:#fff;padding:5px 0px;}
.ift{text-shadow:-1px -1px rgba(255,255,255,.20),1px 1px rgba(0,0,0,0.99);width:100%; background-image:linear-gradient(145deg,#d6f2fd,#dfeafd,#fff,#d6f2fd);background-size:cover;background-position:center center; }
.ift_blur{background:rgba(3,158,109,0.05);padding:5px 0px 15px 0px;backdrop-filter: blur(4px);}
#ft{background:#273e5a;padding:5px 0px;}
ul.ft{width:82%;font:12px f4;color:#fff;text-shadow:-1px -1px rgba(255,255,255,0.25),1px 1px rgba(0,0,0,0.99);}
li.ft1{float:left;padding:13px 0px;width:49%;}
li.ft2{float:right;padding:13px 0px;text-align:right;width:49%;}

h1.nob{position:relative;overflow:hidden;margin:15px 0px 0px 0px;text-transform:uppercase;text-align:center;}
h1.nob span {display:inline-block;vertical-align:baseline;position:relative;padding:3px 6px 3px 6px;font:25px f4;color:#0b55a8;font-weight:900;text-shadow:-1px -1px -1px rgba(255,255,255,0.70),1px 1px 1px rgba(0,0,0,0.04);font-weight:normal;}
h1.nob span:before,h1.nob span:after{content:'';display:block;width:2000px;position:absolute;top:20px;border-top:0.5px solid#c5d2f3;margin:0px 0px;box-shadow:0px 1px 2px #cfd5d8;}
h1.nob span:before{right:100%;}
h1.nob span:after{left:100%;}

h2.noc{position:relative;overflow:hidden;margin:4px 0px;}
h2.noc span {display:inline-block;vertical-align:baseline;position:relative;padding:0px 5px;font:22px f4;color:#0b55a8;}
h2.noc span:before,h2.noc span:after{content:'';display:block;width:2000px;position:absolute;top:14px;border-top:1px dotted#6d8bbc;box-shadow:0px 1px 2px #cfd5d8;}
h2.noc span:before{right:100%;}
h2.noc span:after{left:100%;}
/* m.mn */
#snav{background:rgba(180,223,254,0.75);width:100%;max-width:2000px;position:fixed;z-index:100;margin:0 auto;}
#snv{width:82%;margin:0 auto;}

#tn{display:none;} #tn:checked ~ ul{max-height:100%;}
label.mt{background:url('../../img/bb/m.svg')no-repeat 100% 15px;background-size:28px 28px;width:98%;height:42px;padding-top:10px;display:block;cursor:pointer;font:22px f1;color:#db5402;}
label img{float:left;width:43px;margin:0px 8px 5px 0px;}
.mm{width:94%;margin:0px auto;font:16px f3;z-index:10;}
.mm > ul{background:#fff;width:100%;float:left;overflow-y:auto;height:92vh;max-height:0px;border-radius:10px;margin-bottom:1vh;}
.mm li{white-space:nowrap;display:block;width:100%;float:right;}
.mm > ul ul{width:90%;margin:0px auto 15px 5%;position:relative;border-bottom:1px solid#f1ded1;}
.mm li{border-bottom:none;transition:background-color 0.4s ease;}
.mm li:hover{background:none;}
.mm a{color:#491cc1;text-decoration:none;width:100%;padding:5px 5%;display:block;}
.mm a:hover{color:#491cc1;}
.mm > ul ul li a{padding-left:0px;}
.mm > ul ul a{font-size:17px;}
.mm > ul ul a:hover{background:none;}
.mm .dwn{background:url(../../img/bb/arrow1.svg)no-repeat 94% 50%;background-size:14px 14px;font-size:12px;color:#f18c03;font-weight:bold;}
.mm .con a{background:linear-gradient(90deg,#af70da 0%, #4293d5 100%);height:35px;width:90%;padding:7px 7px;font:15px f4;text-align:center;color:#fff;margin:12px 5%;border-radius:7px;cursor:pointer;text-shadow:1px 1px rgba(255,255,255,0.30),-1px -1px rgba(0,0,0,0.20);border-bottom:1px solid#fff;}
.mm .con a:hover{background:linear-gradient(90deg,#4293d5 0%,#af70da 100%);color:#491cc1;text-shadow:1px 1px rgba(255,255,255,0.30),-1px -1px rgba(0,0,0,0.20);vertical-align:middle;}
.mm .cr a{background:#4293d5 url(../../img/bs/z.png)no-repeat 50% 50%;height:40px;width:90%;padding:3px;margin:20px 5% 2px 5%;border-radius:7px;cursor:pointer;border-bottom:1px solid#fff;}
.mm .cr a:hover{background:#af70da url(../../img/bs/z.png)no-repeat 50% 50%;}

@media screen and (min-width:1305px){
	#lg_n{font-size:23px;line-height:23px;color:#fd571d;margin-top:8px;font-family:f1;}
	#lg_k{color:#304b94;font:14px f1;line-height:15px;}
	#ldg{background:#eaecee url(../../img/ic/ld.svg)no-repeat center 47%;background-size:65px 65px;}
	label.mt{display:none;}
	.mm{width:750px;height:52px;float:right;margin:3px 0% 0px 0px;font:17px "brandon-grotesque","Brandon Grotesque","Source Sans Pro","Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans", "Helvetica Neue",Arial, sans-serif;}
	.mm > ul{background:none;}
	.mm ul{display:block!important;border:0px;overflow:visible;max-height:100%!important;}
	.mm li{float:left;vertical-align:middle;}
	.mm li:hover{background:rgba(130,201,255,0.85);border:0px;}
	.mm ul li{width:auto;padding:0px}
	.mm > ul > li{position:relative;}
	.mm > ul > li:hover ul{display:block!important;}
	.mm > ul ul{background:none;display:none!important;position:absolute;left:0px;top:40px;margin:0px 0px 0px 0%;border-bottom:none;width:200px;}
	.mm > ul ul li{display:block;width:100%;float:left;border-bottom:1px solid #83afde;vertical-align:middle;}
	.mm li{border:0px;}
	.mm a {padding:13px 7px;text-shadow:none;color:#000;}
	.mm a:hover{color:#fff;border-bottom:1px solid #fbcc6a;}
	.mm a:visited{}
	.mm > ul > li:hover > a{color:#ef7e01;border:0px;text-shadow:-1px -1px rgba(255,255,255,0.15),1px 1px rgba(0,0,0,0.15);}
	.mm > ul ul a{border:0px;padding:15px 4px;transition:background-color 0.7s ease;}
	.mm > ul ul li a{background:rgba(130,201,255,0.85);padding:7px 5px 5px 12px;width:200px;height:37px;font-size:15px;color:#000;font-weight:normal;text-shadow:none;}
	.mm > ul ul li a:hover{background:#8a65b7;}
	.mm .dwn{background:none;font-size:17px;color:#000;font-weight:normal;}
	.mm .cr a{height:18px;width:18px;background-size:14px 14px;padding:13px;margin:12px 0px 0px 6px;border-radius:50px;cursor:pointer;}
	.mm .con a{height:27px;width:85px;padding:9px 6px 0px 6px;line-height:10px;margin:12px 0px 0px 0px;border-radius:50px;}
}

.ohy{width:96%;margin:0px auto;padding:5px;font:14px f4;}
.ohy h3{color:#000;text-align:center;}
.ohy i{font:12px f1; color:#e85211;}
.ohy p{width:87%;float:left;color:#1d75d6;border-bottom:1px solid#cad1d6;margin:3px;}
.ohy img{float:left;width:60px;height:50px;margin:0px 6px 10px 0px;border-radius:5px;}
.src2{width:96%;margin:2%;font-size:14px;color:#515151;padding:8px;border:1px #cdceda solid;border-radius:3px;transition:0.5s;}
.src2:hover{color:#3b3b3b;}
.fm_bx{width:100%;min-height:350px;border:1px #cdceda solid;border-radius:5px;}

/* bg.mn */
#ar1{width:85%;margin:0 auto;}
ul.rig{width:100%;margin:1% 0% 1% -1.30%;}
ul.rig li{background:rgba(255,255,255,0.90);position:relative;float:left;width:21.80%;height:75px;margin:1.40% 0% 0.80% 3%;padding:10px 1%  13px 4%;cursor:pointer;text-align:left; 
border:1px solid #dae2f1;border-radius:7px;transition:0.4s;box-sizing:border-box;}
ul.rig li:last-child{margin:1.40% 0% 0.80% 3.20%;}

ul.rig li:hover{background:#d8f0ff;box-shadow:1px 1px 2px #cad0cf;border:1px solid#cce1f2;}
ul.rig li img{position:absolute;width:55px;top:10px;left:6px;border-radius:35px;transition:0.4s;}
ul.rig > li:hover img{width:55px;top:10px;left:6px;transform:rotateY(3.142rad);filter:grayscale(0.8);}
ul.rig li h2{margin:3px 0px 0px 13px;font:17px f3;line-height:17px;background:-webkit-linear-gradient(270deg,#5a4fc4,#5c37ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
ul.rig li p{margin:3px 0px 0px 13px;font:13px f1;line-height:14px;color:#f07200;}
ul.rig li a{color:#083138;}
ul.rig > li:hover p{color:#b634c0;}
ul.rig > li:hover h2{background:-webkit-linear-gradient(270deg,#941691,#5a4fc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

/* page */
.nbx{margin:auto;width:100%;}
.nbx img{margin:auto;width:99.80%;max-width:1500px;}

ul.fs{margin:15px 0px 0px 10px;}
ul.fs li{width:24px;height:24px;cursor:pointer;margin:20px 15px 7px 0px;}
ul.fs li img{background:rgba(255,255,255,0.50);width:31px;height:31px;padding:8px;border-left:1px solid#4fadf2;border-right:1px solid#03bc97;border-top:1px solid#c796f3;border-bottom:1px solid#f2b860;border-radius:27px; transition:0.4s;}
ul.fs li img:hover{background:#fff;box-shadow:1px 2px 3px #94a6b1;filter:grayscale(1);}

/* medsos */
ul.ms{width:100%;margin:10px 0px 15px 0px;padding:10px 0px 7px 0px;box-sizing:border-box;}
ul.ms li a{border:1px solid#d5e9ec;border-radius:17px;color:#333;padding:2px 10px 4px 28px;box-shadow:1px 1px 1px #c9cdd3;transition:background-color 0.7s ease;}
ul.ms li a:hover{color:#333;border:1px solid#fff;}
ul.ms li .fb{background:#fff url(../../img/bb/fb.png)no-repeat 8px center;background-size:16px 16px;}
ul.ms li .fb:hover{background:#a7fee1 url(../../img/bb/fb.png)no-repeat 8px center;background-size:16px 16px;}
ul.ms li .tw{background:#fff url(../../img/bb/tw.png)no-repeat 8px center;background-size:16px 16px;}
ul.ms li .tw:hover{background:#a7fee1 url(../../img/bb/tw.png)no-repeat 8px center;background-size:16px 16px;}
ul.ms li .wa{background:#fff url(../../img/ctk/wa.svg)no-repeat 8px center;background-size:16px 16px;}
ul.ms li .wa:hover{background:#a7fee1 url(../../img/ctk/wa.svg)no-repeat 8px center;background-size:16px 16px;}
ul.ms li .hm{float:right;background:linear-gradient(90deg,#4293d5 0%,#af70da 100%);width:90px;height:28px;padding:4px 0px 6px 0px;margin-top:-3px;text-align:center;font:15px f4;color:#fff;border:none;}
ul.ms li .hm:hover{background:#03dc96;color:#000;}
ul.ms li span{font-size:12px;display:inline;}

/* mta */
.n-bg{background:#fff;margin:-60px 0px 10px 0px;padding:6px 0px;border-top:none;border-radius:10px;border-bottom:1px solid#d0ead2;}
.n-bg h1{background:#fff;margin:0px auto;padding:3px 5px;width:150px;font:15px f5;text-align:center;color:#333;margin-top:-15px;border-radius:25px;border:1px solid#bfe2ee;}
.n-fl-ul{position:relative;width:99999px;text-align:center;margin:8px 0px 10px 0px;}
.n-fl-ir{position:relative;overflow:hidden;float:left;width:100%;}
.n-fl-it{float:left;position:relative;color:#063342;font:12px f3;line-height:1em;}
.n-fl-it img{max-width:100%;height:60px;cursor:pointer;position:relative;margin:5px 0px 13px 0px;transition:all.2s ease-in-out;border-radius:10px;border:solid 1px #dcede7;box-shadow:1px 1px 1px #c9cfd5;}
.n-fl-it img:hover{transform:scale(1.10);}
.n-fl-v-l{background:url(../../img/bb/arrow1.svg)no-repeat 50% 50%;background-size:20px 20px;width:25px;height:25px;transform: rotate(90deg);position:absolute;cursor:pointer;top:27%;left:10px;border-radius:35px;}
.n-fl-v-r{background:url(../../img/bb/arrow1.svg)no-repeat 50% 50%;background-size:20px 20px;width:25px;height:25px;transform: rotate(-90deg);position:absolute;cursor:pointer;top:27%;right:10px;border-radius:35px;}
.n-fl-v-l:hover, .n-fl-v-r:hover{background:#ffe082 url(../../img/bb/arrow1.svg)no-repeat 50% 50%;background-size:20px 20px;border:solid 1px #f3ad07;}
.n-fl-v-l.disabled{opacity:0.4;}
.n-fl-v-r.disabled{opacity:0.4;}

/* tbl_line 1 */
.otb{width:100%;border-collapse:collapse;margin:0px auto;padding:0px 0px;font:14px f5;}
.otb tr{margin:0px auto;padding:0px 0px;}
.otb th{padding:3px 4px;text-align:center;font:15px f5;color:#1a5871;text-shadow:-1px -1px rgba(255,255,255,0.15),1px 1px rgba(0,0,0,0.10);}
.otb th {height:33px;background:#bfe4fe;border-right:1px solid#b5daee;letter-spacing:.1em;text-transform:uppercase;}
.otb td{padding:10px 7px 10px 7px;border-left:1px solid#d1eaf8;border-bottom:1px solid#fff;border-top:1px solid#d1eaf8;}
.otb td a{text-shadow:none; background:#f7bc08;text-align:center;color:#444;padding:3px 10px 4px 10px;margin:7px;border:solid 2px #fff;border-radius:20px;transition:background-color 0.7s ease;font:13px f5;text-shadow:-1px -1px 2px rgba(255,255,255,.90),1px 1px 2px rgba(0,0,0,0.60);}
.otb td a:hover{background:#fff;color:#000;border:solid 2px #fe9a05;}
.otb tr:nth-child(odd){background:rgba(12,177,233,0.08);}
.otb tr:hover, 
.otb tr:nth-child(odd):hover{background:rgba(253,249,227,0.92);}

/* form */
.bu{background:#98ead0;width:100%;height:40px;color:#fff;font:16px f1;border:1px #3fafc2 solid;border-left:1px #fff solid;border-right:1px #c56712 solid;cursor:pointer;box-shadow:0 1px 1px #aaaebf;transition:0.5s;text-shadow:1px 1px 0px #000;border-radius:2px;}
.bu:hover{background:#f3ab01;color:#324b36;border-color:#fff;text-shadow:1px 1px 0px #096d5e;}
input[type=text],input[type=password],select{padding:6px 2px 6px 2%;background:#fff;border:1px solid#cae3d9;color:#626262;height:44px;font:15px f1;border-radius:4px;}
input[type=text]:focus,input[type=password]:focus,select:focus{border:1px solid#98ead0;background:#fff;color:#0f3455;box-shadow:1px 1px 2px#d3d7da;}
textarea{padding:6px 2px 6px 2%;background:#fff;border:1px solid#cae3d9;color:#626262;font:15px f1;border-radius:4px;}
textarea:focus{border:1px solid#98ead0;background:#fff;color:#0f3455;box-shadow:1px 1px 2px#d3d7da;}
.add{background:linear-gradient(120deg,#4293d5 20%, #af70da 100%);font:17px f4;color:#fff;width:98%;padding:10px 0px;cursor:pointer;margin-bottom:5px;box-shadow:1px 1px 1px##3fafc2;border:1px solid#fff;border-radius:5px;transition:0.5s;-webkit-transition:all.5s ease-in-out;text-shadow:-1px -1px rgba(255,255,255,0.19),1px 1px rgba(0,0,0,0.30);}
.add:hover{background:linear-gradient(120deg,#af70da 20%, #4293d5 100%);}

/* conf */
#dl{background:linear-gradient(196deg,rgba(174,243,250,1) 0%,rgba(231,190,240,1) 70%,rgba(138,219,200,1) 100%); position:absolute;top:40%;width:280px;padding:8px;z-index:200;border-radius:8px;box-shadow:2px 6px 8px rgba(0,0,0,0.16);font:15px f1;text-align:center;}
#dl_h{display:block;position:relative;padding:5px 8px 12px 8px;height:37px;font:21px f4;color:#fff;text-shadow:-1px -1px rgba(255,255,255,0.15),1px 1px rgba(0,0,0,0.75);border-radius:6px 6px 0px 0px;}
#dl_t{float:left;}
#dl_c{display:block;padding:18px 8px;border-radius:0px 0px 6px 6px;}
#dl_m{position:fixed;top:0px;left:0px;min-height:100%;width:100%;z-index:210;}
.wrg_h{background:#fbaf00 url(../../img/bb/wrn.svg)no-repeat 95% 50%;background-size:28px 28px;}.wrg{background:#fffce6;color:#ad6801;border:1px solid#fff; border-top:none;}
.hps_h{background:#fe7a63 url(../../img/bb/wrn.svg)no-repeat 95% 50%;background-size:28px 28px;}.hps{background:#fdf1ea;color:#d73a06;border:1px solid#fff; border-top:none;}
.sks_h{background:#1fcd83 url(../../img/bb/cek.svg)no-repeat 95% 50%;background-size:22px 22px;}.sks{background:#e1fffa;color:#0d8032;border:1px solid#fff; border-top:none;}

.lpg{background:url(../../img/ic/re.gif) no-repeat 50% 50%;height:35px;display:none;}
.lm{background:linear-gradient(90deg,#d6f2fd 36%, #dce8fc 100%);width:100%;border:none;cursor:pointer;padding:5px;margin:0px auto;font:17px f3;color:#2682a4;border:1px dotted#cad7e6;border-radius:25px;}
.lm:hover{background:linear-gradient(90deg,#f0ebfe 0%, #e9f2fc 100%);}

/* tab */
.kb{width:100%;height:-58px;}
.et{width:100%;margin-top:-55px;}
.tab{background:#e6edfb;min-width:14%;padding:7px 8px;margin:0 auto;margin-top:13px;margin-left:-5px;margin-right:1px;display:inline-block;zoom:1;* display:inline;text-align:center;border-top:1px solid rgba(36,77,6,0.08);backdrop-filter: blur(3px);}
.tab a{display:block;font:18px f4;color:#172402;}
.tab a:hover{color:#e87900;}
.tab.act{background:#fff;position:relative;border-top:2px solid #9d5eec;}
.tab a.act{font:18px f3;color:#126ad6;}
.p-ctn{padding:0px 0px;background:#fff;}
ul.vs{width:100%;border-bottom:1px solid#d6e4da;}
ul.vs li{font:17px f5;}
li.tt{background:url(../../img/bb/doc.svg)no-repeat 0% center;background-size:20px 20px;padding:5px 0px 8px 30px;height:45px;text-transform:uppercase;text-shadow:1px 1px rgba(255,255,255,0.40),-1px -1px rgba(0,0,0,0.90);}
.des{font:14px f5;line-height:1.6em;padding:5px 0px;}
.des h3{font-size:22px;font-family:f1;line-height:1.1em;text-align:center;}
.pim{margin:0px auto;width:99%;box-shadow:0px 1px 2px #cfd3d8;}
.pim img{margin:auto;width:99.80%;max-width:1500px;border:1px solid#fff;}
.own{width:55%;}

.scrollTop{background:#4293d5 url(../../img/bb/2arrow.svg)no-repeat 50% 50%;background-size:16px 16px;transform: rotate(-90deg);width:33px;height:33px;position:fixed;right:60px;bottom:120px;opacity:0;transition:all 0.4s ease-in-out 0s;
cursor:pointer;z-index:10;border-radius:34px;border:2px solid rgba(255,255,255,.80);}
.scrollTop:hover{background:#f0aa02 url(../../img/bb/2arrow.svg)no-repeat 50% 50%;background-size:16px 16px;}

#footer{position:fixed;bottom:60px;right:64px;z-index:10;width:94px;height:30px;border:none;box-shadow:0 0 0 0 rgba(5,172,29,0.7);border-radius:50px;background-color:#14fc25;background-image:url();background-size:cover;background-repeat:no-repeat;cursor:pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

#footer:hover{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none;}
@-webkit-keyframes pulse {to {box-shadow:0 0 0 45px rgba(5,172,29,0);}}
@-moz-keyframes pulse {to {box-shadow:0 0 0 45px rgba(5,172,29,0);}}
@-ms-keyframes pulse {to {box-shadow:0 0 0 45px rgba(5,172,29,0);}}
@keyframes pulse {to {box-shadow:0 0 0 45px rgba(5,172,29,0);}}
#footer a{background:#2e963e url(../../img/ctk/wa_link.svg)no-repeat 1px center;background-size:30px 30px;width:90px;height:28px;display:block;padding:8px 8px 8px 35px;border:1px solid#a7edb1;border-radius:50px;font:13px f3;line-height:13px;color:#fff;margin:1px 0px 0px 2px;}
#footer a:hover{background:#2e963e url(../../img/ctk/wa_link.svg)no-repeat 1px center;background-size:30px 30px;}

.container{width:100%;margin:0px auto;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));}
.js-counter {background: linear-gradient(120deg,#dde7f7,#eee,#ece3fd);border-radius:8px;padding:20px 0px;font:30px f4;color:#4615aa;text-align:center;}

/* fm Box Show */
#box{background-color:rgba(0,0,0,0.75);display:none;position:fixed;z-index:200;left:0px;top:0px;width:100%;height:100%;backdrop-filter:blur(3px);}
#box h6{color:#228dce;font:13px f1;position:absolute;top:10px;right:25px;background-size:400% 400%;animation:kdp 2s ease infinite;}
@keyframes kdp {0% {opacity:0;}15% {opacity:1;}100% {opacity:1;}}
#fm{width:100%;margin:auto;position:relative;overflow:hidden;}
.bg_fm{background:radial-gradient(circle at 30% 70%,#99ddf7,#d6ceec,#97d5f2),url(../../session/usr_css/img/texture.svg);background-blend-mode:color; width:100%;max-width:2000px;height:140px;position:relative;box-sizing:border-box;border-radius:5px 5px 0px 0px;}
.bg_fm1{background:#c8def9;width:100%;padding:0px 17px;border-radius:0px 0px 5px 5px;box-sizing:border-box;height:61vh;}
.bg_fm2{position:relative;top:-140px;}
ul.fh{width:100%;width:100%;margin:0 auto;display:block;clear:both;}
ul.fh li.j{float:left;margin-top:6px;height:28px;font:19px f3;color:#186492;text-shadow:-1px -1px rgba(255,255,255,0.30),1px 1px rgba(0,0,0,0.10);}
ul.fh li#cl{background:url('../../session/usr_css/img/c1.png')no-repeat center;float:right;width:20px;height:20px;background-size:18px 18px;padding:5px 3px 5px 0px;margin-top:6px;cursor:pointer;}
ul.fh li#cl:hover{background:url('../../session/usr_css/img//c0.png')no-repeat center; background-size:18px 18px;}
.f_ln{background:radial-gradient(circle at 10% 70%,#deedfe,#f4fdff,#e6f1f7);width:100%;max-width:2000px;height:70vh;border:1px solid#b7d7e6;border-radius:5px 5px 0px 0px;box-sizing:border-box;box-shadow:2px 3px 4px rgba(0,0,0,0.13);overflow-y:auto;}
.foto{margin:auto;display:block;width:100%;max-width:1000px;border:2px solid rgba(255,255,255,0.40);border-radius:6px;}

@media screen and (max-width:1450px){
	#ar1{width:88%;}
	ul.rig{margin:2% 0% 4% 0.60%;} 
	ul.rig li {width:45%;height:90px;margin:1.50% 0% 1.50% 3%;padding:10px 2%  13px 2%;}
    ul.rig li:last-child{margin:1.50% 0% 1.50% 3%;}
	ul.rig li img{width:50px;top:-28px;left:45%;}
	ul.rig > li:hover img{width:65px;top:-27px;left:46%;}
	ul.rig li h2{margin:10px 0px 0px 0px;font:19px f3;line-height:22px;text-align:center;}
	ul.rig li p{font:15px f1;line-height:17px;text-align:center;}
}
@media screen and (max-width:1304px){
	#lg{display:none;}
	#snv{width:87%;}
	label.mt{background:url('../../img/bb/m.svg')no-repeat 100% 15px;background-size:23px 28px;width:99.50%;}
}

@media screen and (max-width:1150px){
	#snv{width:99%;}
	#ar{width:94%;}
	#ar1{width:100%;}
	#footer{bottom:30px;right:8%;}
	
	ul.rig{margin:2% 0% 4% 0.60%;} 
	ul.rig li {width:45%;height:90px;margin:2% 0% 2% 3%;}
    ul.rig li:last-child{margin:2% 0% 2% 3%;}
	
	.n-bg{margin:-70px 0px 0px 0px;border-radius:7px;}
	.n-fl-it img{height:60px;margin:5px 0px 5px 0px;border-radius:7px;}
	.n-fl-v-l,.n-fl-v-r{display:none;}
	.n-fl-it{font:11px f3;}

	.otb{width:95%;border:0px;}
	.otb thead {border:none;clip:rect(0 0 0 0);height:1px;margin:1px;overflow:hidden;padding:0px;position:absolute;width:1px;}
	.otb tr {border-bottom:1px solid #9fd0c9;display:block;}
	.otb td {padding:8px 4px;border-right:none;display:block;text-align:left;border-top:1px solid#dbe9f2;}
	.otb td::before {content:attr(sy);float:left;color:#643fa9;text-transform:uppercase;width:90px;}
	.otb td:last-child{border-bottom:0;}

	ul.ms{margin:15px 0px 8px 0px; padding:8px 5px 7px 5px;}
	ul.ms li a{padding:5px 5px 5px 25px;margin-right:6px;}
	ul.ms li span{display:none;}
	ul.ms li .hm{margin-top:-3px;}
	
	.ohy p{width:72%;float:left;color:#1d75d6;border-bottom:1px solid#cad1d6;margin:3px;}
	.src2{font-size:18px;}
	.scrollTop{bottom:80px;right:8%;}
}
@media screen and (max-width:1000px){
	ul.rig{margin:3% 0% 4% 0.60%;}
	ul.rig li img{width:50px;left:44%;}
	.inf_kr,.inf_kn{width:100%;float:left;}
	.pnl_l,.pnl_r,.pnl_c{width:100%;float:left;margin-bottom:20px;}
	li.ft1{float:left;padding:5px 0px;width:100%;text-align:center;}
	li.ft2{float:left;padding:2px 0px;text-align:center;width:100%;}

	.ift{background-image:linear-gradient(120deg,#dcfaec,#ffecff,#dcfaec,#75c7ee),url(../../img/ic/body2.png);background-blend-mode:color;background-position:5% center;}
	.ift_blur{background:rgba(255,255,255,0.35);padding:5px 0px;backdrop-filter: blur(8px);}
	h1.nob{font:22px f4;}
	h1.nob span:before,h1.nob span:after{top:16px;}
	ul.fs{margin:20px 0px 0px 10px;}

	.container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));}
	.js-counter {padding:20px 0px;}

}
@media screen and (max-width:900px){
	ul.rig li img{width:50px;left:43%;}
	#kn{width:100%;float:left;}
	#kr{width:100%;margin-top:5;}
}
@media screen and (max-width:960px){
	#box{top:52px;}
	#fm{width:95%;}
	.bg_fm1{padding:0px 6px;height:73vh;}
	.f_ln{height:83vh;}
	#box h6{display:none;}
}
@media screen and (max-width:800px){
	ul.rig li{width:45%;height:90px;margin:3% 0% 3% 3%;padding:10px 2%  13px 0%;}
    ul.rig li:last-child{margin:3% 0% 3% 3%;}
	ul.rig li img{width:50px;top:-28px;left:43%;}
	ul.rig li h2{margin:10px 0px 0px 0px;font:17px f3;line-height:19px;}
	ul.rig li p{font:13px f1;line-height:15px;}
}
@media screen and (max-width:670px){
	ul.rig li img{width:50px;top:-28px;left:38%;}
}
@media screen and (max-width:500px){
	ul.rig{margin:5% 0% 2% 0.60%;}
	ul.rig li{height:90px;margin:3% 0% 5% 3%;}
	ul.rig li:last-child{margin:3% 0% 3% 3%;}
	ul.rig li img{width:47px;top:-26px;left:36%;}
	ul.rig > li:hover img{width:27%;max-width:220px;top:-23px;left:38%;}
	ul.rig li h2{margin:10px 0px 0px 0px;font:16px f3;line-height:17px;}
	ul.rig li p{font:12px f1;line-height:14px;}

	.et{margin-top:-49px;}
	.tab{width:auto;margin-left:-4px;padding:5px 10px;}
	.tab a{padding:2px 4px;font-size:14px;}
	.tab a.act{font:15px f3;}
	ul.vs li{font-size:17px;}
	.pim{margin:0px auto;}
	.own{width:100%;float:right}
}

#dtl,.pn_left,#fm, .inf_adr,.inf_frm, ul.opn li, ul.rig{-webkit-animation-name:zm;-webkit-animation-duration:1s;animation-name:zm;animation-duration:1s;}
@-webkit-keyframes zm{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}
@keyframes zm{from{transform: scale(0.1)}to{transform: scale(1)}}