*{margin:0px;padding:0px;}
html,body{overflow-x:hidden;background:#fff;font-family:fn3;color:#344556;}

hr{border-top:1px solid#fff;border-bottom:1px solid#cfcfcf;height:0px;margin-bottom:3px;}

a{color:#fc520a;text-decoration:none;}a:hover{color:#1eb01a;}

ul{list-style-type:none;overflow:hidden;margin:0 auto;}

ul li{display:inline;}

.x{clear:both;}

/* temp */

#ldg{background:#eaecee url(../../img/ic/ldg.svg)no-repeat center 45%;background-size:45px 45px;position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:1000;cursor:wait;}

.lnt{display:none;}

ul.s1{width:100%;height:60px;}

ul.s1 li{height:55px;font-size:12px;color:#000;font-family:fn5;text-shadow:0px 1px 1px #fff;}

ul.s1 li.tc{float:left;width:38%;padding-right:20px;margin-top:5px;}

ul.s1 li.tl{background:url(../../img/icn/phone.svg)no-repeat 0px 30%;background-size:22px 22px;float:left;padding-left:30px;padding-top:12px;padding-right:20px;}

ul.s1 li.fx{background:url(../../img/icn/fax.svg)no-repeat 0px 30%;background-size:22px 22px;float:left;padding-left:30px;padding-top:12px;padding-right:20px;}

ul.s1 li.em{background:url(../../img/icn/email.svg)no-repeat 0px 3%;background-size:22px 22px;float:left;padding-left:30px;margin-top:12px;}

ul.s1 li span{float:right;margin-top:12px;text-align:right; margin-right:8px;}

#lg{width:300px;height:50px;display:inline;}

#lg img{float:left;width:40px;margin:2px 7px 0px 12px;}

#lg_n{display:inline;font-size:22px;color:#247720;text-shadow:0px 1px 1px #444;font-family:fn2;}

#lg_k{display:inline;font-size:14px;color:#3e3e3e;text-shadow:0px 1px 1px #fff;font-family:fn1;}

#ar{width:84%;margin:0 auto;}

#ar1{width:87%;margin:0 auto;}

#kr{width:74.20%;float:left;}

#kn{width:24%;float:right;}

.pnl_l{width:31%;float:left;margin-right:4%;font:14px fn4;color:#fff;line-height:16px;text-shadow:0px 1px 1px #000;}
.pnl_l img{width:35px;margin:0px 0px 4px 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 fn2;font-weight:bold;}
.pnl_c{width:32%;float:left;margin-right:4%;}
.pnl_r{width:29%;float:left;}

.inf_kr{float:left;width:48.50%;}

.inf_kn{float:right;width:48.50%;}

.sbt_kr{float:left;width:28.50%;}

.sbt_kn{float:right;width:68.50%;}

.t_kr{float:left;width:60.50%;}

.t_kn{float:right;width:36.50%;}

.mta{width:100%;background:#d0e6f2;width:100%;border-bottom:1px solid#e4ebef;}

.ift{background:#3170a4;border-top:1px solid #ccf4fd;width:100%;}

#ft{background:#272727;font-family:fn2;}

ul.ft{width:84%;font-size:12px;color:#fff;}

li.ft1{float:left;padding:13px 0px;width:49%;}

li.ft2{float:right;padding:13px 0px;text-align:right;width:49%;}

#ktk{width:100%;font:14px fn5;color:#fff;text-shadow:0px 1px 1px #000;}

#ktk .pin{padding-left:2px;}

#ktk .pos{padding-left:2px;}

#ktk .hp{padding-left:2px;}

#ktk .wa{padding-left:2px;}

#ktk .em{padding-left:2px;}

ul.fs{margin:40px 0px 20px 0px;}
ul.fs li{width:26px;height:26px;cursor:pointer;margin:10px;}
ul.fs li img{width:18px;height:18px;padding:6px;border:2px solid#fff;border-radius:27px;}
ul.fs li img:hover{border:2px solid#fd9a13;box-shadow:0px 3px 3px #688191;}

@media screen and (max-width:1150px){

#ldg{background:#eaecee url(../../img/ic/ldg.svg)no-repeat center 47%;background-size:58px 58px;}

.lnt{width:100%;}

#lg_n{color:#20801e;text-shadow:0px 1px 1px #fff;}

#lg_k{color:#000;text-shadow:0px 1px 1px #fff;}

#kn{width:97%;margin-left:1.50%;float:left;}

#kr{width:100%;margin-top:5;}

#lg{display:none;}

#ar{width:96%;margin:0 auto;}

#ar1{width:96%;margin:0 auto;}

.ktk{font:14px fn10;}

.t_kr,.t_kn,.pnl_l,.pnl_r,.pnl_c,.inf_kr,.inf_kn,.sbt_kr,.sbt_kn{width:100%;float:left;margin-top:30px;}

li.ft1{float:left;padding:5px 0px;width:100%;text-align:center;}

li.ft2{float:left;padding:2px 0px;text-align:center;width:100%;}



}

h1.nob{margin:4px 0px;text-transform:uppercase;font:22px fn5;color:#1d4e83;}

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 3px;}

h1.nob span:before,h1.nob span:after{content:'';display:block;width:1000px;position:absolute;top:15px;border-top:1px solid#215692;}

h1.nob span:before{right:100%;}

h1.nob span:after{left:100%;}


h1.noc{position:relative;overflow:hidden;margin:4px 0px;font:22px fn5;color:#fff;text-shadow:0px 1px 1px #000;}

h1.noc span {display:inline-block;vertical-align:baseline;zoom:1;*display:inline;*vertical-align:auto;position:relative;padding:0px 5px;}

h1.noc span:before,h1.noc span:after{content:'';display:block;width:1000px;position:absolute;top:14px;border-top:1px solid#c3c3c3;}

h1.noc span:before{right:100%;}

h1.noc span:after{left:100%;}

/* m.mn */

#snav{margin:0 auto;left:0%;position:fixed;z-index:150;}



#tn{display:none;} #tn:checked ~ ul{max-height:100%;}

label.mt{background:#fbdd99 url('../../img/ic/m.svg')no-repeat 95% 12px;background-size:37px 37px;width:100%;height:60px;display:block;cursor:pointer;border-bottom:3px solid#fff;}

label img{margin:4px 8px 0px 0px;padding-left:2%;float:left;width:40px;}

.bc{height:125px;}

.wmm{background:#134180; border-top:3px solid#d19505;padding-top:10px;}

.mm{width:100%;margin:0 auto;font-size:20px;font-family:fn2;z-index:100;text-shadow:0px 1px 1px #000;}

.mm > ul{background:#4a8cbc;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{float:left;width:100%;position:relative;}

.mm li{border-top:1px solid #ced5db;-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:#e6d662;border-top:1px solid #95a4b0;}

.mm a{display:block;color:#fff;text-decoration:none;width:94%;padding:8px 3%;}

.mm a:hover{color:#000;text-shadow:1px 1px 0px #56647c;}

.mm > ul ul li a{padding-left:50px;}

.mm > ul ul a{background:#4a8cbc;font-size:20px;font-family:fn2;}

.mm > ul ul a:hover{background:#e6d662;}

.dwn{background:#36cfbf url(../../img/ic/dwn.png)no-repeat 98% 50%;}

.cr a{background:#1a4864 url(../../img/bs/z.png)no-repeat 50% 50%;height:30px;width:93.50%;padding:3px;border:1px solid#5c91cb;margin-left:3%;margin-top:5px;margin-bottom:5px;border-radius:7px;cursor:pointer;}

.cr a:hover{background:#2e81b1 url(../../img/bs/z1.png)no-repeat 50% 50%;border:1px solid#e7aa3a;color:#7b550f;}

#src_box{position:fixed;right:2%;top:70px;display:none;width:96%;background:#d5e9f9;z-index:100;border:1px solid#b9c7d0;border-top:5px solid#134180;box-shadow:1px 3px 4px #454545;border-radius:5px;}

.xs{float:right;background:url(../../img/ic/x.png) no-repeat 99% 100%;width:20px;height:20px;margin:3px;}

.xs:hover{background:url(../../img/ic/x1.png) no-repeat 99% 100%;cursor:pointer;}

@media screen and (min-width:1150px){

.lnt{background:#aad6fd;width:84%; margin:0px auto;display:block;}

label.mt{display:none;}

.bc{height:130px;}

.wmm{background:#134180; border-top:3px solid#d19505;padding-top:25px;}

.mm{height:40px;font-size:18px;float:left;text-shadow:0px 1px 1px #fff;margin-top:15px;}

.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:none;border:0px;}

.mm ul li{width:auto;margin-right:14px;}

.mm > ul > li{position:relative;}

.mm > ul > li:hover ul{display:block!important;}

.mm > ul ul{display:none!important;position:absolute;left:0px;top:26px;width:235px;}

.mm > ul ul li{display:block;width:100%;float:left;border-bottom:1px solid #75b9dd;box-shadow:4px 4px 4px #525252;}

.mm li{border:0px;}

.mm a:hover{color:#fff;border-bottom:1px solid #fff;}

.mm a{padding:2px 6px 2px 6px;color:#101825;}

.mm a:visited{color:#fa520a;}

.mm > ul > li:hover > a{background:#aad6fd;color:#000;border:0px;text-shadow:0px 1px 1px #fff;}

.mm > ul ul a{border:0px;padding:5px 7px;color:#000;text-shadow:0px 1px 1px #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 > ul ul li a{background:#aad6fd url(../../img/bs/b.png)no-repeat 4% 40%;padding-left:30px;width:199px;height:23px;font-size:15px;}

.mm > ul ul li a:hover{background:#edb532 url(../../img/bs/b1.png)no-repeat 4% 40%;text-shadow:0px 1px 1px #445062;}

.dwn{background:url(../../img/ic/dwn.png)no-repeat 100% 50%;}

.cr a{background:#fe7901 url(../../img/bs/z.png)no-repeat 50% 50%;height:22px;width:22px;padding:3px;border:1px solid#fff;margin:1px -5px 0px 0px; border-radius:16px;cursor:pointer;box-shadow:0px 1px 1px #869aa8;}

.cr a:hover{background:#e9ca1d url(../../img/bs/z1.png)no-repeat 50% 50%;border:1px solid#000;}

#src_box{right:8%;top:55px;display:none;width:37%;}} 

/* bg.mn */

ul.rig{position:relative;width:100%;margin-top:-50px;}

ul.rig li{float:left;margin:1% 0% 1% 1.80%;-webkit-transition:0.5s;transition:0.5s;text-shadow:0px 1px 1px #fff;}

ul.rig.col li{width:23%;cursor:pointer;text-align:center;}

ul.rig.col li img{width:17%;max-width:220px;margin-top:5px;}

ul.rig li h2{font-size:18px;font-family:fn5;}

ul.rig li p{font-size:14px;margin-top:6px;line-height:14px;font-family:fn1;}

ul.rig li a{color:#0d2a47;}

ul.rig li a:hover{color:#df2e33;}

ul.rig li section{}

@media screen and (max-width:1150px){

ul.rig{width:100%;margin-left:0%;} 

ul.rig.col li {width:47.70%;} 

ul.rig li{float:left;}

ul.rig.col li img{width:19%;max-width:220px;}

ul.rig li h2{font-size:22px;}

ul.rig li p{font-size:16px;}

}

@media screen and (max-width:660px){

ul.rig li h2{font-size:18px;}

ul.rig li p{font-size:12px;}

}

/* page */

.lpg{background:url(../../img/ic/re.gif) no-repeat 50% 50%;height:35px;display:none;}

.lm{background:#fff;width:100%;border:2px solid#8babc2;cursor:pointer;padding:8px;font-family:fn10;color:#15397b;font-size:16px;

border-radius:12px;transition:0.5s;text-shadow:0px 1px 1px #fff;}

.lm:hover{background:#fff;color:#000;border:2px solid#f8a303;}

.des{width:100%;line-height:1.6em;font-family:fn5;}

.im3{cursor:pointer;transition:0.3s;width:100%;max-width:850px;display:block;height:300px;box-shadow:1px 1px 2px #7f7f7f;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;}

.nbx{margin:auto;display:block;width:99%;max-width:1500px;border:1px solid#e2e4eb;box-shadow:0px 1px 1px #a3a3a3;}

.nbx img{margin:auto;display:block;width:99.80%;max-width:1500px;border:1px solid#fff;}

.nbp{margin:auto;display:block;width:99%;max-width:1500px;max-height:700px;border:1px solid#e2e4eb;box-shadow:0px 1px 1px #a3a3a3;}

.nbp img{margin:auto;display:block;width:99.80%;max-width:1500px;max-height:700px;border:1px solid#fff;}

/* medsos */
ul.ms{background:-webkit-linear-gradient(left,rgba(168, 237, 235, 0.40), rgba(194, 183, 235, 0.30));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:2px 0px 2px 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;}
@media screen and (max-width:1150px){
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;}
}


/* cari */

.bgt{width:100%;background:#4d7288;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:#d6e1e9;font-size:13px;line-height:1.5em;-webkit-transition:0.5s;transition:0.5s;}

.bcr:hover{background:#dee7ed;}

.bcr a{border:none;text-shadow:0px 1px 1px #fff;color:#000;font-family:fn8;}

.bcr a:hover{border:none;color:#0b7da4;text-shadow:0px 1px 1px #fff;}

.bcr img{width:75px;height:60px;float:left;margin-right:12px;border:2px solid#fff;-webkit-transition:0.5s;transition:0.5s;}

.bcr:hover img{border:2px solid#fbcc5e;}

.bcr span{font-size:11px;color:#db8606;}

.tbl{font-size:15px;}

.tbl th{background:#18a379;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;font-family:fn5;line-height:1.5em;}

.tbl td h2{margin-bottom:10px;}

.tbl td a{color:#0066ff;}

.tbl td a:hover{color:#f37a0c;}

.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:#0d6a97 url(../../img/bs/top.png)no-repeat 50% 50%;}

/* mta */

.n-fl-ul{position:relative;width:99999px;text-align:center;margin-top:20px;margin-bottom:10px;}

.n-fl-ir{position:relative;overflow:hidden;float:left;width:100%;}

.n-fl-it{float:left;position:relative;line-height:1em;color:#000;font:13px fn5;}

.n-fl-it img{max-width:100%;height:100px;cursor:pointer;position:relative;margin-top:5px;margin-bottom:5px;-webkit-transition:all.2s ease-in-out;}

.n-fl-it img:hover{-webkit-transform:scale(1.10);}

.n-fl-v-l,.n-fl-v-r{padding:3px 8px;border-radius:17px;position:absolute;cursor:pointer;z-index:4;top:40%;background:rgba(0,0,0,0.50);font-weight:bold;border:solid 2px #fff;color:#fff;font-family:fn9;box-shadow:1px 2px 2px #688191;}

.n-fl-v-l:hover,.n-fl-v-r:hover{background:rgba(0,0,0,0.80);border:solid 2px #ffcb51;color:#ffcb51;}

.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;}

/* 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,#dl,.tbl{-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)}}