@font-face {
    font-family: Helveticaff;
    src: url(fonts/CNNSansW04-Regular.ttf);
	font-weight:normal;
}
@font-face {
    font-family: Helveticaff-bold;
    src: url(fonts/CNNSansW04-Bold.ttf);
	font-weight:bold;
}

.main-adver-lr {
    display: block;
    width: 80px
}
.main-adver-lr.to-left {
    left: -80px
}
.main-adver-lr.to-right {
    right: -80px
}
.main-adver-lr .adver-fixed {
    position: fixed;
    width: 80px
}
.container-left .tjp-widget-content.space {
    width: 100%;
    box-sizing: border-box
}
.container-left .tjp-widget-content.space .tjp-widget-header a {
    margin: 10px auto 16px;
    display: block
}
.container-left .tjp-widget-content.space .tjp-widget-header img {
    width: 100%;
    padding: 0 3px;
    box-sizing: border-box
}
.container-left .tjp-widget-content.space a {
    float: none
}
.container-left .tjp-widget-content.space .tjp-widget-img {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden
}
.container-left .tjp-widget-content.space .tjp-widget-img img {
    width: 100%
}
.container-left .tjp-widget-content.space .tjp-top-link {
    background: #ffffff;
    padding: 10px 0
}
.container-left .tjp-widget-content.space .tjp-top-link a {
    font-size: 18px;
    font-family: 'Helveticaff';
    font-weight: 300;
    line-height: normal;
    color: #000
}
.container-left .tjp-widget-content.space .tjp-link {
    background: #ffffff;
    padding: 10px 0;
    position: relative
}
.container-left .tjp-widget-content.space .tjp-link a {
    font-size: 18px;
    font-family: 'Helveticaff';
    font-weight: 300;
    line-height: normal;
    color: #000
}
.container-left .tjp-widget-content.space .tjp-border-f0 {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    padding: 0
}
@media (max-width: 768px) {
    .container-left .tjp-widget-content.space {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .container-left .tjp-widget-content.space {
        padding: 12px;
        background: #fff
    }
}
@media screen and (min-width: 769px) and (max-width: 1120px) {
    .tjp-page {
        overflow: auto;
        width: 1120px
    }
    .tjp-footer .tjp-channel-footer .col-sm-6 .col-sm-12 {
        width: 50%
    }
    .logo-jakartapost {
        width: 100%
    }
    .action-user {
        position: absolute;
        top: 0;
        right: 0
    }
    .tjp-md-headline.up-banner,
    .tjpslide.tjp-md-slide.up-banner,
    .detail_photo #slide-detail,
    .detail_photo #thumb-detail-slide {
        width: 1120px
    }
    .detail_photo .tjp-slider .caption-detail {
        width: 1120px
    }
}
.tjpslide .tjp-direction-nav a.tjp-prev {
    background-position: 0 center
}
@media (max-width: 860px) {
    .tjpslide .tjp-direction-nav a.tjp-prev {
        left: 0
    }
}
.tjpslide .tjp-direction-nav a.tjp-next {
    background-position: -87px center
}
@media (max-width: 860px) {
    .tjpslide .tjp-direction-nav a.tjp-next {
        right: 24px
    }
}
@media (max-width: 768px) {
    .tjpslide .tjp-direction-nav a.tjp-next {
        right: 0
    }
}
body {
    font-family: 'Helveticaff';
    color: rgba(0, 0, 0, 0.8)
}
body .tjp-page .list-single-page .detail-single,
body .tjp-page .list-multiple-page .detail-single {
    padding: 0px 0px 0px 72px;
    width: 100%;
    position: relative
}
@media (max-width: 768px) {
    body .tjp-page .list-single-page .detail-single,
    body .tjp-page .list-multiple-page .detail-single {
        padding: 0px 0px 0px 52px
    }
}
@media (max-width: 768px) {
    body {
        overflow: auto
    }
}
img.lazy {
    color: transparent
}
img.lazy:not([src]) {
    width: 100%!important;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden
}
img.lazy:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% + 10px);
    width: 100%;
    background-color: #e6e6e6
}
img.lazy:after {
    content: "";
    display: block;
    font-size: 16px;
    font-style: normal;
    font-family: FontAwesome;
    color: #646464;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center
}
.tjp-gallery .image-latest img:not([src]) {
    min-height: 203px
}
.container-left .news-contributor .img-tile-left img:not([src]) {
    min-height: 145px
}
.main-single-page .main-single img:not([src]),
.main-single-page .main-multiple img:not([src]),
.main-multiple-page .main-single img:not([src]),
.main-multiple-page .main-multiple img:not([src]) {
    min-height: 400px
}
.title-large {
    font-family: 'Acta-Bold';
    font-size: 28px;
    line-height: 1.2;
    color: #000
}
.date {
    font-family: "Helveticaff"
}
.date span:before {
    background-color: #ffffff;
    top: 4px
}
.main-single-page .title-large,
.main-multiple-page .title-large {
    line-height: 1.2;
    border-top: 1px solid #f3f3f3;
    padding: 1px 0 0;
    margin: 0
}
@media (max-width: 768px) {
    .main-single-page .title-large,
    .main-multiple-page .title-large {
        font-size: 28px
    }
}
.main-single-page .posting,
.main-multiple-page .posting {
    font-family: "Helveticaff"
}
.main-single-page .tjp-detail-news p,
.main-multiple-page .tjp-detail-news p {
    font-size: 17px;
    color: rgba(0, 0, 0, 0.9)
}
.main-single-page .tjp-detail-news .news-others,
.main-single-page .tjp-detail-news span,
.main-single-page .tjp-detail-news p,
.main-multiple-page .tjp-detail-news .news-others,
.main-multiple-page .tjp-detail-news span,
.main-multiple-page .tjp-detail-news p {
    font-family: "Helveticaff"!important
}
@media (max-width: 768px) {
    .main-single-page .tjp-detail-news .news-others,
    .main-single-page .tjp-detail-news span,
    .main-single-page .tjp-detail-news p,
    .main-multiple-page .tjp-detail-news .news-others,
    .main-multiple-page .tjp-detail-news span,
    .main-multiple-page .tjp-detail-news p {
        font-size: 18px;
        color: #111
    }
}
.main-single-page .tjp-detail-news p .created,
.main-multiple-page .tjp-detail-news p .created {
    font-size: 13px;
    color: #828282
}
.main-single-page .tjp-detail-news strong,
.main-single-page .tjp-detail-news strong span,
.main-single-page .tjp-detail-news p strong,
.main-multiple-page .tjp-detail-news strong,
.main-multiple-page .tjp-detail-news strong span,
.main-multiple-page .tjp-detail-news p strong {
    font-family: "Helveticaff"!important
}
.main-single-page .tjp-detail-news ol li,
.main-single-page .tjp-detail-news ul li,
.main-multiple-page .tjp-detail-news ol li,
.main-multiple-page .tjp-detail-news ul li {
    font-size: 17px
}
@media (max-width: 768px) {
    .main-single-page .tjp-detail-news ol li,
    .main-single-page .tjp-detail-news ul li,
    .main-multiple-page .tjp-detail-news ol li,
    .main-multiple-page .tjp-detail-news ul li {
        font-size: 18px;
        color: #111
    }
}
.main-single-page .tjp-detail-news p::selection,
.main-multiple-page .tjp-detail-news p::selection {
    background: #4D4D4D;
    color: #fff
}
.main-single-page .tjp-detail-news p::-moz-selection,
.main-multiple-page .tjp-detail-news p::-moz-selection {
    background: #4D4D4D;
    color: #fff
}
.main-single-page .tjp-related h5,
.main-multiple-page .tjp-related h5 {
    font-family: 'Helveticaff';
    padding-top: 15px
}
@media (max-width: 768px) {
    .main-single-page .tjp-related ul li a,
    .main-multiple-page .tjp-related ul li a {
        font-size: 18px;
        color: #111
    }
}
.main-single-page .tjp-topic .title,
.main-multiple-page .tjp-topic .title {
    font-family: "Helveticaff"
}
.main-single-page .tjp-topic .topic-top-right ul li,
.main-multiple-page .tjp-topic .topic-top-right ul li {
    font-family: "Helveticaff"
}
.main-single-page .tjp-topic .topic-bot-right .show-share span,
.main-multiple-page .tjp-topic .topic-bot-right .show-share span {
    font-family: "Helveticaff"
}
.main-single-page .tjp-topic .topic-bot-right .share-article,
.main-multiple-page .tjp-topic .topic-bot-right .share-article {
    font-family: "Helveticaff"
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
    .main-single-page .tjp-topic,
    .main-multiple-page .tjp-topic {
        display: none!important
    }
}
.main-single-page .follow-single-left h5,
.main-multiple-page .follow-single-left h5 {
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .main-single-page .topic-bot-right,
    .main-multiple-page .topic-bot-right {
        width: 100%!important;
        left: 0
    }
}
.singleread {
    margin-top: 15px
}
@media (max-width: 768px) {
    .singleread .detail-latest a h5 {
        padding-right: 0;
        font-size: 16px;
        line-height: normal
    }
}
.singleread .title-readalso {
    clear: both;
    padding-top: 20px
}
.showin-mobile-version .logo-jakartapost a img {
    float: left
}
@media (max-width: 768px) {
    .showin-mobile-version .logo-jakartapost a img {
        margin: 12px 24px 10px
    }
}
@media (max-width: 639px) {
    .showin-mobile-version .logo-jakartapost a img {
        margin: 12px 12px 10px
    }
}
@media (max-width: 768px) {
    .showin-mobile-version .logo-jakartapost a {
        margin: 0
    }
}
.logo-jakartapost a img {
    width: 400px;
    margin: 20px auto
}
@media (max-width: 768px) {
    .logo-jakartapost a img {
        width: 170px;
        margin: 12px auto 10px
    }
}
@media screen and (min-width: 769px) and (max-width: 1224px) {
    .container .main-center {
        width: 1120px
    }
}
.tjp-menu-panel .tjp-btn-enter {
    background-image: url("../img/tjp-icon-arrow.png");
    background-position: -31px -1px!important;
    background-size: 70px
}
.tjp-menu-panel .tjp-btn-enter,
.tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    left: 24px;
    top: 9px
}
.tjp-menu-panel .tjp-leave-bar {
    padding: 0px 0px 0px 50px
}
.menu-active-breadcrumbs {
    display: block
}
.tjp-header.tjp-menu-mobile {
    border: 0
}
.tjp-header ul.tjp-menu {
    margin: 15px 0 0px
}
.tjp-header ul.tjp-menu li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-left: 0;
    border-right: 0;
	
}
.tjp-header ul.tjp-menu li a {
    border-right: 1px solid rgba(0, 0, 0, 0.1)!important;
    border-top: 0;
    padding: 7px 0px 3px;
    margin: 2px 0;
    font-size: 13px;
    font-family: "Helveticaff"
}
.tjp-header ul.tjp-menu li a:hover {
    border-color: rgba(0, 0, 0, 0.1)!important
}
.tjp-header ul.tjp-menu li ul {
    background-color: #e3e3e3!important;
    visibility: hidden;
    padding: 0;
    margin-top: 2px;
    line-height: normal;
    -webkit-transition: 5s;
    transition: 5s
}
.tjp-header ul.tjp-menu li ul li {
    display: inline-block;
    padding: 8px 20px 5px!important
}
.tjp-header ul.tjp-menu li ul li a {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Helveticaff';
    border: 0!important;
    padding: 0;
    margin: 0;
    line-height: normal
}
.tjp-header ul.tjp-menu li:hover ul {
    visibility: visible;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 100
}
.tjp-header ul.tjp-menu li ul.tjp-ul-11 li {
    width: auto!important
}
.tjp-header ul.tjp-menu li ul li a,
.tjp-header ul.tjp-menu li ul li:nth-of-type(6) a,
.tjp-header ul.tjp-menu li ul.current-page li a,
.tjp-header ul.tjp-menu li ul.current-page li:nth-of-type(6) a {
    border-left: 0!Important;
    border-right: 0!important
}
.tjp-header ul.tjp-menu li.current {
    border-color: rgba(0, 0, 0, 0.1)
}
.tjp-header ul.tjp-menu li:nth-of-type(6):hover,
.tjp-header ul.tjp-menu li:nth-of-type(7):hover,
.tjp-header ul.tjp-menu li:nth-of-type(14):hover {
    border-bottom-color: #DD1E26
}
.tjp-header ul.tjp-menu li.current:nth-of-type(14),
.tjp-header ul.tjp-menu li.current:nth-of-type(7),
.tjp-header ul.tjp-menu li.current:nth-of-type(6) {
    border-bottom-color: #DD1E26
}
.tjp-header ul.tjp-menu li:nth-of-type(8):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(8) {
    border-bottom-color: #722a14
}
.tjp-header ul.tjp-menu li:nth-of-type(9):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(9) {
    border-bottom-color: #f07e00
}
.tjp-header ul.tjp-menu li:nth-of-type(10):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(10) {
    border-bottom-color: #3f9edc
}
.tjp-header ul.tjp-menu li:nth-of-type(11):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(11) {
    border-bottom-color: #6c237a
}
.tjp-header ul.tjp-menu li:nth-of-type(12):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(12) {
    border-bottom-color: #6fb01e
}
.tjp-header ul.tjp-menu li:nth-of-type(13):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(13) {
    border-bottom-color: #009E97
}
.tjp-header ul.tjp-menu li:nth-of-type(15):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(15) {
    border-bottom-color: #066870
}
.tjp-header ul.tjp-menu li:nth-of-type(16):hover,
.tjp-header ul.tjp-menu li.current:nth-of-type(16) {
    border-bottom-color: #066870
}
.tjp-header ul.tjp-menu li:nth-of-type(6) {
    width: 5.2%;
    border-left: 0;
    border-right: 0
}
.tjp-header ul.tjp-menu li:nth-of-type(6) a {
    border-left: 1px solid rgba(0, 0, 0, 0.1)!important;
    border-right: 1px solid rgba(0, 0, 0, 0.1)!important
}
.tjp-header ul.tjp-menu li:nth-of-type(6) ul li a {
    border-left: 0!Important;
    border-right: 0!important
}
.tjp-header ul.tjp-menu li:nth-of-type(7) {
    width: 7.2%
}
.tjp-header ul.tjp-menu li:nth-of-type(8) {
    width: 13.2%
}
.tjp-header ul.tjp-menu li:nth-of-type(9) {
    width: 10.7%
}
.tjp-header ul.tjp-menu li:nth-of-type(10) {
    width: 11.7%
}
.tjp-header ul.tjp-menu li:nth-of-type(11) {
    width: 9.2%
}
.tjp-header ul.tjp-menu li:nth-of-type(12) {
    width: 7.7%
}
.tjp-header ul.tjp-menu li:nth-of-type(13) {
    width: 5.2%
}
.tjp-header ul.tjp-menu li:nth-of-type(14) {
    width: 8.2%
}
.tjp-header ul.tjp-menu li:nth-of-type(15) {
    width: 11.2%
}
.tjp-header ul.tjp-menu li:nth-of-type(16) {
    width: 5.1%
}
.tjp-header ul.tjp-menu li:nth-of-type(17) {
    width: 5.1%
}
@media (max-width: 768px) {
    .tjp-ul-6.tjp-menu-panel.current-page,
    .tjp-ul-6.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-6.tjp-menu-panel.tjp-active-enter.current-page,
    .tjp-ul-15.tjp-menu-panel.current-page,
    .tjp-ul-15.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-15.tjp-menu-panel.tjp-active-enter.current-page {
        background-color: #DD1E26
    }
    .tjp-ul-9.tjp-menu-panel.current-page,
    .tjp-ul-9.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-9.tjp-menu-panel.tjp-active-enter.current-page {
        background-color: #f07e00
    }
    .tjp-ul-10.tjp-menu-panel.current-page,
    .tjp-ul-10.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-10.tjp-menu-panel.tjp-active-enter.current-page {
        background-color: #3f9edc
    }
    .tjp-ul-11.tjp-menu-panel.current-page,
    .tjp-ul-11.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-11.tjp-menu-panel.tjp-active-enter.current-page {
        background-color: #6c237a
    }
    .tjp-ul-12.tjp-menu-panel.current-page,
    .tjp-ul-12.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-12.tjp-menu-panel.tjp-active-enter.current-page {
        background-color: #6fb01e
    }
    .tjp-ul-13.tjp-menu-panel.current-page,
    .tjp-ul-13.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-13.tjp-menu-panel.tjp-active-enter.current-page,
    .tjp-ul-14.tjp-menu-panel.current-page,
    .tjp-ul-14.tjp-menu-panel.tjp-active-enter,
    .tjp-ul-14.tjp-menu-panel.tjp-active-enter.current-page {
        background-color: #009E97
    }
}
.sub-channel-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    padding: 0;
    background: #e3e3e3
}
.sub-channel-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.sub-channel-menu ul li {
    display: inline-block;
    padding: 7px 20px 6px
}
.sub-channel-menu ul li a {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Helveticaff"
}
.tjp-jobs-left.mobile-only {
    display: none!important
}
body .main-single-page,
body .multiple-page {
    width: 772px
}
.logo-jakartapost a {
    max-width: 400px;
    display: block;
    
}
.channel-life .tjp-pargph-1 .tjpslide,
.channel-travel .tjp-pargph-1 .tjpslide {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0
}
@media (max-width: 639px) {
    .channel-life .tjp-pargph-1 .tjpslide,
    .channel-travel .tjp-pargph-1 .tjpslide {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        padding-bottom: 16px
    }
}
.no-margin {
    margin: 0!important
}
.icon-cs:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../img/icon-menu.png);
    background-size: 200px
}
.news-ic:after {
    background-position: -7px -5px
}
.se-sia-ic:after {
    background-position: -48px -5px
}
.community-ic:after {
    background-position: -90px -5px
}
.academia-ic:after {
    background-position: -131px -5px
}
.life-ic:after {
    background-position: -173px -5px
}
.travel-ic:after {
    background-position: -7px -35px
}
.youth-ic:after {
    background-position: -49px -35px
}
.multimedia-ic:after {
    background-position: -90px -35px
}
.paperedition-ic:after {
    background-position: -131px -35px;
    top: 20px
}
.jobs-ic:after {
    background-position: -173px -35px
}
.tjp-mobile-menu-container .tjp-ul li a::before {
    display: none
}
.tjp-mobile-menu-container .tjp-ul li a {
    padding-left: 15px;
    font-family: "Helveticaff"
}
.tjp-menu-panel .tjp-leave-bar {
    font-family: "Helveticaff"
}
.tjp-menu-panel.tjp-active-enter a,
.tjp-menu-panel.current-page a {
    font-family: "BrandonGrotesqueWeb-Light"
}
.topic-top-right .title {
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .topic-top-right .title {
        font-weight: normal;
        text-transform: capitalize;
        font-size: 18px;
        color: #000;
        margin: 0 0 10px;
        line-height: 30px;
        font-style: italic
    }
}
.topic-top-right ul li a {
    font-family: "Helveticaff"
}
.main-multiple-page .post-like,
.main-single-page .post-like {
    position: relative
}
.main-multiple-page .post-like .posting,
.main-single-page .post-like .posting {
    padding-right: 60px
}
.main-multiple-page .post-like .fb-likes,
.main-single-page .post-like .fb-likes {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0
}
@media (max-width: 768px) {
    .action-search .search {
        margin: 0;
        padding: 4px 1px 4px 5px
    }
}
@media (max-width: 768px) {
    .tjp-menu-longform .action-search-mobile .search {
        color: #8A8A8A
    }
}
@media (max-width: 768px) {
    .action-search-mobile {
        top: 0;
        right: 0;
        margin: 0;
        position: relative;
        z-index: 20;
        display: block;
        width: 280px;
        padding: 4px 0px 5px 10px;
        border: 2px solid #e5e5e5
    }
    .action-search-mobile .search {
        margin: 0;
        padding: 4px 1px 4px 5px;
        font-size: 18px;
        line-height: 22px;
        border-left: solid 2px #e5e5e5
    }
    .action-search-mobile form {
        float: left;
        width: 85%;
        position: relative
    }
    .action-search-mobile input[type="text"] {
        font-family: 'Helveticaff';
        height: 32px;
        width: 100%;
        padding: 5px 20px;
        border: 2px solid #e5e5e5
    }
    .action-search-mobile button {
        position: absolute;
        right: 0;
        top: 0;
        background: none;
        border: none;
        bottom: 0
    }
    .action-search-mobile .login {
        width: 15%;
        float: left;
        margin: 0;
        text-align: center;
        font-size: 26px;
        line-height: 28px
    }
}
.fb-fanspage {
    display: inline-block;
    width: 100%;
    margin: 32px 0 0
}
.career .banner-top-career {
    margin: 0 0 32px;
    clear: both
}
.career .career-listContainer {
    border: 0
}
.career .career-listContainer .career-listTitle {
    font-family: 'Helveticaff';
    font-size: 27px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 28px;
    padding: 0 0 8px;
    display: inline-block;
    width: 100%
}
.career .career-listContainer .career-listTitle .show-filter,
.career .career-listContainer .career-listTitle .hide-filter,
.career .career-listContainer .career-listTitle .fa {
    display: none
}
@media (max-width: 768px) {
    .career .career-listContainer .career-listTitle.active .fa-chevron-down,
    .career .career-listContainer .career-listTitle.active .show-filter {
        display: none
    }
    .career .career-listContainer .career-listTitle.active .fa-chevron-up,
    .career .career-listContainer .career-listTitle.active .hide-filter {
        display: inline-block
    }
    .career .career-listContainer .career-listTitle .fa-chevron-down,
    .career .career-listContainer .career-listTitle .show-filter {
        display: inline-block
    }
    .career .career-listContainer .career-listTitle .fa-chevron-up,
    .career .career-listContainer .career-listTitle .hide-filter {
        display: none
    }
    .career .career-listContainer .career-listTitle .fa {
        float: right;
        position: relative;
        font-size: 18px
    }
    .career .career-listContainer .career-listTitle span {
        float: left
    }
}
.career .career-listContainer .career-listLink {
    padding: 0;
    margin: 0;
    list-style: none
}
.career .career-listContainer .career-listLink li {
    text-align: center;
    margin: 0 0 8px
}
.career .career-listContainer .career-listLink li a {
    padding: 6px 0 3px;
    border: 1px solid #e5e5e5;
    display: block;
    color: #000000;
    font-size: 17px;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .career .career-listContainer {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .career .career-listContainer {
        padding: 0 12px
    }
}
.career .latest-left-full .career-box {
    clear: both
}
.career .latest-left-full .career-box .career-poss {
    font-family: 'Helveticaff';
    font-size: 27px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 28px;
    padding: 0 0 8px
}
.career .latest-left-full .career-box p {
    font-family: 'Helveticaff';
    font-size: 17px
}
.career .latest-left-full .career-box p strong {
    font-family: "Helveticaff"
}
.career .latest-left-full .career-box ul {
    list-style: inherit;
    list-style-type: disc;
    display: inline-block;
    width: 100%;
    padding-left: 25px
}
.career .latest-left-full .career-box ul li {
    border: 0;
    font-family: 'Helveticaff';
    font-size: 17px
}
.career .latest-left-full .career-box .career-border {
    border-top: 35px solid #eee
}
@media (max-width: 768px) {
    .career .latest-left-full {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .career .latest-left-full {
        padding: 0 12px
    }
}
.container-right .ads-box {
    margin-bottom: 25px
}
.container-right .tjp-sosmed ul {
    position: relative
}
.container-right .tjp-sosmed .icon-soscmed {
    padding-left: 0
}
.container-right .tjp-sosmed .icon-soscmed li a {
    font-size: 34px;
    width: 46.7px;
    height: auto
}
.container-right .tjp-sosmed .with-title h3 {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 26%;
    font-family: 'Helveticaff';
    border: 0
}
.container-right .other-chanel a .image-title {
    max-height: 150px;
    height: 150px;
    overflow: hidden
}
.container-right .other-chanel .news-chanel .image-title span {
    background: #DD1E26;
    color: #fff
}
.container-right .other-chanel .sea-chanel .image-title span {
    background: #722A14;
    color: #fff
}
.container-right .other-chanel .community-chanel .image-title span {
    background: #F07E00;
    color: #fff
}
.container-right .other-chanel .academia-chanel .image-title span {
    background: #3F9EDC;
    color: #fff
}
.container-right .other-chanel .life-chanel .image-title span {
    background: #823A9D;
    color: #fff
}
.container-right .other-chanel .travel-chanel .image-title span {
    background: #6FB01E;
    color: #fff
}
.container-right .other-chanel .youth-chanel .image-title span {
    background: #FFCD00;
    color: #000
}
.container-right .other-chanel .multimedia-chanel .image-title span {
    background: #009E97;
    color: #000
}
.container-right .other-community a .image-title {
    max-height: 150px;
    overflow: hidden
}
.container-right .other-chanel .chanel,
.container-right .other-chanel .community,
.container-right .other-community .chanel,
.container-right .other-community .community {
    color: #DD1E26;
    border-top: solid 3px #DD1E26
}
@media (max-width: 768px) {
    .container-right {
        display: none
    }
}
.image-50-crcl {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    display: inline-block;
    border: 2px solid #f3f3f3;
    text-align: center
}
body .container-advert .ads-showcase1 div {
    margin-bottom: 12px
}
body .container-advert a {
    /*background: #000 */
}
body .container-advert .caption .date:before {
    background-color: #009E97!important;
    top: -1px;
    bottom: 2px
}
@media (max-width: 768px) {
    body .container-advert {
        display: none
    }
}
.tjp-pargph-1 .tjpslide {
    width: 772px;
    padding: 0px 25px 0px 0px
}
.tjp-pargph-1 .tjpslide .banner-top {
    background: #e6e6e6
}
@media (max-width: 768px) {
    .tjp-pargph-1 .tjpslide .banner-top {
        background: #fff
    }
}
@media (max-width: 768px) {
    .tjp-pargph-1 .tjpslide .overflow-mobile {
        max-height: 360px;
        overflow: hidden
    }
}
@media (max-width: 639px) {
    .tjp-pargph-1 .tjpslide .overflow-mobile {
        max-height: 270px
    }
}
@media (max-width: 480px) {
    .tjp-pargph-1 .tjpslide .overflow-mobile {
        max-height: 180px
    }
}
.tjp-pargph-1 .tjpslide .tjp-detail-caption .date:before {
    top: -2px;
    bottom: 1px
}
@media (max-width: 639px) {
    .tjp-pargph-1 .tjpslide .tjp-detail-caption {
        position: relative
    }
}
@media (max-width: 768px) {
    .tjp-pargph-1 .tjpslide {
        width: 100%;
        padding: 0
    }
}
.full-banner .date.life:before {
    top: -2px;
    bottom: 1px
}
.channel-travel .full-banner .date:before {
    top: -2px;
    bottom: 1px
}
.channel-travel .tjp-topic .topic-bot-right .share-article {
    background-color: #80ba26
}
.channel-travel .tjp-topic .topic-bot-right .share-article:after {
    border-top-color: #80ba26
}
.channel-travel .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
    background-color: #80ba26
}
.choose-channels {
    display: inline-block;
    width: 100%;
    border-top: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    padding: 5px 0;
    margin-bottom: 32px
}
.choose-channels .choose-title {
    display: inline-block;
    padding: 5px 0;
    font-family: 'Helveticaff';
    font-size: 16px
}
@media (max-width: 480px) {
    .choose-channels .choose-title {
        font-size: 14px
    }
}
.choose-channels .dropdown-check-list {
    display: inline-block;
    position: relative;
    outline: none;
    float: right
}
.choose-channels .dropdown-check-list .anchor {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 5px 20px 5px 10px;
    width: 135px;
    font-family: 'Helveticaff';
    font-size: 16px
}
.choose-channels .dropdown-check-list .anchor:after {
    position: absolute;
    content: "\f13a";
    font-family: FontAwesome;
    font-size: 18px;
    right: 0;
    top: 2px;
    color: #DD1E26
}
@media (max-width: 480px) {
    .choose-channels .dropdown-check-list .anchor {
        font-size: 14px;
        width: 105px
    }
}
.choose-channels .dropdown-check-list ul.items {
    padding: 8px;
    display: none;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none
}
.choose-channels .dropdown-check-list ul.items li {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    display: inline-block;
    width: 100%
}
.choose-channels .dropdown-check-list ul.items li a {
    padding: 0;
    font-family: "Helveticaff"
}
.choose-channels .dropdown-check-list ul.items li a i {
    display: none
}
.choose-channels .dropdown-check-list.visible .anchor {
    color: #000
}
.choose-channels .dropdown-check-list.visible .anchor:after {
    content: ""
}
.choose-channels .dropdown-check-list.visible .items {
    display: block;
    position: absolute;
    background: #ffffff;
    z-index: 30;
    width: 100%;
    top: 40px;
    border: 1px solid #ccc
}
.choose-channels .dropdown-check-list.visible .items li span {
    color: #000000;
    padding: 0;
    display: inline-block;
    font-family: "Helveticaff"
}
@media (max-width: 480px) {
    .choose-channels .dropdown-check-list.visible .items {
        width: 135px;
        top: 36px;
        right: 0
    }
}
@media (max-width: 768px) {
    .choose-channels {
        margin-bottom: 16px
    }
}
.items input[type="checkbox"] {
    display: none
}
.items input[type="checkbox"]+label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(../img/check_radio_sheet.png) left top no-repeat;
    cursor: pointer
}
.items input[type="checkbox"]:checked+label span {
    background: url(../img/check_radio_sheet.png) -19px top no-repeat
}
.tjp-sosmed .icon-soscmed li a.linked,
.tjp-sosmed .icon-soscmed li a.instagram,
.tjp-sosmed .icon-soscmed li a.pint,
.tjp-sosmed .icon-soscmed li a.facebook,
.tjp-sosmed .icon-soscmed li a.twitter,
.tjp-sosmed .icon-soscmed li a.google {
    background-color: #b2b2b2
}
.tjp-sosmed .icon-soscmed li a.linked:hover {
    background-color: #007FB2;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out
}
.tjp-sosmed .icon-soscmed li a.instagram:hover {
    background-color: #3C7193;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out
}
.tjp-sosmed .icon-soscmed li a.pint:hover {
    background-color: #D33534;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out
}
.tjp-sosmed .icon-soscmed li a.facebook:hover {
    background-color: #374E9E;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out
}
.tjp-sosmed .icon-soscmed li a.twitter:hover {
    background-color: #50BCE0;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out
}
.tjp-sosmed .icon-soscmed li a.google:hover {
    background-color: #DD5231;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out
}
.tjpslide.tjp-md-slide .tjp-direction-nav .tjp-prev {
    left: 0
}
.tjpslide.tjp-md-slide .tjp-direction-nav .tjp-next {
    right: 0
}
@media (max-width: 768px) {
    .tjpslide.tjp-md-slide .tjp-control-paging,
    .tjpslide .tjp-control-paging {
        display: none
    }
}
.tjpslide.tjp-md-slide .tjp-direction-nav a,
.tjpslide .tjp-direction-nav a {
    background-image: url(../img/TJP-intergrated-arrow-bkg-black.png);
    width: 48px
}
@media (max-width: 768px) {
    .tjpslide.tjp-md-slide .tjp-direction-nav a,
    .tjpslide .tjp-direction-nav a {
        background-size: 100px
    }
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide .tjp-direction-nav a,
    .tjpslide .tjp-direction-nav a {
        bottom: unset;
        height: 36px;
        top: 140px
    }
}
@media (max-width: 480px) {
    .tjpslide.tjp-md-slide .tjp-direction-nav a,
    .tjpslide .tjp-direction-nav a {
        top: 95px
    }
}
.tjpslide.tjp-md-slide .tjp-direction-nav a.tjp-prev,
.tjpslide .tjp-direction-nav a.tjp-prev {
    background-position: 0 center
}
.tjpslide.tjp-md-slide .tjp-direction-nav a.tjp-next,
.tjpslide .tjp-direction-nav a.tjp-next {
    background-position: -87px center
}
@media (max-width: 768px) {
    .tjpslide.tjp-md-slide .tjp-direction-nav a.tjp-next,
    .tjpslide .tjp-direction-nav a.tjp-next {
        background-position: -52px center
    }
}
.tjpslide.tjp-md-slide .banner-top .tjp-detail-caption,
.tjpslide .banner-top .tjp-detail-caption {
    background: url(img/gradasi-03.png);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: auto 100%
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption .title-slide-caption,
    .tjpslide .banner-top .tjp-detail-caption .title-slide-caption {
        max-height: 40px;
        overflow: hidden
    }
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption .title-slide-caption a,
    .tjpslide .banner-top .tjp-detail-caption .title-slide-caption a {
        color: #000
    }
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption span span:before,
    .tjpslide .banner-top .tjp-detail-caption span span:before {
        background: #000000;
        top: 4px
    }
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption span,
    .tjpslide .banner-top .tjp-detail-caption span {
        color: #000
    }
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption span:before,
    .tjpslide .banner-top .tjp-detail-caption span:before {
        top: -3px;
        bottom: 1px
    }
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide .banner-top .tjp-detail-caption,
    .tjpslide .banner-top .tjp-detail-caption {
        background: #ffffff;
        padding: 0 12px
    }
}
@media (max-width: 768px) {
    .tjpslide.tjp-md-slide,
    .tjpslide {
        margin: 0
    }
}
@media (max-width: 639px) {
    .tjpslide.tjp-md-slide,
    .tjpslide {
        position: relative;
        margin: 0 0 14px
    }
}
.container-advert a .caption {
    background: url(../img/gradasi-03.png);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: auto 100%;
    font-family: "Helveticaff"
}
.box-r {
    font-family: "Helveticaff"
}
.tjp-advert-label {
    font-family: 'Helveticaff';
    font-size: 18px;
    height: 30px;
    width: 80px
}
.full-banner .tjpslide .tjp-direction-nav a.tjp-prev {
    left: 0
}
.full-banner .tjpslide .tjp-direction-nav a.tjp-next {
    right: 0
}
@media (max-width: 768px) {
    .portal_page .tjp-pargph-2 {
        border-top: 0
    }
}
.container-left {
    padding: 0px;
    width: 232px
}
@media (max-width: 768px) {
    .container-left .event-community .event-container {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .container-left .event-community .event-container {
        padding: 0 12px
    }
}
.container-left .event-community .seeall {
    line-height: normal;
    height: auto;
    border-radius: 0
}
.container-left .space {
    display: inline-block
}
@media (max-width: 768px) {
    .container-left .space {
        padding: 0;
        display: block
    }
}
.container-left .space.inforial-left,
.container-left .space.todays-paper {
    margin: 0 0 18px
}
.container-left .space.inforial-left .image-title,
.container-left .space.todays-paper .image-title {
    margin: 0 0 10px;
    max-height: 145px;
    overflow: hidden
}
@media (max-width: 768px) {
    .container-left .space.inforial-left .image-title,
    .container-left .space.todays-paper .image-title {
        max-height: 405px
    }
}
@media (max-width: 639px) {
    .container-left .space.inforial-left .image-title,
    .container-left .space.todays-paper .image-title {
        max-height: 345px
    }
}
@media (max-width: 480px) {
    .container-left .space.inforial-left .image-title,
    .container-left .space.todays-paper .image-title {
        max-height: 256px
    }
}
@media (max-width: 320px) {
    .container-left .space.inforial-left .image-title,
    .container-left .space.todays-paper .image-title {
        max-height: 166px
    }
}
.container-left .space.inforial-left a,
.container-left .space.todays-paper a {
    margin-bottom: 25px;
    display: block
}
.container-left .space.inforial-left .seeall,
.container-left .space.todays-paper .seeall {
    border: 0;
    margin: 0;
    font-family: 'Helveticaff';
    font-size: 14px
}
.container-left .space.inforial-left .seeall p,
.container-left .space.todays-paper .seeall p {
    border-top: 2px solid #DD1E26
}
@media (max-width: 768px) {
    .container-left .space.inforial-left .seeall,
    .container-left .space.todays-paper .seeall {
        background: transparent
    }
}
.container-left .space.todays-paper a {
    border-bottom: solid 2px #EDEDED;
    padding-bottom: 10px;
    margin-bottom: 16px
}
.container-left .space.todays-paper a:nth-last-child(2) {
    border-bottom: 0;
    padding-bottom: 0
}
@media (max-width: 768px) {
    .container-left .space.todays-paper {
        display: block;
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .container-left .space.todays-paper {
        padding: 0 12px
    }
}
.container-left .space.see-photo {
    padding: 0
}
.container-left .space.see-photo .desc-photo {
    background: #fff
}
@media (max-width: 768px) {
    .container-left .space.see-photo {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .container-left .space.see-photo {
        padding: 0 12px
    }
}
.container-left .seeall {
    display: block;
    line-height: normal;
    background: #fff
}
.container-left .seeall p {
    padding-top: 15px;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .container-left .seeall {
        font-size: 16px;
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .container-left .seeall {
        font-size: 14px;
        padding: 0 12px
    }
}
.container-left .detail-latest {
    margin: 0
}
.container-left .detail-latest .user-latest {
    color: #000
}
.container-left .detail-latest .talent {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px
}
@media (max-width: 768px) {
    .container-left .news-contributor .news-week {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .container-left .news-contributor .news-week {
        padding: 0 12px
    }
}
.container-left .news-contributor .news-latest ul {
    border: 0;
    margin: 0
}
.container-left .news-contributor .news-latest ul li {
    padding: 0;
    border-bottom: solid 2px #EDEDED
}
.container-left .news-contributor .news-latest ul li:last-child {
    border-bottom: 0
}
@media (max-width: 768px) {
    .container-left .news-contributor .news-latest ul li:last-child {
        border-bottom: 0
    }
}
@media (max-width: 768px) {
    .container-left .news-contributor .news-latest ul li {
        padding: 0 0 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
}
@media (max-width: 768px) {
    .container-left .news-contributor .news-latest {
        padding: 0 24px;
        background: #fff
    }
}
@media (max-width: 639px) {
    .container-left .news-contributor .news-latest {
        padding: 0 12px;
        background: #f3f3f3
    }
}
.container-left .news-contributor .img-tile-left {
    max-height: 145px;
    overflow: hidden
}
@media (max-width: 768px) {
    .container-left .news-contributor .img-tile-left {
        max-height: 405px
    }
}
@media (max-width: 639px) {
    .container-left .news-contributor .img-tile-left {
        max-height: 345px
    }
}
@media (max-width: 480px) {
    .container-left .news-contributor .img-tile-left {
        max-height: 256px
    }
}
@media (max-width: 320px) {
    .container-left .news-contributor .img-tile-left {
        max-height: 166px
    }
}
.container-left .news-contributor .seeall p {
    border-top: 2px solid #DD1E26;
    padding-top: 15px;
    margin: 0;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .container-left .news-contributor .seeall {
        background: #ffffff;
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .container-left .news-contributor .seeall {
        padding: 0 12px
    }
}
@media (max-width: 768px) {
    .container-left .news-contributor {
        margin: 0
    }
}
.container-left .event-community .title {
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .container-left {
        opacity: 0;
        visibility: hidden
    }
}
@media (max-width: 639px) {
    .container-left {
        width: 100%;
        padding: 0;
        margin: 20px 0 0;
        background: #f3f3f3
    }
}
@media (max-width: 768px) {
    .container-left.on-load {
        opacity: 1;
        visibility: visible
    }
}
@media (max-width: 639px) {
    .tjp-footer .tjp-sosmed-subscribe.absolute-right {
        position: relative;
        display: inline-block;
        padding: 20px 12px 15px
    }
}
.tjp-footer .tjp-sosmed-subscribe {
    width: 200px;
    margin-right: 20px
}
.tjp-footer .tjp-sosmed-subscribe .suscribe {
    margin: 0
}
.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup {
    background: transparent;
    clear: both
}
.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup form {
    width: 100%;
    margin: 0;
    padding: 0
}
.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup form input.email {
    font-family: 'Helveticaff';
    font-size: 14px;
    border: solid 1px #d9d9d9;
    border-radius: 0;
    padding: 10px 5px 10px 15px;
    width: 100%;
    min-height: 42px
}
.tjp-footer .tjp-sosmed-subscribe .suscribe #mc_embed_signup form input.button {
    width: 100%;
    border-radius: 0;
    padding: 13px 0 7px;
    font-size: 14px;
    height: auto;
    line-height: normal
}
@media (max-width: 768px) {
    .tjp-footer .tjp-sosmed-subscribe .suscribe {
        border-top: 0;
        padding: 0
    }
}
.tjp-footer .tjp-sosmed-subscribe ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.tjp-footer .tjp-sosmed-subscribe .tjp-sosmed span {
    font-family: 'Helveticaff';
    font-size: 14px
}
@media (max-width: 768px) {
    .tjp-footer .tjp-sosmed-subscribe .tjp-sosmed {
        margin: 0
    }
}
@media (max-width: 768px) {
    .tjp-footer .tjp-sosmed-subscribe {
        top: 0
    }
}
@media (max-width: 639px) {
    .tjp-footer .tjp-sosmed-subscribe {
        width: 100%;
        margin-right: 0
    }
}
.tjp-footer .suscribe input[type="submit"] {
    font-family: "Helveticaff"
}
.tjp-footer .tjp-channel-footer {
    padding: 0 215px 0 0;
    margin-bottom: 0;
    min-height: 250px
}
@media (max-width: 768px) {
    .tjp-footer .tjp-channel-footer .col-xs-12 {
        padding: 0
    }
}
.tjp-footer .tjp-channel-footer ul {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
    display: inline-block;
    width: 100%
}
.tjp-footer .tjp-channel-footer ul li a {
    color: #333
}
.tjp-footer .tjp-channel-footer ul li:first-child span {
    line-height: normal;
    font-family: 'Helveticaff';
    font-size: 14px
}
.tjp-footer .tjp-channel-footer ul li span {
    line-height: normal;
    font-family: 'Helveticaff';
    font-size: 12px
}
@media (max-width: 768px) {
    .tjp-footer .tjp-channel-footer ul {
        margin: 0
    }
}
.tjp-footer .tjp-channel-footer ul.sea-footer {
    margin: 0 0 20px
}
@media (max-width: 768px) {
    .tjp-footer .tjp-channel-footer ul.sea-footer {
        margin: 0
    }
}
.tjp-footer .tjp-channel-footer ul.travel-footer {
    margin: 0 0 20px
}
@media (max-width: 768px) {
    .tjp-footer .tjp-channel-footer ul.travel-footer {
        margin: 0
    }
}
.tjp-footer .tjp-channel-footer ul.jobs-footer {
    margin: 0 0 20px
}
@media (max-width: 768px) {
    .tjp-footer .tjp-channel-footer ul.jobs-footer {
        margin: 0
    }
}
@media (max-width: 768px) {
    .tjp-footer .tjp-channel-footer {
        min-height: 290px
    }
}
@media (max-width: 768px) {
    .tjp-footer .tjp-channel-footer .row {
        width: 100%
    }
}
@media (max-width: 639px) {
    .tjp-footer .tjp-channel-footer {
        padding: 0px 12px 14px;
        margin: 0px;
        min-height: 0px;
        border-bottom: 1px solid #fff
    }
}
@media (max-width: 768px) {
    .tjp-footer .footer-top .main-center {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .tjp-footer .footer-top .main-center {
        padding: 0
    }
}
.tjp-footer .partner-footer .main-center {
    padding: 16px 20px 11px
}
@media (max-width: 639px) {
    .tjp-footer .partner-footer .main-center {
        padding: 16px 12px 11px
    }
}
@media (max-width: 768px) {
    .tjp-footer .partner-footer ul li:last-child {
        display: inline-block!important
    }
}
@media (max-width: 768px) {
    .tjp-footer .partner-footer {
        text-align: center
    }
}
@media (max-width: 639px) {
    .tjp-footer .partner-footer {
        text-align: left
    }
}
.tjp-footer .footer-bottom .link-footer a {
    font-family: "Helveticaff"
}
.tjp-footer .footer-bottom .copy-footer p {
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-footer .footer-bottom {
        padding-left: 20px;
        padding-right: 20px
    }
    .tjp-footer .footer-bottom .link-footer {
        padding: 0;
        width: 55%;
        text-align: left
    }
    .tjp-footer .footer-bottom .link-footer a {
        font-size: 16px
    }
    .tjp-footer .footer-bottom .icon-footer {
        left: 0;
        position: relative;
        margin-bottom: 14px
    }
    .tjp-footer .footer-bottom .copy-footer {
        right: 0;
        position: relative;
        text-align: left;
        width: 45%;
        text-align: right
    }
    .tjp-footer .footer-bottom .partner-footer .main-center {
        padding: 16px 12px 11px
    }
    .tjp-footer .footer-bottom .partner-footer ul li a {
        font-size: 16px;
        font-family: "Helveticaff"
    }
}
@media (max-width: 639px) {
    .tjp-footer .footer-bottom {
        padding-left: 12px;
        padding-right: 12px
    }
    .tjp-footer .footer-bottom .link-footer {
        margin-bottom: 14px
    }
    .tjp-footer .footer-bottom .link-footer,
    .tjp-footer .footer-bottom .copy-footer {
        width: 100%;
        text-align: left
    }
}
.tjp-footer .title-partner {
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
    margin: 0 0 12px;
    font-family: "Helveticaff"
}
.full-banner .image-banner {
    height: 469px;
    background: #e6e6e6
}
@media (max-width: 768px) {
    .full-banner .image-banner {
        height: auto
    }
}
.full-banner .cp-bn-comty {
    top: unset;
    left: 100px;
    width: 340px;
    min-height: 225px;
    max-height: 470px;
    height: auto;
    padding: 32px 25px 28px;
    background: rgba(0, 0, 0, 0.5)
}
.full-banner .cp-bn-comty .title-cp {
    font-size: 28px;
    line-height: normal;
    margin-top: 0;
    max-height: 362px;
    overflow: hidden;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .full-banner .cp-bn-comty .title-cp {
        color: #fff
    }
}
@media (max-width: 639px) {
    .full-banner .cp-bn-comty .title-cp {
        color: #000
    }
}
.full-banner .cp-bn-comty .detail-cp {
    width: 100%
}
.full-banner .cp-bn-comty .detail-cp span {
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .full-banner .cp-bn-comty .detail-cp span {
        font-size: 13px;
        color: #fff
    }
}
@media (max-width: 639px) {
    .full-banner .cp-bn-comty .detail-cp span {
        color: #000
    }
}
.full-banner .cp-bn-comty .detail-cp span span:before {
    top: 5px;
    left: 4px
}
@media (max-width: 768px) {
    .full-banner .cp-bn-comty .detail-cp span span:before {
        top: 7px
    }
}
@media (max-width: 639px) {
    .full-banner .cp-bn-comty .detail-cp span span:before {
        background-color: #000
    }
}
.full-banner .cp-bn-comty .detail-cp p {
    display: none;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .full-banner .cp-bn-comty .detail-cp p {
        display: none;
        color: #fff
    }
}
@media (max-width: 639px) {
    .full-banner .cp-bn-comty .detail-cp p {
        color: #000
    }
}
@media (max-width: 768px) {
    .full-banner .cp-bn-comty {
        left: 0;
        width: 100%;
        height: auto;
        min-height: unset;
        max-height: unset;
        background: url(../img/gradasi-03.png);
        background-position: 0 top;
        background-repeat: repeat-x;
        background-size: auto 100%;
        padding: 10px 25px
    }
}
@media (max-width: 639px) {
    .full-banner .cp-bn-comty {
        width: 100%;
        height: auto;
        left: 0;
        top: auto;
        padding: 0px 12px;
        background: transparent;
        position: relative;
        clear: both
    }
}
.sea-color .container-left .news-contributor .seeall p {
    border-top: 2px solid #722A14
}
.sea-color .tjp-latest-entry .seeall p {
    border-top: 2px solid #722A14;
    color: #722A14
}
.sea-color .login::before,
.sea-color .search,
.sea-color .see-photo .title a,
.sea-color .news-contributor .title a,
.sea-color .see-photo .sub-title,
.sea-color .news-contributor .sub-title,
.sea-color .tjp-footer .link-footer a,
.sea-color .tjp-footer .partner-footer ul li a {
    color: #722A14
}
.sea-color .date.today::before,
.sea-color .suscribe input[type="submit"],
.sea-color .tjp-footer .suscribe input[type="submit"] {
    background-color: #722A14
}
.sea-color .tjp-footer .suscribe #mc_embed_signup input.button,
.sea-color .container-right .suscribe #mc_embed_signup input.button {
    background-color: #722A14
}
.sea-color .tjp-latest-entry>ul,
.sea-color .jak-pos-contact,
.sea-color .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.sea-color .see-photo .news-latest ul,
.sea-color .news-contributor .news-latest ul {
    border-color: #722A14
}
.sea-color .tjp-latest-entry .title-large:before {
    background-color: #722A14
}
.sea-color .tjp-latest-entry ul li.highlight .date.today:before {
    background-color: #722A14
}
.sea-color .tjp-topic .topic-bot-right .share-article {
    background-color: #722A14
}
.sea-color .tjp-topic .topic-bot-right .share-article:after {
    border-top-color: #722A14
}
.sea-color .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
    background-color: #722A14
}
.community .menu-active-breadcrumbs .breadcrumbs li a {
    color: #F07E00;
    line-height: normal
}
.community .menu-active-breadcrumbs .breadcrumbs li:before {
    background-color: #F07E00
}
@media (max-width: 768px) {
    .community .showin-mobile-version {
        border-bottom: 1px solid #F07E00
    }
    .community .showin-mobile-version .btn-toggle.current a span {
        border-color: #F07E00
    }
}
@media (max-width: 768px) {
    .community .container-left .news-contributor .news-latest {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .community .container-left .news-contributor .news-latest {
        padding: 0 12px
    }
}
.community .container-left .news-contributor .seeall p {
    border-top: 2px solid #F07E00
}
.community .tjp-latest-entry ul li .detail-latest {
    min-height: 97px
}
@media (max-width: 639px) {
    .community .tjp-latest-entry ul li .detail-latest {
        min-height: 83px
    }
}
.community .tjp-latest-entry ul li .news-port .date:before {
    background-color: #DD1E26
}
.community .tjp-latest-entry ul li .seasia-port .date:before {
    background-color: #722A14
}
.community .tjp-latest-entry ul li .academia-port .date:before {
    background-color: #3F9EDC
}
.community .tjp-latest-entry ul li .life-port .date:before {
    background-color: #662482
}
.community .tjp-latest-entry ul li .travel-port .date:before {
    background-color: #6FB01E
}
.community .tjp-latest-entry ul li .youth-port .date:before {
    background-color: #FFCD00
}
.community .tjp-latest-entry ul li .multimedia-port .date:before {
    background-color: #009E97
}
.community .tjp-latest-entry ul li.highlight .date.today:before {
    background-color: #f07e00
}
.community .tjp-latest-entry .seeall {
    border-top: 0;
    padding: 0
}
.community .tjp-latest-entry .seeall p {
    border-top: 2px solid #F07E00;
    color: #F07E00
}
@media (max-width: 768px) {
    .community .tjp-latest-entry .seeall {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .community .tjp-latest-entry .seeall {
        padding: 0 12px
    }
}
.community .tjp-footer .suscribe #mc_embed_signup input.button,
.community .container-right .suscribe #mc_embed_signup input.button {
    background-color: #F07E00
}
.index_all .login,
.index_all .search,
.index_all .fa-user::before,
.paperedition .login,
.paperedition .search,
.paperedition .fa-user::before,
.portal_page .login,
.portal_page .search,
.portal_page .fa-user::before,
.index_news .login,
.index_news .search,
.index_news .fa-user::before {
    color: #DD1E26
}
.index_all .community .news-contributor .sub-title,
.paperedition .community .news-contributor .sub-title,
.portal_page .community .news-contributor .sub-title,
.index_news .community .news-contributor .sub-title {
    color: #DD1E26
}
.index_all .community .seeall,
.paperedition .community .seeall,
.portal_page .community .seeall,
.index_news .community .seeall {
    color: #DD1E26
}
.index_all .jak-pos-contact,
.paperedition .jak-pos-contact,
.portal_page .jak-pos-contact,
.index_news .jak-pos-contact {
    border-color: #DD1E26
}
.index_all .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave,
.paperedition .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave,
.portal_page .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave,
.index_news .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -1px -41px
}
.tjp-footer .suscribe #mc_embed_signup input.button,
.container-right .suscribe #mc_embed_signup input.button {
    background-color: #bc261d
}
.news-contributor .title {
    font-family: "Helveticaff"
}
.news-contributor .sub-title {
    font-family: 'BrandonGrotesqueWeb-Italic';
    text-transform: unset
}
.news-contributor .talent {
    font-family: 'Helveticaff';
    color: #A2A2A2;
    font-size: 16px;
    margin-bottom: 10px
}
.news-contributor .name-profile {
    font-family: 'Helveticaff';
    font-size: 16px;
    margin-top: 6px
}
.news-contributor .news-latest .box-r {
    font-family: "Helveticaff"
}
.news-contributor .news-week .title {
    margin: 20px 0 0
}
.see-photo .title {
    font-family: "Helveticaff"
}
.see-photo .name-profile {
    font-family: "BrandonGrotesqueWeb-Light"
}
.see-photo .news-latest .box-r {
    font-family: "Helveticaff"
}
.see-photo .news-week .title {
    margin: 20px 0 0
}
.tjp-most-recent ul.tjp-tab li a {
    font-family: "Helveticaff"
}
.tjp-most-recent ul.tjp-tab li a span {
    position: relative;
    top: 4px
}
.tjp-most-recent ul.tjp-tab li a.tjp-tab-current span {
    position: relative;
    top: 3px
}
.tjp-most-recent .tjp-tab-content ul li a {
    font-family: 'Helveticaff';
    font-size: 15px
}
.detail-latest h5 {
    font-family: "Helveticaff"
}
.detail-latest .date span:before {
    background-color: #000000;
    top: 4px
}
.container-right .tjp-follow-sosmed .follow {
    font-family: "Helveticaff"
}
.container-right .other-chanel .chanel,
.container-right .other-chanel .community {
    font-family: "Helveticaff"
}
.container-right .other-chanel .chanel {
    font-size: 24px;
    padding-top: 8px
}
.container-right .other-chanel a .box-m {
    font-family: "Helveticaff"
}
.container-right .other-chanel a span {
    font-family: "Helveticaff"
}
.container-right .other-chanel a .detail-latest h5 {
    font-family: "Helveticaff"
}
.container-right .other-chanel a .name-profile {
    font-family: "Helveticaff"
}
.container-right .other-chanel a .image-title span {
    padding: 4px 20px 0px
}
.container-right .other-community .chanel,
.container-right .other-community .community {
    font-family: "Helveticaff"
}
.container-right .other-community a .box-m {
    font-family: "Helveticaff"
}
.container-right .other-community a span {
    font-family: "Helveticaff"
}
.container-right .other-community a .detail-latest h5 {
    font-family: "Helveticaff"
}
.container-right .other-community a .name-profile {
    font-family: "Helveticaff"
}
.container-right .tjp-suscribe .tjp-subscribe-title h4 {
    font-family: "Helveticaff"
}
.container-right .tjp-suscribe .get-suscribe a {
    font-family: "Helveticaff"
}
.container-right .suscribe input.button-subscribe {
    padding: 14px 0 7px;
    color: #fff;
    width: 28%;
    font-size: 14px;
    text-transform: uppercase;
    font-style: inherit;
    vertical-align: top
}
.container-right .suscribe #mc-embedded-subscribe-form {
    padding: 0
}
.container-right .suscribe #mc_embed_signup input.email {
    padding: 10px 5px 10px 15px;
    width: 68%;
    height: 42px;
    font-size: 14px;
    font-family: 'Helveticaff';
    display: inline-block;
    margin: 0;
    vertical-align: top;
    border-radius: 0
}
.container-right .suscribe #mc_embed_signup .clear {
    width: 30%;
    display: inline-block;
    clear: none;
    margin-left: 2px
}
.container-right .suscribe #mc_embed_signup input.button {
    padding: 16px 0 9px;
    margin: 0;
    color: #fff;
    background-color: #bc261d;
    min-width: unset;
    width: 100%;
    height: auto;
    line-height: normal;
    border-radius: 0;
    font-family: 'Helveticaff';
    font-size: 12px;
    text-transform: uppercase;
    font-style: inherit;
    vertical-align: top
}
.container-right .suscribe input.input-subscribe {
    padding: 10px 5px 10px 15px;
    width: 70%;
    height: 42px;
    font-size: 14px
}
.suscribe input[type="text"],
.suscribe input[type="submit"] {
    font-family: "Helveticaff"
}
.jak-post-issue .title-issue {
    font-family: 'Helveticaff';
    color: #DD1E26;
    border-top: solid 2px #DD1E26;
    border-bottom: solid 2px #DD1E26;
    padding: 14px 15px 6px 45px;
    font-size: 24px
}
.jak-post-issue .title-issue:before {
    font-family: 'Helveticaff';
    padding: 1px;
    font-style: italic;
    font-size: 28px;
    padding: 4px 9px 0px 6px;
    top: 7px;
    width: auto;
    height: auto;
    background-color: #DD1E26
}
.jak-post-issue ul li a {
    font-family: "Helveticaff"
}
.detail-latest small {
    font-family: "Helveticaff"
}
.suscribe input[type="submit"] {
    font-family: 'Helveticaff';
    padding: 13px 0 7px
}
.suscribe *::-moz-placeholder {
    font-family: "Helveticaff"
}
.tjp-detail-caption {
    padding: 10px 25px 20px
}
.tjp-detail-caption .title-slide-caption {
    font-family: "Helveticaff"
}
.tjp-detail-caption p {
    font-family: 'Helveticaff';
    display: none
}
.footer-bottom .link-footer {
    position: relative;
    padding: 0 23.3333%;
    margin: 0 auto;
    text-align: center
}
.footer-bottom .link-footer a {
    padding: 0 8px 0 0;
    margin: 0 3px 0 0
}
.footer-bottom .icon-footer {
    text-align: left;
    left: 20px
}
.footer-bottom .copy-footer {
    text-align: right;
    right: 20px
}
.other-galleries-multimedia {
    display: inline-block;
    width: 100%
}
.tjp-discus {
    clear: both
}
.tjp-discus .title {
    font-family: 'Helveticaff';
    text-transform: unset
}
.tjp-discus .tjp-discus-tab {
    width: 50%
}
.tjp-discus .tjp-discus-tab li {
    width: 33.333%
}
.tjp-discus .tjp-discus-tab li a {
    font-family: 'Helveticaff';
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2
}
.tjp-discus .tjp-discus-tab li a.tjp-tab-current {
    border-right: 0;
    border-left: 0
}
@media (max-width: 768px) {
    .tjp-discus .tjp-discus-tab {
        width: 100%
    }
}
@media (max-width: 425px) {
    .tjp-discus .tjp-discus-tab li a {
        font-size: 14px;
        padding: 5px 5px 5px 10px
    }
}
@media (max-width: 768px) {
    .tjp-discus {
        padding: 0 25px
    }
}
@media (max-width: 639px) {
    .tjp-discus {
        padding: 0 12px
    }
}
.disqus-logo {
    width: 15px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../img/disqus-social-icon-white-blue.svg");
    background-size: 16px;
    background-repeat: no-repeat
}
@media (max-width: 639px) {
    .disqus-logo {
        width: 15px;
        height: 16px;
        background-size: 12px
    }
}
.longform-banner-homepage {
    width: 100%;
    margin-bottom: 25px;
    display: block;
    clear: both
}
@media (max-width: 768px) {
    .longform-banner-homepage {
        display: none
    }
}
.title-content {
    font-family: "Helveticaff"
}
.detail_photo .lg-outer .btn-show.hide {
    background-image: url(../img/thumb-icon.png)
}
.detail_photo .lg-outer .btn-show {
    right: 50px;
    background-image: url(../img/thumb-icon.png);
    background-repeat: no-repeat
}
@media (max-width: 768px) {
    .detail_photo .lg-outer .btn-show {
        right: 0
    }
}
.main-container .latest-left-full {
    width: 770px
}
@media (max-width: 768px) {
    .main-container .latest-left-full {
        width: 100%
    }
}
body .business-rsp-dsk {
    display: block
}
body .business-rsp-tbl {
    display: none
}
body .business-rsp-mbl {
    display: none
}
@media (max-width: 768px) {
    body .business-rsp-dsk {
        display: none
    }
    body .business-rsp-tbl {
        display: block
    }
}
@media (max-width: 320px) {
    body .business-rsp-tbl {
        display: none
    }
    body .business-rsp-mbl {
        display: block
    }
}
.height-detector {
    padding: 20px 326px 5px 256px;
    font-family: 'Helveticaff';
    font-size: 17px;
    bottom: -1px
}
.height-detector .load-text {
    border: 1px solid #e6e6e6;
    background: #F2F2F2
}
.height-detector .load-text .load-more-btn {
    color: #000000;
    padding: 7px 0;
    display: inline-block;
    width: 100%
}
@media (max-width: 768px) {
    .height-detector {
        display: none!important
    }
}
.tjp-latest-entry.show-more {
    height: auto!important
}
.tjp-latest-entry {
    padding: 0px 24px;
    margin: 0px 2px 0px 0px;
    width: 538px
}
.tjp-latest-entry .tjp-flag .ic-flag {
    font-family: 'Helveticaff';
    line-height: 19px
}
.tjp-latest-entry .top-latest-entry {
    display: inline-block;
    width: 100%
}
.tjp-latest-entry .top-latest-entry .title-large {
    display: inline-block;
    vertical-align: middle;
    float: left;
    font-family: 'Helveticaff';
    line-height: 1.2
}
.tjp-latest-entry .top-latest-entry .title-large:before {
    top: 0px;
    bottom: 11px
}
@media (max-width: 639px) {
    .tjp-latest-entry .top-latest-entry .title-large {
        display: none
    }
}
.tjp-latest-entry .top-latest-entry .seeall {
    display: inline-block;
    width: auto;
    padding: 0;
    vertical-align: middle;
    position: relative;
    margin: 24px 0 6px;
    float: right;
    border: 0;
    color: #DD1E26;
    font-family: "Helveticaff"
}
.tjp-latest-entry .top-latest-entry .seeall span {
    line-height: normal
}
@media (max-width: 639px) {
    .tjp-latest-entry .top-latest-entry .seeall {
        display: none
    }
}
.tjp-latest-entry .top-latest-entry .tjp-flag {
    display: none;
    visibility: hidden;
    opacity: 0
}
@media (max-width: 768px) {
    .tjp-latest-entry .top-latest-entry {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry .top-latest-entry {
        padding: 0 12px
    }
}
.tjp-latest-entry .seeall {
    border-top: 0;
    font-size: 15px
}
.tjp-latest-entry .seeall p {
    margin: 0;
    padding-top: 15px;
    border-top: 2px solid #DD1E26;
    color: #DD1E26;
    font-family: "Helveticaff"
}
@media (max-width: 639px) {
    .tjp-latest-entry .seeall p {
        border-top: 2px solid #DD1E26;
        padding: 5px 0 0
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry .seeall {
        font-size: 16px;
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry .seeall {
        padding: 0 12px;
        font-size: 14px
    }
}
.tjp-latest-entry ul {
    border: 0;
    list-style: none
}
.tjp-latest-entry ul .interlude-no-image .image-latest {
    display: none
}
.tjp-latest-entry ul .interlude-no-image .detail-latest {
    padding: 0
}
.tjp-latest-entry ul .mCSB_inside .mCSB_container {
    margin-right: 0
}
.tjp-latest-entry ul li {
    position: relative
}
.tjp-latest-entry ul li .image-latest {
    position: absolute;
    width: 103px;
    height: 58px;
    overflow: hidden
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li .image-latest {
        width: 94px;
        height: 52px
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li .image-latest {
        width: 69px;
        height: 38px
    }
}
@media (max-width: 480px) {
    .tjp-latest-entry ul li .image-latest {
        width: 67px;
        height: 37px
    }
}
.tjp-latest-entry ul li .detail-latest {
    padding: 0 0 0 127px;
    position: relative;
    min-height: 65px
}
.tjp-latest-entry ul li .detail-latest .date-flag a {
    padding: 0;
    vertical-align: super
}
.tjp-latest-entry ul li .detail-latest .date-flag a span {
    margin-top: 0
}
.tjp-latest-entry ul li .detail-latest a {
    padding: 0;
    display: block
}
.tjp-latest-entry ul li .detail-latest a .date {
    line-height: normal;
    margin-top: 0;
    font-family: "Helveticaff"
}
.tjp-latest-entry ul li .detail-latest a .date:before {
    bottom: 7px;
    top: 2px
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li .detail-latest a .date {
        padding-left: 6px
    }
}
.tjp-latest-entry ul li .detail-latest h5 {
    font-size: 20px;
    font-family: 'Helveticaff';
    line-height: 1.2
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li .detail-latest h5 {
        font-size: 18px;
        line-height: normal
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li .detail-latest h5 {
        font-size: 16px
    }
}
@media (max-width: 480px) {
    .tjp-latest-entry ul li .detail-latest h5 {
        font-size: 16px
    }
}
.tjp-latest-entry ul li .detail-latest p {
    font-size: 14px;
    font-family: 'Helveticaff';
    font-weight: 300;
    line-height: normal;
    color: #a2a2a2
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li .detail-latest p {
        display: none
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li .detail-latest {
        padding: 0px 0px 16px 115px;
        min-height: 68px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li .detail-latest {
        padding: 0 0 16px 87px;
        min-height: 38px
    }
}
@media (max-width: 480px) {
    .tjp-latest-entry ul li .detail-latest {
        padding: 0 0 16px 79px;
        min-height: 37px
    }
}
.tjp-latest-entry ul li .detail-latest.col-xs-12 {
    padding: 0
}
.tjp-latest-entry ul li:last-child .detail-latest {
    border-bottom: 0
}
.tjp-latest-entry ul li:last-child ul li {
    border: 0
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li {
        padding: 0 24px 0;
        border: 0
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li {
        padding: 0 12px
    }
}
.tjp-latest-entry ul li.ads-mobile {
    display: none
}
@media (max-width: 767px) {
    .tjp-latest-entry ul li.ads-mobile {
        display: block
    }
    .tjp-latest-entry ul li.ads-mobile .ads-content {
        max-width: 200px;
        max-height: 200px;
        margin: 0 auto 15px;
        display: block
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul .no-image-list .image-latest {
        display: none
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul .no-image-list .detail-latest {
        padding: 0px 0px 16px 0
    }
}
.tjp-latest-entry ul .article-no-image .image-latest {
    display: none!important
}
.tjp-latest-entry ul .article-no-image .detail-latest {
    padding: 0px 0px 16px 0!important
}
.tjp-latest-entry ul .com-circle .image-latest,
.tjp-latest-entry ul .academia .image-latest {
    height: auto
}
.tjp-latest-entry ul .com-circle .image-latest .middle-one-image,
.tjp-latest-entry ul .academia .image-latest .middle-one-image {
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative
}
.tjp-latest-entry ul .com-circle .image-latest .middle-one-image img,
.tjp-latest-entry ul .academia .image-latest .middle-one-image img {
    height: 100%;
    width: auto;
    max-width: unset;
    position: absolute;
    margin: 0 auto;
    left: -50%;
    right: -50%
}
@media (max-width: 639px) {
    .tjp-latest-entry ul .com-circle .image-latest .middle-one-image,
    .tjp-latest-entry ul .academia .image-latest .middle-one-image {
        width: 65px;
        height: 65px
    }
}
.tjp-latest-entry ul li.business-fp-latestentry .detail-latest a .date {
    padding: 0;
    color: #DD1E26
}
.tjp-latest-entry ul li.business-fp-latestentry .detail-latest a .date:before {
    display: none
}
.tjp-latest-entry ul li.business-fp-latestentry .detail-latest a span {
    color: #000
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight.top-highlight {
        background: #f3f3f3;
        padding: 20px 24px 16px
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight.top-highlight {
        padding: 20px 12px 16px
    }
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp {
    padding: 0 0 7px;
    margin: 0 0 15px
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-banner {
    padding: 0;
    margin-bottom: 3px
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-banner img {
    width: 100%
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container {
    background: #f3f3f3;
    display: inline-block;
    padding: 15px 10px;
    position: relative
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest {
    padding: 0
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest p {
    margin: 0
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container:before {
    content: "";
    background-image: url("../img/tjp-i-bareksa-dot.png");
    position: absolute;
    width: 100%;
    height: 120px;
    top: 0;
    left: 0
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .detail-latest .date-flag a .date {
    padding: 0;
    color: #DD1E26
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .detail-latest .date-flag a .date:before {
    display: none
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp .detail-latest .date-flag a span {
    color: #000
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul {
    background: #f3f3f3;
    display: inline-block
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li {
    background: #f3f3f3;
    display: inline-block;
    padding: 15px 10px;
    margin: 0;
    position: relative
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:before {
    content: "";
    background-image: url("../img/tjp-i-bareksa-dot.png");
    position: absolute;
    width: 100%;
    height: 120px;
    top: 0;
    left: 0
}
.tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:nth-child(1) {
    border-right: 3px solid #fff
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp {
        background: transparent
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container {
        padding: 15px 24px
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest {
        border-bottom: 0
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul {
        padding: 0;
        margin: 0;
        width: 100%
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li {
        padding: 15px 24px
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:before {
        display: none
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container {
        float: left;
        width: 100%;
        padding: 15px 24px 0
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp .business-fp-container .detail-latest {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        padding-bottom: 15px
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul {
        float: left;
        width: 100%
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:nth-child(1) {
        border: 0;
        padding-bottom: 0
    }
    .tjp-latest-entry ul li.highlight.top-highlight.business-fp ul li:nth-child(2) {
        border: 0;
        padding-top: 0
    }
}
.tjp-latest-entry ul li.highlight {
    position: relative;
    padding: 7px 0 0;
    margin: 6px 0 15px
}
.tjp-latest-entry ul li.highlight .col-md-6 {
    width: 50%
}
.tjp-latest-entry ul li.highlight .date.today:before {
    background-color: #b12e24
}
.tjp-latest-entry ul li.highlight .image-latest {
    position: relative;
    width: 100%;
    height: 275px;
    overflow: hidden;
    margin: 0 0 10px
}
.tjp-latest-entry ul li.highlight .image-latest img {
    width: 100%
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight .image-latest {
        max-height: 405px;
        height: auto
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight .image-latest {
        max-height: 345px
    }
}
@media (max-width: 480px) {
    .tjp-latest-entry ul li.highlight .image-latest {
        max-height: 256px
    }
}
@media (max-width: 320px) {
    .tjp-latest-entry ul li.highlight .image-latest {
        max-height: 166px
    }
}
.tjp-latest-entry ul li.highlight .video-latest {
    margin-bottom: 10px
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight .video-latest {
        width: 100%!important
    }
}
.tjp-latest-entry ul li.highlight .detail-latest {
    padding: 0px 0px 22px;
    position: relative
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight .detail-latest {
        padding: 0 0 16px;
        min-height: auto;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight .detail-latest {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        min-height: auto
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight .detail-latest p {
        margin: 0
    }
}
.tjp-latest-entry ul li.highlight ul {
    list-style: none;
    padding: 0;
    margin: 0
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight ul {
        clear: both;
        padding: 16px 0 0;
        margin: 16px 0 0;
        display: inline-block
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight ul {
        margin: 0
    }
}
.tjp-latest-entry ul li.highlight ul li {
    border-bottom: 0
}
.tjp-latest-entry ul li.highlight ul li:first-child {
    padding-left: 0;
    padding-right: 12px
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight ul li:first-child {
        width: 50%;
        margin: 0
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight ul li:first-child {
        width: 100%;
        padding-right: 0
    }
}
.tjp-latest-entry ul li.highlight ul li:last-child {
    padding-left: 12px;
    padding-right: 0
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight ul li:last-child .detail-latest {
        border: 0;
        padding: 16px 0 0
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight ul li:last-child {
        width: 50%;
        margin: 0
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight ul li:last-child {
        width: 100%;
        padding: 0;
        border: 0
    }
}
.tjp-latest-entry ul li.highlight ul li .date.today:before {
    background-color: #b12e24
}
.tjp-latest-entry ul li.highlight ul li .image-latest {
    width: 100%;
    height: 130px
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight ul li .image-latest {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}
.tjp-latest-entry ul li.highlight ul li .detail-latest {
    padding: 0px;
    max-height: 200px;
    overflow: hidden
}
.tjp-latest-entry ul li.highlight ul li .detail-latest p {
    margin: 0 0 13px
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight ul li .detail-latest p {
        margin: 0
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight ul li .detail-latest {
        border-bottom: 0;
        margin: 0;
        padding: 0
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight ul li .detail-latest {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        padding: 0 0 16px 0
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight ul li {
        display: inline-block
    }
}
.tjp-latest-entry ul li.highlight .title-large {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #ffffff;
    z-index: 10;
    width: 191px;
    padding: 4px 15px 0 24px;
    font-size: 26px;
    text-align: center;
    font-family: 'Helveticaff';
    line-height: normal
}
.tjp-latest-entry ul li.highlight .title-large:before {
    left: 15px;
    top: 8px;
    bottom: 13px;
    width: 3px;
    background-color: #b12e24
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight .title-large {
        background: #f3f3f3;
        top: 16px
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry ul li.highlight {
        padding: 20px 24px 0;
        margin: -16px 0 16px
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul li.highlight {
        padding: 20px 12px 16px;
        margin: -16px 0 16px
    }
}
@media (max-width: 639px) {
    .tjp-latest-entry ul {
        border: 0
    }
}
@media (max-width: 768px) {
    .tjp-latest-entry {
        padding: 0;
        width: 100%;
        height: auto!important
    }
}
.tjp-latest-entry ul .latestEntry.news-port .detail-latest .date:before {
    background-color: #DD1E26
}
.tjp-latest-entry ul .latestEntry.seasia-port .detail-latest .date:before {
    background-color: #722A14
}
.tjp-latest-entry ul .latestEntry.academia-port .detail-latest .date:before {
    background-color: #3F9EDC
}
.tjp-latest-entry ul .latestEntry.life-port .detail-latest .date:before {
    background-color: #662482
}
.tjp-latest-entry ul .latestEntry.travel-port .detail-latest .date:before {
    background-color: #6FB01E
}
.tjp-latest-entry ul .latestEntry.youth-port .detail-latest .date:before {
    background-color: #FFCD00
}
.tjp-latest-entry ul .latestEntry.multimedia-port .detail-latest .date:before {
    background-color: #009E97
}
.profile-academia .position-acedemia {
    font-size: 16px;
    color: #a2a2a2
}
.com-name {
    font-family: 'Helveticaff';
    font-size: 12px;
    font-weight: 300;
    color: #828282;
    margin: 8px 0;
    line-height: normal;
    display: block
}
.caption_zoom {
    float: left;
    height: 382px;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}
.caption_zoom:hover .caption_media img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}
.caption_zoom:hover .extra-story-overlay {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    background-color: rgba(0, 0, 0, 0.267)
}
.caption_zoom .caption_media img {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 100%
}
.caption_zoom .caption_overlay {
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 100%;
    padding: 10px 40px
}
@media (max-width: 768px) {
    .caption_zoom .caption_overlay {
        padding: 10px 20px
    }
}
.caption_zoom .extra-story-overlay {
    content: ' ';
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(transparent, transparent 100px, #000 176px, #000);
    background-image: -moz-linear-gradient(transparent, transparent 100px, #000 176px, #000);
    background-image: linear-gradient(transparent, transparent 100px, #000 176px, #000);
    -webkit-transition: background-color .27s ease, -webkit-transform .27s ease;
    transition: background-color .27s ease, -webkit-transform .27s ease;
    -moz-transition: transform .27s ease, background-color .27s ease, -moz-transform .27s ease;
    transition: transform .27s ease, background-color .27s ease;
    transition: transform 0.27s ease, background-color 0.27s ease, -webkit-transform 0.27s ease, -moz-transform 0.27s ease
}
.caption_zoom .extra-story-overlay {
    background-image: -webkit-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.92));
    background-image: -moz-linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.92));
    background-image: linear-gradient(transparent, transparent 35%, rgba(0, 0, 0, 0.92))
}
.index-longform .main-container {
    background: #fff
}
.jwplayer.jw-state-complete.jw-cancel .jw-controls {
    display: block
}
.jwplayer.jw-state-complete.jw-cancel .jw-next-play {
    display: none
}
.jwplayer.jw-state-complete .jw-controls {
    display: none
}
.jwplayer.jw-state-complete .jw-next-play {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1
}
.jwplayer.jw-state-complete .jw-next-play .title-next {
    top: 20%;
    position: relative;
    text-align: center
}
.jwplayer.jw-state-complete .jw-next-play .title-next span {
    color: #ffffff;
    font-size: 14px
}
.jwplayer.jw-state-complete .jw-next-play .title-next h3 {
    color: #fff
}
.jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container {
    width: 86px;
    height: 86px;
    border: 0!important;
    background: 0!important;
    top: 30%
}
.jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container a {
    cursor: pointer
}
.jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container a.next-icon-btn {
    z-index: 10;
    background-position: -24px -6px;
    background-size: 130px;
    background-repeat: no-repeat;
    position: absolute;
    width: 86px;
    height: 86px;
    border: 0
}
.jwplayer.jw-state-complete .jw-next-play .cancel-btn {
    z-index: 10;
    color: #ffffff;
    font-family: 'Helveticaff';
    font-size: 23px;
    font-weight: 300;
    position: relative;
    top: 30%;
    display: block;
    width: 120px;
    height: auto;
    margin: 15px auto 0;
    cursor: pointer;
    line-height: normal;
    text-align: center;
    padding: 5px 0 1px
}
.jwplayer.jw-state-complete .jw-next-play .cancel-btn:hover {
    background: rgba(225, 225, 225, 0.4)
}
@media (max-width: 768px) {
    .jwplayer.jw-state-complete .jw-next-play .title-next {
        top: 10%
    }
    .jwplayer.jw-state-complete .jw-next-play .title-next h3 {
        font-size: 12px;
        margin-top: 5px
    }
    .jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container {
        top: 30%;
        width: 56px;
        height: 56px
    }
    .jwplayer.jw-state-complete .jw-next-play .jw-display-icon-container a.next-icon-btn {
        background-position: -18px -6px;
        background-size: 90px;
        width: 56px;
        height: 56px
    }
    .jwplayer.jw-state-complete .jw-next-play .cancel-btn {
        font-size: 16px;
        top: 25%
    }
}
.fullsize {
    background-color: #fff!important
}
.fullsize .lg-share-toolbar {
    float: right;
    height: 47px;
    padding: 10px 0;
    z-index: 1100;
    position: relative
}
.fullsize .lg-share-toolbar a {
    font-size: 22px;
    margin: 0 7px
}
.fullsize .lg-share-toolbar a i {
    cursor: pointer;
    color: #b2b2b2!important
}
.fullsize .lg-share-toolbar .wa-hover {
    display: none
}
.fullsize .lg-share-toolbar .twit-hover i:hover {
    color: #50BCE0!important
}
.fullsize .lg-share-toolbar .linkedin-hover i:hover {
    color: #0077b5!important
}
.fullsize .lg-share-toolbar .like-hover i:hover,
.fullsize .lg-share-toolbar .fb-hover i:hover {
    color: #374E9E!important
}
.fullsize .lg-share-toolbar .gp-hover i:hover {
    color: #dd4b39!important
}
.fullsize .lg-share-toolbar .email-hover i:hover {
    color: #2c9ab7!important
}
@media (max-width: 768px) {
    .fullsize .lg-share-toolbar .wa-hover {
        display: inline-block
    }
    .fullsize .lg-share-toolbar .wa-hover .button-sub i:hover {
        color: #43D854!important
    }
}
.lg-share {
    display: none
}
.longform .login:before,
.longform .search:before,
.longform .fa-user:before {
    color: #009E97
}
.longform .jak-pos-contact {
    border-color: #009E97
}
.longform .suscribe input[type="submit"] {
    background-color: #009E97
}
.longform .tjp-footer .link-footer a {
    color: #009E97
}
.longform .tjp-footer .partner-footer ul li a {
    color: #009E97
}
.longform .center-longform {
    max-width: 100%
}
.longform .center-longform hr {
    max-width: 660px;
    margin: 40px auto;
    float: none
}
@media (max-width: 768px) {
    .longform .center-longform hr {
        max-width: 100% px
    }
}
.longform .center-longform .headline {
    max-width: 660px;
    margin: 13px auto;
    float: none
}
.longform .center-longform p {
    max-width: 660px;
    margin: 13px auto;
    float: none
}
.longform .center-longform .main-single-page {
    float: none;
    margin: 0 auto
}
.longform .center-longform .long-full-img {
    max-width: unset;
    width: 100%;
    text-align: center;
    margin: 0 0 20px
}
.longform .center-longform .long-full-img img {
    width: 100%;
    height: auto
}
.longform .center-longform .long-full-video {
    margin: 0 0 20px
}
.longform .center-longform .long-full-video #my-video {
    width: 100%
}
.longform .center-longform .long-full-video .jwplayer {
    width: 100%!important;
    min-height: 100%;
    max-height: 100%
}
.longform .center-longform .long-img {
    max-width: 660px;
    width: 100%;
    text-align: center;
    margin: 0 auto 20px
}
.longform .center-longform .long-img img {
    width: 100%;
    height: auto
}
.longform .center-longform .long-video {
    max-width: 660px;
    margin: 0 auto 20px
}
.longform .center-longform .long-video #my-video {
    width: 100%
}
@media (max-width: 768px) {
    .longform .center-longform {
        padding: 0
    }
    .longform .center-longform .headline,
    .longform .center-longform p {
        font-size: 18px
    }
    .longform .center-longform p,
    .longform .center-longform .long-img,
    .longform .center-longform .long-video {
        padding: 0 24px
    }
    .longform .center-longform .main-single-page {
        width: 100%
    }
}
@media (max-width: 639px) {
    .longform .center-longform {
        padding: 0
    }
    .longform .center-longform .headline,
    .longform .center-longform p,
    .longform .center-longform .long-img,
    .longform .center-longform .long-video {
        padding: 0 24px
    }
}
.longform .header-longform .detailshare ul {
    padding: 0
}
.header-longform .share-longform .shared-comment li span {
    display: none
}
.tjp-slide .tjp-detail-caption .date:before {
    top: -5px;
    bottom: -1px
}
.channel-longform .li-longform .li-longform-12 {
    width: 100%;
    float: left
}
.channel-longform .li-longform .li-longform-12 .detail-latest h5 {
    color: #ffffff;
    font-size: 36px;
    line-height: normal
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-12 .detail-latest h5 {
        font-size: 18px
    }
}
.channel-longform .li-longform .li-longform-12 .detail-latest .date {
    color: #ffffff;
    font-size: 14px
}
.channel-longform .li-longform .li-longform-12 .detail-latest .date:before {
    background-color: #009E97
}
.channel-longform .li-longform .li-longform-12 .detail-latest .date span:before {
    background-color: #fff
}
.channel-longform .li-longform .li-longform-12 .detail-latest p {
    color: #ffffff;
    font-size: 14px
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-12 .detail-latest p {
        display: none
    }
}
@media (max-width: 479px) {
    .channel-longform .li-longform .li-longform-12 .detail-latest {
        padding: 15px
    }
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-12 {
        height: 235px
    }
}
@media (max-width: 639px) {
    .channel-longform .li-longform .li-longform-12 {
        height: 200px
    }
}
@media (max-width: 479px) {
    .channel-longform .li-longform .li-longform-12 {
        height: 180px
    }
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-12 .image-banner-longform {
        height: 320px!important
    }
}
@media (max-width: 639px) {
    .channel-longform .li-longform .li-longform-12 .image-banner-longform {
        height: 300px!important
    }
}
@media (max-width: 480px) {
    .channel-longform .li-longform .li-longform-12 .image-banner-longform {
        height: 240px!important
    }
}
@media (max-width: 320px) {
    .channel-longform .li-longform .li-longform-12 .image-banner-longform {
        height: 180px!important
    }
}
.channel-longform .li-longform .li-longform-6 {
    width: 50%;
    float: left
}
.channel-longform .li-longform .li-longform-6 .detail-latest h5 {
    color: #ffffff;
    font-size: 36px;
    line-height: normal
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-6 .detail-latest h5 {
        font-size: 18px
    }
}
.channel-longform .li-longform .li-longform-6 .detail-latest .date {
    color: #ffffff;
    font-size: 14px
}
.channel-longform .li-longform .li-longform-6 .detail-latest .date:before {
    background-color: #009E97
}
.channel-longform .li-longform .li-longform-6 .detail-latest .date span:before {
    background-color: #fff
}
.channel-longform .li-longform .li-longform-6 .detail-latest p {
    color: #ffffff;
    font-size: 14px
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-6 .detail-latest p {
        display: none
    }
}
@media (max-width: 479px) {
    .channel-longform .li-longform .li-longform-6 .detail-latest {
        padding: 15px
    }
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-6 {
        height: 180px
    }
}
@media (max-width: 639px) {
    .channel-longform .li-longform .li-longform-6 {
        height: 135px
    }
}
@media (max-width: 479px) {
    .channel-longform .li-longform .li-longform-6 {
        height: 180px
    }
}
@media (max-width: 768px) {
    .channel-longform .li-longform .li-longform-6 .image-banner-longform {
        height: 220px!important
    }
}
@media (max-width: 640px) {
    .channel-longform .li-longform .li-longform-6 .image-banner-longform {
        height: 178px!important
    }
}
@media (max-width: 639px) {
    .channel-longform .li-longform .li-longform-6 .image-banner-longform {
        height: 178px!important
    }
}
@media (max-width: 480px) {
    .channel-longform .li-longform .li-longform-6 .image-banner-longform {
        height: 240px!important
    }
}
@media (max-width: 320px) {
    .channel-longform .li-longform .li-longform-6 .image-banner-longform {
        height: 180px!important
    }
}
@media (max-width: 480px) {
    .channel-longform .li-longform .li-longform-6 {
        width: 100%
    }
}
.channel-longform .navigation-page a.jp-number.jp-current {
    color: #009E97
}
.navigation-page a,
.navigation-page .jp-current {
    font-family: 'Helveticaff';
    font-size: 18px
}
.tjp-full-block-channel {
    max-width: 1365px;
    margin: 0px auto
}
.tjp-full-block-channel .main-container {
    padding: 0;
    position: relative;
    background: #fff
}
.tjp-full-block-channel .main-container .big-img.travel-portal .absolute-caption h3:before {
    background-color: #6FB01E
}
.tjp-full-block-channel .main-container .big-img.travel-portal .detail-caption .date:before {
    background-color: #6FB01E
}
.tjp-full-block-channel .main-container .big-img.travel-portal .detail-caption .button-caption {
    background-color: #6FB01E!important
}
.tjp-full-block-channel .main-container .big-img {
    overflow: hidden;
    max-height: 800px;
    position: relative
}
.tjp-full-block-channel .main-container .big-img img {
    width: 100%
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .big-img {
        max-height: none
    }
    .tjp-full-block-channel .main-container .big-img .tjp-detail-caption {
        background: #ffffff;
        padding: 0px 24px 0
    }
    .tjp-full-block-channel .main-container .big-img .tjp-detail-caption .date span:before {
        background-color: #000
    }
    .tjp-full-block-channel .main-container .big-img .tjp-detail-caption .detail-caption {
        border-bottom: 1px solid #f3f3f3;
        padding: 0 0 15px;
        margin: 0 0 15px
    }
    .tjp-full-block-channel .main-container .big-img .tjp-detail-caption .detail-caption h5 {
        padding: 10px 0 0;
        margin: 0 0 8px
    }
}
@media (max-width: 638px) {
    .tjp-full-block-channel .main-container .big-img .tjp-detail-caption {
        padding: 0 12px
    }
}
.tjp-full-block-channel .main-container .small-img {
    padding: 0 24px
}
.tjp-full-block-channel .main-container .small-img ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.tjp-full-block-channel .main-container .small-img ul li {
    display: inline-block;
    width: 300px;
    height: 200px;
    float: left;
    position: relative;
    margin: 32px 43px 0;
    overflow: hidden
}
.tjp-full-block-channel .main-container .small-img ul li:first-child {
    margin-left: 0
}
.tjp-full-block-channel .main-container .small-img ul li:last-child {
    margin-right: 0
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .small-img ul li:last-child .tjp-detail-caption {
        padding: 0;
        margin: 0;
        border: 0
    }
}
.tjp-full-block-channel .main-container .small-img ul li img {
    width: 100%
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .small-img ul li img {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}
.tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption {
    padding: 0 12px 12px;
    background: transparent linear-gradient(to bottom, rgba(122, 122, 122, 0) 7%, #1F1F1F 140%, #000 100%) repeat scroll 0% 0%
}
.tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption .detail-caption {
    width: 100%
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption .detail-caption {
        padding: 0
    }
}
.tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption span.date {
    width: 100%
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .small-img ul li .tjp-detail-caption {
        background: #ffffff;
        border-bottom: 1px solid #f3f3f3;
        padding: 0 0 15px;
        margin: 0 0 15px
    }
}
.tjp-full-block-channel .main-container .small-img ul li h3 {
    font-family: 'Helveticaff';
    font-size: 18px;
    color: #fff
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .small-img ul li h3 {
        color: #000000;
        margin: 0 0 8px;
        font-size: 18px
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .small-img ul li h3 {
        font-size: 16px
    }
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .small-img ul li {
        width: 100%;
        margin: 0;
        height: auto
    }
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .small-img {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .small-img {
        padding: 0 12px
    }
}
.tjp-full-block-channel .main-container .tjp-detail-caption {
    background: transparent linear-gradient(to bottom, rgba(122, 122, 122, 0) 0%, #1F1F1F 80%, #000 100%) repeat scroll 0% 0%;
    padding: 0 0 32px
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption {
        background: #ffffff;
        position: relative;
        padding: 0
    }
}
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption {
    width: 1120px;
    margin: 0 auto
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption {
        width: 100%;
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption {
        padding: 0 12px
    }
}
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 {
    font-size: 42px;
    color: #ffffff;
    width: 670px;
    font-family: "Helveticaff"
}
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 a {
    color: #fff
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 a {
        color: #000000;
        font-size: 18px
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 a {
        font-size: 16px
    }
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption h5 {
        color: #000000;
        width: 100%;
        margin: 0;
        padding: 10px 0;
        font-size: 22px
    }
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p {
        display: none;
        visible: hidden;
        opacity: 0
    }
}
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p,
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date {
    width: 670px
}
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p a,
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date a {
    color: #fff
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p a,
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date a {
        color: #000
    }
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption p,
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .date {
        color: #000000;
        width: 100%
    }
}
.tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    font-size: 18px;
    padding: 3px 20px 3px;
    display: inline-block;
    margin-top: 16px;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
        display: none;
        visible: hidden;
        opacity: 0
    }
}
.tjp-full-block-channel .main-container .absolute-caption {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    width: 1120px;
    margin: 0 auto
}
.tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
    line-height: normal;
    margin: 0;
    padding: 5px 20px 0;
    background: rgba(255, 255, 255, 0.8);
    font-size: 28px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
        font-size: 22px;
        margin-left: 20px
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
        margin-left: 12px
    }
}
.tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
    top: 10px;
    left: 10px;
    bottom: 14px;
    width: 4px;
    content: "";
    position: absolute
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
        left: 30px
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
        left: 20px
    }
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .absolute-caption {
        width: 100%
    }
}
.tjp-full-block-channel .main-container .tjp-detail-caption .date::before {
    top: -2px;
    left: 0;
    bottom: 3px
}
@media (max-width: 768px) {
    .tjp-full-block-channel {
        width: 100%;
        display: block
    }
}
.menu-active-breadcrumbs {
    margin: 0
}
.menu-active-breadcrumbs .breadcrumbs {
    padding: 25px 20px 14px;
    line-height: normal
}
.menu-active-breadcrumbs .breadcrumbs li {
    padding-top: 0!important;
    line-height: normal
}
.menu-active-breadcrumbs .breadcrumbs li a {
    color: #DD1E26;
    font-size: 16px;
    font-family: "Helveticaff"
}
.menu-active-breadcrumbs .breadcrumbs li a h1 {
    font-size: 24px;
    font-family: 'Helveticaff';
    margin: 0;
    line-height: normal
}
.menu-active-breadcrumbs .breadcrumbs li:first-child {
    display: inline-block
}
.menu-active-breadcrumbs .breadcrumbs li:last-child a {
    font-size: 16px;
    font-family: "Helveticaff"
}
.menu-active-breadcrumbs .breadcrumbs li:before {
    top: 7px;
    left: 14px;
    width: 6px;
    height: 6px;
    background-color: #DD1E26
}
@media (max-width: 768px) {
    .menu-active-breadcrumbs .breadcrumbs li {
        margin: 0;
        padding: 0!important;
        display: none;
        opacity: 0;
        visibility: hidden
    }
    .menu-active-breadcrumbs .breadcrumbs li a {
        line-height: normal;
        font-size: 16px
    }
    .menu-active-breadcrumbs .breadcrumbs li:first-child {
        margin: 0;
        padding: 0!important;
        display: none;
        opacity: 0;
        visibility: hidden
    }
    .menu-active-breadcrumbs .breadcrumbs li:last-child {
        display: inline-block;
        opacity: 1;
        visibility: visible
    }
    .menu-active-breadcrumbs .breadcrumbs li:last-child a {
        line-height: normal;
        font-size: 16px
    }
    .menu-active-breadcrumbs .breadcrumbs li:last-child a h1 {
        font-size: 16px
    }
}
@media (max-width: 768px) {
    .menu-active-breadcrumbs .breadcrumbs {
        background-color: transparent;
        text-align: left;
        padding: 11px 24px 10px
    }
}
@media (max-width: 639px) {
    .menu-active-breadcrumbs .breadcrumbs {
        padding: 11px 12px 10px
    }
}
@media (max-width: 768px) {
    .menu-active-breadcrumbs {
        display: block
    }
}
@media (max-width: 768px) {
    .life_index .menu-active-breadcrumbs .breadcrumbs li:first-child {
        display: none
    }
    .life_index .menu-active-breadcrumbs .breadcrumbs li:last-child {
        display: inline-block
    }
}
.detail-page-01 .menu-active-breadcrumbs .breadcrumbs {
    padding: 20px 20px 14px
}
.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li {
    font-size: 16px;
    text-transform: uppercase
}
.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li a {
    font-size: 16px
}
.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li a h1 {
    font-size: 16px
}
.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li:last-child a {
    font-size: 16px
}
.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li:before {
    width: 6px!Important;
    height: 6px!Important;
    top: 7px!important
}
@media (max-width: 768px) {
    .detail-page-01 .menu-active-breadcrumbs .breadcrumbs {
        padding: 11px 24px 5px
    }
}
@media (max-width: 639px) {
    .detail-page-01 .menu-active-breadcrumbs .breadcrumbs {
        padding: 11px 12px 5px
    }
}
.multimedia-color.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li {
    color: #009E97;
    font-family: "Helveticaff"
}
.multimedia-color.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li a {
    color: #009E97;
    font-family: "Helveticaff"
}
.multimedia-color.detail-page-01 .menu-active-breadcrumbs .breadcrumbs li:before {
    width: 6px!Important;
    height: 6px!Important;
    top: 7px!important
}
.community-port .date::before {
    background-color: #f07e00
}
.academia-port .date::before {
    background-color: #3F9EDC
}
.life-port .date::before {
    background-color: #662482
}
.travel-port .date::before {
    background-color: #6FB01E
}
.youth-port .date.today::before {
    background-color: #FFCD00
}
.dt-paperedition.date::before,
.dt-news.date::before {
    background-color: #DD1E26!important
}
.dt-community.date::before {
    background-color: #f07e00!important
}
.dt-academia.date::before {
    background-color: #3F9EDC!important
}
.dt-life.date::before {
    background-color: #662482!important
}
.dt-travel.date::before {
    background-color: #6FB01E!important
}
.dt-youth.date::before {
    background-color: #FFCD00!important
}
.dt-seasia.date::before {
    background-color: #722A14!important
}
.dt-multimedia.date::before {
    background-color: #009E97!important
}
.sea .seeall .seeall,
.sea .community .seeall {
    color: #722A14
}
.sea .seeall .news-contributor .sub-title,
.sea .community .news-contributor .sub-title {
    color: #722A14
}
.sea .tjp-latest-entry .top-latest-entry .seeall {
    color: #722A14
}
.sea .tjp-latest-entry .seeall {
    color: #722A14
}
.news-color .menu-active-breadcrumbs .breadcrumbs li a,
.index_news .menu-active-breadcrumbs .breadcrumbs li a,
.paperedition .menu-active-breadcrumbs .breadcrumbs li a {
    color: #DD1E26
}
.news-color .menu-active-breadcrumbs .breadcrumbs li:before,
.index_news .menu-active-breadcrumbs .breadcrumbs li:before,
.paperedition .menu-active-breadcrumbs .breadcrumbs li:before {
    background-color: #DD1E26;
    width: 8px;
    height: 8px;
    top: 12px
}
.news-color .tjp-topic .topic-bot-right .share-article,
.index_news .tjp-topic .topic-bot-right .share-article,
.paperedition .tjp-topic .topic-bot-right .share-article {
    background-color: #DD1E26
}
.news-color .tjp-topic .topic-bot-right .share-article:after,
.index_news .tjp-topic .topic-bot-right .share-article:after,
.paperedition .tjp-topic .topic-bot-right .share-article:after {
    border-top-color: #DD1E26
}
.news-color .suscribe input[type="submit"],
.index_news .suscribe input[type="submit"],
.paperedition .suscribe input[type="submit"] {
    background-color: #DD1E26
}
@media (max-width: 768px) {
    .news-color .tjp-topic.clone-share .topic-top-right ul,
    .index_news .tjp-topic.clone-share .topic-top-right ul,
    .paperedition .tjp-topic.clone-share .topic-top-right ul {
        border: 0
    }
}
@media (max-width: 768px) {
    .portal_page .showin-mobile-version,
    .news-color .showin-mobile-version,
    .paperedition .showin-mobile-version,
    .index_all .showin-mobile-version {
        border-bottom: 1px solid #DD1E26
    }
    .portal_page .showin-mobile-version .btn-toggle.current a span,
    .news-color .showin-mobile-version .btn-toggle.current a span,
    .paperedition .showin-mobile-version .btn-toggle.current a span,
    .index_all .showin-mobile-version .btn-toggle.current a span {
        border-color: #DD1E26
    }
}
.portal_page .tjp-full-block-channel .full-block-caption:before,
.news-color .tjp-full-block-channel .full-block-caption:before {
    background-color: #DD1E26
}
.sea-color .tjp-full-block-channel .full-block-caption:before {
    background-color: #722A14
}
.community .tjp-full-block-channel .full-block-caption:before {
    background-color: #F07E00
}
.academia_color .tjp-full-block-channel .full-block-caption:before {
    background-color: #3F9EDC
}
.channel-life .tjp-full-block-channel .full-block-caption:before {
    background-color: #823A9D
}
.channel-travel .tjp-full-block-channel .full-block-caption:before {
    background-color: #6FB01E
}
.student .tjp-full-block-channel .full-block-caption:before {
    background-color: #FFCD00
}
.multimedia-color .tjp-full-block-channel .full-block-caption:before {
    background-color: #009E97
}
.paperedition .tjp-full-block-channel .full-block-caption:before {
    background-color: #DD1E26
}
.sea-color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #722A14;
    color: #fff
}
.community .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #F07E00;
    color: #fff
}
.academia_color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #3F9EDC;
    color: #fff
}
.channel-life .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #823A9D;
    color: #fff
}
.channel-travel .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #6FB01E;
    color: #fff
}
.student .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #FFCD00;
    color: #000
}
.paperedition .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption,
.portal_page .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption,
.news-color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #DD1E26;
    color: #fff
}
.multimedia-color .tjp-full-block-channel .main-container .tjp-detail-caption .detail-caption .button-caption {
    background-color: #009E97;
    color: #fff
}
@media (max-width: 768px) {
    .channel-travel .showin-mobile-version {
        border-bottom: 1px solid #80BA26
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-pargph-2 {
        border: 0
    }
}
@media (max-width: 768px) {
    .channel-travel .main-container .full-banner a {
        display: block
    }
}
@media (max-width: 768px) {
    .channel-travel .main-container .full-banner .image-banner {
        margin: 0;
        float: none
    }
}
@media (max-width: 768px) {
    .channel-travel .main-container .full-banner {
        padding: 0;
        border-bottom: 0;
        margin: 0
    }
}
.channel-travel .tjp-latest-entry ul {
    border: 0;
    margin: 0 0 15px
}
.channel-travel .tjp-latest-entry ul li .latest-travel {
    padding: 0px
}
.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    display: inline-block;
    width: 100%
}
.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
    width: 100%;
    height: 250px;
    position: relative;
    padding: 15px 20px
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
        width: 94px;
        height: 52px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 639px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
        width: 69px;
        height: 38px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 480px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .image-latest {
        width: 67px;
        height: 37px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
    padding: 15px 20px
}
.channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest a .date:before {
    background-color: #6FB01E
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
        padding: 0 0 16px 115px;
        min-height: 68px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}
@media (max-width: 639px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
        padding: 0 0 16px 87px;
        min-height: 38px;
        position: relative;
        width: 100%
    }
}
@media (max-width: 480px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest .detail-latest {
        padding: 0 0 16px 79px;
        min-height: 37px;
        position: relative;
        width: 100%
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .top-latest {
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        padding: 0;
        margin: 0 0 16px;
        float: left;
        width: 100%
    }
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel {
    display: inline-block;
    padding: 32px 0px 0px;
    list-style: none;
    width: 100%
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li {
    border: 0;
    width: 50%;
    float: left;
    border: none;
    margin: 0
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child {
    padding: 0 12px 0 0
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child {
        padding: 0
    }
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest p {
    margin: 0
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest a .date:before {
    background-color: #6FB01E
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest {
        padding: 0 0 16px 115px;
        min-height: 68px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 639px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest {
        padding: 0 0 16px 87px;
        min-height: 38px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 480px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .detail-latest {
        padding: 0 0 16px 79px;
        min-height: 37px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:first-child .image-latest {
        padding: 0
    }
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) {
    padding: 0 0 0 12px
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) {
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest p {
    margin: 0
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest a .date:before {
    background-color: #6FB01E
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest {
        padding: 0 0 16px 115px;
        min-height: 68px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 639px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest {
        padding: 0 0 16px 87px;
        min-height: 38px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 480px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .detail-latest {
        padding: 0 0 16px 79px;
        min-height: 37px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li:nth-child(2) .image-latest {
        padding: 0
    }
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
    height: 140px;
    width: 100%;
    margin: 0px 0px 16px;
    position: relative
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
        width: 94px;
        height: 52px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 639px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
        width: 69px;
        height: 38px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 480px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .image-latest {
        width: 67px;
        height: 37px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
.channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
    margin: 0;
    padding: 0
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest p {
        margin: 0
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
        padding: 0 0 0 115px;
        min-height: 68px
    }
}
@media (max-width: 639px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
        padding: 0 0 0 87px;
        min-height: 38px
    }
}
@media (max-width: 480px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li .detail-latest {
        padding: 0 0 0 79px;
        min-height: 37px
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel li {
        width: 100%;
        padding: 0;
        margin: 0 0 16px
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li .latest-travel .next-latest-travel {
        padding: 0;
        margin: 0
    }
}
.channel-travel .tjp-latest-entry ul li:last-child .next-latest-travel li:last-child {
    border: 0;
    padding: 0
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li:last-child .next-latest-travel li:last-child .detail-latest {
        border: 0;
        margin: 0
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li:last-child .next-latest-travel li li {
        margin: 0
    }
}
@media (max-width: 768px) {
    .channel-travel .tjp-latest-entry ul li {
        padding: 0 24px;
        margin: 0
    }
}
@media (max-width: 639px) {
    .channel-travel .tjp-latest-entry ul li {
        padding: 0 12px;
        margin: 0
    }
}
.channel-travel .tjp-latest-entry .seeall {
    border-top: 0
}
.channel-travel .tjp-latest-entry .seeall p {
    border-top: 2px solid #6FB01E;
    color: #6FB01E
}
.channel-travel .tjp-control-paging li {
    margin: 0 5px
}
.channel-travel .tjp-control-paging li a {
    background: #ffffff;
    box-shadow: none;
    cursor: pointer
}
.channel-travel .tjp-control-paging li a.tjp-active {
    background: #6FB01E;
    box-shadow: none
}
.channel-travel .tjpslide .tjp-direction-nav a {
    top: 19px;
    width: 61px;
    background-size: 163px auto
}
@media (max-width: 768px) {
    .channel-travel .tjpslide .tjp-direction-nav a {
        background-size: 100px;
        width: 48px
    }
}
@media (max-width: 639px) {
    .channel-travel .tjpslide .tjp-direction-nav a {
        bottom: unset;
        height: 36px;
        width: 48px;
        top: 140px;
        background-size: 100px auto
    }
}
@media (max-width: 480px) {
    .channel-travel .tjpslide .tjp-direction-nav a {
        top: 95px
    }
}
.channel-travel .tjpslide .tjp-direction-nav a.tjp-next {
    background-position: -103px center
}
@media (max-width: 768px) {
    .channel-travel .tjpslide .tjp-direction-nav a.tjp-next {
        background-position: -52px center
    }
}
.channel-travel .container-left .news-contributor .seeall p {
    border-top: 2px solid #6FB01E
}
.container-slide-ac {
    clear: both
}
.container-slide-ac .container-academia-slide {
    width: 100%
}
@media (max-width: 768px) {
    .channel-life .main-container .full-banner a {
        display: block
    }
}
@media (max-width: 768px) {
    .channel-life .main-container .full-banner .image-banner {
        margin: 0;
        float: none
    }
}
@media (max-width: 768px) {
    .channel-life .main-container .full-banner {
        padding: 0;
        border-bottom: 0;
        margin: 0
    }
}
.channel-life .container-right .tjp-sosmed .global-view,
.channel-life .container-right .tjp-sosmed .only-news-view,
.channel-life .container-right .tjp-sosmed .only-jobs-view,
.channel-life .container-right .tjp-sosmed .only-travel-view {
    display: none;
    opacity: 0;
    visibility: hidden
}
.channel-life .container-right .tjp-sosmed .only-life-view {
    display: block
}
.channel-life .tjp-latest-entry ul {
    border: 0
}
.channel-life .tjp-latest-entry ul li .latest-life {
    padding: 0px
}
.channel-life .tjp-latest-entry ul li .latest-life .top-latest {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    display: inline-block;
    width: 100%
}
.channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
    width: 100%;
    height: 250px;
    position: relative;
    padding: 15px 20px
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
        width: 94px;
        height: 52px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 639px) {
    .channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
        width: 69px;
        height: 38px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 480px) {
    .channel-life .tjp-latest-entry ul li .latest-life .top-latest .image-latest {
        width: 67px;
        height: 37px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
.channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
    padding: 15px 20px
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
        padding: 0 0 16px 115px;
        min-height: 68px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}
@media (max-width: 639px) {
    .channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
        padding: 0 0 16px 87px;
        min-height: 38px;
        position: relative;
        width: 100%
    }
}
@media (max-width: 480px) {
    .channel-life .tjp-latest-entry ul li .latest-life .top-latest .detail-latest {
        padding: 0 0 16px 79px;
        min-height: 37px;
        position: relative;
        width: 100%
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .top-latest {
        border-top: 0;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        padding: 0;
        margin: 0 0 16px;
        float: left;
        width: 100%
    }
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life {
    display: inline-block;
    padding: 32px 0px 0px;
    list-style: none;
    width: 100%
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li {
    border: 0;
    width: 50%;
    float: left;
    border: none
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child {
    padding: 0 12px 0 0
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child {
        padding: 0
    }
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest p {
    margin: 0
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest {
        padding: 0 0 16px 115px;
        min-height: 68px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 639px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest {
        padding: 0 0 16px 87px;
        min-height: 38px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 480px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .detail-latest {
        padding: 0 0 16px 79px;
        min-height: 37px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:first-child .image-latest {
        padding: 0
    }
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) {
    padding: 0 0 0 12px
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) {
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest p {
    margin: 0
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest {
        padding: 0 0 16px 115px;
        min-height: 68px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 639px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest {
        padding: 0 0 16px 87px;
        min-height: 38px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 480px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .detail-latest {
        padding: 0 0 16px 79px;
        min-height: 37px;
        height: auto;
        width: 100%;
        position: relative
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li:nth-child(2) .image-latest {
        padding: 0
    }
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
    height: 140px;
    width: 100%;
    margin: 0px 0px 16px;
    position: relative
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
        width: 94px;
        height: 52px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 639px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
        width: 69px;
        height: 38px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
@media (max-width: 480px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .image-latest {
        width: 67px;
        height: 37px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }
}
.channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
    margin: 0;
    padding: 0
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest p {
        margin: 0
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
        padding: 0 0 0 115px;
        min-height: 68px
    }
}
@media (max-width: 639px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
        padding: 0 0 0 87px;
        min-height: 38px
    }
}
@media (max-width: 480px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li .detail-latest {
        padding: 0 0 0 79px;
        min-height: 37px
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life li {
        width: 100%;
        padding: 0;
        margin: 0 0 16px
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li .latest-life .next-latest-life {
        padding: 0
    }
}
.channel-life .tjp-latest-entry ul li:last-child .next-latest-life li:last-child {
    border: 0;
    padding: 0
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li:last-child .next-latest-life li:last-child .detail-latest {
        border: 0;
        margin: 0
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li:last-child .next-latest-life li li {
        margin: 0
    }
}
@media (max-width: 768px) {
    .channel-life .tjp-latest-entry ul li {
        padding: 0 24px;
        margin: 0
    }
}
@media (max-width: 639px) {
    .channel-life .tjp-latest-entry ul li {
        padding: 0 12px;
        margin: 0
    }
}
.channel-life .tjp-latest-entry .seeall p {
    border-top: 2px solid #823A9D
}
.channel-life .tjp-control-paging li {
    margin: 0 5px
}
.channel-life .tjp-control-paging li a {
    background: #ffffff;
    box-shadow: none;
    cursor: pointer
}
.channel-life .tjp-control-paging li a.tjp-active {
    background: #823A9D;
    box-shadow: none
}
.channel-life .tjpslide .tjp-direction-nav a {
    top: 19px;
    width: 61px;
    background-size: 163px auto
}
@media (max-width: 768px) {
    .channel-life .tjpslide .tjp-direction-nav a {
        background-size: 100px;
        width: 48px
    }
}
@media (max-width: 639px) {
    .channel-life .tjpslide .tjp-direction-nav a {
        bottom: unset;
        height: 36px;
        width: 48px;
        top: 140px;
        background-size: 100px auto
    }
}
@media (max-width: 480px) {
    .channel-life .tjpslide .tjp-direction-nav a {
        top: 95px
    }
}
.channel-life .tjpslide .tjp-direction-nav a.tjp-next {
    background-position: -103px center
}
@media (max-width: 768px) {
    .channel-life .tjpslide .tjp-direction-nav a.tjp-next {
        background-position: -52px center
    }
}
.channel-life .container-left .news-contributor .seeall {
    color: #823A9D
}
.channel-life .container-left .news-contributor .seeall p {
    border-top: 2px solid #823A9D
}
.channel-life .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
    background-color: #823A9D
}
.channel-life .date:before {
    background-color: #662482
}
.channel-life .full-banner .cp-bn-comty .detail-cp span span:before {
    top: 4px
}
.tjp-popup .box-login .password {
    margin: 2px 0 0
}
.tjp-popup .box-login h3.prof-name-log {
    text-align: center;
    padding: 30px 0 0;
    margin: 0
}
.tjp-popup .box-login form.prof-logout {
    padding: 0px 16px 20px
}
.tjp-popup .box-login form.prof-logout input {
    border: 0;
    background: #DD1E26;
    color: #fff;
    font-size: 18px;
    font-family: 'Helveticaff';
    text-transform: uppercase
}
.tjp-popup .box-login form .forgot-form {
    font-family: "Helveticaff"
}
.tjp-popup .box-login .form-group {
    position: relative
}
.tjp-popup .box-login .form-group .icon-absolute {
    background: transparent url("../img-custom/TJP-intergrated--login_sign-up_2-1.png");
    position: absolute;
    height: 17px;
    width: 18px;
    bottom: 11px;
    left: 7px
}
.tjp-popup .box-login .form-group .top-link-icon-use {
    background-position: -34px 0px
}
.tjp-popup .box-login .form-group .top-link-icon-pass {
    background-position: -146px 0px
}
.tjp-popup .box-login .form-group #email-top {
    padding-left: 35px;
    margin: 5px 0px;
    width: 100%;
    font-family: "Helveticaff"
}
.tjp-popup .box-login .form-group #password-top {
    padding-left: 35px;
    margin: 5px 0px;
    width: 100%;
    font-family: "Helveticaff"
}
.tjp-popup .box-login span {
    color: #6B6B6A;
    font-size: 19px;
    font-family: "Helveticaff"
}
.tjp-popup .box-login span a {
    color: #007FB1;
    font-size: 19px;
    text-decoration: underline
}
.tjp-popup .box-login .social-login {
    border-top: 1px solid #e5e5e5;
    margin: 0;
    padding: 20px
}
.tjp-popup .box-login .social-login .btn {
    color: #FFF;
    margin: 8px 0px;
    border-radius: 0px;
    padding: 7px;
    border: medium none
}
.tjp-popup .box-login .social-login .btn span {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #FFF
}
.tjp-popup .box-login .social-login .btn-fb {
    color: #FFF;
    width: 100%;
    background: #374DA1 none repeat scroll 0% 0%
}
.tjp-popup .box-login .social-login .btn-fb span {
    position: relative;
    left: 5px
}
.tjp-popup .box-login .social-login .btn-g-plus {
    color: #FFF;
    width: 100%;
    background: #EA624F none repeat scroll 0% 0%
}
.tjp-popup .box-login .social-login .btn-g-plus span {
    position: relative;
    left: 5px
}
.tjp-popup .box-login .social-login .btn-linkedln {
    color: #FFF;
    width: 100%;
    background: #0080B2 none repeat scroll 0% 0%
}
.tjp-popup .box-login .social-login .btn-linkedln span {
    position: relative;
    left: 5px
}
.tjp-popup .box-login h3 {
    color: #272724;
    font-family: 'Helveticaff';
    font-weight: bold;
    font-size: 18px;
    margin-top: 0px
}
.action-search button {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none
}
.action-search input[type="text"] {
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .sea-color .showin-mobile-version,
    .sea-color .ads-mobile-leaderboard {
        border-bottom: 1px solid #722A14
    }
}
.sea-color .tjp-popup .box-login:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #722A14
}
.sea-color .tjp-popup .box-login .forgot-form {
    color: #722A14
}
.sea-color .tjp-popup .box-login .btn-login-account {
    background: #722A14
}
.sea-color .action-search:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #722A14
}
.sea-color .tjpslide .date.news::before {
    background-color: #722A14
}
.sea-color .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -41px -41px
}
.index-community.community .container-left .news-week .community-title,
.index_academia .container-left .news-week .community-title {
    display: none
}
.community .login::before,
.community .search,
.community .see-photo .title a,
.community .news-contributor .title a,
.community .see-photo .sub-title,
.community .news-contributor .sub-title,
.community .tjp-footer .link-footer a,
.community .tjp-footer .partner-footer ul li a {
    color: #F07E00
}
@media (max-width: 639px) {
    .community .tjpslide .banner-top {
        border-bottom: 1px solid #ddd
    }
}
.community .ads-mobile-leaderboard {
    border-bottom: 1px solid #F07E00
}
.community .tjp-popup .box-login:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #F07E00
}
.community .tjp-popup .box-login .forgot-form {
    color: #F07E00
}
.community .tjp-popup .box-login .btn-login-account {
    background: #F07E00
}
.community .action-search:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #F07E00
}
.community .tjp-latest-entry .top-latest-entry .seeall {
    color: #F07E00
}
.community .tjp-latest-entry .seeall {
    color: #F07E00
}
.community .tjp-follow-sosmed .tjp-sosmed .only-news-view,
.community .tjp-follow-sosmed .tjp-sosmed .only-jobs-view,
.community .tjp-follow-sosmed .tjp-sosmed .only-travel-view,
.community .tjp-follow-sosmed .tjp-sosmed .only-life-view {
    display: none
}
.community .tjp-discus .tjp-discus-tab li a.tjp-tab-current:before {
    background-color: #F07E00
}
.community .tjp-topic .topic-bot-right .share-article {
    background-color: #F07E00
}
.community .tjp-topic .topic-bot-right .share-article:after {
    border-top-color: #F07E00
}
.community .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -81px -41px
}
@media (max-width: 768px) {
    .container-slide-ac {
        padding: 25px 24px;
        clear: both
    }
}
@media (max-width: 639px) {
    .container-slide-ac {
        padding: 25px 12px
    }
}
.community .tjpslide .detail-slide-caption .profile {
    position: absolute
}
.community .tjpslide .detail-slide-caption p {
    min-height: 48px;
    position: relative;
    padding-left: 60px;
    display: inline-block
}
.community .tjpslide .detail-slide-caption p span {
    clear: both;
    float: left;
    font-family: "Lato", sans-serif;
    font-size: 18px
}
@media (max-width: 768px) {
    .community .tjpslide .detail-slide-caption p span {
        font-size: 14px
    }
    .community .tjpslide .detail-slide-caption p span:last-child {
        color: #828282
    }
}
.community .tjpslide .detail-slide-caption p .publisher-job {
    font-size: 16px
}
@media (max-width: 768px) {
    .community .tjpslide .detail-slide-caption p {
        display: inline-block;
        opacity: 1;
        visibility: visible
    }
}
.community .tjp-pargph-1 .small-image {
    width: 39px;
    height: 39px;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    display: inline-block
}
.community .tjp-pargph-1 .small-image img {
    width: auto;
    height: 100%;
    vertical-align: middle
}
.academia_color .tjp-latest-entry>ul,
.academia_color .jak-pos-contact,
.academia_color .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.academia_color .see-photo .news-latest ul,
.academia_color .news-contributor .news-latest ul,
.academia_color .jak-pos-contact {
    border-color: #3F9EDC
}
.academia_color .login::before,
.academia_color .search,
.academia_color .see-photo .title a,
.academia_color .news-contributor .title a,
.academia_color .see-photo .sub-title,
.academia_color .news-contributor .sub-title,
.academia_color .tjp-footer .link-footer a,
.academia_color .tjp-footer .partner-footer ul li a {
    color: #3F9EDC
}
.academia_color .seeall,
.academia_color .see-photo a .desc-photo span.box-desc small,
.academia_color .news-contributor a .desc-photo span.box-desc small {
    color: #3F9EDC
}
.academia_color .suscribe input[type="submit"] {
    background-color: #3F9EDC
}
.academia_color .tjp-footer .suscribe #mc_embed_signup input.button,
.academia_color .container-right .suscribe #mc_embed_signup input.button {
    background-color: #3F9EDC
}
.academia_color .tjp-topic .topic-bot-right .share-article {
    background-color: #3F9EDC
}
.academia_color .tjp-topic .topic-bot-right .share-article:after {
    border-top-color: #3F9EDC
}
.academia_color .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -121px -41px
}
.academia_color .ads-mobile-leaderboard {
    border-bottom: 1px solid #3F9EDC
}
@media (max-width: 639px) {
    .academia_color .tjp-footer .partner-footer .main-center {
        padding: 16px 12px 11px
    }
}
.index_academia .news-latest .detail-latest .user-latest {
    font-family: 'BrandonGrotesqueWeb-Light';
    color: #010100;
    font-size: 14px;
    line-height: 18px;
    display: block
}
.index_academia .container-academia-slide h1 {
    font-family: 'Helveticaff';
    color: #000
}
.index_academia .tjpslide .detail-slide-caption .profile {
    position: absolute
}
.index_academia .tjpslide .detail-slide-caption p {
    min-height: 48px;
    position: relative;
    padding-left: 60px;
    display: inline-block
}
.index_academia .tjpslide .detail-slide-caption p span {
    clear: both;
    float: left;
    font-family: 'Helveticaff';
    font-size: 18px
}
@media (max-width: 768px) {
    .index_academia .tjpslide .detail-slide-caption p span {
        font-size: 14px
    }
    .index_academia .tjpslide .detail-slide-caption p span:last-child {
        color: #828282
    }
}
.index_academia .tjpslide .detail-slide-caption p .publisher-job {
    font-size: 16px
}
@media (max-width: 768px) {
    .index_academia .tjpslide .detail-slide-caption p {
        display: inline-block;
        opacity: 1;
        visibility: visible
    }
}
.index_academia .tjp-pargph-1 .small-image {
    width: 39px;
    height: 39px;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    display: inline-block
}
.index_academia .tjp-pargph-1 .small-image img {
    width: auto;
    height: 100%;
    vertical-align: middle
}
.index_academia .main-working-paper .tjp-latest-entry {
    padding: 0px 25px 0px 25px
}
.index_academia .main-working-paper .tjp-latest-entry ul li {
    padding: 0
}
@media (max-width: 768px) {
    .index_academia .main-working-paper .tjp-latest-entry ul li {
        padding: 0 25px
    }
}
@media (max-width: 639px) {
    .index_academia .main-working-paper .tjp-latest-entry ul li {
        padding: 0 12px
    }
}
@media (max-width: 768px) {
    .index_academia .main-working-paper .tjp-latest-entry {
        padding: 0;
        margin-bottom: 0
    }
}
.index_academia .container-left .event-community {
    width: 100%
}
.index_academia .container-left .event-community .seeall {
    color: #3F9EDC
}
.index_academia .container-left .event-community .seeall p {
    border-top: 2px solid #3F9EDC;
    font-family: "box-medium", "ABeeZee", arial, calibri, sans-serif;
    font-size: 16px
}
@media (max-width: 768px) {
    .index_academia .container-left .event-community .seeall p {
        font-size: 16px;
        padding-bottom: 16px
    }
}
@media (max-width: 639px) {
    .index_academia .container-left .event-community .seeall p {
        font-size: 14px
    }
}
@media (max-width: 768px) {
    .index_academia .container-left .event-community {
        padding: 16px 0 0;
        margin: 0
    }
}
.index_academia .tjp-latest-entry .top-latest-entry .seeall {
    color: #4DAEE3
}
.index_academia .tjp-latest-entry ul li.highlight .title-large::before {
    background-color: #4DAEE3
}
.index_academia .tjp-latest-entry ul li.highlight .date.today::before {
    background-color: #4DAEE3
}
.index_academia .bg-wsmoke h3 span {
    font-family: "Helveticaff"
}
.academia_color .menu-active-breadcrumbs .breadcrumbs li:before {
    background-color: #3F9EDC
}
@media (max-width: 768px) {
    .academia_color .container .main-center {
        padding: 0 0 24px
    }
}
@media (max-width: 639px) {
    .academia_color .tjp-pargph-1 .tjpslide {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        padding-bottom: 16px;
        margin: 0
    }
}
@media (max-width: 768px) {
    .academia_color .detail-slide-caption p span {
        font-size: 14px
    }
    .academia_color .detail-slide-caption p span:last-child {
        color: #828282
    }
}
@media (max-width: 768px) {
    .academia_color .showin-mobile-version {
        border-bottom: 1px solid #3F9EDC
    }
    .academia_color .showin-mobile-version .btn-toggle.current a span {
        color: #3F9EDC;
        border-color: #3F9EDC
    }
}
.academia_color .container-left .news-contributor .seeall p {
    border-top: 2px solid #4DAEE3
}
.academia_color .container-left .news-contributor .news-week .title {
    margin: 20px 0 15px;
    color: #000
}
.academia_color .container-left .news-contributor .news-latest ul li {
    border: 0;
    margin: 0 0 20px
}
.academia_color .tjp-latest-entry .seeall p {
    border-top: 2px solid #4DAEE3;
    color: #4DAEE3
}
@media (max-width: 768px) {
    .academia_color .tjp-latest-entry .seeall {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .academia_color .tjp-latest-entry .seeall {
        padding: 0 12px
    }
}
.academia_color .tjp-latest-entry ul li .detail-latest {
    min-height: 97px
}
@media (max-width: 639px) {
    .academia_color .tjp-latest-entry ul li .detail-latest {
        min-height: 83px
    }
}
@media (max-width: 768px) {
    .academia_color .tjp-latest-entry ul li.highlight.top-highlight {
        background: #f3f3f3;
        padding: 20px 24px 16px
    }
}
@media (max-width: 639px) {
    .academia_color .tjp-latest-entry ul li.highlight.top-highlight {
        padding: 20px 12px 16px
    }
}
@media (max-width: 768px) {
    .academia_color .tjp-latest-entry ul li.highlight {
        padding: 20px 24px 0;
        margin: -16px 0 16px
    }
}
@media (max-width: 639px) {
    .academia_color .tjp-latest-entry ul li.highlight {
        padding: 20px 12px 16px
    }
}
@media (max-width: 768px) {
    .academia_color .tjp-latest-entry ul li.highlight .detail-latest {
        min-height: 0
    }
}
@media (max-width: 639px) {
    .academia_color .tjp-latest-entry ul li.highlight .detail-latest {
        min-height: 0
    }
}
.academia_color .tjp-popup .box-login:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #3F9EDC
}
.academia_color .tjp-popup .box-login .forgot-form {
    color: #3F9EDC
}
.academia_color .tjp-popup .box-login .btn-login-account {
    background: #3F9EDC
}
.academia_color .action-search:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #3F9EDC
}
.academia_color .tjp-full-block-channel .main-container .big-img {
    padding: 0 0 24px
}
.academia_color .tjp-follow-sosmed .tjp-sosmed .only-news-view,
.academia_color .tjp-follow-sosmed .tjp-sosmed .only-jobs-view,
.academia_color .tjp-follow-sosmed .tjp-sosmed .only-travel-view,
.academia_color .tjp-follow-sosmed .tjp-sosmed .only-life-view {
    display: none
}
.academia_color .date::before {
    color: #3F9EDC
}
@media (max-width: 768px) {
    .multimedia-color .showin-mobile-version {
        border-bottom: 1px solid #009E97
    }
    .multimedia-color .showin-mobile-version .btn-toggle.current a span {
        color: #009E97;
        border-color: #009E97
    }
}
@media (max-width: 768px) {
    .channel-life .showin-mobile-version {
        border-bottom: 1px solid #662482
    }
    .channel-life .showin-mobile-version .btn-toggle.current a span {
        color: #662482;
        border-color: #662482
    }
}
.channel-life .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -161px -41px
}
.channel-life .ads-mobile-leaderboard {
    border-bottom: 1px solid #662482
}
@media (max-width: 768px) {
    .life_index .showin-mobile-version {
        border-bottom: 1px solid #662482
    }
    .life_index .showin-mobile-version .btn-toggle.current a span {
        color: #662482;
        border-color: #662482
    }
}
.life_index .tjp-latest-entry .title-large:before {
    background-color: #823A9D
}
.life_index .tjp-latest-entry .latest-life a {
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}
.life_index .tjp-latest-entry li {
    border-bottom: 0px none
}
.date.life span,
.date.life {
    color: #000
}
.date.life:before {
    top: -3px;
    width: 3px
}
.channel-life .tjp-latest-entry>ul,
.channel-life .jak-pos-contact,
.channel-life .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.channel-life .see-photo .news-latest ul,
.channel-life .news-contributor .news-latest ul,
.channel-life .jak-pos-contact {
    border-color: #823A9D
}
.channel-life .login::before,
.channel-life .search,
.channel-life .see-photo .title a,
.channel-life .news-contributor .title a,
.channel-life .see-photo .sub-title,
.channel-life .news-contributor .sub-title,
.channel-life .tjp-footer .link-footer a,
.channel-life .tjp-footer .partner-footer ul li a {
    color: #823A9D
}
.channel-life .seeall,
.channel-life .see-photo a .desc-photo span.box-desc small,
.channel-life .news-contributor a .desc-photo span.box-desc small {
    color: #823A9D
}
.channel-life .tjp-footer .suscribe #mc_embed_signup input.button,
.channel-life .container-right .suscribe #mc_embed_signup input.button {
    background-color: #823A9D
}
.channel-life .suscribe input[type="submit"] {
    background-color: #823A9D
}
.channel-life .tjp-topic .topic-bot-right .share-article {
    background-color: #823A9D
}
.channel-life .tjp-topic .topic-bot-right .share-article:after {
    border-top-color: #823A9D
}
.channel-life .tjp-popup .box-login:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #823A9D
}
.channel-life .tjp-popup .box-login .forgot-form {
    color: #823A9D
}
.channel-life .tjp-popup .box-login .btn-login-account {
    background: #823A9D
}
.channel-life .action-search:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #823A9D
}
.channel-life .tjp-latest-entry .top-latest-entry .seeall {
    color: #823A9D
}
.channel-life .tjp-latest-entry .seeall {
    color: #823A9D
}
.channel-life .tjp-latest-entry .seeall p {
    color: #823A9D
}
.channel-life .community .news-contributor .sub-title {
    color: #823A9D
}
.channel-life .next-latest-life li a {
    border: 0px none;
    padding: 0px
}
.channel-travel .full-banner .date::before {
    background-color: #6FB01E
}
.channel-travel .tjp-popup .box-login:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #6FB01E
}
.channel-travel .tjp-popup .box-login .forgot-form {
    color: #6FB01E
}
.channel-travel .tjp-popup .box-login .btn-login-account {
    background: #6FB01E
}
.channel-travel .tjp-footer .suscribe #mc_embed_signup input.button,
.channel-travel .container-right .suscribe #mc_embed_signup input.button {
    background-color: #6FB01E
}
.channel-travel .ads-mobile-leaderboard {
    border-bottom: 1px solid #6FB01E
}
.channel-travel .action-search:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #6FB01E
}
.channel-travel .tjp-latest-entry .top-latest-entry .seeall {
    color: #6FB01E
}
.channel-travel .tjp-latest-entry .seeall {
    color: #6FB01E
}
.channel-travel .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -201px -41px
}
.channel-travel .full-banner .cp-bn-comty .detail-cp span span:before {
    top: 4px
}
.student.community .tjp-latest-entry>ul,
.student.community .jak-pos-contact,
.student.community .tjp-most-recent ul.tjp-tab li a.tjp-tab-current,
.student.community .see-photo .news-latest ul,
.student.community .news-contributor .news-latest ul,
.student.community .jak-pos-contact {
    border-color: #FFCD00
}
.student.community .login::before,
.student.community .search {
    color: #FFCD00
}
.student.community .see-photo .title a,
.student.community .news-contributor .title a,
.student.community .see-photo .sub-title,
.student.community .news-contributor .sub-title,
.student.community .tjp-footer .link-footer a,
.student.community .tjp-footer .partner-footer ul li a {
    color: #bf9a00
}
.student.community .seeall,
.student.community .see-photo a .desc-photo span.box-desc small,
.student.community .news-contributor a .desc-photo span.box-desc small {
    color: #bf9a00
}
.student.community .suscribe input[type="submit"] {
    background-color: #FFCD00;
    color: #000
}
.student.community .tjp-footer .suscribe #mc_embed_signup input.button,
.student.community .container-right .suscribe #mc_embed_signup input.button {
    background-color: #FFCD00;
    color: #000
}
.student.community .ads-mobile-leaderboard {
    border-bottom: 1px solid #FFCD00
}
.student.community .tjp-topic .topic-bot-right .share-article {
    background-color: #FFCD00;
    color: #000
}
.student.community .tjp-topic .topic-bot-right .share-article:after {
    border-top-color: #FFCD00
}
.student.community .tjp-pargph-1 .tjpslide .banner-top {
    border-bottom: 0
}
.student.community .tjp-pargph-1 .tjpslide .banner-top .tjp-detail-caption .date:before {
    background-color: #FFCD00
}
@media (max-width: 639px) {
    .student.community .tjp-pargph-1 .tjpslide {
        padding-bottom: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }
}
.student.community .showin-mobile-version .btn-toggle.current a span {
    border-color: #FFCD00
}
@media (max-width: 768px) {
    .student.community .showin-mobile-version {
        border-bottom: 1px solid #FFCD00
    }
}
.student.community .tjp-popup .box-login:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #FFCD00
}
.student.community .tjp-popup .box-login .forgot-form {
    color: #BF9A00
}
.student.community .tjp-popup .box-login .btn-login-account {
    background: #FFCD00
}
.student.community .action-search:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #FFCD00
}
.student.community .container-left .news-contributor .seeall {
    color: #bf9a00
}
.student.community .container-left .news-contributor .seeall p {
    border-top: 2px solid #FFCD00
}
.student.community .login::before,
.student.community .search {
    color: #FFCD00
}
.student.community .tjp-footer .link-footer a {
    color: #bf9a00
}
.student.community .news-contributor .sub-title {
    color: #bf9a00
}
.student.community .tjp-latest-entry .title-large::before {
    background-color: #FFCD00
}
@media (max-width: 768px) {
    .student.community .tjp-latest-entry ul li .detail-latest {
        min-height: 68px
    }
}
@media (max-width: 639px) {
    .student.community .tjp-latest-entry ul li .detail-latest {
        min-height: 38px
    }
}
@media (max-width: 480px) {
    .student.community .tjp-latest-entry ul li .detail-latest {
        min-height: 37px
    }
}
.student.community .tjp-latest-entry .seeall {
    color: #bf9a00
}
.student.community .tjp-latest-entry .seeall p {
    border-top: 2px solid #FFCD00;
    color: #bf9a00
}
.student.community .tjp-footer .suscribe input[type="submit"] {
    background-color: #FFCD00;
    color: #000
}
.student.community .tjp-footer .partner-footer ul li a {
    color: #bf9a00
}
.student.community .suscribe input[type="submit"] {
    color: #000
}
.student.community .date::before,
.student.community .date.today::before {
    background-color: #FFCD00
}
.student.community .tjp-follow-sosmed .tjp-sosmed .only-news-view,
.student.community .tjp-follow-sosmed .tjp-sosmed .only-jobs-view,
.student.community .tjp-follow-sosmed .tjp-sosmed .only-travel-view,
.student.community .tjp-follow-sosmed .tjp-sosmed .only-life-view {
    display: none
}
.student.community .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -241px -41px
}
.signup .form-group input {
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: -moz-use-text-color -moz-use-text-color #A3ABB3;
    border-radius: 0px;
    box-shadow: none
}
.signup .btn-red {
    background: #B42F25 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: 'Helveticaff';
    font-size: 22px;
    width: 100%;
    border-radius: 0px;
    margin: 10px 0px 20px
}
.user .sub-channel-menu,
.user .only-news-view,
.user .only-jobs-view,
.user .only-travel-view,
.user .only-life-view {
    display: none
}
.user .jak-pos-contact {
    border-color: #DD1E26
}
.user .login,
.user .search,
.user .fa-user::before {
    color: #DD1E26
}
.user .tjp-profile .profile-circl-lg {
    width: 104px;
    height: 104px;
    border-radius: 100%;
    margin-top: -60px;
    overflow: hidden;
    position: relative
}
.user .tjp-profile .profile-circl-lg img {
    height: 100%;
    width: auto;
    max-width: unset;
    position: absolute;
    margin: 0 auto;
    left: -50%;
    right: -50%
}
.user .tjp-profile .tjp-latest-entry {
    height: auto!important
}
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-News:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Politics:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-World:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-National:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-City:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Business:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Todays:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Jplus:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Balibuzz:before {
    background-color: #DD1E26
}
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Seasia:before {
    background-color: #722A14
}
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Community:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Youth:before {
    background-color: #F07E00
}
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Opinion:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Academia:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Interview:before {
    background-color: #3F9EDC
}
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Life:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Style:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Entertainment:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Arts:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Science:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-People:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Health:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Parents:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Food:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Books:before {
    background-color: #823A9D
}
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Travel:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Destinations:before {
    background-color: #6FB01E
}
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Multimedia:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Video:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Photo:before,
.user .tjp-profile .tjp-latest-entry ul li .detail-latest .date-flag .today-Longform:before {
    background-color: #009E97
}
@media (max-width: 768px) {
    .user .tjp-profile .tjp-latest-entry {
        padding: 0 24px;
        width: 100%
    }
    .user .tjp-profile .tjp-latest-entry li {
        padding-right: 0
    }
}
@media (max-width: 768px) {
    .user .tjp-profile .detail-user-profile {
        padding: 0 12px
    }
}
.user .tjp-profile .detail-user-profile .photo-profile {
    width: 140px;
    position: absolute
}
@media (max-width: 480px) {
    .user .tjp-profile .detail-user-profile .photo-profile {
        position: relative;
        width: 104px;
        margin: 0 auto
    }
}
@media (max-width: 480px) {
    .user .tjp-profile .detail-user-profile .photo-profile .follow-profile ul {
        text-align: center
    }
}
.user .tjp-profile .detail-user-profile .activity-profile {
    width: 100%;
    position: relative;
    padding: 0 0 0 130px
}
@media (max-width: 480px) {
    .user .tjp-profile .detail-user-profile .activity-profile {
        clear: both;
        padding: 20px 0 0;
        text-align: center
    }
}
.user .tjp-profile .detail-user-profile .activity-profile .name {
    font-family: "Acta-Bold"
}
@media (max-width: 480px) {
    .user .tjp-profile .detail-user-profile .activity-profile .name {
        font-size: 22px
    }
}
.user .tjp-profile .detail-user-profile .activity-profile .contributor {
    font-family: "Helveticaff"
}
@media (max-width: 480px) {
    .user .tjp-profile .detail-user-profile .activity-profile .contributor {
        font-size: 18px
    }
}
.user .tjp-profile .detail-user-profile .activity-profile p {
    font-family: "Helveticaff"
}
@media (max-width: 480px) {
    .user .tjp-profile .detail-user-profile .activity-profile p {
        font-size: 16px
    }
}
.user .tjp-profile .post-profile {
    margin: 32px 0
}
.user .tjp-profile .post-profile h5 {
    font-family: 'Helveticaff';
    line-height: normal;
    padding: 8px 0 0px
}
@media (max-width: 768px) {
    .user .tjp-profile .post-profile {
        padding: 0 24px
    }
}
.paperedition .banner-leftpaper {
    text-align: center;
    margin-bottom: 16px
}
.paperedition .banner-leftpaper img {
    max-width: 100%;
    max-height: 100%
}
.paperedition .tjp-latest-entry {
    height: auto!important
}
.paperedition .tjp-latest-entry ul li .image-latest {
    padding: 0
}
.paperedition .container-right .tjp-sosmed .only-news-view,
.paperedition .container-right .tjp-sosmed .only-life-view,
.paperedition .container-right .tjp-sosmed .only-jobs-view,
.paperedition .container-right .tjp-sosmed .only-travel-view {
    display: none;
    opacity: 0;
    visibility: hidden
}
.paperedition .paper-edition .tjp-pargph-2 .container-right {
    margin: 0
}
.paperedition .paper-edition .tjp-pargph-2 .title-content {
    margin: 0;
    font-size: 28px;
    font-family: "Helveticaff"
}
.paperedition .paper-edition .tjp-pargph-2 .header-left .title-content {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    margin-bottom: 16px
}
.paperedition .paper-edition .tjp-pargph-2 .choose {
    font-size: 16px;
    font-family: 'Helveticaff';
    padding-bottom: 5px;
    float: left;
    width: 100%;
    text-transform: lowercase
}
.paperedition .paper-edition .tjp-pargph-2 .paper-edition-left .choose {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px
}
.paperedition .paper-edition .tjp-pargph-2 .paper-edition-left .box-paper.speak-banner {
    display: none
}
.ui-datepicker.ui-widget {
    background: #ffffff;
    border: 1px solid #e5e6e6
}
.ui-datepicker.ui-widget .ui-widget-header {
    background: #ffffff;
    border: 0
}
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-title span {
    color: #313534;
    font-family: "Helveticaff"
}
.ui-datepicker.ui-widget .ui-widget-header .ui-state-hover {
    background: #DD1E26;
    color: #ffffff;
    border-radius: 100%;
    border: 0
}
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-prev.ui-state-hover:after,
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-next.ui-state-hover:after {
    color: #fff
}
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-prev span {
    color: #313534;
    background-image: none
}
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-prev:after {
    content: "\f053";
    color: #313534;
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    left: 6px
}
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-next span {
    color: #313534;
    background-image: none
}
.ui-datepicker.ui-widget .ui-widget-header .ui-datepicker-next:after {
    content: "\f054";
    color: #313534;
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    right: 6px
}
.ui-datepicker.ui-widget .ui-state-default {
    background: #ffffff;
    color: #313534;
    text-align: center;
    border: 0;
    width: 30px;
    height: 30px;
    padding: 5px 0;
    border-radius: 100%;
    transition: background-color 0.5s ease
}
.ui-datepicker.ui-widget .ui-state-default:hover {
    transition: background-color 0.5s ease;
    background: #DD1E26;
    color: #ffffff;
    border-radius: 100%
}
.ui-datepicker.ui-widget .ui-state-default.ui-state-active,
.ui-datepicker.ui-widget .ui-state-default.ui-state-highlight {
    background: #DD1E26;
    color: #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    padding: 5px 0
}
.tjp-video a:before {
    display: none
}
.tjp-video .headline-img:before {
    top: 42%
}
@media (max-width: 639px) {
    .tjp-video .headline-img {
        position: relative
    }
    .tjp-video .headline-img:before {
        position: absolute;
        content: "";
        left: 11px;
        bottom: 10px;
        top: unset!important;
        margin: 0 auto;
        width: 52px;
        height: 42px;
        background-image: url("../img/icon-multimedia.svg");
        background-repeat: no-repeat;
        background-position: -4px -76px;
        background-size: 60px
    }
}
.tjp-video .image-latest:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 60px;
    height: 43px;
    background-image: url("../img/icon-multimedia.svg");
    background-repeat: no-repeat;
    background-position: 4px -80px;
    background-size: 60px
}
.tjp-photo a:before {
    display: none
}
.tjp-photo .headline-img:before {
    top: 42%
}
@media (max-width: 639px) {
    .tjp-photo .headline-img {
        position: relative
    }
    .tjp-photo .headline-img:before {
        position: absolute;
        content: "";
        left: 11px;
        bottom: 10px;
        top: unset!important;
        margin: 0 auto;
        width: 52px;
        height: 42px;
        background-image: url("../img/icon-multimedia.svg");
        background-repeat: no-repeat;
        background-position: -4px -6px;
        background-size: 60px
    }
}
.tjp-photo .image-latest:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 60px;
    height: 43px;
    background-image: url("../img/icon-multimedia.svg");
    background-repeat: no-repeat;
    background-position: 4px -11px;
    background-size: 60px
}
.tjp-gallery .image-latest {
    max-height: 203px;
    overflow: hidden
}
@media (max-width: 768px) {
    .tjp-gallery .image-latest {
        max-height: 196px
    }
}
@media (max-width: 639px) {
    .tjp-gallery .image-latest {
        max-height: 347px
    }
}
@media (max-width: 480px) {
    .tjp-gallery .image-latest {
        max-height: 256px
    }
}
@media (max-width: 320px) {
    .tjp-gallery .image-latest {
        max-height: 166px
    }
}
.tjp-gallery.tjp-photo .tjpslide {
    padding: 0
}
.multimedia-color .tjp-popup .box-login:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #009E97
}
.multimedia-color .tjp-popup .box-login .forgot-form {
    color: #009E97
}
.multimedia-color .tjp-popup .box-login .btn-login-account {
    background: #009E97
}
.multimedia-color .action-search:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #009E97
}
@media (max-width: 768px) {
    .multimedia-color .tjpslide.tjp-md-slide {
        border-bottom: 1px solid #F3F3F3;
        padding-bottom: 20px
    }
}
.multimedia-color .tjp-md-headline .headline-img,
.multimedia-color .tjp-md-slide .headline-img {
    height: 510px;
    overflow: hidden
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .headline-img:before,
    .multimedia-color .tjp-md-slide .headline-img:before {
        top: 28%
    }
}
@media (max-width: 480px) {
    .multimedia-color .tjp-md-headline .headline-img:before,
    .multimedia-color .tjp-md-slide .headline-img:before {
        top: 24%
    }
}
@media (max-width: 768px) {
    .multimedia-color .tjp-md-headline .headline-img,
    .multimedia-color .tjp-md-slide .headline-img {
        max-height: 288px
    }
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .headline-img,
    .multimedia-color .tjp-md-slide .headline-img {
        max-height: 239px
    }
}
@media (max-width: 480px) {
    .multimedia-color .tjp-md-headline .headline-img,
    .multimedia-color .tjp-md-slide .headline-img {
        max-height: 180px
    }
}
.multimedia-color .tjp-md-headline .tjp-detail-caption,
.multimedia-color .tjp-md-slide .tjp-detail-caption {
    background: url(../img/gradasi-03.png);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: auto 100%;
    padding: 15px 0 24px
}
.multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum,
.multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum {
    width: 1120px;
    margin: 0 auto;
    padding: 0 24px 0 100px;
    position: relative
}
.multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-play-cap,
.multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-play-cap {
    position: absolute;
    width: 100px;
    height: 60px;
    left: 0;
    bottom: 0;
    background: url(../img/icon-multimedia.svg);
    background-repeat: no-repeat;
    background-position: -7px -122px;
    background-size: 95px
}
@media (max-width: 768px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-play-cap,
    .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-play-cap {
        background-position: 8px -106px;
        background-size: 87px
    }
}
.multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-cam-cap,
.multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-cam-cap {
    position: absolute;
    width: 100px;
    height: 60px;
    left: 0;
    bottom: 0;
    background: url(../img/icon-multimedia.svg);
    background-repeat: no-repeat;
    background-position: -7px -12px;
    background-size: 95px
}
@media (max-width: 768px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum,
    .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum {
        width: 100%
    }
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum,
    .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum {
        padding: 0 12px
    }
    .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-cam-cap,
    .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .btn-play-cap,
    .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-cam-cap,
    .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .btn-play-cap {
        display: none
    }
    .multimedia-color .tjp-md-headline .tjp-detail-caption .tjp-maximum .title-slide-caption,
    .multimedia-color .tjp-md-slide .tjp-detail-caption .tjp-maximum .title-slide-caption {
        line-height: normal
    }
}
.multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption,
.multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption {
    line-height: 36px
}
.multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption a,
.multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption a {
    color: #ffffff;
    font-size: 36px
}
@media (max-width: 768px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption a,
    .multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption a {
        font-size: 18px;
        color: #fff
    }
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption h5.title-slide-caption a,
    .multimedia-color .tjp-md-slide .tjp-detail-caption h5.title-slide-caption a {
        color: #000
    }
}
.multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
    font-size: 14px;
    color: #fff
}
.multimedia-color .tjp-md-headline .tjp-detail-caption a .date:before,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date:before {
    background-color: #009E97;
    top: -3px;
    bottom: 1px
}
.multimedia-color .tjp-md-headline .tjp-detail-caption a .date span,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date span {
    font-size: 14px
}
.multimedia-color .tjp-md-headline .tjp-detail-caption a .date span:before,
.multimedia-color .tjp-md-slide .tjp-detail-caption a .date span:before {
    top: 5px
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption a .date span:before,
    .multimedia-color .tjp-md-slide .tjp-detail-caption a .date span:before {
        background-color: #000
    }
}
@media (max-width: 768px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
    .multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
        font-size: 16px
    }
}
@media (max-width: 680px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
    .multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
        color: #fff
    }
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption a .date,
    .multimedia-color .tjp-md-slide .tjp-detail-caption a .date {
        color: #000
    }
}
@media (max-width: 768px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption,
    .multimedia-color .tjp-md-slide .tjp-detail-caption {
        position: absolute;
        padding: 12px 0
    }
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .tjp-detail-caption,
    .multimedia-color .tjp-md-slide .tjp-detail-caption {
        position: relative;
        background: transparent;
        padding: 12px 0
    }
}
@media (max-width: 680px) {
    .multimedia-color .tjp-md-headline .tjp-direction-nav a,
    .multimedia-color .tjp-md-slide .tjp-direction-nav a {
        top: 0
    }
}
@media (max-width: 639px) {
    .multimedia-color .tjp-md-headline .tjp-direction-nav a,
    .multimedia-color .tjp-md-slide .tjp-direction-nav a {
        top: 125px
    }
}
@media (max-width: 480px) {
    .multimedia-color .tjp-md-headline .tjp-direction-nav a,
    .multimedia-color .tjp-md-slide .tjp-direction-nav a {
        top: 95px
    }
}
.multimedia-color .tjp-md-headline .tjp-direction-nav .tjp-next,
.multimedia-color .tjp-md-slide .tjp-direction-nav .tjp-next {
    right: 0
}
.multimedia-color .menu-active-breadcrumbs .breadcrumbs li:before {
    background-color: #009E97;
    width: 8px;
    height: 8px
}
.multimedia-color .tjp-menu-panel .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -281px -41px
}
.index_photo .main-single-page .title,
.index_video .main-single-page .title,
.multimedia .main-single-page .title {
    font-family: "Helveticaff"
}
.index_photo .main-single-page .title:before,
.index_video .main-single-page .title:before,
.multimedia .main-single-page .title:before {
    top: -1px;
    bottom: 8px
}
.index_photo .photo-gallery,
.index_video .photo-gallery,
.multimedia .photo-gallery {
    width: 774px;
    padding: 28px 25px 0px 0px
}
@media (max-width: 768px) {
    .index_photo .photo-gallery,
    .index_video .photo-gallery,
    .multimedia .photo-gallery {
        padding: 0 12px;
        width: 100%
    }
}
@media (max-width: 639px) {
    .index_photo .photo-gallery,
    .index_video .photo-gallery,
    .multimedia .photo-gallery {
        padding: 0
    }
}
.index_photo .main-md-content .main-container,
.index_video .main-md-content .main-container,
.multimedia .main-md-content .main-container {
    margin: 0
}
.index_photo .main-md-content .tjp-photo-gallery li .detail-latest,
.index_video .main-md-content .tjp-photo-gallery li .detail-latest,
.multimedia .main-md-content .tjp-photo-gallery li .detail-latest {
    padding: 8px 0 0
}
@media (max-width: 768px) {
    .index_photo .main-md-content .tjp-photo-gallery li,
    .index_video .main-md-content .tjp-photo-gallery li,
    .multimedia .main-md-content .tjp-photo-gallery li {
        border-bottom: 1px solid #f3f3f3;
        padding: 16px 8px 11px;
        margin: 0;
        min-height: 0
    }
}
@media (max-width: 639px) {
    .index_photo .main-md-content .tjp-photo-gallery li,
    .index_video .main-md-content .tjp-photo-gallery li,
    .multimedia .main-md-content .tjp-photo-gallery li {
        border-bottom: 0
    }
}
.index_photo .main-md-content .main-single-page li .detail-latest,
.index_video .main-md-content .main-single-page li .detail-latest,
.multimedia .main-md-content .main-single-page li .detail-latest {
    padding: 8px 0 0
}
@media (max-width: 768px) {
    .index_photo .main-md-content .main-single-page li,
    .index_video .main-md-content .main-single-page li,
    .multimedia .main-md-content .main-single-page li {
        border-bottom: 1px solid #f3f3f3;
        padding: 16px 8px 11px;
        margin: 0;
        min-height: 0
    }
}
@media (max-width: 639px) {
    .index_photo .main-md-content .main-single-page li,
    .index_video .main-md-content .main-single-page li,
    .multimedia .main-md-content .main-single-page li {
        border-bottom: 0
    }
}
.multimedia-max-width {
    max-width: 1365px;
    margin: 0px auto;
    background: #FFF none repeat scroll 0% 0%
}
.top-video {
    padding: 24px 0 0
}
.top-video .main-center.main-md-content {
    padding: 0 24px
}
.top-video.theaterActive {
    background: #000
}
.top-video.theaterActive .main-center.video-preview {
    background: #000000;
    height: 575px
}
.top-video.theaterActive .main-center.video-preview .video-player {
    padding-right: 0;
    height: 575px
}
.top-video.theaterActive .main-center.video-preview .video-scroll {
    display: none;
    visibility: hidden;
    opacity: 0
}
#theaterMode {
    padding: 0 15px;
    height: 22px;
    background-image: url("../img/theater-mode.png");
    background-repeat: no-repeat
}
@media (max-width: 768px) {
    #theaterMode {
        display: none
    }
}
@media (min-width: 1024px) {
    .top-video.theaterActive .video-player .video-forFixed #my-video {
        width: 1072px!important
    }
    .top-video.theaterActive .video-player .video-forFixed #my-video.jw-flag-fullscreen {
        width: 100%!important
    }
}
.top-video.theaterActive .video-player .video-forFixed.fixedMode.fixedPlay #my-video {
    width: 300px!important
}
.top-video.theaterActive .video-player .video-forFixed.fixedMode.fixedPlay #my-video.jw-flag-fullscreen {
    width: 100%!important
}
@media (min-width: 1024px) {
    .video-forFixed #my-video {
        width: 910px!important
    }
    .video-forFixed #my-video.jw-flag-fullscreen {
        width: 100%!important
    }
}
.video-forFixed.fixedMode.fixedPlay #my-video {
    position: fixed!important;
    width: 300px!important;
    height: 200px!important;
    min-height: 200px!important;
    max-height: 200px!important;
    bottom: 0;
    z-index: 700;
    right: 100px;
    transition: all 0.5s ease-in-out
}
.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .title-next {
    top: 10%
}
.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .title-next h3 {
    font-size: 12px;
    margin-top: 5px
}
.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .jw-display-icon-container {
    top: 30%;
    width: 56px;
    height: 56px
}
.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .jw-display-icon-container a.next-icon-btn {
    background-position: -18px -6px;
    background-size: 90px;
    width: 56px;
    height: 56px
}
.video-forFixed.fixedMode.fixedPlay #my-video .jw-next-play .cancel-btn {
    font-size: 16px;
    top: 25%
}
.event-other .other-title {
    padding-left: 10px;
    font-family: 'Helveticaff';
    color: #000
}
.event-other .other-title:before {
    content: "";
    background: #009E97;
    width: 3px;
    left: 0;
    top: 0px;
    bottom: 8px;
    position: absolute
}
.detail_video .content-gallery .multimedia-max-width {
    padding: 12px 0 0
}
.detail_video .main-container .jobs.news-single-page .detail-latest {
    padding: 16px 0 0
}
.detail_video .main-container .jobs.news-single-page .detail-latest h5 {
    padding: 0;
    font-size: 18px
}
.detail_video .main-center.video-preview {
    padding: 0px 24px;
    height: 513px
}
.detail_video .main-center.video-preview .video-player {
    width: 100%;
    height: 513px;
    text-align: center;
    padding-right: 162px;
    position: relative;
    background: #fff
}
.detail_video .main-center.video-preview .video-player video {
    max-width: 100%
}
.detail_video .main-center.video-preview .video-player .jwplayer {
    width: 100%!important;
    min-height: 100%;
    max-height: 100%
}
@media (max-width: 768px) {
    .detail_video .main-center.video-preview .video-player {
        padding-right: 0;
        height: auto
    }
}
.detail_video .main-center.video-preview .video-scroll {
    width: 161px;
    height: 513px;
    position: absolute;
    right: 25px;
    top: 0;
    background: #ffffff;
    padding: 0 0 0 24px;
    overflow-y: scroll
}
.detail_video .main-center.video-preview .video-scroll ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.detail_video .main-center.video-preview .video-scroll ul li {
    padding: 10px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    position: relative
}
.detail_video .main-center.video-preview .video-scroll ul li:last-child {
    border-bottom: 0
}
.detail_video .main-center.video-preview .video-scroll ul li .display-thumbnail-video {
    width: 100%;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative
}
.detail_video .main-center.video-preview .video-scroll ul li .content-video-view {
    position: relative;
    height: auto;
    padding-left: 0
}
.detail_video .main-center.video-preview .video-scroll ul li p {
    color: #000000;
    font-size: 14px;
    font-family: 'Helveticaff';
    margin: 0;
    overflow: hidden;
    height: auto
}
.detail_video .main-center.video-preview .video-scroll ul li span.view-video {
    color: rgba(0, 0, 0, 0.4);
    font-size: 11px;
    font-family: 'Helveticaff';
    font-weight: 300
}
.detail_video .main-center.video-preview .video-scroll ul li span.timer-video {
    position: absolute;
    top: unset;
    background: rgba(0, 158, 151, 0.5);
    padding: 1px 2px;
    font-size: 10px;
    font-family: 'Helveticaff';
    font-weight: 300;
    color: #ffffff;
    bottom: 0
}
.detail_video .main-center.video-preview .video-scroll ul li:first-child {
    padding: 0 0 10px
}
.detail_video .main-center.video-preview .video-scroll ul li:last-child {
    padding: 10px 0 0
}
.main-center.main-md-content {
    padding: 0 23px 20px
}
.main-md-content .main-single-page .date::before {
    background-color: #009E97;
    top: -3px;
    bottom: 3px
}
.single-page .jak-post-issue,
.multiple-page .jak-post-issue {
    display: none;
    visibility: hidden
}
.single-page .prof-pict,
.multiple-page .prof-pict {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    overflow: hidden;
    position: relative
}
.single-page .prof-pict img,
.multiple-page .prof-pict img {
    max-width: unset;
    position: absolute;
    margin: 0px auto;
    text-align: center;
    float: none;
    left: -50%;
    right: -50%;
    height: 100%;
    width: auto
}
@media (max-width: 768px) {
    .single-page .prof-pict,
    .multiple-page .prof-pict {
        width: 42px;
        height: 42px
    }
}
.single-page .scroll,
.multiple-page .scroll {
    height: 500px
}
.main-multiple-page .list-single-page,
.main-single-page .list-single-page {
    margin: 0
}
.main-multiple-page .list-single-page li,
.main-single-page .list-single-page li {
    position: relative
}
.main-multiple-page .list-single-page li .col-md-1.col-xs-2,
.main-single-page .list-single-page li .col-md-1.col-xs-2 {
    width: 62px;
    height: 62px
}
.main-multiple-page .list-single-page li .detail-single,
.main-single-page .list-single-page li .detail-single {
    min-height: 62px
}
@media (max-width: 768px) {
    .main-multiple-page .list-single-page li .col-md-1.col-xs-2,
    .main-single-page .list-single-page li .col-md-1.col-xs-2 {
        width: 42px;
        height: 42px
    }
    .main-multiple-page .list-single-page li .detail-single,
    .main-single-page .list-single-page li .detail-single {
        min-height: 42px
    }
}
.main-multiple-page .list-single-page .no-img-writer .detail-single,
.main-single-page .list-single-page .no-img-writer .detail-single {
    padding: 0
}
.main-multiple-page .posting,
.main-single-page .posting {
    margin: 12px 0 32px
}
.main-multiple-page .created,
.main-single-page .created {
    padding: 5px 0 32px
}
.main-multiple-page .tjp-topic .topic-top-right ul li a,
.main-single-page .tjp-topic .topic-top-right ul li a {
    text-align: left;
    background: #e3e3e3;
    word-break: break-all
}
.main-multiple-page .tjp-detail-news,
.main-single-page .tjp-detail-news {
    padding-right: 0
}
.main-multiple-page .tjp-detail-news .tjp-related,
.main-single-page .tjp-detail-news .tjp-related {
    padding: 0 0 0 10px;
    background: #fff
}
.tjp-md-headline.up-banner,
.tjpslide.tjp-md-slide.up-banner,
.detail_photo #thumb-detail-slide {
    margin: 0 auto;
    max-width: 1365px;
    float: none;
    clear: both;
    display: block
}
.detail_photo #slide-detail {
    display: inline-block
}
.other-title {
    font-family: 'Helveticaff';
    font-size: 28px;
    position: relative;
    z-index: 10;
    padding-left: 0;
    border: 0;
    margin: 32px 0
}
.detail_photo .main-container .jobs.news-single-page .detail-latest {
    padding: 16px 0 0
}
.detail_photo .main-container .jobs.news-single-page .detail-latest h5 {
    padding: 0;
    font-size: 18px
}
.detail_photo .tjp-slider {
    background: #ffffff;
    max-width: 1365px;
    margin: 0 auto;
    left: 0;
    right: 0;
    float: none;
    clear: both
}
.detail_photo .tjp-slider .caption-detail {
    background: url(../img/gradasi-03.png);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: auto 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 30px 20px 20px
}
.detail_photo .tjp-slider .caption-detail .caption-inner {
    width: 1120px;
    margin: 0 auto;
    padding: 0 24px
}
.detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
    width: 800px;
    float: left;
    position: relative
}
.detail_photo .tjp-slider .caption-detail .caption-inner .caption-content p {
    color: #ffffff;
    margin: 0;
    font-family: 'Helveticaff';
    font-size: 16px
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content p {
        color: #000000;
        max-height: none;
        overflow: visible
    }
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
        padding: 20px 24px;
        max-height: 80px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s;
        -moz-transition: max-height 0.5s;
        transition: max-height 0.5s
    }
    .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content:after {
        content: "\f078";
        font-family: FontAwesome;
        position: absolute;
        text-align: center;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: #ffffff;
        display: block;
        height: 20px;
        z-index: 20;
        cursor: pointer
    }
}
@media (max-width: 639px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
        padding: 20px 12px
    }
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content.height-max {
        max-height: 800px;
        -webkit-transition: max-height 0.5s;
        -moz-transition: max-height 0.5s;
        transition: max-height 0.5s
    }
    .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content.height-max:after {
        content: ""
    }
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right {
    float: right;
    position: relative;
    width: 226px;
    min-height: 42px;
    right: 0;
    top: 10px;
    margin: 0 auto
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper {
    position: absolute;
    width: 100%
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper a {
    display: inline-block;
    cursor: pointer
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button {
    display: inline-block;
    bottom: 0;
    top: 0;
    margin: 0;
    position: relative;
    border-radius: 50%
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button:last-child {
    margin-bottom: 0
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button:last-child {
        vertical-align: text-bottom
    }
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating {
    z-index: 40;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #b2b2b2;
    color: #b2b2b2;
    font-size: 24px;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 38px;
    height: 38px
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating:before {
    content: "\f1e0";
    font-family: FontAwesome
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating-shadow {
    width: 54px;
    height: 54px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-floating-clicked .button-floating {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-sub {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border: 2px solid #b2b2b2;
    color: #b2b2b2;
    font-size: 24px;
    text-align: center
}
.detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-sub .fa:before {
    vertical-align: text-bottom
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right .wrapper .button-sub .fa {
        vertical-align: text-bottom
    }
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right {
        position: absolute;
        right: 24px;
        top: -60px
    }
}
@media (max-width: 639px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner .share-box-right {
        right: 12px;
        top: -50px
    }
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail .caption-inner {
        width: 100%;
        padding: 0
    }
    .detail_photo .tjp-slider .caption-detail .caption-inner .caption-content {
        width: 100%
    }
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider .caption-detail {
        position: relative;
        width: 100%;
        padding: 0;
        background: transparent
    }
}
@media (max-width: 639px) {
    .detail_photo .tjp-slider .caption-detail {
        padding: 0
    }
}
.detail_photo .tjp-slider .tjp-direction-nav a {
    background-image: url(../img/TJP-intergrated-arrow-bkg-black.png);
    width: 48px
}
.detail_photo .tjp-slider .tjp-direction-nav .tjp-prev {
    background-position: 0 -5px
}
.detail_photo .tjp-slider .tjp-direction-nav .tjp-next {
    right: 0px;
    background-position: 49px -5px
}
@media (max-width: 768px) {
    .detail_photo .tjp-slider #slide-detail .tjp-direction-nav {
        display: none
    }
}
.detail_photo #thumb-detail-slide {
    width: 800px;
    margin: 0 auto;
    display: block;
    z-index: 10
}
.detail_photo #thumb-detail-slide ul.slides li {
    border: 2px solid transparent;
    margin-left: 1px
}
.detail_photo #thumb-detail-slide ul.slides li.tjp-active-slide {
    border: 2px solid #009E97
}
.detail_photo #thumb-detail-slide .tjp-viewport {
    height: auto!important
}
.detail_photo .thumb-slide-container {
    background: #ffffff;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px
}
.detail_photo .thumb-slide-container h3 {
    color: #000000;
    text-align: center;
    position: relative;
    font-style: italic;
    font-size: 20px
}
.detail_photo .tjp-footer .suscribe input[type="submit"] {
    display: block
}
.detail_photo .gallery-detail .list-multiple-page {
    border-bottom: 2px solid #cccccc;
    margin-bottom: 24px
}
.list-multiple-page .detail-single .name-post {
    font-family: "Helveticaff"
}
.list-multiple-page .detail-single .name-post p {
    font-family: "Helveticaff"
}
.gallery-detail p {
    font-size: 17px;
    color: rgba(0, 0, 0, 0.9)
}
.gallery-detail p,
.gallery-detail span {
    font-family: "Helveticaff"
}
.gallery-detail .posted {
    font-family: "Helveticaff"
}
.gallery-detail .title-large {
    font-family: "Acta-Bold"
}
.button-floating-shadow {
    position: absolute;
    z-index: 20;
    top: 24px;
    border-radius: 50%
}
.button-sub:hover,
.button-floating:hover+.button-floating-shadow,
.button-floating-clicked .button-floating-shadow {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)
}
.button-sub {
    opacity: 0;
    z-index: 20;
    width: 38px;
    height: 38px;
    display: inline-block;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}
.button-floating-clicked-out .button-sub {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
.button-floating-clicked .button-sub {
    opacity: 1;
    cursor: pointer;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
.button-sub[data-color=purple] {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}
.button-sub[data-color=purple] .fa:before {
    vertical-align: unset
}
.button-floating-clicked .button-sub[data-color=purple] {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}
.wa-hover .button-sub {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #b2b2b2;
    color: #b2b2b2
}
@media (max-width: 768px) {
    .wa-hover .button-sub {
        border-color: #43D854!important;
        background-color: #43D854;
        color: #fff!important
    }
}
.wa-hover:hover .button-sub {
    border-color: #43D854!important;
    background-color: #43D854;
    color: #fff!important
}
.button-sub[data-color=green] {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}
.button-floating-clicked .button-sub[data-color=green] {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}
.twit-hover .button-sub {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #b2b2b2;
    color: #b2b2b2
}
@media (max-width: 768px) {
    .twit-hover .button-sub {
        border-color: #50BCE0!important;
        background-color: #50BCE0!important;
        color: #fff!important
    }
}
.twit-hover:hover .button-sub {
    border-color: #50BCE0!important;
    background-color: #50BCE0!important;
    color: #fff!important
}
.pint-hover .button-sub {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #b2b2b2;
    color: #b2b2b2
}
@media (max-width: 768px) {
    .pint-hover .button-sub {
        border-color: #bd081c!important;
        background-color: #bd081c!important;
        color: #fff!important
    }
}
.pint-hover:hover .button-sub {
    border-color: #bd081c!important;
    background-color: #bd081c!important;
    color: #fff!important
}
.linkedin-hover .button-sub {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #b2b2b2;
    color: #b2b2b2
}
@media (max-width: 768px) {
    .linkedin-hover .button-sub {
        border-color: #0077B5!important;
        background-color: #0077B5!important;
        color: #fff!important
    }
}
.linkedin-hover:hover .button-sub {
    border-color: #0077B5!important;
    background-color: #0077B5!important;
    color: #fff!important
}
.button-sub[data-color=pink] {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}
.button-floating-clicked .button-sub[data-color=pink] {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}
.link-hover .button-sub {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #b2b2b2;
    color: #b2b2b2
}
@media (max-width: 768px) {
    .link-hover .button-sub {
        border-color: #0077B5!important;
        background-color: #0077B5!important;
        color: #fff!important
    }
}
.link-hover:hover .button-sub {
    border-color: #0077B5!important;
    background-color: #0077B5!important;
    color: #fff!important
}
.button-sub[data-color=indigo] {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}
.button-floating-clicked .button-sub[data-color=indigo] {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}
.fb-hover .button-sub {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #b2b2b2;
    color: #b2b2b2
}
@media (max-width: 768px) {
    .fb-hover .button-sub {
        border-color: #374E9E!important;
        background-color: #374E9E!important;
        color: #fff!important
    }
}
.fb-hover:hover .button-sub {
    border-color: #374E9E!important;
    background-color: #374E9E!important;
    color: #fff!important
}
.button-floating-clicked.button-sub-purple-clicked .button-sub[data-color=purple],
.button-floating-clicked.button-sub-green-clicked .button-sub[data-color=green],
.button-floating-clicked.button-sub-pink-clicked .button-sub[data-color=pink],
.button-floating-clicked.button-sub-indigo-clicked .button-sub[data-color=indigo] {
    z-index: 0;
    cursor: default;
    -webkit-transition: all .4s ease-in;
    transition: all 0.4s ease-in
}
.other-galleries-multimedia h3 {
    color: #000000;
    position: relative;
    font-style: italic;
    font-size: 20px
}
.other-galleries-multimedia #other-galleries {
    position: relative
}
.other-galleries-multimedia #other-galleries .tjp-direction-nav a {
    background: url(../img/arrow-white.png);
    background-repeat: no-repeat;
    background-position: 19px 15px;
    top: 20px;
    height: 70px;
    width: 40px
}
.other-galleries-multimedia #other-galleries .tjp-direction-nav .tjp-nav-prev:after {
    content: "";
    left: 0;
    top: 0;
    height: 70px;
    width: 40px;
    position: absolute;
    background: #000000;
    background: -moz-linear-gradient(left, #000 0%, transparent 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #000), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, #000 0%, transparent 100%);
    background: -o-linear-gradient(left, #000 0%, transparent 100%);
    background: -ms-linear-gradient(left, #000 0%, transparent 100%);
    background: linear-gradient(to right, #000 0%, transparent 100%)
}
.other-galleries-multimedia #other-galleries .tjp-direction-nav .tjp-next {
    right: 0;
    background-position: -49px 15px
}
.other-galleries-multimedia #other-galleries .tjp-direction-nav .tjp-nav-next:after {
    content: "";
    right: 0;
    top: 0;
    height: 70px;
    width: 40px;
    position: absolute;
    right: 0;
    background: #000000;
    background: -moz-linear-gradient(left, transparent 0%, #000 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(100%, #000));
    background: -webkit-linear-gradient(left, transparent 0%, #000 100%);
    background: -o-linear-gradient(left, transparent 0%, #000 100%);
    background: -ms-linear-gradient(left, transparent 0%, #000 100%);
    background: linear-gradient(to right, transparent 0%, #000 100%)
}
.other-galleries-multimedia #other-galleries .tjp-viewport {
    height: 70px!Important;
    clear: both
}
@media (max-width: 768px) {
    .main-container .news-multiple-page .slides li a,
    .main-container .news-single-page .slides li a {
        width: 95%
    }
}
.main-container .news-multiple-page .slides li a .hstag,
.main-container .news-single-page .slides li a .hstag {
    color: #DD1E26;
    border-top: 2px solid #DD1E26;
    font-family: "Helveticaff"
}
.main-container .news-multiple-page .slides li .image-latest,
.main-container .news-single-page .slides li .image-latest {
    height: 118px;
    overflow: hidden
}
@media (max-width: 768px) {
    .main-container .news-multiple-page .slides li .image-latest,
    .main-container .news-single-page .slides li .image-latest {
        height: 163px
    }
}
@media (max-width: 720px) {
    .main-container .news-multiple-page .slides li .image-latest,
    .main-container .news-single-page .slides li .image-latest {
        height: 145px
    }
}
@media (max-width: 599px) {
    .main-container .news-multiple-page .slides li .image-latest,
    .main-container .news-single-page .slides li .image-latest {
        height: 205px
    }
}
@media (max-width: 479px) {
    .main-container .news-multiple-page .slides li .image-latest,
    .main-container .news-single-page .slides li .image-latest {
        height: 205px
    }
}
@media (max-width: 320px) {
    .main-container .news-multiple-page .slides li .image-latest,
    .main-container .news-single-page .slides li .image-latest {
        height: 135px
    }
}
.main-container .news-multiple-page .slides li .date.multimedia-date:before,
.main-container .news-single-page .slides li .date.multimedia-date:before {
    top: 0;
    bottom: 2px
}
.main-container .news-multiple-page .slides li .jak-post-caption-news .date:before,
.main-container .news-single-page .slides li .jak-post-caption-news .date:before {
    top: -3px;
    bottom: 3px;
    background-color: #DD1E26
}
.main-container .news-multiple-page .slides li .jak-post-caption-news .date span:before,
.main-container .news-single-page .slides li .jak-post-caption-news .date span:before {
    background-color: #000000;
    top: 4px
}
.main-container .news-multiple-page .slides li .jak-post-caption-news h4.tjp-fr-title,
.main-container .news-single-page .slides li .jak-post-caption-news h4.tjp-fr-title {
    font-family: 'Helveticaff';
    line-height: 1.2
}
@media (max-width: 768px) {
    .main-container .news-multiple-page .slides li .jak-post-caption-news,
    .main-container .news-single-page .slides li .jak-post-caption-news {
        width: 100%;
        margin-top: 15px
    }
}
.main-container .news-multiple-page .tjp-direction-nav li a,
.main-container .news-single-page .tjp-direction-nav li a {
    background-image: url(../img/TJP-intergrated-arrow-bkg-black.png);
    background-repeat: no-repeat;
    width: 51px;
    height: 47px
}
.main-container .news-multiple-page .tjp-direction-nav li a.tjp-prev,
.main-container .news-single-page .tjp-direction-nav li a.tjp-prev {
    background-position: 2px -2px
}
.main-container .news-multiple-page .tjp-direction-nav li a.tjp-next,
.main-container .news-single-page .tjp-direction-nav li a.tjp-next {
    background-position: -84px -2px;
    right: 0
}
@media (max-width: 768px) {
    .main-container .news-multiple-page,
    .main-container .news-single-page {
        padding: 0 25px 45px
    }
}
@media (max-width: 639px) {
    .main-container .news-multiple-page,
    .main-container .news-single-page {
        padding: 0 12px 45px
    }
}
.popup_back {
    opacity: 0!important
}
.popup_cont {
    top: 100px!important
}
.popup_cont .popup {
    background: rgba(0, 0, 0, 0.5);
    box-shadow: none;
    color: #fff
}
.popup_cont .popup_content .content-popup {
    padding: 20px 10px
}
.popup_cont .popup_content .content-popup h3 {
    margin: 0
}
.popup_cont .popup_close {
    display: none;
    opacity: 0;
    color: #000000;
    line-height: normal;
    padding: 0px
}
.tjp-topic .topic-bot-right .shared-comment li.share-wa {
    display: none
}
@media (max-width: 768px) {
    .tjp-topic .topic-bot-right .shared-comment li.share-wa {
        display: inline-block
    }
}
@media (max-width: 768px) {
    .tjp-topic .stickOnScroll-on {
        z-index: 50
    }
    .tjp-topic .stickOnScroll-on .shared-comment {
        text-align: center
    }
    .tjp-topic .stickOnScroll-on .shared-comment li {
        border: 0!important;
        width: 19%!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-fb {
        background: #374E9E
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-fb a {
        background: #374E9E!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-fb a .fa {
        color: #fff!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-tw {
        background: #50BCE0
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-tw a {
        background: #50BCE0!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-tw a .fa {
        color: #fff!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-wa {
        background: #43D854
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-wa a {
        background: #43D854!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-wa a .fa {
        color: #fff!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-cm {
        background: #DD1E26
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-cm a {
        background: #DD1E26!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-cm a .fa {
        color: #fff!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .btn-sharepopup {
        background: #b2b2b2
    }
    .tjp-topic .stickOnScroll-on .shared-comment .btn-sharepopup a {
        background: #b2b2b2!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .btn-sharepopup a .fa {
        color: #fff!important
    }
    .tjp-topic .stickOnScroll-on .shared-comment .share-hand,
    .tjp-topic .stickOnScroll-on .shared-comment .share-mt {
        display: none!important
    }
}
.not-found .tjp-page {
    overflow: visible!important;
    height: auto!important
}
.not-found .page404 .small-centered p {
    font-family: "Helveticaff"
}
.not-found .logo-tjp-404 {
    padding: 40px 0 20px
}
.top-menu-container .action-search-responsive {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    border: 0
}
.top-menu-container .action-search-responsive form {
    left: 50%;
    top: 0;
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 70%;
    height: 100%;
    background-color: transparent;
    border-radius: 10px;
    z-index: 999;
    outline: 0;
    padding-top: 80px;
    position: absolute
}
.top-menu-container .action-search-responsive form input {
    font-family: 'Helveticaff';
    color: #ffffff;
    padding: 5px 0;
    width: 100%;
    outline: 0
}
.top-menu-container .action-search-responsive form input::-webkit-input-placeholder {
    color: #fff
}
.top-menu-container .action-search-responsive form input:-moz-placeholder {
    color: #fff
}
.top-menu-container .action-search-responsive form input::-moz-placeholder {
    color: #fff
}
.top-menu-container .action-search-responsive form input:-ms-input-placeholder {
    color: #fff
}
.top-menu-container .action-search-responsive form input[type="text"] {
    background: transparent;
    font-size: 30px;
    color: #ffffff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #fff
}
.top-menu-container .action-search-responsive form span {
    font-family: 'Helveticaff';
    font-size: 18px;
    color: #ffffff;
    padding-top: 5px;
    display: block
}
.top-menu-container .action-search-responsive form .search-close {
    position: absolute;
    top: 30px;
    right: 0
}
.top-menu-container .action-search-responsive form .search-close img {
    width: 50px
}
.top-menu-container .action-search-responsive form button {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    outline: none
}
.top-menu-container .action-search-responsive form #outputbox {
    width: 100%
}
.top-menu-container .action-search-responsive:after {
    display: none
}
@media (max-width: 768px) {
    .top-menu-container .action-search-responsive form {
        width: 90%
    }
    .top-menu-container .action-search-responsive form button {
        position: absolute;
        top: 85px;
        right: 0
    }
    .top-menu-container .action-search-responsive form button i {
        color: #fff
    }
    .top-menu-container .action-search-responsive form .search-close {
        top: 10px;
        right: 5px
    }
    .top-menu-container .action-search-responsive form .search-close img {
        width: 35px
    }
}
@media (max-width: 768px) {
    .showin-mobile-version .btn-toggle.current .search {
        padding: 13px 15px;
        border-right: 1px solid #f2f2f2
    }
    .tjp-menu-panel .login {
        margin: 0 0 10px;
        text-align: right;
        padding: 3px 15px;
        font-size: 30px;
        display: block;
        position: relative;
        border-bottom: 1px solid
    }
}
@media screen and (max-width: 1024px) and (min-width: 860px) {
    .top-menu-container .jak-pos-contact {
        height: 50px
    }
}
#outputcontent {
    overflow-y: scroll;
    bottom: 0;
    top: 180px;
    margin: 0;
    width: 100%;
    position: absolute
}
#outputcontent .autocomplete-suggestions-container {
    left: 0!important;
    top: 0!important;
    color: #aaaaaa;
    font-family: 'Helveticaff';
    font-size: 18px;
    position: relative!important;
    width: 100%!important;
    max-height: 100%!important
}
#outputcontent .autocomplete-suggestions-container strong {
    color: #fff
}
@media (max-width: 768px) {
    .action-user,
    .action-user .box-search {
        display: block
    }
}
body .index-filter input .subj-form,
body .index-filter .search-filter .subj-form {
    font-family: "Helveticaff"
}
body .index-filter .filtering .subj-form {
    font-family: "Helveticaff"
}
body .index-filter .container-left input[type=checkbox] {
    display: none
}
body .index-filter .container-left input[type=checkbox]+label {
    background: url("../img/tjp-checkbox.png");
    background-repeat: no-repeat;
    background-position: 0 -30px;
    height: 16px;
    width: 100%;
    display: inline-block;
    padding: 0 0 0 28px;
    margin: 0 0 16px;
    cursor: pointer;
    font-family: 'Helveticaff';
    line-height: 1
}
body .index-filter .container-left input[type=checkbox]+label span {
    left: 12px;
    display: inline-block;
    position: relative;
    line-height: 16px;
    vertical-align: top;
    font-family: 'Helveticaff';
    font-weight: 400;
    font-size: 16px
}
body .index-filter .container-left input[type=checkbox]:checked+label {
    background: url("../img/tjp-checkbox.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
    height: 16px;
    width: 100%;
    display: inline-block;
    padding: 0 0 0 28px;
    margin: 0 0 16px;
    cursor: pointer
}
body .index-filter .container-left-mobile input[type=checkbox] {
    display: none
}
body .index-filter .container-left-mobile input[type=checkbox]+label {
    background: url("../img/tjp-checkbox.png");
    background-repeat: no-repeat;
    background-position: 0 -30px;
    height: 16px;
    width: 100%;
    display: inline-block;
    padding: 0 0 0 28px;
    margin: 0 0 16px;
    cursor: pointer;
    font-family: "Helveticaff"
}
body .index-filter .container-left-mobile input[type=checkbox]+label span {
    left: 12px;
    display: inline-block;
    position: relative;
    line-height: 16px;
    vertical-align: top;
    font-family: 'Helveticaff';
    font-weight: 400;
    font-size: 16px
}
body .index-filter .container-left-mobile input[type=checkbox]:checked+label {
    background: url("../img/tjp-checkbox.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
    height: 16px;
    width: 100%;
    display: inline-block;
    padding: 0 0 0 28px;
    margin: 0 0 16px
}
body .index-filter .filter-submit {
    font-family: "Helveticaff"
}
.tjp-latest-entry .tjp-flag .flag-sea {
    padding: 0;
    text-align: center
}
.tjp-latest-entry .tjp-flag .flag-sea:before {
    display: none
}
.tjp-latest-entry .tjp-flag .ic-flag a {
    color: #000
}
.tjp-latest-entry .tjp-flag .ic-sea {
    text-align: center;
    padding-left: 0
}
.tjp-latest-entry .tjp-flag .ic-sea:before {
    display: none
}
.tjp-latest-entry .tjp-flag .ic-brunei:before,
.tjp-latest-entry .tjp-flag .flag-brn:before {
    background-image: url(../img/brn-flag.svg);
    background-size: 15px;
    background-position: 0px 1px
}
.tjp-latest-entry .tjp-flag .ic-myanmar:before,
.tjp-latest-entry .tjp-flag .flag-mnr:before {
    background-image: url(../img/mnr-flag.svg);
    background-size: 15px;
    background-position: 0px 1px
}
.tjp-latest-entry .tjp-flag .ic-cambodja:before,
.tjp-latest-entry .tjp-flag .flag-khm:before {
    background-image: url(../img/khm-flag.svg);
    background-size: 15px;
    background-position: 0px 1px
}
.tjp-latest-entry .tjp-flag .ic-timor:before,
.tjp-latest-entry .tjp-flag .flag-tls:before {
    background-image: url(../img/tls-flag.svg);
    background-size: 15px;
    background-position: 0 1px
}
.tjp-latest-entry .tjp-flag .ic-laos:before,
.tjp-latest-entry .tjp-flag .flag-lao:before {
    background-image: url(../img/lao-flag.svg);
    background-size: 15px;
    background-position: 0 1px
}
.tjp-latest-entry .tjp-flag .ic-malaysia:before,
.tjp-latest-entry .tjp-flag .flag-mys:before {
    background-image: url(../img/mys-flag.svg);
    background-size: 15px;
    background-position: 0 1px
}
.tjp-latest-entry .tjp-flag .ic-filipina:before,
.tjp-latest-entry .tjp-flag .flag-phl:before {
    background-image: url(../img/phl-flag.svg);
    background-size: 15px;
    background-position: 0 1px
}
.tjp-latest-entry .tjp-flag .ic-singapura:before,
.tjp-latest-entry .tjp-flag .flag-sgp:before {
    background-image: url(../img/sgp-flag.svg);
    background-size: 15px;
    background-position: 0 1px
}
.tjp-latest-entry .tjp-flag .ic-thailand:before,
.tjp-latest-entry .tjp-flag .flag-tha:before {
    background-image: url(../img/tha-flag.svg);
    background-size: 15px;
    background-position: 0 1px
}
.tjp-latest-entry .tjp-flag .ic-vietnam:before,
.tjp-latest-entry .tjp-flag .flag-vtm:before {
    background-image: url(../img/vtm-flag.svg);
    background-size: 15px;
    background-position: 0 1px
}
.bkg-sharepopup .bkg-inner {
    position: fixed;
    background-color: black;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 800;
    transition: 1s
}
.content-sharepopup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 250px;
    height: auto;
    background-color: #FFF;
    border-radius: 10px;
    z-index: 999;
    outline: 0
}
.content-sharepopup .header-sharepopup {
    padding: 10px
}
.content-sharepopup .header-sharepopup h3 {
    font-size: 20px;
    color: #ffffff;
    float: left;
    width: 185px;
    font-family: 'Helveticaff';
    margin: 0;
    padding: 0
}
.content-sharepopup .header-sharepopup a {
    float: right;
    width: 13px;
    margin: 0!important;
    padding: 0!important;
    color: #ffffff;
    border: 0;
    text-align: center;
    overflow: hidden
}
.content-sharepopup .header-sharepopup a img {
    width: 100px;
    max-width: none
}
.content-sharepopup .share-visible-popup {
    display: inline-block;
    width: 100%;
    padding: 0 10px
}
.content-sharepopup .share-visible-popup a {
    font-family: 'Helveticaff';
    color: #000000;
    font-size: 16px
}
.content-sharepopup .share-visible-popup a .fa-facebook {
    color: #374E9E
}
.content-sharepopup .share-visible-popup a .fa-twitter {
    color: #50BCE0
}
.content-sharepopup .share-visible-popup a .fa-google-plus {
    color: #DC4E41
}
.content-sharepopup .share-visible-popup a .fa-thumbs-up {
    color: #374E9E
}
.content-sharepopup .share-visible-popup a .fa-pinterest-p {
    color: #C92228
}
.content-sharepopup .share-visible-popup a .fa-whatsapp {
    color: #43d854
}
.content-sharepopup .share-visible-popup a .fa-comment {
    color: #b2b2b2
}
.content-sharepopup .share-visible-popup a .fa-envelope {
    color: #b2b2b2
}
.content-sharepopup .share-visible-popup a:last-child {
    border: 0;
    padding: 0;
    margin: 0
}
.multimedia-color .content-sharepopup .header-sharepopup {
    background: #009E97;
    display: inline-block;
    width: 100%;
    border-radius: 10px 10px 0 0
}
.multimedia-color .tjp-footer .suscribe #mc_embed_signup input.button,
.multimedia-color .container-right .suscribe #mc_embed_signup input.button {
    background-color: #009E97
}
.container-sharepopup {
    display: inline-block
}
@media (max-width: 768px) {
    .container-sharepopup {
        width: 400px
    }
}
@media (max-width: 639px) {
    .container-sharepopup {
        width: 100%
    }
}
.container-sharepopup .share-visible {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}
.container-sharepopup .share-visible a {
    width: 76.7px;
    font-size: 25px;
    text-align: center;
    display: inline-block;
    border-bottom: 0;
    border-right: 1.5px solid #b2b2b2;
    padding: 0!important;
    margin-bottom: 0!important;
    cursor: pointer
}
.container-sharepopup .share-visible a i {
    color: #b2b2b2;
    vertical-align: middle
}
@media (max-width: 768px) {
    .container-sharepopup .share-visible a {
        border: 1.5px solid #b2b2b2;
        width: 15.8%;
        margin: 0 0.5%
    }
}
@media (max-width: 639px) {
    .container-sharepopup .share-visible a {
        width: 15.68%
    }
}
@media (max-width: 768px) {
    .container-sharepopup .share-visible a:first-child {
        margin: 0 0.5% 0 0
    }
}
@media (max-width: 639px) {
    .container-sharepopup .share-visible a:first-child {
        margin: 0 0.5%
    }
}
@media (max-width: 768px) {
    .container-sharepopup .share-visible a.off-share {
        display: none
    }
}
.container-sharepopup .share-visible a.mb-share {
    display: none
}
@media (max-width: 768px) {
    .container-sharepopup .share-visible a.mb-share {
        display: inline-block;
        margin: 0 0 0 0.5%
    }
}
.container-sharepopup .share-visible a.whatsapp-color {
    display: none
}
@media (max-width: 768px) {
    .container-sharepopup .share-visible a.whatsapp-color {
        display: inline-block
    }
    .container-sharepopup .share-visible a.comment-color {
        display: none!important
    }
    .container-sharepopup .share-visible a.pint-color {
        display: none
    }
}
.social-relative {
    clear: both;
    margin-bottom: 16px
}
.social-relative span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Helveticaff';
    color: #b2b2b2;
    font-size: 20px
}
@media (max-width: 768px) {
    .social-relative span {
        display: none
    }
}
.social-relative span.text-shr {
    background: #009E97;
    color: #ffffff;
    font-size: 19px;
    padding: 6px 0px;
    width: 70px;
    text-align: center;
    position: relative
}
.social-relative span.text-shr:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 158, 151, 0);
    border-left-color: #009E97;
    border-width: 6px;
    margin-top: -6px
}
.social-relative span.numb-shr {
    line-height: normal;
    font-size: 38px;
    height: 39px;
    margin-right: 10px
}
.social-float-parent {
    position: relative;
    display: none;
    z-index: 900
}
#social-float {
    width: 200px;
    position: fixed;
    left: 10px;
    bottom: 10px
}
@media (max-width: 768px) {
    #social-float {
        width: 100%
    }
}
@media (max-width: 768px) {
    #social-float {
        margin: auto -10px
    }
}
.fixed-share-mobile {
    display: none
}
@media (max-width: 768px) {
    .fixed-share-mobile {
        display: block
    }
}
@media (max-width: 768px) {
    .fixed-share-mobile .container-sharepopup .share-visible a {
        width: 70px;
        border-color: transparent
    }
    .fixed-share-mobile .container-sharepopup .share-visible a i {
        color: #fff
    }
}
@media (max-width: 639px) {
    .fixed-share-mobile .container-sharepopup .share-visible a {
        width: 18%
    }
}
@media (max-width: 768px) {
    .fixed-share-mobile .container-sharepopup .share-visible a.off-share {
        display: none
    }
}
@media (max-width: 768px) {
    .fixed-share-mobile .container-sharepopup .share-visible a.pint-color,
    .fixed-share-mobile .container-sharepopup .share-visible a:nth-child(7) {
        display: inline-block
    }
}
@media (max-width: 768px) {
    .fixed-share-mobile .container-sharepopup .share-visible a.mb-share {
        display: none
    }
}
@media (max-width: 768px) {
    .fixed-share-mobile .container-sharepopup .share-visible {
        text-align: center
    }
}
@media (max-width: 768px) {
    .fixed-share-mobile .container-sharepopup {
        width: 100%
    }
    .fixed-share-mobile .container-sharepopup .fb-color {
        background: #374E9E
    }
    .fixed-share-mobile .container-sharepopup .twitter-color {
        background: #50BCE0
    }
    .fixed-share-mobile .container-sharepopup .google-plus-color {
        background: #DC4E41
    }
    .fixed-share-mobile .container-sharepopup .linkedin-color {
        background: #0077B5
    }
    .fixed-share-mobile .container-sharepopup .like-color {
        background: #374E9E
    }
    .fixed-share-mobile .container-sharepopup .mb-share {
        background: #009E97
    }
    .fixed-share-mobile .container-sharepopup .pint-color {
        background: #C92228
    }
    .fixed-share-mobile .container-sharepopup .whatsapp-color {
        background: #43d854
    }
}
@media (max-width: 639px) {
    .fixed-share-mobile .container-sharepopup {
        width: 100%
    }
}
.fixed-share-mobile .content-sharepopup {
    display: none!important
}
.tjp-full-block-channel .main-container .jThumbnailScroller {
    margin: 32px 0 0
}
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption {
    padding: 20px 20px
}
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date {
    font-size: 14px;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date {
        color: #fff
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date {
        color: #fff
    }
}
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date a {
    font-size: 14px;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date a {
        color: #fff
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date a {
        color: #fff
    }
}
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
    top: 5px
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
        background-color: #fff
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
        background-color: #fff
    }
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span {
        color: #fff
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span {
        color: #fff
    }
}
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption h5 {
    margin: 0;
    line-height: 1.25;
    font-size: 20px;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption {
        position: absolute
    }
}
.tjp-full-block-channel .main-container .jThumbnailScroller .main-center h2 {
    font-size: 28px;
    font-family: 'Helveticaff';
    padding-top: 15px;
    padding-bottom: 5px;
    margin: 0
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .main-center h2 {
        padding-left: 24px
    }
}
@media (max-width: 639px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller .main-center h2 {
        padding-left: 12px
    }
}
.tjp-full-block-channel .main-container .jThumbnailScroller .jTscroller a {
    display: inline-block
}
.tjp-full-block-channel .main-container .jThumbnailScroller .jTscroller .tjp-gallery-small .tjp-detail-caption {
    padding: 15px
}
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-gallery-large .slide-large {
    height: 390px
}
.tjp-full-block-channel .main-container .jThumbnailScroller .tjp-gallery-small .slide-small {
    height: 195px
}
.tjp-full-block-channel .main-container .jThumbnailScroller .jTscrollerContainer {
    height: 390px;
    overflow: hidden
}
@media (max-width: 768px) {
    .tjp-full-block-channel .main-container .jThumbnailScroller {
        margin: 32px 0 0
    }
}
.tjp-full-block-channel .main-container .tjp-detail-caption {
    background: url(../img/gradasi-03.png);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: auto 100%;
    padding: 32px 0 32px
}
@media (max-width: 768px) {
    .cad-top {
        position: absolute;
        top: -23px
    }
}
.navigation-page a.jp-last em,
.navigation-page a.jp-first em {
    font-style: normal
}
.tjp-contact .title {
    font-family: 'Helveticaff';
    color: #DD1E26;
    font-size: 26px;
    padding: 25px 20px 14px;
    margin: 0
}
.tjp-contact .title:before {
    display: none
}
@media (max-width: 768px) {
    .tjp-contact .title {
        padding: 11px 24px 10px;
        font-size: 18px;
        margin: 0
    }
}
@media (max-width: 639px) {
    .tjp-contact .title {
        padding: 11px 12px 10px
    }
}
.tjp-contact .tjp-form-contact {
    width: 763px
}
.tjp-contact .tjp-form-contact p {
    font-family: "Helveticaff"
}
.tjp-contact .tjp-form-contact form input {
    font-family: "Helveticaff"
}
.tjp-contact .tjp-form-contact form input[type="submit"] {
    background-color: #DD1E26
}
.tjp-contact .tjp-form-contact form table tr td input[type="text"] {
    font-family: "Helveticaff"
}
.tjp-contact .tjp-form-contact form table tr td input[type="email"]:active,
.tjp-contact .tjp-form-contact form table tr td input[type="email"]:focus {
    font-family: 'Helveticaff';
    outline: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: inset 0px 0px 18px -8px #000
}
.tjp-contact .tjp-form-contact form table tr td input[type="email"] {
    width: 100%;
    padding: 5px 20px;
    font-size: 20px;
    border: solid 2px #9A9A9A;
    font-weight: 300;
    color: #666;
    font-family: 'Helveticaff';
    outline: none
}
.tjp-contact .tjp-form-contact form table tr td textarea {
    font-family: "Helveticaff"
}
.tjp-contact .tjp-form-contact .bg-select select {
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-contact .tjp-form-contact {
        width: 100%;
        padding: 24px
    }
}
@media (max-width: 639px) {
    .tjp-contact .tjp-form-contact {
        padding: 24px 12px
    }
}
@media (max-width: 768px) {
    .tjp-contact .right-contact {
        display: block;
        padding: 24px 24px 0;
        margin: 0
    }
}
@media (max-width: 639px) {
    .tjp-contact .right-contact {
        padding: 24px 12px 0
    }
}
.tjp-contact .right-contact .alamat {
    border: 0;
    background: #E0E0E0;
    background-size: auto 100%
}
.tjp-contact .right-contact .alamat p {
    font-family: "Helveticaff"
}
.main-center .main-container {
    /* margin-top: 0 */
}
.top-profile-pic {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto;
    position: relative
}
.top-profile-pic img {
    height: 100%;
    width: auto
}
.channel .news-contributor .news-latest .image-latest img,
.community .news-contributor .news-latest .image-latest img {
    height: 100%;
    width: auto;
    max-width: unset;
    position: absolute;
    margin: 0 auto;
    left: -50%;
    right: -50%
}
.login,
.search,
.fa-user::before {
    color: #DD1E26
}
.jak-pos-contact {
    border-color: #DD1E26
}
.event .login::before,
.event .search,
.event .see-photo .title a,
.event .news-contributor .title a,
.event .see-photo .sub-title,
.event .news-contributor .sub-title,
.event .tjp-footer .link-footer a,
.event .tjp-footer .partner-footer ul li a {
    color: #F49000
}
.event .suscribe input[type="submit"] {
    background-color: #F49000
}
.event .jak-pos-contact,
.event .tjp-most-recent ul.tjp-tab li a.tjp-tab-current {
    border-color: #F49000
}
@media (max-width: 768px) {
    .event .main-single-page {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .event .main-single-page {
        padding: 0 12px
    }
}
.event .main-single-page .add-event {
    border-top: 1px solid #d9d9d9
}
.event .main-single-page .add-event .add-ico a {
    font-family: 'Helveticaff';
    padding: 8.5px 24px 3.5px
}
.event .main-single-page .add-event .add-ico a .ic-download {
    top: -4px
}
.event .main-single-page .find-event {
    background-color: #e3e3e3
}
.event .main-single-page .find-event .find-event-bottom button {
    border: 0;
    background: #aaaaaa;
    font-family: "Helveticaff"
}
.event .main-single-page .find-event .bg-select select {
    font-family: "Helveticaff"
}
.event .main-single-page .com-event li {
    border-bottom: 0
}
.event .main-single-page .com-event li .image-event {
    padding: 0;
    margin-bottom: 10px
}
.event .main-single-page .com-event li .image-event .time-event {
    font-family: 'Helveticaff';
    padding: 5px 50px 0
}
.event .main-single-page .com-event li .detail-event a {
    font-family: "Helveticaff"
}
.event .main-single-page .com-event li .detail-event .location-event {
    font-family: "Helveticaff"
}
.event .main-single-page .com-event li .detail-event p {
    font-family: "Helveticaff"
}
.event .main-single-page .com-event li:nth-child(3n+1) {
    padding-right: 10px
}
.event .main-single-page .com-event li:nth-child(3n+2) {
    padding-left: 10px
}
.event .main-single-page .com-event li:nth-child(3n+2) .image-event .time-event {
    left: 10px
}
@media (max-width: 639px) {
    .event .main-single-page .com-event li:nth-child(3n+2) .image-event .time-event {
        left: 0
    }
}
.event .main-single-page .com-event li.event-large {
    border-bottom: solid 2px #d9d9d9;
    border-top: solid 2px #d9d9d9;
    margin: 24px 0;
    padding: 24px 0
}
.event .main-single-page .com-event li.event-large .image-event {
    height: 400px;
    overflow: hidden;
    background: #f3f3f3
}
.event .main-single-page .com-event li.event-large .image-event .time-event {
    top: 24px
}
@media (max-width: 768px) {
    .event .main-single-page .com-event li.event-large .image-event .time-event {
        width: 260px
    }
}
@media (max-width: 639px) {
    .event .main-single-page .com-event li.event-large .image-event .time-event {
        top: 0
    }
}
@media (max-width: 768px) {
    .event .main-single-page .com-event li.event-large .image-event {
        height: 340px
    }
}
@media (max-width: 639px) {
    .event .main-single-page .com-event li.event-large .image-event {
        height: 347px
    }
}
@media (max-width: 480x) {
    .event .main-single-page .com-event li.event-large .image-event {
        height: 256px
    }
}
@media (max-width: 320x) {
    .event .main-single-page .com-event li.event-large .image-event {
        height: 166px
    }
}
@media (max-width: 639px) {
    .event .main-single-page .com-event li.event-large {
        width: 100%;
        margin: 0 0 16px;
        padding: 0 0 16px;
        padding-left: 0;
        padding-right: 0;
        border-top: 0
    }
}
.event .main-single-page .com-event li.event-small .image-event {
    max-height: 203px;
    overflow: hidden;
    background: #f3f3f3
}
@media (max-width: 768px) {
    .event .main-single-page .com-event li.event-small .image-event .time-event {
        width: 260px
    }
}
@media (max-width: 639px) {
    .event .main-single-page .com-event li.event-small .image-event .time-event {
        top: 0
    }
}
@media (max-width: 768px) {
    .event .main-single-page .com-event li.event-small .image-event {
        height: 196px
    }
}
@media (max-width: 639px) {
    .event .main-single-page .com-event li.event-small .image-event {
        height: 347px
    }
}
@media (max-width: 480x) {
    .event .main-single-page .com-event li.event-small .image-event {
        height: 256px
    }
}
@media (max-width: 320x) {
    .event .main-single-page .com-event li.event-small .image-event {
        height: 166px
    }
}
@media (max-width: 639px) {
    .event .main-single-page .com-event li.event-small {
        width: 100%;
        margin: 0 0 16px;
        padding: 0 0 16px;
        padding-left: 0;
        padding-right: 0;
        border-bottom: solid 2px #d9d9d9
    }
}
.event .main-single-page .date.event:before {
    top: -2px;
    bottom: 2px
}
.event .main-single-page .find-event .find-country {
    padding: 0 15px;
    margin-bottom: 12px
}
.event .main-single-page .find-event .find-mounth {
    margin-bottom: 12px
}
.event .main-single-page .find-event .find-event-bottom {
    padding: 0 15px
}
.academia_color.event .main-single-page .add-event .add-ico a {
    background-color: #3F9EDC
}
.academia_color.event .main-single-page .com-event li .image-event .time-event {
    background-color: #3F9EDC
}
.academia_color.event .main-single-page .date.event:before {
    background-color: #3F9EDC
}
.student.event .login::before,
.student.event .search {
    color: #FFCD00
}
.student.event .see-photo .title a,
.student.event .news-contributor .title a,
.student.event .see-photo .sub-title,
.student.event .news-contributor .sub-title,
.student.event .tjp-footer .link-footer a,
.student.event .tjp-footer .partner-footer ul li a {
    color: #BF9A00
}
.student.event .suscribe input[type="submit"] {
    background-color: #FFCD00;
    color: #000
}
.student.event .jak-pos-contact,
.student.event .tjp-most-recent ul.tjp-tab li a.tjp-tab-current {
    border-color: #FFCD00
}
.student.event .main-single-page .add-event .add-ico a {
    background-color: #FFCD00;
    color: #000
}
.student.event .main-single-page .com-event li .image-event .time-event {
    background-color: #FFCD00;
    color: #000
}
.student.event .main-single-page .date.event:before {
    background-color: #FFCD00
}
.student.event .navigation-page a.jp-number.jp-current {
    color: #BF9A00
}
.padding-header-new {
    padding-top: 90px
}
@media (max-width: 768px) {
    .padding-header-new {
        padding-top: 54px
    }
}
.n-multimedia.mega-menu-longform {
    height: 100%!important;
    box-shadow: 1px 0 15px -2px #888
}
.header-multimedia {
    border-top: 1px solid #009E97;
    overflow: visible
}
@media (max-width: 768px) {
    .header-multimedia .center-head-longform {
        display: block;
        width: 100%
    }
    .header-multimedia .center-head-longform .menu-lngf {
        width: 115px;
        height: 42px;
        float: right
    }
    .header-multimedia .center-head-longform .menu-lngf .menu-longform {
        width: 49px;
        height: 42px;
        border: 0;
        float: right;
        padding: 10px;
        left: 8px;
        margin: 0
    }
    .header-multimedia .center-head-longform .menu-lngf .search {
        padding: 6px 15px
    }
    .header-multimedia .center-head-longform .logo-center {
        width: 205px
    }
    .header-multimedia .center-head-longform .logo-center img {
        width: 170px
    }
}
@media screen and (max-width: 1120px) and (min-width: 769px) {
    .header-multimedia .action-user {
        position: relative
    }
}
.header-multimedia {
    padding: 15px 0 0;
    z-index: 999
}
.header-multimedia .center-head-longform .logo-center {
    margin-bottom: 26px;
    margin-top: 10px
}
@media (max-width: 768px) {
    .header-multimedia {
        padding: 9px 0 0
    }
    .header-multimedia .center-head-longform .logo-center {
        margin-bottom: 9px
    }
}
@media (max-width: 768px) {
    .menu-longform span:nth-child(1) {
        top: 11px
    }
    .menu-longform span:nth-child(2) {
        top: 18px
    }
    .menu-longform span:nth-child(3) {
        top: 25px
    }
    .tjp-mobile-menu-container .tjp-menu-longform {
        padding-right: 0
    }
}
.menu-longform.open span:nth-child(1) {
    -webkit-transform: rotate(45deg)!important;
    -moz-transform: rotate(45deg)!important;
    -o-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important
}
.menu-longform.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg)!important;
    -moz-transform: rotate(-45deg)!important;
    -o-transform: rotate(-45deg)!important;
    transform: rotate(-45deg)!important
}
#menu-hover-full.active,
#menu-hover-full.active.nav-down,
#menu-hover-full.active.nav-up.show {
    opacity: 1;
    visibility: visible;
    height: 34px
}
#menu-hover-full.active.nav-up,
#menu-hover-full {
    height: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background: #e3e3e3;
    margin: 15px 0 0;
    transition: 0.5s
}
#menu-hover-full.active.nav-up #current-menu-hover,
#menu-hover-full #current-menu-hover {
    list-style: none;
    width: 1080px;
    margin: 0 auto;
    padding: 0
}
#menu-hover-full.active.nav-up #current-menu-hover li,
#menu-hover-full #current-menu-hover li {
    display: inline-block;
    padding: 7px 20px 6px 0
}
#menu-hover-full.active.nav-up #current-menu-hover li a,
#menu-hover-full #current-menu-hover li a {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    #menu-hover-full.active.nav-up,
    #menu-hover-full {
        display: none!important
    }
}
.singleread .ymal-no-image .detail-latest {
    padding: 0
}
#show-bubb {
    background: #ffffff;
    width: 106px;
    position: absolute;
    top: -50px;
    left: -50px;
    border: 1px solid #000000;
    text-align: center
}
#show-bubb:before {
    content: "";
    width: 20px;
    height: 13px;
    background: url("../img/arrow-up.png");
    background-repeat: no-repeat;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto
}
#show-bubb p {
    margin: 5px 0
}
#show-bubb .share-text {
    display: inline-block;
    font-size: 30px;
    padding: 0 8px
}
#show-bubb .share-text a {
    color: #b2b2b2
}
#show-bubb .share-text a:hover .fa-facebook {
    color: #374E9E
}
#show-bubb .share-text a:hover .fa-twitter {
    color: #50BCE0
}
#show-bubb .share-text a:hover .fa-whatsapp {
    color: #64d448
}
#show-bubb .share-text:last-child {
    display: none
}
@media (max-width: 768px) {
    #show-bubb .share-text {
        font-size: 23px
    }
    #show-bubb .share-text:last-child {
        display: inline-block
    }
}
.login_register_page .showin-mobile-version {
    border-bottom: 1px solid #DD1E26
}
.login_register_page .showin-mobile-version .btn-toggle.current a span {
    border-color: #DD1E26
}
.login_register_page .signup,
.login_register_page .signin {
    margin-top: 32px
}
.login_register_page .signup .form-control::-moz-placeholder,
.login_register_page .signin .form-control::-moz-placeholder {
    color: #000
}
.login_register_page .signup .form-group input,
.login_register_page .signin .form-group input {
    border-bottom: 1px solid #a3abb3;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0px;
    box-shadow: none
}
.login_register_page .signup .button-group,
.login_register_page .signin .button-group {
    margin-top: 9px;
    margin-bottom: 32px
}
.login_register_page .signup .btn-red,
.login_register_page .signin .btn-red {
    color: #fff;
    background-color: #DD1E26;
    font-family: 'Helveticaff';
    font-size: 22px;
    width: 100%;
    border-radius: 0px
}
@media (max-width: 768px) {
    .login_register_page .signup,
    .login_register_page .signin {
        margin-top: 16px;
        padding-left: 9px;
        padding-right: 9px
    }
}
@media (max-width: 639px) {
    .login_register_page .signup,
    .login_register_page .signin {
        padding-left: 0;
        padding-right: 0
    }
}
.login_register_page .signin .form-group input {
    background: url("../img/TJP-intergrated--login_sign-up_2.png");
    background-repeat: no-repeat;
    padding-left: 24px
}
.login_register_page .signin .form-group input.username {
    background-position: -3px 9px
}
.login_register_page .signin .form-group input.password {
    background-position: -3px -25px
}
.login_register_page .signin .text-center span a {
    color: #DD1E26;
    margin: 10px 0px 0;
    font-size: 14px;
    font-family: 'BrandonGrotesqueWeb-Italic';
    display: block
}
.login_register_page .signup .info {
    font-size: 17px;
    font-family: "Helveticaff"
}
.login_register_page .signup form h4 {
    margin-top: 32px;
    margin-bottom: 26px;
    font-family: "Helveticaff"
}
.login_register_page .signup .form-group input {
    font-family: "Helveticaff"
}
.login_register_page .signup .checkbox {
    margin-top: 9px;
    margin-bottom: 15px;
    border-bottom: 2px solid #f3f3f3;
    padding-bottom: 24px
}
.login_register_page .signup .checkbox input {
    margin-top: 1px
}
.login_register_page .signup .button-group {
    clear: both
}
@media (max-width: 768px) {
    .login_register_page .signup .button-group {
        padding: 0;
        margin-bottom: 16px
    }
    .login_register_page .signup .button-group p {
        margin-bottom: 0
    }
}
.login_register_page .signup h1.caption,
.login_register_page .signin form h1.caption {
    margin-top: 0;
    margin-bottom: 24px;
    color: #000000;
    font-family: 'Helveticaff';
    font-size: 24px;
    padding-left: 13px;
    border-left: 0;
    position: relative
}
.login_register_page .signup h1.caption:before,
.login_register_page .signin form h1.caption:before {
    content: '';
    width: 4px;
    top: -1px;
    bottom: 6px;
    background-color: #DD1E26;
    position: absolute;
    left: 0
}
@media (max-width: 768px) {
    .login_register_page .signup h1.caption,
    .login_register_page .signin form h1.caption {
        margin-bottom: 16px
    }
}
.login_register_page .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}
@media (max-width: 768px) {
    .login_register_page .form-horizontal {
        width: 100%
    }
}
.login_register_page .remember-me {
    display: inline-block;
    float: left
}
.login_register_page .remember-me input {
    margin-top: 1px
}
.login_register_page .social-login {
    margin: 0;
    padding: 20px;
    border: 1px solid #d2d3d2;
    clear: both
}
.login_register_page .social-login h3 {
    margin-bottom: 14px;
    color: #272724;
    font-family: 'Helveticaff';
    font-weight: unset;
    font-size: 18px;
    margin-top: 0px
}
.login_register_page .social-login .btn {
    color: #fff;
    margin: 8px 0;
    border-radius: 0px;
    padding: 7px;
    border: none
}
.login_register_page .social-login .btn i.fa {
    width: 35px
}
.login_register_page .social-login .btn span {
    font-family: 'Helveticaff';
    font-weight: unset;
    font-size: 15px;
    color: #fff
}
.login_register_page .social-login .btn-fb,
.login_register_page .social-login .btn-g-plus,
.login_register_page .social-login .btn-linkedln {
    margin: 10px 0 10px;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out
}
.login_register_page .social-login .btn-fb {
    color: #fff;
    width: 100%;
    background: #374E9E
}
.login_register_page .social-login .btn-fb span {
    position: relative;
    left: 3px
}
.login_register_page .social-login .btn-g-plus {
    color: #fff;
    width: 100%;
    background: #ea624f
}
.login_register_page .social-login .btn-linkedln {
    color: #fff;
    width: 100%;
    background: #0080b2
}
.login_register_page .social-login .btn-linkedln span {
    position: relative;
    left: 5px
}
.login_register_page .social-login .reg-here {
    margin-top: 10px;
    display: inline-block
}
@media (max-width: 768px) {
    .login_register_page .social-login {
        margin: 32px 0px 0px
    }
    .login_register_page .social-login h3 {
        font-size: 16px;
        text-align: center
    }
}
.login_register_page .terms,
.login_register_page .privacy {
    color: #007fb1
}
@media (max-width: 768px) {
    .login_register_page .col-sm-offset-2 {
        margin-left: 0
    }
}
.jplus_paperedition .left-for-4,
.speak_paperedition .left-for-4,
.todayspaper_paperedition .left-for-4,
.balibuzz_paperedition .left-for-4 {
    display: block
}
@media (max-width: 768px) {
    .jplus_paperedition .left-for-4,
    .speak_paperedition .left-for-4,
    .todayspaper_paperedition .left-for-4,
    .balibuzz_paperedition .left-for-4 {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .jplus_paperedition .left-for-4,
    .speak_paperedition .left-for-4,
    .todayspaper_paperedition .left-for-4,
    .balibuzz_paperedition .left-for-4 {
        padding: 0 12px
    }
}
.balibuzz_paperedition .balibuzz-banner,
.speak_paperedition .speak-banner,
.jplus_paperedition .jplus-banner,
.todayspaper_paperedition .todayspaper-banner {
    display: block
}
.balibuzz-banner,
.speak-banner,
.jplus-banner,
.todayspaper-banner,
.speak_paperedition .left-paperedition,
.todayspaper_paperedition .left-paperedition,
.jplus_paperedition .left-paperedition,
.balibuzz_paperedition .left-paperedition,
.index_paperedition .left-for-4 {
    display: none
}
.todayspaper-banner {
    display: none
}
.index_paperedition .banner-paperedition {
    display: none
}
.paperedition .banner-paperedition {
    margin-top: 0
}
.paperedition .paper-edition .tjp-pargph-2 {
    border: 0;
    margin-top: 28px
}
.paperedition .input-group .datepicker {
    height: 32px;
    width: 100%;
    border: 1px solid #ccc
}
.paperedition .date::before {
    top: -2px;
    left: 0;
    bottom: 2px
}
.paper-edition .box-paper a {
    border: 1px solid #cccccc;
    height: 100px;
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
    display: inline-block
}
.paper-edition .box-paper a span {
    vertical-align: middle;
    display: inline-block;
    height: 100%
}
.paper-edition .box-paper a.active,
.paper-edition .box-paper a:hover {
    border-color: #A0000F
}
.paper-edition .box-paper img {
    height: auto;
    width: auto;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}
.susc-paper {
    height: 255px;
    padding: 35px 40px;
    margin-bottom: 20px
}
.susc-paper .title-suscribe {
    color: #FFF;
    text-align: center;
    border: 2px solid #FFF;
    font-size: 48px;
    font-family: "box-medium", "ABeeZee", arial, calibri, sans-serif;
    padding: 10px 0px;
    margin: 0px 0px 35px
}
.susc-paper a {
    display: block;
    width: 47%;
    float: left;
    background-color: rgba(251, 229, 0, 0.8);
    color: #000;
    text-transform: uppercase;
    font-size: 22px;
    font-family: "box-medium", "ABeeZee", arial, calibri, sans-serif;
    text-align: center;
    padding: 20px 0px
}
.susc-paper a:last-child {
    float: none;
    margin: 0 auto
}
.todayspaper_paperedition .todayspaper-banner {
    margin-top: 0
}
.tjp-footer .partner-footer ul li a {
    height: 55px
}
.tjp-footer .partner-footer ul li a img {
    height: 48px
}
@media (max-width: 768px) {
    .tjp-footer .partner-footer ul li a {
        height: auto;
        font-size: 16px
    }
}
.partner-footer,
.footer-top {
    border-bottom: 1px solid #fff
}
@media (max-width: 768px) {
    .tjp-about .tjp-about-left .tjp-about-head h3 {
        margin-top: 0
    }
}
.tjp-about .tjp-about-left table th,
.tjp-about .tjp-about-left table td {
    text-align: right
}
@media (max-width: 768px) {
    .tjp-about .tjp-about-left table th,
    .tjp-about .tjp-about-left table td {
        text-align: left
    }
}
@media (max-width: 768px) {
    .tjp-about .tjp-about-left {
        padding: 0
    }
}
.tjp-about .tjp-about-right table th,
.tjp-about .tjp-about-right table td {
    text-align: left
}
.tjp-about .tjp-about-right table th h4,
.tjp-about .tjp-about-right table th h3,
.tjp-about .tjp-about-right table th span,
.tjp-about .tjp-about-right table th strong,
.tjp-about .tjp-about-right table th p,
.tjp-about .tjp-about-right table td h4,
.tjp-about .tjp-about-right table td h3,
.tjp-about .tjp-about-right table td span,
.tjp-about .tjp-about-right table td strong,
.tjp-about .tjp-about-right table td p {
    padding-left: 10px!important
}
@media (max-width: 768px) {
    .tjp-about .tjp-about-right table th h4,
    .tjp-about .tjp-about-right table th h3,
    .tjp-about .tjp-about-right table th span,
    .tjp-about .tjp-about-right table th strong,
    .tjp-about .tjp-about-right table th p,
    .tjp-about .tjp-about-right table td h4,
    .tjp-about .tjp-about-right table td h3,
    .tjp-about .tjp-about-right table td span,
    .tjp-about .tjp-about-right table td strong,
    .tjp-about .tjp-about-right table td p {
        padding-left: 0!important
    }
}
@media (max-width: 768px) {
    .tjp-about .tjp-about-right {
        padding: 0
    }
}
.tjp-about table {
    width: 100%
}
.tjp-about table th,
.tjp-about table td {
    width: 100%;
    vertical-align: top
}
.tjp-about table th .tjp-about-head h3,
.tjp-about table td .tjp-about-head h3 {
    font-size: 20px;
    font-family: 'Acta-Bold';
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    padding: 12px 0 10px
}
.tjp-about table td {
    padding: 0 0 15px
}
.tjp-about table td h4 {
    font-family: "Helveticaff"
}
.tjp-about table td strong {
    font-size: 16px;
    font-family: 'Helveticaff';
    font-weight: unset
}
.tjp-about table td p {
    color: #636363;
    font-size: 14px;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-about table .m-hide {
        display: none
    }
}
@media (max-width: 768px) {
    .tjp-about {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .tjp-about {
        padding: 0 12px
    }
}
.tjp-cmg-alph {
    list-style-type: lower-alpha
}
.tjp-cmg-num {
    list-style-type: decimal
}
.tjp-cmg {
    padding: 0 20px
}
.tjp-cmg h3 {
    clear: both;
    font-family: "Helveticaff"
}
.tjp-cmg ol {
    padding-left: 20px
}
.tjp-cmg li,
.tjp-cmg p {
    font-family: 'Helveticaff';
    margin: 13px 0;
    font-size: 16px
}
@media (max-width: 768px) {
    .tjp-cmg {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .tjp-cmg {
        padding: 0 12px
    }
}
.middle-image {
    position: relative
}
.middle-image img {
    max-width: none;
    position: absolute;
    left: -50%;
    right: -50%;
    float: none;
    margin: 0 auto!important
}
.ads-large-leaderboard {
    text-align: center
}
.ads-large-leaderboard div {
    padding: 6px 0
}
@media (max-width: 768px) {
    .ads-large-leaderboard {
        display: none
    }
}
@media (max-width: 991px) {
    .main-longform .logo-caption .center-head-longform .col-xs-12 {
        width: 33.33333%
    }
    .main-longform .on-scroll-header.block .center-head-longform .share-longform {
        width: 300px
    }
}
.header-longform .share-longform .shared-comment li.share-wa {
    display: none
}
.popupshare-mobile .detailshare li.share-wa {
    display: none
}
@media (max-width: 768px) {
    .longform .clone-share .topic-bot-right .popupshare-mobile .detailshare li {
        padding: 5px 20px
    }
    .longform .clone-share .topic-bot-right .popupshare-mobile .detailshare li:nth-child(n+8) {
        display: none
    }
    .longform-shr {
        display: none
    }
    .popupshare-mobile .detailshare li.share-wa {
        display: block
    }
    header-longform .share-longform .shared-comment li.share-wa {
        display: block
    }
}
@media (min-width: 769px) {
    .mega-menu-longform.open-menu {
        width: 245px
    }
}
@media (max-width: 1140px) {
    .wdth {
        width: 71px
    }
    .longform .topic-bot-right {
        width: 100%!important
    }
}
.multimedia-max-width .gallery-detail .content-post a {
    border: 0;
    padding: 0;
    width: unset;
    float: none;
    margin: 0px;
    display: inline
}
.index_all .menu-active-breadcrumbs .breadcrumbs li a {
    color: #DD1E26;
    font-size: 16px;
    line-height: normal
}
.index_all .menu-active-breadcrumbs .breadcrumbs li a h1 {
    font-size: 16px
}
@media (max-width: 768px) {
    .index_all .menu-active-breadcrumbs .breadcrumbs li a {
        font-size: 16px
    }
    .index_all .menu-active-breadcrumbs .breadcrumbs li a h1 {
        font-size: 16px
    }
}
.index_all .menu-active-breadcrumbs .breadcrumbs li:before {
    background-color: #DD1E26;
    width: 8px!Important;
    height: 8px!important
}
.popupshare-mobile .closeshare {
    font-size: 22px
}
.popupshare-mobile .closeshare .fa {
    padding: 1px 0 0 2px
}
body .tjp-mobile-menu-container .portal_page .tjp-leave-bar .tjp-btn-leave,
body .tjp-mobile-menu-container .news-arrow .tjp-leave-bar .tjp-btn-leave,
body .tjp-mobile-menu-container .paper-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -1px -41px
}
body .tjp-mobile-menu-container .seasia-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -41px -41px
}
body .tjp-mobile-menu-container .community-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -81px -41px
}
body .tjp-mobile-menu-container .academia-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -121px -41px
}
body .tjp-mobile-menu-container .life-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -161px -41px
}
body .tjp-mobile-menu-container .travel-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -201px -41px
}
body .tjp-mobile-menu-container .youth-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -241px -41px
}
body .tjp-mobile-menu-container .multimedia-arrow .tjp-leave-bar .tjp-btn-leave {
    background-image: url("../img/arrows-colour-mobile.svg");
    background-position: -281px -41px
}
.singleread .topic-top-right:first-child {
    display: none
}
.tjp-button-scroll {
    cursor: pointer;
    text-align: center;
    font-size: 19px;
    padding: 10px 0;
    display: none
}
.vox-pop-container .vox-pop {
    border-bottom: 2px solid #e5e5e5;
    padding: 0 0 30px;
    margin: 0 0 30px
}
.vox-pop-container .vox-pop .image-prof-vox-pop {
    position: absolute;
    width: 100px;
    height: 100px
}
.vox-pop-container .vox-pop .image-prof-vox-pop .image-prof-vox-pop-radius {
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    padding-left: 0;
    display: block
}
.vox-pop-container .vox-pop .image-prof-vox-pop .image-prof-vox-pop-radius img {
    height: 100%;
    width: auto;
    max-width: unset;
    position: absolute;
    margin: 0 auto;
    left: -50%;
    right: -50%
}
.vox-pop-container .vox-pop p {
    padding-left: 120px;
    position: relative;
    margin: 0
}
.vox-pop-container .vox-pop p strong {
    font-family: "Acta-Bold"
}
.vox-pop-container .vox-pop p strong,
.vox-pop-container .vox-pop p span {
    padding-left: 0;
    clear: both
}
.vox-pop-container .vox-pop p span {
    font-family: "HelveticaffItalic"!important
}
.vox-pop-container .vox-pop:first-child {
    margin: 30px 0
}
.vox-pop-container .vox-pop:last-child {
    border-bottom: 0;
    padding: 0 0 30px;
    margin: 0
}
.tjp-weather-date {
    margin: 0 auto;
    text-align: center;
    clear: both
}
.tjp-weather-date #weather-date span {
    color: #000000;
    font-size: 14px
}
.tjp-weather-date .tjp-header-inf {
    display: inline-block;
    color: #000000;
    font-family: "Helveticaff"
}
@media (max-width: 768px) {
    .tjp-weather-date {
        display: none
    }
}
.video-header a {
    display: inline-block;
    color: #000000;
    font-size: 14px;
    font-family: 'Helveticaff';
    padding-left: 19px;
    position: relative
}
.video-header a:before {
    content: "";
    background-image: url(../img/header-information/tjp-icon-video-.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0px;
    top: 1px
}
.hover-on .hover-action {
    opacity: 0;
    visibility: hidden;
    width: 300px;
    left: 50%;
    top: 30px;
    padding: 10px;
    transform: translateX(-50%);
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 100;
    transition-duration: 0.4s
}
.hover-on .hover-action:after,
.hover-on .hover-action:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.hover-on .hover-action:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -11px
}
.hover-on .hover-action:before {
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.5);
    border-width: 12px;
    margin-left: -12px
}
.hover-on .hover-action .hover-action-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    text-align: left;
    display: inline-block;
    width: 100%
}
.hover-on .hover-action .hover-action-header .left-2-col {
    display: inline-block
}
.hover-on .hover-action .hover-action-header .right-2-col {
    display: inline-block
}
.hover-on .hover-action .hover-action-header span {
    font-family: 'Helveticaff';
    font-size: 13px
}
.hover-on .hover-action .hover-action-header a {
    font-family: 'Helveticaff';
    font-size: 12px;
    color: #DD1E26
}
.hover-on .hover-action .hover-action-header .index-time {
    font-family: 'Helveticaff';
    font-size: 12px
}
.hover-on .hover-action .hover-action-body {
    display: inline-block;
    width: 100%
}
.hover-on .hover-action .hover-action-body table {
    width: 100%
}
.hover-on .hover-action .hover-action-body table tr td {
    padding: 0 10px
}
.hover-on .hover-action .hover-action-body table tr td:first-child {
    padding: 5px 20px
}
.hover-on .hover-action .hover-action-body table tr td:first-child img {
    width: 100%
}
.hover-on .hover-action .hover-action-body table tr td:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.2)
}
.hover-on .hover-action .hover-action-body table tr td .weather-stat span {
    display: inline-block;
    font-family: 'Acta-Bold';
    font-size: 13px
}
.hover-on .hover-action .hover-action-body table tr td p {
    font-family: 'Helveticaff';
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.2
}
.hover-on .hover-action .hover-action-body .weather-stat-4 {
    clear: both;
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin: 5px 0 0;
    padding: 10px 0 0
}
.hover-on .hover-action .hover-action-body .weather-stat-4 ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.hover-on .hover-action .hover-action-body .weather-stat-4 ul li {
    float: left;
    width: 25%
}
.hover-on .hover-action .hover-action-body .weather-stat-4 ul li img {
    margin-bottom: 4px
}
.hover-on .hover-action .hover-action-body .weather-stat-4 ul li p {
    margin: 0;
    font-family: 'Helveticaff';
    font-size: 10px;
    line-height: 1.2
}
.hover-on .hover-action .hover-action-body .index-table {
    width: 170px;
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 6px
}
.hover-on .hover-action .hover-action-body .index-table table tr {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.hover-on .hover-action .hover-action-body .index-table table tr td {
    text-align: left;
    font-family: 'Helveticaff';
    padding: 5px 0;
    font-size: 9px
}
.hover-on .hover-action .hover-action-body .index-table table tr td:first-child {
    padding: 5px 0;
    border-top: 0
}
.hover-on .hover-action .hover-action-body .index-table table tr td:last-child {
    border-left: 0
}
.hover-on .hover-action .hover-action-body .index-table table tr:first-child {
    border-top: 0
}
.hover-on .hover-action .hover-action-body .index-table table tr.gray {
    background: #eeeeee;
    border-top: 0
}
.hover-on .hover-action .hover-action-body .index-chart {
    width: 104px;
    display: inline-block;
    vertical-align: top
}
.hover-on .hover-action .hover-action-body .index-form {
    width: 100%;
    display: inline-block
}
.hover-on:hover .hover-action {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.4s
}
.left-2-col {
    width: 50%;
    text-align: left;
    display: inline-block;
    float: left
}
.right-2-col {
    width: 50%;
    text-align: right;
    display: inline-block;
    float: right
}
.weather-info .tjp-header-inf .tjp-ico-inf {
    display: inline-block;
    vertical-align: top
}
.weather-info .tjp-header-inf .tjp-ico-inf img {
    width: 19px;
    max-width: 100%;
    margin: 0
}
.weather-info .tjp-header-inf span {
    display: inline-block;
    font-family: 'Helveticaff';
    font-size: 14px;
    color: #000
}
.with-border {
    padding-left: 15px;
    position: relative
}
.with-border:before {
    content: "";
    background: #000000;
    width: 1px;
    top: 0px;
    bottom: 2px;
    left: 7px;
    position: absolute
}
.index-info .tjp-header-inf .index-up {
    color: #6FB01E
}
.index-info .tjp-header-inf .index-down {
    color: #DD1E26
}
.index-up {
    color: #6FB01E
}
.index-down {
    color: #DD1E26
}
@media (max-width: 639px) {
    .vox-pop-container .vox-pop .image-prof-vox-pop {
        width: 70px;
        height: 70px
    }
    .vox-pop-container .vox-pop .image-prof-vox-pop .image-prof-vox-pop-radius {
        width: 70px;
        height: 70px
    }
    .vox-pop-container .vox-pop p {
        padding-left: 90px
    }
}
@media (max-width: 768px) {
    .mobile-header-fixed .tjp-wrap-mobile .showin-mobile-version {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 50;
        background: #fff
    }
    .mobile-header-fixed .tjp-wrap-content-mobile {
        margin-top: 44px
    }
}
@media (max-width: 320px) {
    .tjp-wrap-mobile .ads-mobile-leaderboard {
        padding: 2.5px 12px
    }
}
@media (max-width: 1023px) {
    .container-likePopup {
        display: none!important;
        opacity: 0;
        visibility: hidden
    }
}
.bkg-likePopup .bkg-inner {
    position: fixed;
    background-color: black;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1010;
    transition: 1s
}
@media (max-width: 1023px) {
    .bkg-likePopup .bkg-inner {
        display: none!important
    }
}
.likePopup.bkg-likePopup .bkg-inner {
    display: none!important
}
.likePopup .content-likePopup {
    display: none!important
}
.content-likePopup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 720px;
    height: auto;
    background-color: #FFF;
    border-radius: 10px;
    z-index: 1020;
    outline: 0
}
.content-likePopup .header-likePopup {
    padding: 10px
}
.content-likePopup .header-likePopup h3 {
    font-size: 20px;
    color: #ffffff;
    float: left;
    width: 185px;
    font-family: 'Helveticaff';
    margin: 0;
    padding: 0
}
.content-likePopup .header-likePopup a {
    float: right;
    width: 13px;
    margin: 0!important;
    padding: 0!important;
    color: #ffffff;
    border: 0;
    text-align: center;
    overflow: hidden
}
.content-likePopup .header-likePopup a img {
    width: 100px;
    max-width: none
}
.content-likePopup .close-likePopup {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    z-index: 999;
    cursor: pointer
}
.content-likePopup .fb-like-box {
    position: relative
}
.content-likePopup .fb-like-box img {
    position: relative
}
.content-likePopup .fb-like-box .fb-like-button {
    display: block;
    width: 500px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}
