@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, body{background:#fff;font-family:f1;color:#515151;}
hr{border-top:1px solid#fff;border-bottom:1px solid#bae2d6;height:0px;margin-bottom:3px;box-shadow:0px 1px 2px #c0c7cb;}
a{color:#dc3005;text-decoration:none;}a:hover{color:#ff7006;}
ul{list-style-type:none;overflow:hidden;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{width:330px;position:absolute;left:9%;display:inline;text-shadow:1px 1px rgba(0,0,0,0.15),-1px -1px rgba(255,255,255,.30);}
#lg img{float:left;width:97px;margin:9px 8px 0px 0px;}
#ar{width:82%;margin:0 auto;}
#ar1{width:85%;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 f3;line-height:16px;color:#333;}
.pnl_l img{width:25%;margin:15px 0px 6px 0px;float:left}
.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(180deg,#e8f6ec,#eefdfa);}
.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,#baf5db,#ffecff,#bdecc4,#a6d9f4),url(../../img/ic/body2.png);background-blend-mode:color;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:#083138;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%;}

/* medsos */
fieldset{background:rgba(234,243,251,0.99);width:100%;border:1px solid#f9d69b;border-radius:10px;}
legend {background:#65e2f1;margin:0px 0%;padding:4px 7px;font:13px fn3;color:#fff;text-align:center;border-radius:26px;}

h1.nob{position:relative;overflow:hidden;margin:15px 0px 0px 0px;font:24px f4;color:#136427;text-align:center;text-shadow:-1px -1px rgba(255,255,255,0.40),1px 1px rgba(0,0,0,0.15);}
h1.nob span {display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;padding:3px 6px 3px 0px;border-radius:27px;text-shadow:0px 1px 2px #aab3b9;font-weight:normal;}
h1.nob span:before,h1.nob span:after{content:'';display:block;width:2000px;position:absolute;top:20px;border-top:1px solid#cbe2d3;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;font:22px f4;color:#136427;text-shadow:-1px -1px rgba(255,255,255,0.50),1px 1px rgba(0,0,0,0.50);}
h2.noc span {display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;padding:0px 5px;}
h2.noc span:before,h2.noc span:after{content:'';display:block;width:2000px;position:absolute;top:15px;border-top:1px dotted#56a585;box-shadow:0px 1px 2px #cfd5d8;}
h2.noc span:before{right:100%;}
h2.noc span:after{left:100%;}
/* m.mn */
#snav{width:100%;position:fixed;z-index:100;margin:0 auto;}
#tn{display:none;} #tn:checked ~ ul{max-height:100%;}
label.mt{background:url('../../img/bb/m.svg')no-repeat 96% 6px;background-size:20px 25px;width:100%;height:45px;margin-top:6px;display:block;cursor:pointer;}
label img{padding-left:3%;float:left;width:95px;margin:3px 0px;0px 0px}
.bc{height:0px;}
.mm{width:100%;margin:0px auto;font: 16px "brandon-grotesque","Brandon Grotesque","Source Sans Pro","Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans", "Helvetica Neue",Arial, sans-serif;text-transform:uppercase;z-index:10;}
.mm > ul{background:#fff;width:100%;float:left;overflow-y:auto;height:600px;max-height:0px;}
.mm li{white-space:nowrap;display:block;width:100%;float:right;}
.mm > ul ul{background:#fff;width:84%;margin:0px auto 15px 8%;position:relative;border-bottom:1px solid#cfe2dd;}
.mm li{border-bottom:none;transition:background-color 0.4s ease;}
.mm li:hover{background:none;}
.mm a{color:#417657;text-decoration:none;width:100%;padding:5px 8%;display:block;}
.mm a:hover{color:#417657;}
.mm > ul ul li a{padding-left:0px;}
.mm > ul ul a{font-size:15px;}
.mm > ul ul a:hover{background:none;}
.mm .dwn{background:url(../../img/bb/arrow1.svg)no-repeat 90% 50%;background-size:10px 10px;font-size:11px;color:#f18c03;}
.mm .con a{background:linear-gradient(90deg,#03c989 10%, #a0cd1b 100%);height:35px;width:84%;padding:7px 7px;text-align:center;color:#fff;margin:12px 8%;border-radius:7px;cursor:pointer;text-shadow:-1px -1px rgba(255,255,255,0.05),1px 1px rgba(0,0,0,0.50);}
.mm .con a:hover{background:linear-gradient(90deg,#bbe738 10%,#03dc96 100%);color:#000;text-shadow:1px 1px rgba(255,255,255,0.50),-1px -1px rgba(0,0,0,0.10);}
.mm .cr a{background:#fab206 url(../../img/bs/z.png)no-repeat 50% 50%;height:40px;width:84%;padding:3px;margin:12px 8%;border-radius:7px;cursor:pointer;}
.mm .cr a:hover{background:#228820 url(../../img/bs/z.png)no-repeat 50% 50%;}

#sb{background:#edf0f3;position:fixed;right:3%;top:60px;display:none;width:94%;z-index:100;border:1px solid#cfe2dd;border-top:3px solid#5ad20b;box-shadow:1px 2px 2px #b6b9c0;border-radius:6px;text-transform:none;}
#sb h3{float:left;font:17px f3;text-shadow:0px 1px 1px #fff;margin:6px 8px;}
.xs{float:right;background:url(../../img/bb/cls.svg) no-repeat 98% 50%;width:20px;height:20px;margin:6px 8px;}
.xs:hover{background:url(../../img/bb/cls.svg) no-repeat 98% 50%;cursor:pointer;}
@media screen and (min-width:1150px){
#ldg{background:#eaecee url(../../img/ic/ld.svg)no-repeat center 47%;background-size:65px 65px;}
label.mt{display:none;}
.bc{height:0px;}
.mm{width:670px;height:52px;float:right;margin:3px 9% 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;}
.mm li:hover{background:rgba(53,192,165,0.70);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:48px;margin:0px 0px 0px 0%;border-bottom:none;width:200px;}
.mm > ul ul li{display:block;width:100%;float:left;border-bottom:1px solid #82d2b8;}
.mm li{border:0px;}
.mm a {padding:13px 7px;text-shadow:-1px -1px rgba(255,255,255,0.10),1px 1px rgba(0,0,0,0.10);color:#4a5e56;}
.mm a:hover{color:#fff;border-bottom:1px solid #99e197;}
.mm a:visited{}
.mm > ul > li:hover > a{color:#fff;border:0px;text-shadow:-1px -1px rgba(255,255,255,0.11),1px 1px rgba(0,0,0,0.45);}
.mm > ul ul a{border:0px;padding:15px 4px;transition:background-color 0.7s ease;}
.mm > ul ul li a{background:rgba(53,192,165,0.80);padding:10px 5px 5px 12px;width:200px;height:37px;font-size:15px;color:#fff;font-weight:normal;text-shadow:-1px -1px rgba(255,255,255,0.10),1px 1px rgba(0,0,0,0.60);}
.mm > ul ul li a:hover{background:#feab2e;}
.mm .dwn{font-size:17px;color:#4a5e56;}
.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{color:#fff;height:27px;width:85px;padding:9px 6px 0px 6px;font:15px f4;line-height:10px;margin:12px 0px 0px 0px;border-radius:50px;}
.mm .con a:hover{color:#000;}
#sb{right:9%;top:51px;display:none;width:30%;}
}
@media screen and (max-width:1150px){

.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;}
#kn{width:100%;float:left;}
#kr{width:100%;margin-top:5;}
.inf_kr,.inf_kn{width:100%;float:left;}
ul.s1{width:95%;}
ul.s0 li{height:40px;}ul.s0 li p{font-size:25px;}ul.s0 li a{font-size:18px;padding:1px 15px;}
#lg{display:none;}
#ar{width:94%;margin:0 auto;}
#ar1{width:94%;margin:0 auto;}
.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%;}
ul.s0{margin-top:20px;}
}
/* bg.mn */
ul.rig{width:100%;margin:1% auto;margin-left:-0.50%;}
ul.rig li{background:#fff;position:relative;float:left;width:22.80%;height:75px;margin:1.40% 0% 0.80% 1.90%;padding:10px 1%  13px 4%;cursor:pointer;text-align:left;border:1px solid#e3f2e9;border-radius:7px;transition:0.4s;box-sizing:border-box;}
ul.rig li:hover{background:#fff;box-shadow:1px 1px 2px #cad0cf;border:1px solid#d0f4d3;}
ul.rig li img{position:absolute;width:55px;top:10px;left:2%;border-radius:35px;transition:0.4s;}
ul.rig > li:hover img{width:20%;top:8px;left:1%;}
ul.rig li h2{margin:3px 0px 0px 10px;font:17px f3;line-height:17px;background:-webkit-linear-gradient(270deg,#0f552b,#b78e04); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
ul.rig li p{margin:3px 0px 0px 10px;font:13px f1;line-height:14px;color:#dd6900;}
ul.rig li a{color:#083138;}
ul.rig > li p:hover{color:#93419c;}

@media screen and (max-width:1150px){
ul.rig{margin:0% 0% 1% -2%;} 
ul.rig li {width:45%;margin:6% 0% 2% 5%;height:100px;padding:18px 2%  10px 2%;text-align:center;} 
ul.rig li img{width:40px;top:-20px;left:35%;}
ul.rig > li:hover img{width:27%;max-width:220px;top:-20px;left:38%;}
ul.rig li h2{margin:5px 0px 0px 0px;font:14px f5;}
ul.rig li p{margin:3px 0px 0px 0px;font:12px f3;line-height:12px;}
}
/* page */
.nbx{margin:auto;width:100%;}
.nbx img{margin:auto;width:99.80%;max-width:1500px;}

ul.fs{margin:10px 0px 10px 10px;}
ul.fs li{width:24px;height:24px;cursor:pointer;margin:10px 18px 10px 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;}
ul.fs li img:hover{background:#fff;box-shadow:1px 2px 3px #94a6b1;}
/* cari */
.bgt{width:96%;margin:2% auto;background:#fff;overflow:hidden;overflow:auto;height:300px;border:1px solid#cfe2dd;border-radius:6px;}
.bgt h4{font:17px f3;text-align:center;}
.bcr{width:100%;background:#fff;font-size:13px;line-height:1.5em;-webkit-transition:0.5s;transition:0.5s;}
.bcr:hover{background:#c2fdfb;}
.bcr a{border:none;text-shadow:0px 1px 1px #fff;color:#333;font-family:fn3;}
.bcr a:hover{border:none;color:#0e470f;text-shadow:-1px -1px 2px rgba(255,255,255,.90),1px 1px 2px rgba(0,0,0,0.10);}
.bcr img{width:65px;height:65px;float:left;margin:5px 12px 5px 2px;border:2px solid#fff;border-radius:35px;-webkit-transition:0.5s;transition:0.5s;}
.bcr:hover img{border:2px solid#fbcc5e;}
.bcr span{font:12px f3;color:#db8606;}

/* 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,#1dcd44 60%,#a9d81b 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:#edf0f3;margin:-60px 0px 10px 0px;padding:0px 0px;border-top:none;border-radius:10px;border:1px solid#d9dfdb;border-top:1px solid#afe083;}
.n-bg h1{background:#fff;margin:0px auto;padding:3px 5px;width:150px;font:15px f4;text-align:center;color:#558c22;margin-top:-15px;border-radius:25px;border-top:1px solid#afe083;}
.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 10px 0px;transition:all.2s ease-in-out;border-radius:10px;border:solid 1px #feca8b;box-shadow:1px 2px 2px #c5cfd6;}
.n-fl-it img:hover{transform:scale(1.10);}

.n-fl-v-l{background:url(../../img/bb/arrow2.svg)no-repeat 50% 50%;background-size:18px 18px;width:30px;height:30px;transform: rotate(0deg);position:absolute;cursor:pointer;top:30%;left:7px;border-radius:35px;}
.n-fl-v-r{background:url(../../img/bb/arrow2.svg)no-repeat 50% 50%;background-size:18px 18px;width:30px;height:30px;transform: rotate(180deg);position:absolute;cursor:pointer;top:30%;right:7px;border-radius:35px;}
.n-fl-v-l:hover, .n-fl-v-r:hover{background:#ffe082 url(../../img/bb/arrow2.svg)no-repeat 50% 50%;background-size:18px 18px;border:solid 1px #f3ad07;}
.n-fl-v-l.disabled{opacity:0.4;}
.n-fl-v-r.disabled{opacity:0.4;}

@media screen and (max-width:1150px){
	.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;}
}

.scrollTop{background:#f0aa02 url(../../img/bb/2arrow.svg)no-repeat 50% 50%;background-size:16px 16px;transform: rotate(-90deg);width:33px;height:33px;position:fixed;right:8.50%;bottom:73px;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:#20ae5c url(../../img/bb/2arrow.svg)no-repeat 50% 50%;background-size:16px 16px;}

.tbl{font:14px f5;}
.tbl th{background:#53c859;text-align:center;color:#fff;text-shadow:1px 1px 1px #5d5d5d;border-bottom:1px solid#d7dcea;border-left:1px solid#e3e7f0;border-right:1px solid#bac7dc;border-top:0px solid#d5d8e6;height:40px;padding:3px;}
.tbl td{height:37px;padding:4px;border-top:1px solid#fff;border-bottom:1px solid#dae0e4;border-left:0px;border-right:0px;line-height:1.5em;}
.tbl td h2{margin-bottom:10px;}
.tbl td a{color:#0066ff;}
.tbl td a:hover{color:#f37a0c;}
.tr1{background:rgba(50,141,225,0.05);}.tr1:hover{background:rgba(255,215,0,0.19);}
.tr2{background:#fff;}.tr2:hover{background:rgba(255,215,0,0.19);}

@media screen and (max-width:1150px){
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;}
ul.fs{margin:15px 0px 0px 43px;}
ul.fs li img{width:34px;height:34px;}
ul.fs li{margin:9px;}
.scrollTop{bottom:50px;right:3%;}
}

#footer{position:fixed;bottom:10px;right:1%;z-index:100;}
#footer a{background:#27ab2e url(../../img/ctk/wa_link.svg)no-repeat 3% 50%;background-size:35px 35px;width:146px;display:block;overflow:hidden;padding:6px 18px;float:right;text-decoration:none;line-height:28px;font:15px f1;color:#fff;text-align:center;border:1px solid#27ab2e;border-radius:35px;box-shadow:0px 1px 2px #6c6c6c;}
#footer a:hover{background:#fff url(../../img/ctk/wa_link.svg)no-repeat 3% 50%;color:#158e18;background-size:37px 37px;border:1px solid#ccc;}
#footer span{padding-left:20px;}
.fth{height:0px;}
@media screen and (max-width:1150px){
	#footer{width:100%;left:0%;bottom:0px;}
	#footer a{width:100%;padding:8px 8px;border-radius:0px 0px;box-shadow:none;}
	.fth{height:37px;}
}
/* form */
.bu{background:#98ead0;width:100%;height:40px;color:#fff;font:16px f1;border:1px #03af77 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,#03af77 20%, #97c218 100%);font:18px f4;color:#fff;width:98%;padding:10px 0px;cursor:pointer;margin-bottom:5px;box-shadow:1px 1px 1px##03af77;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:#97c218;color:#000;}
.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;}
@media screen and (max-width:1150px){
.src2{font-size:18px;}
}

/* conf */
#dl{position:absolute;top:40%;width:280px;padding:8px;z-index:200;border-radius:8px;background:rgba(0,0,0,0.20);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;}

/* tab */
.kb{width:100%;height:-58px;}
.et{width:100%;margin-top:-55px;}
.tab{background:rgba(179,223,110,0.25);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.05);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 #20cd8e;}
.tab a.act{font:18px f3;color:#20cd8e;}
.p-ctn{padding:0px 0px;background:#fff;}
ul.vs{width:100%;border-bottom:1px solid#d6e4da;}
ul.vs li{font:20px f3;}
li.tt{background:url(../../img/bb/daun1.png)no-repeat 0% center;background-size:24px 24px;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:15px f3;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%;}

@media only screen and (max-width:500px){
.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,.wl-bx, .inf_adr,.inf_frm, 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)}}