@charset "gb2312";
/* CSS Document */

body, ul, li, p, h1, h2, h3, h4, h5, div, form, IMG, ol, dd, dl { margin:0; padding:0; }
body { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
li { list-style:none; }
a, a:visited, a:active { text-decoration:none; }
.clear { clear:both; border:0px; }
input { border:0px; }

header{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
header ul{ width:100%; height:40px; background:#eeeeee; margin:0 auto; position:fixed; z-index:88px; top:0;}
header ul li{ width:320px; height:40px; margin:0 auto; line-height:40px;}
header ul li span{ width:70px; height:26px; background:#ff8f0f; float:left; margin-left:; border-radius:5px; text-align:center; line-height:26px; color:#fff; margin-top:7px; margin-left:5px;}
header ul li span a{ color:#fff;}
header ul li span:nth-child(2){ background:#068bd0;} 
header ul li p{ width:168px; float:left; font-size:18px; color:#e71818;}
header ul li p i{ width:23px; height:29px; background:url(images/bpjs_07.png) no-repeat; margin-top:7px; margin-left:15px; float:left; display:inline-block;}
header ul li p a{color:#e71818;}
header ol{ width:100%; height:70px; background:#3977b2; margin:40px auto 0px auto;}
header ol li{ width:320px; height:70px; margin:0 auto;}
header ol li span{ width:246px; height:42px; float:left; background:url(images/logo.png) no-repeat; margin-top:14px; margin-left:38px;}
header dl{ width:100%; height:200px; margin:0 auto; background:url(images/bpjs_02.jpg) top center no-repeat;}
header dl dt{ width:320px; height:200px; background:url(images/banner.jpg) center no-repeat; margin:0 auto;}
header dl dt a{ width:94px; height:30px; float:right; display:inline-block; margin-top:143px; margin-right:14px;}
header section{ width:100%; height:50px; background:#3977b2; margin:0 auto;}
header section li{ width:320px; height:50px; margin:0 auto; line-height:50px; font-size:16px;}
header section li a{ color:#fff; padding:0px 8px;}
article{ width:320px; height:auto; overflow:hidden; margin:0 auto;}
article h3{ width:320px; float:left; margin-top:10px;}
article h3 p{ width:320px; float:left;}
article h3 p i{ width:127px; height:1px; background:#e4dacc; float:left; display:inline-block; margin-top:8px;}
article h3 p em{ width:47px; height:12px; float:left; background:url(images/bpjs_05.jpg) no-repeat; margin:0px 9px;}
article h3 li{ width:320px; float:left; text-align:center; font-size:28px; color:#01918a; line-height:24px; margin-top:6px;}
article h3 li i{ font-style:normal; font-size:16px; color:#1f201b;}
article h3 p:nth-child(3) em{background:url(images/bpjs_08.jpg) no-repeat;}
article h3 p:nth-child(3) i{ margin-top:4px;}
article:nth-child(2) ul{ width:320px; float:left;}
article:nth-child(2) ul p{ width:308px; float:left; margin-left:7px; line-height:24px; color:#6e6e6e; text-indent:2em; margin-top:3px;}
article:nth-child(2) ul img{ float:left; margin-left:9px; margin-top:8px;}
article:nth-child(2) ul img:nth-child(3){ margin-left:7px;}
article:nth-child(2) ol{ width:300px; height:187px; float:left; margin-top:11px; margin-left:10px; background:#f3efde url(images/bpjs_07.jpg) 165px 19px no-repeat;}
article:nth-child(2) ol span{ width:190px; float:left; margin-left:15px; font-weight:bold; color:#db251a; margin-top:21px;}
article:nth-child(2) ol span i{ font-style:normal; font-size:12px; color:#1f201b;}
article:nth-child(2) ol p{ width:160px; float:left; line-height:22px; text-indent:2em; font-size:12px; color:#6e6e6e; margin-left:15px; margin-top:8px;}
article:nth-child(2) ol span a{ color:#db251a;}
article:nth-child(2) dl{ width:300px; height:40px; float:left; margin-left:10px; background:#ff8f0f; box-shadow:-1px -1px 1px #c66f0c; margin-top:10px; text-align:center; line-height:40px;}
article:nth-child(2) dl a{ color:#fff;}
article:nth-child(3) h4{ width:260px; height:35px; margin-top:5px; margin-left:29px; background:#f1f1f1; float:left; text-align:center; font-size:17px; color:#3977b2; line-height:38px;} 
article:nth-child(3) ul{ width:320px; float:left;}
article:nth-child(3) ul img{ float:left; margin:15px 5px 0px 10px;} 
article:nth-child(3) ul p{ width:190px; float:left; line-height:24px; text-indent:2em; color:#6e6e6e; margin-top:11px;}
article:nth-child(3) ul p a{ color:#db251a;} 
article:nth-child(3) ol{ width:320px; float:left; margin-top:15px;}
article:nth-child(3) ol li{ width:152px; border-right:#b7a795 1px dashed; padding-left:20px; border-bottom:#b7a795 1px dashed; float:left;}
article:nth-child(3) ol li span{ width:152px; float:left; font-size:16px; color:#1f201b; font-weight:bold; line-height:20px;}
article:nth-child(3) ol li span i{ width:20px; height:20px; background:#01918a; float:left; display:inline-block; text-align:center; line-height:20px; border-radius:20px; color:#fff; font-style:normal; margin-right:4px; font-weight:normal;}
article:nth-child(3) ol li p{ width:152px; float:left; font-size:12px; color:#6e6e6e; margin-top:6px; margin-bottom:10px;}
article:nth-child(3) ol li:nth-child(2),article:nth-child(3) ol li:nth-child(4){ width:137px; padding-left:10px; border-right:none;}
article:nth-child(3) ol li:nth-child(2) span,article:nth-child(3) ol li:nth-child(2) p,article:nth-child(3) ol li:nth-child(4) span,article:nth-child(3) ol li:nth-child(4) p{ width:137px;}
article:nth-child(3) ol li:nth-child(3),article:nth-child(3) ol li:nth-child(4){ border-bottom:none; }
article:nth-child(3) ol li:nth-child(3) span,article:nth-child(3) ol li:nth-child(4) span{ margin-top:10px;}
article:nth-child(3) ol li:nth-child(3) p,article:nth-child(3) ol li:nth-child(4) p{ margin-bottom:0px;}
article:nth-child(3) dl{ width:320px; height:110px; float:left; background:url(images/bpjs_24.jpg) no-repeat; margin-top:10px;}
article:nth-child(3) dl a{ width:65px; height:65px; float:right; display:inline-block; margin-top:25px; margin-right:16px;} 
article:nth-child(4) ul{ width:320px; float:left; margin-top:15px;}
article:nth-child(4) ul span{ width:91px; height:112px; float:left; margin-left:10px;}
article:nth-child(4) ul span img{ float:left;}
article:nth-child(4) ul span i{ width:91px; float:left; height:30px; text-align:center; line-height:14px; color:#fff; font-style:normal; display:inline-block;opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); background:#79797a; position:relative; margin-top:-30px; font-size:12px;}
article:nth-child(4) ul span i a{ color:#fff;}
article:nth-child(4) ul p{ width:205px; float:left; margin-left:10px; line-height:26px; color:#6e6e6e;}
article:nth-child(4) ul p b{ color:#6e6e6e;}
article:nth-child(4) ul p a{ color:#db251a;}
article:nth-child(4) ul li{ width:205px; float:left; margin-left:10px; margin-top:3px;}
article:nth-child(4) ul li span{ margin:0px; width:103px; height:27px; float:left; border-top:#d1d1d1 1px solid; border-left:#d1d1d1 1px solid; border-radius:10px; background:#f1f1f1;}
article:nth-child(4) ul li span i{ width:75px; height:25px; float:left; background:#068bd0; border-radius:10px; display:inline-block; line-height:24px; text-align:center; font-size:12px; font-style:normal; margin-top:1px; margin-left:1px;}
article:nth-child(4) ul li a{ width:82px; height:28px; background:#ff8f0f; padding-left:8px; float:left; margin-left:5px; line-height:28px; color:#fff;}
article:nth-child(4) ul li a i{ width:19px; height:17px; background:url(images/bpjs_10.png) no-repeat; float:right; display:inline-block; margin-top:5px; margin-right:5px;}
article:nth-child(4) ul:nth-child(2){ margin-top:5px;}
article:nth-child(4) dl{ width:320px; float:left; height:50px; margin-top:15px;}
article:nth-child(4) dl dt{ width:260px; height:40px; border-radius:8px; background:#f5f3f4; text-align:center; line-height:40px; float:left; margin-left:30px; display:inline-block; box-shadow:0px 2px 1px #cccccc;}
article:nth-child(4) dl dt a{ color:#1f201b;}
article:nth-child(5) dl{ width:310px; float:left; margin-left:6px; line-height:24px; color:#6e6e6e; text-indent:2em; margin-top:4px;}
article:nth-child(5) ol{ width:320px; height:170px; float:left; background:#f8fafd url(images/bpjs_36.jpg) 192px 11px no-repeat; margin-top:5px;}
article:nth-child(5) ol li{ width:235px; float:left; margin-top:18px; margin-left:20px;}
article:nth-child(5) ol li p{ width:94px; height:39px; float:left; border:#dac8b3 1px solid; text-align:center; line-height:18px; color:#b9a581; margin-left:5px; margin-bottom:5px; background:#fff; padding-top:2px;}
.m06{ width:320px; margin:0px auto; overflow:hidden; padding-bottom:60px;}
.m06>div{ width:320px; border:none;}
.m06>div>nav{ width:320px; border-bottom:1px solid #e0e0e0;position:relative; margin:0px auto; height:27px; background:#ffffff;}
.m06>div>nav>span{ width:143px; height:25px; position:absolute; top:13px; left:92px; border:1px solid #e0e0e0; background:-webkit-gradient(linear,0 0,0 100%,from(#e9e9e9),to(#f8f8f8));background:-moz-linear-gradient(top,#e9e9e9,#f8f8f8); -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; text-align:center; line-height:25px; color:#666666;}
.m06>div>div{ width:302px; margin:0px auto; overflow:hidden; margin-top:0px;}
.m06>div>div>img{ float:left; margin-top:10px;}
.m06>div>div>div{ width:219px; float:right;}
.m06>div>div>div>b{float:left;border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #9fd233; margin-top:36px;}
.m06>div>div>div>p{ width:204px; float:left;line-height:24px; color:#77868f; margin-top:12px;}
footer {position:fixed;z-index:100;bottom:0;left:0;width:100%;height:40px; background:#185c90; }
footer>div{ width:320px; margin:0px auto; height:40px;}
footer>div>a{ width:320px; height:40px;}