/* link  */
a.link-white { color: #fff !important;}  a.link-white:hover{ color: #ff9900 !important;}
a.link-red { color: #fd2731 !important;}a.link-red:hover{ color: #fff !important;}
a.link-black { color: #454444 !important;}a.link-black:hover{ color: #f90 !important;}
a.link-grey { color: #666 !important;}a.link-grey:hover{ color: #f90 !important;}
.link-grey { color: #666 !important;}.link-grey:hover{ color: #f90 !important;}
a.link-orange { color: #f90 !important;}a.link-orange:hover{ color: #fff !important;}
.link2-black a { color:#454444 !important;}.link2-black a:hover { color:#f90!important;}
.link2-grey a { color:#666 !important;}.link2-black a:hover { color:#f90!important;}
.link2-white a { color:#fff !important;}.link2-white a:hover { color:#ocf!important;}
.link2-red a {color: #fd2731 !important;}.link2-red a:hover {color: #fff !important;}
.link2-orange a { color: #f90 !important;}.link2-orange a:hover {color: #fff !important;}

a.link-blue-ocean { color: #02afda !important;}a.link-blue-ocean:hover{ color: #f90 !important;}
.link-blue-ocean { color: #02afda !important;}.link-blue-ocean:hover{ color: #f90 !important;}

.link-black { color: #454444 !important;}
.link-black:hover{ color: #f90 !important;}
.link-white { color: #fff !important;}  
.link-white:hover{ color: #ff9900 !important;}

.hb-10 { padding-bottom:20px !important;}
.jj ul { list-style-type:disc; padding-left:15px; margin-top:10px;}
.jj ul li { list-style-type:disc; padding-left:0px; margin-top:5px; margin-bottom:5px;}

.syarat-heading {color: #333; background-color: #f5f5f5; border-color: #ddd !important;padding: 10px 15px; border: 1px solid;
 border-top-right-radius: 3px; border-top-left-radius: 3px; display:block;}
.body-syarat { padding:15px; display:block; border-color: #ddd !important; border-top:0 !important;
border: 1px solid;border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; 
 }
 .body-syarat > ol { list-style-type:decimal; padding-left:20px;}
 .body-syarat > ol li {padding-left:10px; margin-bottom:10px; margin-top:10px; font-size:14px;}
 .body-syarat > ul { list-style-type: disc; padding-left:20px;}
 .body-syarat > ul li {padding-left:5px; margin-bottom:10px; margin-top:10px; font-size:14px;}
 
 .w-bl-but { width:300px;}
 .but-daftar { width:130px; padding:10px; text-align:center; color:#FFF; background-color:#ffc233; 
 border-radius:5px; border-color:##e6a100; border:1px solid; float:left;}
 .but-login { width:130px; padding:10px; text-align:center; color:#FFF; background-color:#fbc546; 
 border-radius:5px; border-color:#e6a100; border:1px solid;  float:left;}
 .but-daftar:hover { background-color: #F90}
 .but-login:hover { background-color:#F90}
 
 .select-css {
    display: block;
    font-size: 14px;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}

.color-grey { color:#CCC}
.banner_img_by > img { width:100%; height:auto !important;}

/*reponsive mode */
@media only screen and (max-width: 359px ) { 
.paylist { width:150px;}
}
@media only screen and (min-width: 360px)  and (max-width: 420px ) {
.paylist { width:150px;}
}
@media only screen and (min-width: 421px)  and (max-width: 480px ) {
}
@media only screen and (min-width: 481px)  and (max-width: 553px ) {
}
@media only screen and (min-width: 481px)  and (max-width: 640px ) {
}
@media only screen and (min-width: 641px)  and (max-width: 768px ) {	
}
@media only screen and (min-width: 769px)  and (max-width: 849px ) {
}
@media only screen and (min-width: 850px)  and (max-width: 900px ) {
}
@media only screen and (min-width: 901px)  and (max-width: 999px ) {
}
@media only screen and (min-width: 1000px)  and (max-width: 1099px ) {
}
/*
@media only screen and (min-width: 1100px)  and (max-width: 1199px ) {
.wrap-content { width: 100% !important;}
}
*/

.title_premium_biru{font-size: 46px;text-align: center;font-weight: bold;color: #fff;margin-top: -25px;margin-bottom: 20px;}
.head_premium_biru{background-color: #2B3991;padding: 10px;    border-radius: 10px 10px 0px 0px;}
 ol.list_font_premium_biru  li{padding-bottom: 10px;color: 16px;font-size: 14px;}
 ol.list_font_premium_biru  li:before{content: '\2713';display: inline-block;color: #2B3991;padding: 0 6px 0 0;font-weight: bold;}
.button_premium_biru{background-color: #2B3991;color: #fff;border:none;}
.paket_title_premium_biru{text-align: center;color:#2B3991;font-size: 16px;font-weight: bold;}
.border_premium_biru{width: 60px;height: 60px;border-radius: 100%;
                              background-color: #fff;border:13px solid #2B3991;margin: auto;margin-top: -30px;}

.title_premium_birumuda{font-size: 46px;text-align: center;font-weight: bold;color: #fff;margin-top: -25px;margin-bottom: 20px;}
.head_premium_birumuda{background-color: #309fdb;padding: 10px;    border-radius: 10px 10px 0px 0px;}
ol.list_font_premium_birumuda  li{padding-bottom: 10px;color: 16px;font-size: 14px;}
ol.list_font_premium_birumuda  li:before{content: '\2713';display: inline-block;color: #309fdb;padding: 0 6px 0 0;font-weight: bold;}
.button_premium_birumuda{background-color: #309fdb;color: #fff;border:none;}
.paket_title_premium_birumuda{text-align: center;color:#309fdb;font-size: 16px;font-weight: bold;}
.border_premium_birumuda{width: 60px;height: 60px;border-radius: 100%;
                              background-color: #fff;border:13px solid #309fdb;margin: auto;margin-top: -30px;}

.title_premium_gold{font-size: 46px;text-align: center;font-weight: bold;color: #fff;margin-top: -25px;margin-bottom: 20px;}
.head_premium{background-color: #b5a109;padding: 10px;    border-radius: 10px 10px 0px 0px;}
ol.list_font_premium_gold  li{padding-bottom: 10px;color: 16px;font-size: 14px;}
ol.list_font_premium_gold  li:before{content: '\2713';display: inline-block;color: #b5a109;padding: 0 6px 0 0;font-weight: bold;}
.button_premium_gold{background-color: #b5a109;color: #fff;border:none;}
.paket_title_premium_gold{text-align: center;color:#b5a109;font-size: 16px;font-weight: bold;}
.border_premium_gold{width: 60px;height: 60px;border-radius: 100%;
                              background-color: #fff;border:13px solid #b5a109;margin: auto;margin-top: -30px;}
                       
.box_premium{height: 200px;}       
.promo_premium_coret{text-align: center;margin-top: -19px;min-height: 29px;left: 50%;margin-top: -30px;color: #fff;}
.epaper__box{    border-radius: 10px 10px 10px 10px;box-shadow: 5px 5px 5px #ccc;}
.ribbon_premium{        
    width: 158px;height: 30px;color: #fff;position: absolute;background-color: #03A84E;padding: 5px;text-align: center;font-size: 12px;-ms-transform: rotate(-35deg);transform: rotate( -35deg);top:13px;margin-left:-37px;overflow: hidden;}
                      
.ribbon_premium_wrap{position: absolute;height: 96px;width: 144px;overflow: hidden;margin-top: -10px;margin-left: -10px;}