*{margin:0px;padding:0px;box-sizing:border-box;text-shadow:none;} 
html{overflow-x:hidden;}
body{background:#fff;font-family:fn5;color:#232730;}
hr{border-top:1px solid#fff;border-bottom:1px solid#cfcfcf;height:0px;margin-bottom:3px;}
a{color:#fdb92b;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%;background-image:-webkit-linear-gradient(to right,#324486,#3999f3,#5771d1,#324486),url(../../img/ic/body1.png);background-blend-mode:color; background-image:linear-gradient(to right,#324486,#3999f3,#5771d1,#324486),url(../../img/ic/body1.png);background-blend-mode:color;}
ul.s1{width:82%;height:40px;}
ul.s1 li{height:31px;font-size:13px;color:#fff;font-family:fn5;}
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:#fff;} 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:46px;margin:3px 8px 0px 0px;}
#lg_n{font:19px fn1;line-height:24px;color:#1b64be;margin-top:15px;font-weight:bold;}
#lg_k{color:#334159;line-height:15px;font:14px fn5;}
#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:13px;color:#fff;line-height:16px;}
.pnl_l img{width:11%;margin:0px 0px;float:left}
.pnl_l .zx1{width:83%;float:left;font:22px fn5;margin:8px 0px 0px 8px;color:#7ad9f8;}
.pnl_l span{color:#fe715c;font:22px fn5;font-weight:bold;}
.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:#fff;}
#ktk .pin{padding-left:2px;}

.mta{width:100%;background:rgba(148,197,239,.40);border-bottom:1px solid#91e1f9;}
.ift{padding:15px 0px;font-family:fn5;text-shadow:-1px -1px 2px rgba(255,255,255,.20),1px 1px 2px rgba(0,0,0,0.99);
background-image:-webkit-linear-gradient(to right,#324486,#3999f3,#5771d1,#324486),url(../../img/ic/body1.png);background-blend-mode:color;
background-image:linear-gradient(to right,#324486,#3999f3,#5771d1,#324486),url(../../img/ic/body1.png);background-blend-mode:color;}
#ft{background:#1f2c2b;padding:5px 0px;}
ul.ft{width:82%;font-size:12px;color:#ddd;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%;}

h1{margin:15px 0px 10px 0px;font:25px fn4;color:#425fcb;font-weight:bold;}
h1.nob{position:relative;overflow:hidden;}
h1.nob span {display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;padding:0px 5px;}
h1.nob span:before,h1.nob span:after{content:'';display:block;width:2000px;position:absolute;top:17px;border-top:1px solid#778ad9;}
h1.nob span:before{right:100%;}
h1.nob span:after{left:100%;}
h2.noc{position:relative;overflow:hidden;margin:4px 0px;font:23px fn5;color:#fff;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 2px;}
h2.noc span:before,h2.noc span:after{content:'';display:block;width:2000px;position:absolute;top:15px;border-top:1px solid#ccc;}
h2.noc span:before{right:100%;}
h2.noc span:after{left:100%;}
/* m.mn */
#snav{width:100%;max-width:2000px;margin:0 auto;position:fixed;z-index:100;}
#tn{display:none;} #tn:checked ~ ul{max-height:100%;}
label.mt{background: url('../../img/ic/m.svg')no-repeat 95% 3px;background-size:38px 38px;width:100%;height:55px;margin-top:0px;display:block;cursor:pointer;}
label img{padding-left:1.50%;float:left;width:50px;margin:0px 8px;0px 0px}
.bc{height:70px;}
.mm{width:100%;margin:0 auto;font:20px fn3;z-index:100;text-transform:uppercase;font-weight:bold;}
.mm > ul{background:#89cdfc;width:100%;float:left;overflow-y:auto;height:500px;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 #fff;-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:#ba67cf;}
.mm a{display:block;color:#000;text-decoration:none;width:100%;padding:7px 3%;}
.mm a:hover{color:#000;text-shadow:1px 1px 0px #56647c;}
.mm > ul ul li a{padding-left:35px;}
.mm > ul ul a{background:#89cdfc;font-size:19px;}
.mm > ul ul a:hover{background:#ba67cf;}
.dwn{background:#ffb400 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#5c91cb;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){
#lg_n{font-size:18px;line-height:20px;color:#fd571d;margin-top:12px;font-family:fn1;}
#lg_k{color:#000;font:14px fn4;line-height:16px;}
#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:740px;height:55px;float:right;margin:0px 9% 0px 0px;font:18px 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:#6e54a7;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:46px;width:200px;border-top:4px solid#6e54a7;}
.mm > ul ul li{display:block;width:100%;float:left;border-bottom:1px solid #cadcec;box-shadow:3px 4px 5px #4f5155;}
.mm li{border:0px;}
.mm a:hover{color:#fff;border-bottom:1px solid #fff;}
.mm a,.mm a:visited{padding:14px 6px;color:#3a4658;}
.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:#e9ecf3 url(../../img/bs/b1.png)no-repeat 3% 45%;padding:7px 5px 5px 25px;width:200px;height:34px;font-size:16px;}
.mm > ul ul li a:hover{background:#ff8211 url(../../img/bs/b1.png)no-repeat 3% 45%;text-shadow:0px 1px 1px #56647c;}
.dwn{background:none;}
.cr a{background:#ff7c28 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:#02ae3f url(../../img/bs/z.png)no-repeat 50% 50%;border:1px solid#fff;}
#sb{right:9%;top:45px;display:none;width:37%;}
}
@media screen and (max-width:1150px){
#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:93%;margin:0 auto;}
#ar1{width:93%;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:95%;margin:1% 0% 0% 7.70%;text-shadow:1px 1px 2px rgba(0,0,0,0.09),-1px -1px 2px rgba(255,255,255,.35);}

ul.rig li{background-image:linear-gradient(to left, rgba(5, 199, 194, 0.70), rgba(194, 183, 235, 0.40)),url(../../img/spt_logo/mn.jpg);
position:relative;float:left;width:20%;margin:2.30% 0% 1% 1.90%;padding:25px 1%  13px 1%;cursor:pointer;text-align:center;border:1px solid#eee;border-radius:5px;-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;box-shadow:0px 1px 2px #b9bfc6;}

ul.rig li:hover{background-image:linear-gradient(to right, rgba(5, 199, 194, 0.65), rgba(194, 183, 235, 0.65)),url(../../img/spt_logo/mn.jpg);box-shadow:1px 2px 2px #8b96a0;border:1px solid#ddd;}
ul.rig li img{position:absolute;width:12%;max-width:200px;top:-20px;left:44%;}
ul.rig > li:hover img{width:14%;top:-27px;left:44%;}
ul.rig li h2{margin-top:5px;font:22px fn5;line-height:22px;text-shadow:1px 1px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,.50);}
ul.rig li p{margin-top:3px;font:14px fn3;color:#000;line-height:15px;}
ul.rig li a{color:#034245;}
ul.rig li a:hover{color:#b81d8d;}

@media screen and (max-width:1150px){
ul.rig{margin:0% 0% 0% -1.20%;} 
ul.rig li {width:44%;margin:6% 0% 2% 6%;height:95px;} 
ul.rig li img{width:25%;max-width:220px;top:-20px;left:40%;}
ul.rig > li:hover img{width:22%;max-width:220px;top:-20px;left:42%;}
ul.rig li h2{font:17px fn5;}
ul.rig li p{font-size:12px;}
}
/* page */
.nbx{margin:auto;width:100%;box-shadow:1px 1px 1px #a3a3a3;}
.nbx img{margin:auto;width:99.80%;max-width:1500px;border:1px solid#fff;}
/* medsos */
ul.ms{background:-webkit-linear-gradient(left,rgba(219, 236, 251, 0.90), rgba(194, 183, 235, 0.20));width:100%;margin:10px 0px 15px 0px;font-family:fn4;padding:12px 8px 10px 8px;border-radius:25px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid#e4e4e4;}
ul.ms li a{width:120px;height:28px;border:1px solid#fff;border-radius:17px;color:#fff;padding:4px 10px 4px 28px;margin:5px 5px 0px 5px;transition:background-color 0.7s ease;}
ul.ms li a:hover{color:#000;text-shadow:0px 1px 1px #fff;}
ul.ms li .fb{background:#315997 url(../../img/bb/fb.png)no-repeat 5px center;}ul.ms li .fb:hover{background:#4b7cc5 url(../../img/bb/fb.png)no-repeat 5px center;}
ul.ms li .tw{background:#0090ff url(../../img/bb/tw.png)no-repeat 5px center;}ul.ms li .tw:hover{background:#42aeff url(../../img/bb/tw.png)no-repeat 5px center;}
ul.ms li .gp{background:#cd2912 url(../../img/bb/gp.png)no-repeat 5px center;}ul.ms li .gp:hover{background:#ee5640 url(../../img/bb/gp.png)no-repeat 5px center;}
ul.ms li .wa{background:#0e9c6c url(../../img/bb/wa.png)no-repeat 5px center;}ul.ms li .wa:hover{background:#42bb31 url(../../img/bb/wa.png)no-repeat 5px center;}
ul.ms li .hm{float:right;background:#ff7c28;width:70px;height:30px;padding:6px 0px 6px 0px;margin:-4px 3px 0px 0px;text-align:center;font-size:13px;line-height:20px;}
ul.ms li .hm:hover{background:#f1933d;}
ul.ms li span{font-size:12px;line-height:20px;display:inline;}

ul.fs{margin:40px 0px 20px 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 10px 0px;}
.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:1em;text-shadow:0px 1px 1px #fff;}
.n-fl-it img{max-width:100%;height:65px;cursor:pointer;position:relative;margin:5px 0px 10px 0px;-webkit-transition:all.2s ease-in-out;border-radius:10px;border:solid 1px #a4d5ee;}
.n-fl-it img:hover{-webkit-transform:scale(1.10);}
.n-fl-v-l,.n-fl-v-r{padding:1px 6px;border-radius:17px;position:absolute;cursor:pointer;z-index:4;top:30%;background:rgba(0,0,0,0.50);font-weight:bold;border:solid 1px #fff;color:#fff;font-family:fn4;box-shadow:1px 2px 2px #688191;}
.n-fl-v-l:hover,.n-fl-v-r:hover{background:rgba(0,0,0,0.70);border:solid 1px #91e0fb;color:#91e0fb;}
.n-fl-v-l{left:0px;}.n-fl-v-l:before{content:"<"}.n-fl-v-l.disabled{opacity:0.4;}
.n-fl-v-r{right:2px;}.n-fl-v-r:before{content:">"}.n-fl-v-r.disabled{opacity:0.4;}
.scrollTop{background:#fd571d url(../../img/bs/top.png)no-repeat 50% 50%;width:33px;height:33px;position:fixed;right:1%;bottom:160px;opacity:0;transition:all 0.4s ease-in-out 0s;cursor:pointer;z-index:100;border-radius:34px;border:2px solid#e7e8eb;}
.scrollTop:hover{background:#026832 url(../../img/bs/top.png)no-repeat 50% 50%;}
.tbl{font:14px fn5;}
.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{width:100%;}
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:20px;}
}
/* 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;height:20px;font-size:15px;font-weight:bold;}#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{-webkit-animation-name:zm;-webkit-animation-duration:0.6s;animation-name:zm;animation-duration:0.6s;}
@-webkit-keyframes zm{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}
@keyframes zm{from{transform: scale(0.1)}to{transform: scale(1)}}