*{margin:0px;padding:0px;box-sizing:border-box;outline:none;text-shadow:none;} 
html{overflow-x:hidden;}
body{background:#fff;font-family:fn4;color:#1e2128;}
hr{border-top:1px solid#fff;border-bottom:1px solid#cfcfcf;height:0px;margin-bottom:3px;}
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/ldg.svg)no-repeat center center;background-size:45px 45px;position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:1000;cursor:wait;}
.lnt{width:100%;height:10px;background-size:cover;width:100%;
background-image:-webkit-linear-gradient(to left,#45d5e6,#65e2f1,#9cf3fd,#45d5e6),url(../../img/ic/body2.png);background-blend-mode:multiply;
background-image:linear-gradient(to left,#45d5e6,#65e2f1,#9cf3fd,#45d5e6),url(../../img/ic/body2.png);background-blend-mode:multiply;}
ul.s1{width:82%;height:40px;}
ul.s1 li{height:31px;font-size:13px;color:#064c54;font-family:fn2;}
ul.s1 li.tl{background:url(../../img/bb/wa.png)no-repeat 0px 50%;float:left;padding:9px 20px;}
ul.s1 li.em{background:url(../../img/ctk/2.png)no-repeat 5px 0%;float:left;padding-left:26px;margin-top:9px;color:#a9fcfc;}
ul.s1 li span{background:url(../../img/ctk/3.png)no-repeat 5px 70%;float:right;padding-left:26px;margin-top:9px;}
ul.s1 li a{color:#064c54;} ul.s1 li a:hover{color:#ff7006;}
#lg{width:330px;position:absolute;left:9%;display:inline;text-shadow:1px 1px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,.30);}
#lg img{float:left;width:170px;margin:9px 8px 0px 0px;}
#ar{width:82%;margin:0 auto;}
#ar1{width:85%;margin:0 auto;}
#kr{width:73%;float:left;}
#kn{width:24%;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-size:14px;color:#035972;line-height:17px;}
.pnl_l img{width:55%;margin:5px 0px;float:left}
.pnl_c{width:32%;float:left;margin-right:4%;}
.pnl_r{width:29%;float:left;}
#ktk{width:100%;font-size:14px;line-height:16px;color:#035972;}
#kt{font-size:19px;line-height:20px;}
#ktk .pin{padding-left:2px;}

.mta{width:100%;background:rgba(234,243,251,0.99);border-bottom:1px solid#ddd;}
.ift{padding:15px 0px;font-family:fn2;text-shadow:-1px -1px 2px rgba(255,255,255,.20),1px 1px 2px rgba(0,0,0,0.99);background-size:cover;width:100%;
background-image:-webkit-linear-gradient(to left,#45d5e6,#65e2f1,#9cf3fd,#45d5e6),url(../../img/ic/body2.png);background-blend-mode:multiply;
background-image:linear-gradient(to left,#45d5e6,#65e2f1,#9cf3fd,#45d5e6),url(../../img/ic/body2.png);background-blend-mode:multiply;}
#ft{background:#04768f;padding:5px 0px;}
ul.ft{width:82%;font-size:12px;color:#fff;text-shadow:-1px -1px 2px rgba(255,255,255,.20),1px 1px 2px 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%;}

.vbv{background:-webkit-linear-gradient(left,#fff,#fff),url(../../img/ic/body2.png);background-blend-mode:multiply;
background:-o-linear-gradient(left,#fff,#fff),url(../../img/ic/body2.png);background-blend-mode:multiply;
background:-moz-linear-gradient(left,#fff,#fff),url(../../img/ic/body2.png);background-blend-mode:multiply;
background:linear-gradient(left,#fff,#fff),url(../../img/ic/body2.png);background-blend-mode:multiply;background-size:cover;}

h1.nob{position:relative;overflow:hidden;margin:15px 0px 0px 0px;font:30px fn4;color:#01444b;text-align:center;}
h1.nob span {display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;padding:3px 6px;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:22px;border-top:1px solid#88bfdd;margin:0px 0px;box-shadow:0px 1px 2px #aab3b9;}
h1.nob span:before{right:100%;}
h1.nob span:after{left:100%;}

h2.noc{position:relative;overflow:hidden;margin:4px 0px;font:18px fn4;color:#064c54;text-shadow:1px 1px 1px #000;}
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:12px;border-top:2px dotted#4eabf1;}
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/ic/m.svg')no-repeat 95% 3px;background-size:35px 35px;width:100%;height:55px;margin-top:8px;display:block;cursor:pointer;box-shadow:1px 2px 4px #ced3d7;}
label img{padding-left:1%;float:left;width:180px;margin:0px 8px;0px 0px}
.bc{height:70px;}
.mm{width:100%;margin:0 auto;font:22px fn1;z-index:10;}
.mm > ul{background:#089dbe;width:100%;float:left;overflow-y:auto;height:540px;max-height:0px;}
.mm li{white-space:nowrap;display:block;width:100%;float:right;}
.mm > ul ul{float:left;width:100%;position:relative;}
.mm li{border-bottom:none;border-top:1px solid #c5c7da;-webkit-transition:background-color 0.7s ease;-moz-transition:background-color 0.7s ease;-o-transition:background-color 0.7s ease;transition:background-color 0.7s ease;}
.mm li:hover{background:#fe912e;}
.mm a{display:block;color:#fff;text-decoration:none;width:100%;padding:7px 10%;}
.mm a:hover{color:#000;text-shadow:1px 1px 2px #434f61;}
.mm > ul ul li a{padding-left:14%;}
.mm > ul ul a{background:none;font-size:21px;}
.mm > ul ul a:hover{background:#fe912e;}
.con a{background:#9145c2;height:40px;width:80%;padding:7px 10px;border:1px solid#fff;text-align:center;color:#fff;margin:12px 10%;border-radius:26px;cursor:pointer;}
.con a:hover{background:#1c4484;border:1px solid#fff;}
.dwn{background:#0685a1 url(../../img/ic/dwn.png)no-repeat 93% 50%;}
.cr a{background:#f39301 url(../../img/bs/z1.png)no-repeat 50% 50%;height:40px;width:80%;padding:3px;border:1px solid#fff;margin-left:10%;margin-top:20px;margin-bottom:20px;border-radius:35px;cursor:pointer;}
.cr a:hover{background:#228820 url(../../img/bs/z.png)no-repeat 50% 50%;border:1px solid#e7aa3a;color:#7b550f;}

#sb{position:fixed;right:2%;top:70px;display:none;width:96%;background:#dae6f8;z-index:100;border:1px solid#b9c7d0;border-top:5px solid#f39301;box-shadow:1px 3px 4px #5b616a;border-radius:5px;}
#sb h3{float:left;text-shadow:0px 1px 1px #fff;margin:4px;}
.xs{float:right;background:url(../../img/ic/x.png) no-repeat 98% 100%;width:20px;height:20px;margin:8px 3px;}
.xs:hover{background:url(../../img/ic/x1.png) no-repeat 99% 100%;cursor:pointer;}
@media screen and (min-width:1150px){
#ldg{background:#eaecee url(../../img/ic/ldg.svg)no-repeat center 47%;background-size:40px 40px;}
label.mt{display:none;}
.bc{height:56px;}
.mm{width:400px;height:55px;float:right;margin:0px 9% 0px 0px;font:17px fn1;font-weight:bold;}
.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:#089dbe;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{display:none!important;position:absolute;left:0px;top:54px;width:200px;}
.mm > ul ul li{display:block;width:100%;float:left;border-bottom:1px solid #089dbe;}
.mm li{border:0px;}
.mm a:hover{color:#fff;border-bottom:1px solid #cbb6e9;}
.mm a {padding:17px 6px;color:#212532;}
.mm a:visited{padding:14px 8px;}
.mm > ul > li:hover > a{color:#fff;border:0px;}
.mm > ul ul a{border:0px;padding:10px 4px;-webkit-transition:background-color 0.7s ease;-moz-transition:background-color 0.7s ease;-o-transition:background-color 0.7s ease;transition:background-color 0.7s ease;}
.mm > ul ul li a{background:#089dbe url(../../img/bs/b1.png)no-repeat 3% 45%;padding:7px 5px 5px 25px;width:200px;height:34px;font-size:16px;color:#fff;font-weight:normal;}
.mm > ul ul li a:hover{background:#ff8211 url(../../img/bs/b1.png)no-repeat 3% 45%;text-shadow:1px 1px 2px #000;}
.dwn{background:none;}
.cr a{background:#fe9929 url(../../img/bs/z.png)no-repeat 50% 50%;height:22px;width:22px;padding:14px;border:1px solid#fff;margin-top:10px;border-radius:26px;cursor:pointer;}
.cr a:hover{background:#1c4484 url(../../img/bs/z.png)no-repeat 50% 50%;border:1px solid#fff;}
.con a{background:#9145c2;height:28px;width:80px;padding:5px 10px;border:1px solid#fff;color:#fff;font-size:12px;line-height:15px;margin:12px 0px;border-radius:36px;cursor:pointer;}
.con a:hover{background:#1c4484;color:#96ebfa;border:1px solid#fff;}
#sb{right:9%;top:45px;display:none;width:37%;}
}
@media screen and (max-width:1150px){
h1.nob{font:22px fn4;}
h1.nob span:before,h1.nob span:after{top:16px;}
#kn{width:97%;margin-left:1.50%;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:92%;margin:0 auto;}
#ar1{width:92%;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;}
}

/* page */
.nbx{margin:auto;width:100%;}
.nbx img{margin:auto;width:99.80%;max-width:1500px;}
/* medsos */
fieldset{background:rgba(234,243,251,0.99);width:100%;margin:10px auto;padding:15px 8px;border:1px solid#f9d69b;border-radius:10px;}
legend {background:#65e2f1;width:170px;margin:0px 0%;padding:4px 0px;font:12px fn3;color:#fff;text-align:center;border-radius:6px;}
ul.fs{margin:10px 0px 10px 10px;}
ul.fs li{width:26px;height:26px;cursor:pointer;margin:10px;}
ul.fs li img{width:35px;height:35px;padding:8px;border:2px solid#fff;border-radius:27px;}
ul.fs li img:hover{border:2px solid#fd9a13;box-shadow:0px 3px 3px #688191;}
/* cari */
.bgt{width:100%;background:#0da39f;overflow:hidden;overflow:auto;height:300px;text-shadow:0px 1px 1px #000;border:1px solid#dadada;}
.bgt h4{color:#fff;text-align:center;}
.bcr{width:100%;background:#ffffff;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:#000;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 fm3;color:#db8606;}
/* mta */
.n-fl-ul{position:relative;width:99999px;text-align:center;margin:10px 0px 0px 0px;}
.n-fl-ul li{border:0px solid#ddd;}
.n-fl-ir{position:relative;overflow:hidden;float:left;width:100%;}
.n-fl-it{float:left;position:relative;color:#063342;font:12px fn2;line-height:16px;text-shadow:0px 1px 1px #fff;}

.n-fl-it .img{width:45%;cursor:pointer;position:relative;margin:5px 0px 10px 0px;-webkit-transition:all.2s ease-in-out;border-radius:10px;border:solid 1px #e67e03;}
.n-fl-it .img:hover{-webkit-transform:scale(1.10);}

.n-fl-it .foto{width:100px;height:100px;border-radius:50px;border:1px solid#abdae9;}
.n-fl-ul p{padding:0px 20px;font:15px fm1;line-height:19px;}
.n-fl-ul h1{font:70px fm4;line-height:70px;color:#fa8401;}
.n-fl-ul strong{font:20px fm3;color:#1685c0;}

.n-fl-v-l,.n-fl-v-r{padding:5px 11px 5px 11px;border-radius:30px;position:absolute;cursor:pointer;z-index:4;bottom:40%;background:rgba(0,0,0,0.30);font-weight:bold;border:solid 1px #fff;color:#fff;font-family:fn3;}
.n-fl-v-l:hover,.n-fl-v-r:hover{background:rgba(0,0,0,0.60);border:solid 1px #91e0fb;color:#91e0fb;}
.n-fl-v-l{left:0%;}.n-fl-v-l:before{content:"<"}.n-fl-v-l.disabled{opacity:0.7;}
.n-fl-v-r{right:0%;}.n-fl-v-r:before{content:">"}.n-fl-v-r.disabled{opacity:0.7;}

@media screen and (max-width:1150px){
.n-fl-it .foto{width:70px;height:70px;}
}



.scrollTop{background:#fe9929 url(../../img/bs/top.png)no-repeat 50% 50%;width:37px;height:37px;position:fixed;right:3%;bottom:140px;opacity:0;transition:all 0.4s ease-in-out 0s;cursor:pointer;z-index:10;border-radius:34px;border:1px solid#fff;}
.scrollTop:hover{background:#fd571d url(../../img/bs/top.png)no-repeat 50% 50%;}
.tbl{font:14px fn2;}
.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){
.n-fl-it img{height:50px;margin:5px 0px 5px 0px;}
ul.ms{margin:15px 0px 8px 0px;}
ul.ms li a{width:25px;height:25px;padding:5px 5px 5px 25px;margin-right:4px;}
ul.ms li span{display:none;}
ul.fs li{margin:9px;}
.scrollTop{bottom:60px;}
}

#footer{position:fixed;bottom:-100px;right:0%;z-index:20;}
#footer span{padding-left:15px;}
#footer a:hover span{color:#fff;background-position:0 -117px;}
.open{background:#1c936f url(../../img/bb/wa.png)no-repeat 6% 50%;background-size:20px 20px;width:240px;display:block;overflow:hidden;padding:12px 10px;float:right;text-decoration:none;line-height:28px;font:14px fn4;color:#fff;text-align:center;border:1px solid#31f0a4;}
.close{background:#2aa48c url(../../img/bb/wa.png)no-repeat 6% 50%;background-size:20px 20px;width:240px;display:none;overflow:hidden;padding:12px 10px;float:right;text-decoration:none;line-height:28px;font:14px fn4;color:#124310;text-align:center;border:1px solid#31f0a4;}
#content{background:#fff;line-height:20px;font-size:12px;color:#000;padding:15px;width:240px;margin-top:34px;box-shadow:5px 10px 15px #000;}
.apb{width:100%;}
.apb hr{border-top:1px solid#ddd;border-bottom:1px solid#fff;height:0px;margin:5px 0px;}
.apb img{width:28px;float:left;margin-right:15px;}
.apb h2{font:14px fn4;line-height:15px;margin-top:6px;}
.apb p{margin-top:3px;line-height:11px;font:13px fn4;}
.apb a{color:#000;cursor:pointer;}
.apb a:hover{color:#3a9829;}
.fth{height:0px;}
@media screen and (max-width:1150px){
	#footer{left:0%;}
	.open{width:360px;padding:12px 10px;}
	.close{width:360px;padding:12px 10px;}
	#content{width:360px;}
	.fth{height:40px;}
}

/* conf */
#dl{position:absolute;width:280px;padding:6px;z-index:200;border-radius:5px;background:rgba(27,12,12,0.25);}
#dl_h{display:block;position:relative;padding:5px 5px;height:30px;font:15px fn4;}
#dl_t{float:left;}
#dl_c{display:block;padding:20px 30px;}
#dl_m{background:#30333d;position:fixed;top:0px;left:0px;min-height:100%;width:100%;z-index:100;opacity:.30;filter:alpha(opacity=5);}
.wrg_h{background:#ffde93;color:#755409;}.wrg{background:#fffce6 url(../../img/bs/wr.png)no-repeat 94% 53%;color:#976406;}
.hps_h{background:#ed7e6b;color:#832d07;}.hps{background:#fef7f3 url(../../img/bs/er.png)no-repeat 95% 53%;color:#b63205;}
.sks_h{background:#9af5dc;color:#0c5a45;}.sks{background:#f5fefc url(../../img/bs/sc.png)no-repeat 94% 53%;color:#338510;}

#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)}}