.content-likePopup .fb-like-1 .fb-like-button {
    top: 145px
}
.content-likePopup .fb-like-2 .fb-like-button {
    top: 145px
}
.content-likePopup .fb-like-3 .fb-like-button {
    top: 145px
}
.content-likePopup .fb-like-4 .fb-like-button {
    top: 145px
}
.content-likePopup .fb-like-5 .fb-like-button {
    top: 145px
}
@media (max-width: 1023px) {
    .content-likePopup {
        display: none!important
    }
}
.windows .tjp-pargph-1 .tjpslide .tjp-detail-caption .date:before {
    top: 0px;
    bottom: 0px
}
.windows .tjp-latest-entry .top-latest-entry .title-large:before {
    top: 6px;
    bottom: 6px
}
.windows .tjp-latest-entry ul li .detail-latest a .date:before {
    bottom: 4px;
    top: 4px
}
.windows .detail-latest .date span:before {
    top: 9px
}
.windows .date span:before {
    top: 9px
}
.windows .tjp-advert-label {
    line-height: -moz-block-height
}
.windows body .container-advert .caption .date:before {
    top: 0;
    bottom: 0
}
.windows .tjp-latest-entry ul li.highlight .title-large:before {
    top: 14px;
    bottom: 10px
}
.windows .container-right .suscribe input.button-subscribe {
    padding: 11px 0 10px
}
.windows .jak-post-issue .title-issue:before {
    padding: 0px 9px 2px 6px
}
.windows .tjp-full-block-channel .main-container .absolute-caption .full-block-caption {
    padding: 0 20px 0
}
.windows .tjp-full-block-channel .main-container .absolute-caption .full-block-caption:before {
    top: 10px;
    bottom: 10px
}
.windows .tjp-full-block-channel .main-container .jThumbnailScroller .tjp-detail-caption .date span:before {
    top: 9px
}
.windows .tjp-full-block-channel .main-container .tjp-detail-caption .date:before {
    top: 0;
    bottom: 0
}
.windows .multimedia-color .tjp-md-headline .tjp-detail-caption a .date::before,
.windows .multimedia-color .tjp-md-slide .tjp-detail-caption a .date::before {
    top: 0;
    bottom: 0
}
.windows .multimedia-color .tjp-md-headline .tjp-detail-caption a .date span::before,
.windows .multimedia-color .tjp-md-slide .tjp-detail-caption a .date span::before {
    top: 9px
}
.windows .index_photo .main-single-page .title::before,
.windows .index_video .main-single-page .title::before,
.windows .multimedia .main-single-page .title::before {
    top: 4px;
    bottom: 5px
}
.windows .main-md-content .main-single-page .date::before {
    top: 0;
    bottom: 0
}
progress {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: red
}
progress::-webkit-progress-bar {
    background-color: transparent
}
.flat::-webkit-progress-value {
    background-color: red
}
.flat::-moz-progress-bar {
    background-color: red
}
.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block
}
.progress-bar {
    background-color: red;
    width: 50%;
    display: block;
    height: inherit
}
.google-search .tjp-pargph-2 {
    overflow: unset
}
.google-search .tjp-latest-entry .title-large {
    font-family: 'Helveticaff';
    line-height: 1.2;
    margin-top: 0;
    display: block
}
.google-search .tjp-latest-entry .title-large:before {
    top: 0px;
    bottom: 11px
}
.google-search .tjp-latest-entry .gsc-control-cse {
    padding: 0;
    font-family: "Helveticaff"!important
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-result-info {
    padding: 8px 8px 8px 0;
    font-family: "Helveticaff"
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-thumbnail-inside {
    padding-left: 0px!important
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-url-top {
    display: none!important
}
.google-search .tjp-latest-entry .gsc-control-cse .gs-title {
    line-height: normal;
    height: auto;
    padding: 0!important;
    font-size: 20px;
    font-family: "Helveticaff"
}
.google-search .tjp-latest-entry .gsc-control-cse .gs-title a {
    text-decoration: none
}
.google-search .tjp-latest-entry .gsc-control-cse .gs-title b {
    line-height: normal;
    padding: 0!important;
    font-size: 20px;
    font-family: 'Helveticaff';
    text-decoration: none
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-webResult.gsc-result {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05)
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-webResult.gsc-result a {
    padding: 0
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-webResult.gsc-result .gs-snippet {
    font-size: 14px;
    font-family: 'Helveticaff';
    font-weight: 300;
    line-height: normal;
    color: #a2a2a2
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-cursor-page {
    font-size: 17px;
    font-family: "Helveticaff"
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-cursor-page.gsc-cursor-current-page {
    color: #DD1E26!important
}
.google-search .tjp-latest-entry .gsc-control-cse .gsc-orderby {
    font-family: "Helveticaff"
}
.google-search .tjp-latest-entry .gsc-control-cse tr .gcsc-branding-clickable {
    width: 50px;
    padding: 0
}
@media (max-width: 768px) {
    .google-search .tjp-latest-entry .gsc-control-cse {
        padding: 0 24px
    }
}
@media (max-width: 639px) {
    .google-search .tjp-latest-entry .gsc-control-cse {
        padding: 0 12px
    }
}