.bordered {
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px #CCCCCC;
}
table {
    border-spacing: 0;
   
    margin-top: 30px;border-collapse: none !important;width: 100%
}        
.bordered th:first-child {
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}

.bordered td:first-child, .bordered th:first-child {
    border-left: medium none;
}

.bordered th {
    background-color: #f87503;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.bordered td, .bordered th {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    text-align: left;font-size:13px;color:#3b3b41
}
   
    .bordered th{text-align: center;border-top:none;color:#fff }

.separ1{height:50px}
#konten1-reg{min-height:1400px;background:url(../img/bg-u1.png);background-position: center center !important;background-repeat: no-repeat !important;background-size: cover !important;}

.no-pad{padding:0px}
    .logo-asean{padding-top:10px}
    .txt-judul-asean{font-size:26px;font-family: 'Gotham-Black_1';letter-spacing:1px;line-height:1.3em;padding-top:50px;color:#363636;padding-left:25px}
    .garis-bawah{padding:0px;padding-bottom:15px; border-bottom:solid 2px #d4d4d4;}
    
    .kolom-download{height:340px;background:#efefef;box-shadow: 0 5px 10px 0 #e6e6e6,0 6px 15px 0 #d7d7d7 !important;border-radius:15px;padding:0px;margin-top:40px}
 .pad-top{padding:0px;padding-top:10px}
    .txt1{ font-weight: bolder; font-size:22px;color:#353535;letter-spacing:1px;line-height:1.3em;padding-top:10px;padding-left:20px;padding-bottom:7px}
    .marg-b-10{margin-bottom:10px;padding-top:10px}
    .pad-b-5{padding-bottom:5px}
    
    .txt-judul-negara{font-size:22px;font-family: 'Gotham-Black_1';letter-spacing:1px;line-height:1.3em;padding-top:10px;color:#363636;padding-left:10px}
    .kolom-form{margin-top: 15px}
    .form-control2{padding-top:17px;padding-bottom:17px}
    
    .txt2{ font-weight: bolder; font-size:16px;color:#353535;letter-spacing:1px;line-height:1.3em;padding-top:20px;padding-left:20px;padding-bottom:7px}
    .baris-form2 { margin-top: 15px;}
    .kol-label-form{padding-top:5px;font-size:14px;}
    .form-control{padding:10px;height:30px}
    
.sel-list{width: 100%;height: 30px;padding: 6px 12px;color:#555;font-size:13px}
.rad-female{background-color: transparent;margin-left:20px !important}
.rad-male{background-color: transparent;}
.but-search{background:url(../img/but-search.png);font-size:0px;height:35px;width:35px;border-bottom:none;}
.ilu-reg{padding-right:0px}
.reg-row{padding-bottom:60px;padding-top:100px}

.kolom-hasil{min-height:750px;background:#efefef !important;box-shadow: 0 5px 10px 0 #e6e6e6,0 6px 15px 0 #d7d7d7 !important;padding-bottom:20px;border-radius:15px;z-index:3333;margin-top:-50px}

.judul1{font-size:28px; font-weight:bolder;letter-spacing:1px;line-height:1.3em;padding-top:50px;padding-bottom:10px;color:#606060;text-align:center}




@media screen and (max-width: 1600px){
    .kol-negara1{width:30%}
    .kol-negara2{width:70%}
    
    .kol-major1{width:40%}
    .kol-major2{width:60%}
}


@media screen and (max-width: 1440px){
    .kol-negara1{width:30%}
    .kol-negara2{width:70%}
    
    .kol-major1{width:50%}
    .kol-major2{width:50%}
}

@media screen and (max-width: 1440px){
    .kol-negara1{width:30%}
    .kol-negara2{width:70%}
    
    .kol-major1{width:60%}
    .kol-major2{width:40%}
    
    .rad-female{margin-left:5px !important}
    
    .kol-nama1{width:30%}
    .kol-nama2{width:70%}
}


@media screen and (max-width: 1176px){
    .kolomm-form{width:30%}
    .ilu-reg{width: 50%}
   
}

@media screen and (max-width: 760px) {
    .kolomm-form{width:100%}
    .ilu-reg{width: 100%;padding-left:0px}
    
    .kol-negara1{width:100%}
    .kol-negara2{width:100%}
    
    .kol-major1{width:100%}
    .kol-major2{width:100%}
    
    .rad-female{margin-left:5px !important}
    
    .kol-nama1{width:100%}
    .kol-nama2{width:100%}
    .but-search{margin-top:20px;margin-bottom:30px}
    
    .kolom-tabel{overflow-x:auto;padding-bottom:30px;padding-left:0px}
    
}

.film_roll_pager
{
	display:none;
}

.film_roll_child
{
	margin-right:25px;

}

.film_roll_child
{
	height:200px;
	
}


.film_roll_child.active
{
	height:375px;


}


.pagination {
	border-top:none !important;
    padding: 20px;
    margin-bottom: 20px; text-align:center;width: 100%;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
