@charset "utf-8";
/* CSS Document */

 .box-langgan {width:70%; margin-left:auto; margin-right:auto; margin-bottom:35px; 
min-height:220px; padding:15px 25px; background-color:#BADFF5;webkit-box-shadow: 0px 0px 10px -1px rgba(97,97,97,1);
-moz-box-shadow: 0px 0px 10px -1px rgba(97,97,97,1);
box-shadow: 0px 0px 10px -1px rgba(97,97,97,1);}
.txt-jd_lgg { font-size:36px; font-weight:bold;}
.txt_lgg { font-size:22px;}.txt-btn-lgg { font-size:18px;}
@media only screen and (max-width:460px){
.box-langgan { width:80%; min-height:150px}
.txt-jd_lgg { font-size:30px;}
.txt_lgg  {font-size:18px;}.txt-btn-lgg { font-size:15px;}
}


.col-cus{width:30%;float:left}.col-dev{width:5%;float:left}.col-sl{width:16.25%;float:left}@media only screen and (min-width:801px) and (max-width:1099px){.col-cus{width:calc(20% - 10px);margin-left:10px}.col-dev{width:3%;float:left}.col-sl{width:19.25%;float:left}}@media only screen and (max-width:800px){.col-cus,.col-sl{width:calc(100% - 20px);margin-left:10px;margin-right:10px;margin-bottom:15px}.col-dev{display:none}}

.pengumuman-insight {width:100%;min-height:20px; padding:15px 0; background-color:#efefef;}
.btn-langgan {padding:7px 15px; background-color:#F00; color:#FFF; text-align:center; border-radius:5px; margin-left:10px;}

@media only screen and (max-width:1100px){
	
	.pengumuman-insight {width:100%;min-height:70px; padding:15px 0; background-color:#efefef;}
	.posmobilelgg { margin-top:40px !important; line-height:35px;}
	
}