@charset "UTF-8"; .bg_ads { width: 100%; margin-bottom:0px; padding:0 ; margin: 0; position:fixed; top:0px; left:0px; z-index: 1; _position:absolute; text-align: center; _top:expression(eval(document.body.scrollTop)); } .expandbanner1a, .expandbanner1b, .expandbanner2a, .expandbanner2b { cursor: pointer; } .expandbanner1b, .expandbanner2b { display: none; } .header_top .head { position:relative; z-index:2; } .top_banner_close, .bottom_banner_close { display:block; float:right; cursor:pointer; } .otp_banner_close { cursor:pointer; margin-left:600px; display:block; } .container_topbanner{ text-align:center; width:986px; } .container_otp{ text-align:left; width:980px; } .top_bottom_banner { width:985px; height:40px; } .panel_bottom_banner { width:985px; height:50px; } .bn_skin { position: fixed; width: 300px; top: 45px; } .bn_skin1 { left: 50%; margin-left: -851px; } .bn_skin2 { right: 50%; margin-right: -851px; } .bn_skin1 .skin3 { float: right; } .bn_skin2 .skin3 { float: left; } .top_banner_bar { height: 55px; margin-top: -9px; padding-bottom: 10px; /*position: fixed;*/ z-index: 3; width: 100%; } .top_banner { margin: 0 auto; /*width: 970px; /*ferry*/ width: 1000px; /* updated may 2016 */ height: 50px; z-index: 3; position: relative; position: fixed; /* width: 1000px;*/ /*top: 45px;*/ left: 50%; /*margin-left: -550px;*/ /*margin-left: -485px;*/ margin-left: -500px; /* updated may 2016 */ /*background-color: #000;*/ /*padding: 0 50px;*/ text-align: center; } .top_banner a { display: block; } .top_banner .close_tb { position: absolute; right: 0; bottom: -18px; cursor: pointer; } .top_banner .close_tb:hover { opacity: 0.8; } /*REY .bottom_banner { position: fixed; margin: 0 auto; width: 1000px; bottom: 0; left: 50%; margin-left: -550px; z-index: 3; background-color: #000; padding: 0px; }*/ /* s: premum skinner top banner */ .ps_top_banner_bar { height: 55px; margin-top: -9px; padding-bottom: 0px; width: 100%; } .ps_top_banner { margin: 0 auto; width: 1104px; height: 50px; /*position: absolute; left: 50%; margin-left: -552px;*/ overflow: hidden; } .ps_top_banner img { width: 100%; } .ps_top_banner a { display: block; } /* e: premium skinner top banner */ .bottom_banner { margin: 0 auto; width: 1000px; /*update by Rey ke 1000px :before 970px setelah diupdate by ferry 20151114 13:02 before:1000px */ bottom: 0; z-index: 3; padding: 0px; text-align: center; } .bottom_banner img { display: block; } .bottom_banner_bar { width: 100%; min-height: 50px; position: fixed; bottom: 0; z-index: 5; } .bottom_banner .close_tbot { float: right; margin-right: 14px; margin-top: -65px; cursor: pointer; } /**REY .bottom_banner .close_tbot { position: absolute; right: 0; top: -15px; cursor: pointer; }**/ .otp_banner { position: fixed; width: 785px; height: 440px; top: 20%; left: 50%; margin-left: -550px; z-index: 9998; } .otp_banner img{ display: block; } .otp_banner .close_otp { position: absolute; right: 0; top: -15px; cursor: pointer; } .sto_banner { position: fixed; width: 970px; height: 600px; top: 0; left: 50%; z-index: 9999; margin-left: -550px; padding: 0 65px; background-color: none; } .sto_banner img{ display: block; } .sto_banner .close_sto { position: absolute; right: 0; top: 0; cursor: pointer; } #billboard_banner { position: relative; width: 970px; z-index: 1; /*padding: 0 65px;*/ padding: 0; /* update by ferry 20151114 13:08 */ margin-top: 10px; margin-left: auto; /* update by ferry 20151114 13:08 */ margin-right: auto; /* update by ferry 20151114 13:08 */ } #billboard_banner .bb_banner { /*height: 250px;*/ } #billboard_banner .close_billboard { position: absolute; top: 0; /*right: 65px;*/ right: 0; /* update by ferry 20151114 13:08 */ z-index: 2; cursor: pointer; } #billboard_banner .show_billboard { display: none; } .openx1 img { width: 100%; } #premiumbillboard { width: 970px; height: 480px; margin: -5px auto 5px; } /*S:STANDARISASI NATIVES ADS MAY2016*/ .list_feed .native { position: relative; min-height: 140px; } .list_feed .native .ratio_native { position: absolute; left: 0; top: 0; } .list_feed .native { padding-left: 155px; } .list_feed .native a h2 { line-height: 130%; color: #fed019; font: bold 18px "Helvetica", Arial } .list_feed .native:hover a h2 { color: #fff; } .list_feed .native .sub_judul { color: #fe8917; display: block; margin-bottom: 2px; font-size: 12px; } .list_feed .native .native_desc { font-size: 13px; color: #fff; line-height: 130%; float: right; margin: 7px 0 2px 0; } .subads { color: #959595; text-transform: uppercase; font-size: 11px; } /*E:STANDARISASI NATIVES ADS MAY2016*/ @media screen and (min-width: 1025px) and (max-width: 1280px) { .top_banner{ padding: 0; /*top_bannermargin-left: -500px; add by ferry 20151113-06:07 */ } .ps_top_banner { width: 1004px; height: 50px; } .bottom_banner { /* update by ferry 20151113-06:07 before:class digabung denga top_banner */ padding: 0; } .bn_skin1 { margin-left: -802px; } .bn_skin2 { margin-right: -802px; } #billboard_banner { /*padding: 0 15px;*/ } .otp_banner { margin-left: -500px; } .sto_banner { padding: 0 15px; margin-left: -500px; } /*S:STANDARISASI NATIVES ADS MAY2016*/ .list_feed .native { padding-left: 140px; } .list_feed .native a h2 { font: bold 16px "Helvetica", Arial } /*E:STANDARISASI NATIVES ADS MAY2016*/ } /* CSS Document */ /* ---------- S:billboard video ---------- */ #billboard_content_tv { width: 1100px; height: 300px; overflow: hidden; position: relative; } #billboard_content_tv .bb_video { position: absolute; width: 480px; height: 270px; top: 15px; right: 15px; z-index: 2; } /*S:STANDARISASI NATIVES ADS MAY2016*/ .list_feed .native { position: relative; min-height: 140px; } .list_feed .native .ratio_native { position: absolute; left: 0; top: 0; } .list_feed .native { padding-left: 155px; } .list_feed .native a h2 { line-height: 130%; color: #0B5272; font: bold 18px 'montserrat',sans-serif; } .list_feed .native:hover a h2 { color: #007DBE; } .list_feed .native .sub_judul { color: #fe8917; display: block; margin-bottom: 2px; font-size: 12px; } .list_feed .native .native_desc { font-size: 13px; color: #3d3d3d; line-height: 130%; float: right; margin: 7px 0 2px 0; } .subads { color: #959595; text-transform: uppercase; font-size: 11px; } .bacajuga .native { position: relative; padding-top: 105px; margin-right: 10px; } .bacajuga .native a { margin-right: 0; } .bacajuga .native a h2 { color: #000; font-size: 13px; font-weight: bold; line-height: 130%; } .bacajuga .native .ratio_native{ position: absolute; top: 0; left: 0; } .bacajuga .native .ratio_native:before{ padding-top: 56.25%; } .bacajuga .native .native_desc { display: none; } .bacajuga .native .sub_judul { color: #ff0000; font: bold 12px 'montserrat',sans-serif; } .bacajuga .subads { font-size: 10px; } .newsfeed .native { min-height: auto; } .newsfeed .native .ratio_native:before{ padding-top: 75%; } .newsfeed .native a h2 { color: #000; } .newsfeed .native:hover a h2 { color: #1C3683; } .newsfeed .native .native_desc { color: #6e6e6e; } .newsfeed .native .subads { color: #aaa; } /*E:STANDARISASI NATIVES ADS MAY2016*/ /* ---------- E:billboard video ---------- */ /* S:responsive topbanner 21SEPT15*/ @media screen and (min-width: 1025px) and (max-width: 1280px) { #banner_top_detail { width: 650px; padding:15px 13px; } #banner_top_detail img { width: 100%; } /*S:STANDARISASI NATIVES ADS MAY2016*/ .list_feed .native { padding-left: 140px; } .list_feed .native a h2 { font: bold 16px "Helvetica", Arial; } /*E:STANDARISASI NATIVES ADS MAY2016*/ } /* E:responsive topbanner 21SEPT15*/