@media screen and (min-width:1920px){
    :root{
        --ratio:1;
    }
}
@media screen and (min-width:1366px) and (max-width:1919px){
    :root{
        --ratio:0.8;
    }
}
@media screen and (min-width:768px) and (max-width:1365px){
    :root{
        --ratio:0.6;
    }
}
@media screen and (min-width:500px) and (max-width:767px){
    :root{
        --ratio:0.5;
    }
}
@media screen and (max-width:499px){
    :root{
        --ratio:1;
    }
}
body,html{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    max-width:100vw;
    position:relative;
    color:#fff;
    font-size:calc(14px * var(--ratio));
    font-family:"Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Helvetica Neue",Arial,sans-serif;
}
/* Decoration:a */
.active{
    font-weight:bold;
}
a,a:active,a:hover,a:focus,a:link,a:visited{
    color:#ffffff;
    text-decoration:none;
}
a.pc_not{
    opacity:0.5;
}
a.pc_active{
    opacity:1;
}
/* Top Bar */
.al_navi_box{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:100;
    color:#fff;
    display:flex;
    direction:rtl;
    align-items:center;
}
/* Full screen */
.al_fs_hld{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:101;
    background:#2F324B;
}
.al_fs_cont{
    position:relative;
    width:100vw;
    height:100vh;
}
.al_layer_close_rt{
    position:absolute;
    top:30px;
    right:30px;
    z-index:102;
}
.ds_icon_close{
    width:50px;
    height:50px;
    object-fit:cover;
}
#ds_map{
    position:absolute;
    width:100%;
    height:100%;
}
.ds_marker{
    background-image:url('../img/rs_dive/ic_addr.png');
    background-size:cover;
    width:33px;
    height:110px;
}
.it_a-post{
    /* For Post Click */
    z-index:3;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
}

@media screen and (max-width:499px){
    /* Scroll:Hide */
    body{
        background-color:#1b1e35;
        -webkit-overflow-scrolling:touch;
        overflow-x:hidden;
        scrollbar-width:none;
        -ms-overflow-style:none;
        overflow:-moz-scrollbars-none;
    }
    ::-webkit-scrollbar{
        display:none;
    }
    .mob_top_space{
        height:calc(54rem / 14);
    }
    .mob_btm_space{
        height:calc(79rem / 14);
    }
    /* Logos */
    .mob_left_logo{
        height:calc(22rem / 14);
        object-fit:cover;
        position:fixed;
        z-index:100;
        top:calc(16rem / 14);
        left:calc(14rem / 14);
    }
    .pc_left_logo{
        display:none;
    }
    /* Top Bar */
    .al_navi_box{
        height:calc(54rem / 14);
        background:#2F324B;
        padding:0;
    }
    .mob_topspace{
        height:calc(54rem / 14);
    }
    .al_navi_item{
        margin:calc(16rem / 14) calc(14rem / 14) calc(16rem / 14) calc(14rem / 14);
        font-size:calc(16rem / 14);
        font-weight:400;
        line-height:calc(22rem / 14);
    }
    .al_navi_item_icon{
        height:calc(22rem / 14);
        width:calc(22rem / 14);
        object-fit:cover;
    }
    /* Left Navi for PC:HIDE */
    .pc_left_navi_mod,.pc_left_navi_bar,.al_mask{
        display:none;
    }
    /* Right Content for PC:Normal */
    .pc_right_mod{
    }
    .mob_mod{
    }
    .pc_right_mod_fs{
        display:none;
    }
    .mob_mod_fs{
    }

    .mod_title{
        margin-top:calc(50rem / 14);
        padding:0 calc(18rem / 14);
        margin-bottom:calc(16rem / 14);
        font-size:calc(22rem / 14);
        font-weight:bold;
        line-height:calc(30rem / 14);
        position:relative;
    }
    .more{
        font-size:calc(14rem / 14);
        color:#86C1D3;
        font-weight:bold;
        line-height:calc(30rem / 14);
        position:absolute;
        right:calc(18rem / 14);
        top:0;
        cursor:pointer;
    }
    .ds_title .more{
        right:0;
    }
    .mod_cards{
        height:auto;
        width:auto;
        overflow-y:hidden;
        display:flex;
        position:relative;
        margin-left:0;
        margin-right:0;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        flex-wrap:nowrap;
    }
    /* Mobile First and Last Card Padding */
    .card_ld1909_loc_box:first-child{
        margin-left:calc(18rem / 14);
    }
    .card_ld1909_loc_box:last-child{
        padding-right:calc(18rem / 14);
    }
    .hld_pad_loc{
        padding:0 calc(6rem / 14);
    }
    .title_loc{
        font-size:calc(16rem / 14);
        font-weight:bold;
        line-height:calc(22rem / 14);
    }
    .gap_loc1{
        margin-bottom:calc(2rem / 14);
    }
    .gap_loc2{
        margin-bottom:calc(6rem / 14);
    }
    .gap_loc3{
        margin-bottom:calc(2rem / 14);
    }
    .gap_loc4{
        margin-bottom:calc(5rem / 14);
    }
    .text_loc{
        font-size:calc(10rem / 14);
        font-weight:400;
        line-height:calc(14rem / 14);
    }
    .card_ld1909_loc_box{
        margin-right:calc(15rem / 14);
        /*margin-bottom:calc(30rem / 14);*/
    }
    /* Guide Card */
    .card_ld1909_guide_box:first-child{
        margin-left:calc(18rem / 14);
    }
    .card_ld1909_guide_box:last-child{
        padding-right:calc(18rem / 14);
    }
    .card_ld1909_guide_box{
        margin-right:calc(15rem / 14);
    }
    .gap_gui1{
        margin-bottom:calc(4rem / 14);
    }
    .gap_gui2{
        margin-bottom:calc(8rem / 14);
    }
    .mod_cards_trip{
        padding:0 calc(18rem / 14);
    }
    .hld_pad_trip{
        padding:0 calc(15rem / 14);
    }
    .hld_pad_trip2{
        padding:0 calc(15rem / 14);
    }
    .gap_trip1{
        margin-bottom:calc(8rem / 14);
    }
    .gap_trip2{
        margin-bottom:calc(8rem / 14);
    }
    .gap_trip3{
        margin-bottom:calc(15rem / 14);
    }
    .gap_trip4{
        margin-bottom:calc(10rem / 14);
    }
    .gap_trip5{
        margin-bottom:calc(10rem / 14);
    }
    .title_trip{
        margin-top:calc(18rem / 14);
        font-size:calc(20rem / 14);
        font-weight:bold;
        line-height:calc(28rem / 14);    
    }
    .price_trip1{
        font-size:calc(14rem / 14);
        font-weight:bold;
        line-height:calc(16rem / 14);
    }
    .price_trip2{
        font-size:calc(8rem / 14);
        font-weight:bold;
        line-height:calc(11rem / 14);
    }




    /* ADDED FROM WIDGET */
    .card_ld1909_loc_card{
        width:calc(102rem / 14);
        height:calc(126rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
    }
    /* Object:Nation */
    .nat_ld1909_h16{
        margin-left:0;
        padding:0;
        height:calc(16rem / 14);
        background:hsla(201, 20%, 45%, 0.666);
        border-radius:calc(12rem / 14);
        display:flex;
        align-items:center;
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
        max-width:100%;
    }
    .flag-icon,.flag-twcn{
        height:calc(8rem / 14);
        margin-right:calc(8rem / 14);
        margin-left:calc(8rem / 14);
    }
    .flag-twcn{
        background:url(../img/ex_legacy/ico_fg_tcn.png);
        background-size:contain;
        background-repeat:no-repeat;
        width:calc(80rem / 53);
    }
    .nat_ld1909_h16_desc{
        margin-right:calc(8rem / 14);
        text-align:center;
        font-size:calc(7rem / 14);
        font-weight:bold;
        line-height:calc(10rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .card_ld1909_loc_desc{
        margin-top:calc(5rem / 14);
        font-size:calc(10rem / 14);
        font-weight:400;
        color:hsla(0, 0%, 100%, 0.7);
        line-height:calc(14rem / 14);
        width:calc(102rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .card_ld1909_guide_swsingle{
        width:calc(130rem / 14);
        height:calc(190rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
    }
    .card_ld1909_guide_desc{
        margin-top:calc(9rem / 14);
        font-size:calc(10rem / 14);
        font-weight:400;
        color:#fff;
        line-height:1rem;
        width:calc(130rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    /* Object:Avatar_s24 */
    .av_ld1909_h24_hld{
        display:flex;
        align-items:center;
    }
    .av_ld1909_h24_img{
        width:calc(24rem / 14);
        height:calc(24rem / 14);
        margin-right:calc(5rem / 14);
        border:double 1px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:none,linear-gradient(230deg,#ffab77,#ffd42c);
        border-radius:50%;
        object-fit:cover;
        /* This class is wrapped with a div and within the img */
        vertical-align:middle;
    }
    .av_ld1909_h24_infohld{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }
    .av_ld1909_h24_name{
        font-size:calc(8rem / 14);
        font-weight:bold;
        color:#fff;
        line-height:calc(10rem / 14);
        margin-bottom:calc(2rem / 14);
    }
    .av_ld1909_h24_certhld{
        min-width:calc(45rem / 14);
        height:calc(10rem / 14);
        display:flex;
        align-items:center;
        background:#454F7E;
        border-radius:10px;
    }
    .av_ld1909_h24_certhld_v{
        min-width:calc(45rem / 14);
        height:calc(10rem / 14);
        display:flex;
        align-items:center;
        border-radius:10px;
        border:double 1px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#454F7E,#454F7E),linear-gradient(230deg,#58F1FF,#6D4AFF);
    }
    .av_ld1909_h24_cert{
        font-size:calc(6rem / 14);
        font-weight:800;
        color:#fff;
        line-height:calc(7rem / 14);
        margin:0 auto;
    }
    /* Object:Tag */
    .tag_ld1909_h13_hld,.nat_ld1909_h16_hld{
        height:auto;
        width:auto;
        overflow-x:hidden;
        overflow-y:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
    }
    .tag_ld1909_h13:last-child{
        margin-right:0;
    }
    .tag_ld1909_h13{
        margin-right:calc(4rem / 14);
        margin-bottom:calc(4rem / 14);
        height:calc(13rem / 14);
        background:#fff;
        border-radius:calc(12rem / 14);
        display:flex;
        align-items:center;
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
    }
    .tag_ld1909_desc{
        min-width:calc(40rem / 14);
        padding:0 calc(8rem / 14);
        font-size:calc(7rem / 14);
        font-weight:bold;
        color:hsla(0, 0%, 0%, 0.87);
        line-height:calc(10rem / 14);
        flex:1;
    }
    .card_ld1909_tr_single{
        width:100%;
        height:calc(250rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
        margin-bottom:calc(30rem / 14);
    }
    .card_ld1909_ds_single{
        width:100%;
        height:calc(105rem / 14);
        position:relative;
        display:flex;
        margin-bottom:calc(25rem / 14);
    }
    .card_ds_type{
        position:absolute;
        height:calc(19rem / 14);
        background:#64cbcb;
        border-radius:5px;
        padding:0 calc(9rem / 14);
        font-size:calc(12rem / 14);
        font-weight:bold;
        line-height:calc(19rem / 14);
        top:calc(3rem / 14);
        left:0;
    }
    .card_ds_img_hld{
        margin-left:calc(2rem / 14);
        margin-right:calc(7rem / 14);
    }
    .card_ds_img{
        width:calc(104rem / 14);
        height:calc(104rem / 14);
        object-fit:cover;
        border-radius:5px;
    }
    .card_ds_info_hld{
        flex:1;
        width:0;
        display:flex;
        flex-direction:column;
    }
    .card_ds_name{
        font-size:calc(16rem / 14);
        font-weight:bold;
        line-height:calc(22rem / 14);
        margin-bottom:calc(6rem / 14);
    }
    .card_ds_name_sub{
        flex:1;
        font-size:calc(12rem / 14);
        font-weight:bold;
        line-height:calc(17rem / 14);
    }
    .card_ds_name_info{
        display:flex;
        align-items:center;
    }
    .card_ds_icon_hld{
        display:flex;
    }
    .card_ds_icon{
        width:calc(13rem / 14);
        height:calc(13rem / 14);
        margin-right:calc(4rem / 14);
        object-fit:cover;
    }
    .card_ds_loc{
        font-size:calc(14rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    /* Masonry */
    .cm_space{
        position:relative;
        height:calc(78.5rem / 14);
        width:1vw;
    }
    .cm-mholder{
        display:flex;
        min-height:calc(100vh);
        overflow:hidden;
        position:relative;
    }
    .cm_masonry{
        flex:1;
        margin:0 calc(14.5rem / 14);
        position:relative;
    }
    
    .m-card{
        width:calc(50% - 0.5rem);
        margin:0.25rem;
        position:relative;
        background:#2f324b;
        border-radius:5px;
    }
    .m-med-hld{
        position:relative;
        width:100%;
        height:100%;
        background:#2F324B;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
    
        background:url('../img/nm_post/i_def.png');
        background-size:calc(50rem / 14);
        background-position:center center;
        background-repeat:no-repeat;
    }
    .m-med{
        width:100%;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        z-index:2;
    }
    .m-rec-top{
        position:absolute;
        top:0;
        left:calc(3rem / 14);
        width:calc(20rem / 14);
        height:calc(20rem / 14);
        background:url('../img/ex_masonry/i_top.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-rec-hig{
        position:absolute;
        top:0;
        left:calc(3rem / 14);
        width:calc(20rem / 14);
        height:calc(20rem / 14);
        background:url('../img/ex_masonry/i_high.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-type-vid{
        position:absolute;
        top:calc(9rem / 14);
        right:calc(9rem / 14);
        width:calc(18rem / 14);
        height:calc(11rem / 14);
        background:url('../img/ex_masonry/i_vid.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-type-alb{
        position:absolute;
        top:calc(9rem / 14);
        right:calc(9rem / 14);
        width:calc(17rem / 14);
        height:calc(13rem / 14);
        background:url('../img/ex_masonry/i_album.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-loc-hld{
        position:absolute;
        bottom:calc(4rem / 14);
        left:0.5rem;
        max-width:40vw;
        background:hsla(234, 23%, 24%, 0.6);
        border-radius:1rem;
        height:calc(20rem / 14);
        display:flex;
        align-items:center;
        padding:0 0.5rem;
        z-index:9;
    }
    .m-loc-hld .flag-icon,.m-loc-hld .flag-twcn{
        height:calc(12rem / 14);
        margin:0 calc(5rem / 14) 0 0;
    }
    .m-loc-hld .flag-twcn{
        width:calc(960rem / 742);
    }
    .m-loc{
        flex:1;
        font-size:calc(8rem / 14);
        font-weight:400;
        line-height:calc(10rem / 14);
        color:#fff;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .m-info-hld{
        width:100%;
        position:relative;
    }
    .m-comm{
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        overflow:hidden;
        -webkit-box-orient:vertical;
        font-size:calc(10rem / 14);
        font-weight:400;
        color:#ffffff;
        line-height:calc(12rem / 14);
        margin:0.5rem 0.5rem 0 0.5rem;
    }
    .m-btm-hld{
        display:flex;
        align-items:center;
        justify-items:center;
        overflow:hidden;
        text-overflow:ellipsis;
        margin:0.5rem;
        font-size:calc(8rem / 14);
        font-weight:400;
        line-height:calc(10rem / 14);
    }
    .m-avatar{
        width:calc(15rem / 14);
        height:calc(15rem / 14);
        border-radius:50%;
        margin:0 calc(4rem / 14) 0 0;
    }
    .m-nick{
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        color:hsla(0, 0%, 100%, 0.6);
    }
    .m-like{
        width:calc(12rem / 14);
        height:calc(12rem / 14);
        background:url('../img/ex_masonry/i_like.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(4rem / 14);
        opacity:0.3;
    }
    .m-count{
        color:hsla(0, 0%, 100%, 0.38);
    }
    .m-view{
        width:calc(12rem / 14);
        height:calc(12rem / 14);
        background:url('../img/ex_masonry/i_view.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(4rem / 14);
    }
    .m-article{
        width:calc(39rem / 14);
        height:calc(12rem / 14);
        border-radius:calc(12rem / 14);
        display:inline-block;
        border:1px solid #77d4ef;
        vertical-align:middle;
        text-align:center;
        font-size:calc(8rem / 14);
        font-weight:600;
        color:rgba(119,212,239,1);
        line-height:calc(10rem / 14);
        margin-right:calc(3rem / 14);
    }
    .m-slogan{
        position:absolute;
        bottom:0;
        left:0;
        width:100vw;
        height:40vw;
        background:linear-gradient(to bottom,hsla(0, 0%, 100%, 0) 0%,hsla(233, 33%, 16%, 0) -100%,hsla(233, 33%, 16%, 1) 85%);
        z-index:19;
    }
    .flag-twcn {
        background:url(../img/ex_legacy/ico_fg_tcn.png);
        background-size:contain;
        background-repeat:no-repeat;
    }
    .cm-box{
        width:100%;
        top:0;
        left:0;
        position:absolute;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        -webkit-box-orient:vertical;
        box-orient:vertical;
        -webkit-flex-direction:column;
        flex-direction:column;
    }

    /* Page:Diveshop */
    .ds_header{
        height:calc(200rem / 14);
        width:100vw;
        position:relative;
    }
    .ds_header_fl{
        height:calc(200rem / 14);
        width:100vw;
        object-fit:cover;
    }
    .ds_header_hf,.ds_header_none{
        display:none;
    }
    .ds_mob_vessel9{
        padding:0 calc(9rem / 14);
    }
    .ds_mob_vessel18{
        padding:0 calc(18rem / 14);
    }
    .ds_assoc{
        font-size:calc(12rem / 14);
        font-weight:bold;
        color:#64cbcb;
        line-height:calc(17rem / 14);
        margin-top:calc(20rem / 14);
    }
    .ds_mob_line{
        margin-top:calc(18rem / 14);
        margin-bottom:calc(15rem / 14);
        width:100%;
        box-sizing:border-box;
        border-bottom:1px solid hsla(0,0%,59%,0.5);
    }
    .ds_info_hld{
        padding:auto calc(9rem / 14);
        width:100%;
        background:#292d4a;
        border-radius:8px;
        box-sizing:border-box;
        padding:calc(8rem / 14) calc(10rem / 14);
    }
    .ds_info_item{
        display:flex;
        margin:calc(8rem / 14) 0;
        align-items:center;
    }
    .ds_info_icon{
        width:calc(15rem / 14);
        height:calc(15rem / 14);
        margin-right:calc(6rem / 14);
        object-fit:cover;
    }
    .ds_title{
        font-size:calc(22rem / 14);
        font-weight:bold;
        line-height:calc(30rem / 14);
        margin-bottom:calc(12rem / 14);
    }
    .ds_desc{
        font-size:calc(12rem / 14);
        font-weight:400;
        line-height:calc(17rem / 14);
    }
    .ds_info{
        font-size:calc(14rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
        /* ONE LINE
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap; */
    }
    .ds_info_icon_hld{
        display:flex;
    }
    .ds_tag_hld{
        display:inline-block;
        font-size:calc(12rem / 14);
        font-weight:bold;
        line-height:calc(17rem / 14);
        color:#6FC5EB;
        margin-right:calc(40rem / 14);
        margin-bottom:calc(20rem / 14);
    }
    .ds_tag{
        display:inline-block;
        color:#fff;
    }
    .ds_payment_hld{
        display:flex;
        padding:0;
        align-items:center;
    }
    .ds_payment{
        flex:1;
        text-align:center;
    }
    .ds_payment.disabled{
        /*opacity:0.1;*/
        display:none;
    }
    .ds_payment_text{
        font-size:calc(12rem / 14);
        font-weight:400;
        line-height:calc(17rem / 14);
        margin-top:calc(17rem / 14);
        margin-bottom:calc(26rem / 14);
    }
    .ds_payment_icon{
        width:calc(40rem / 14);
        height:calc(40rem / 14);
        object-fit:cover;
    }

    .gap_ds1{
        margin-bottom:calc(46rem / 14);
    }
    .gap_ds2{
        margin-bottom:calc(33rem / 14);
    }
    .gap_ds3{
        margin-bottom:calc(26rem / 14);
    }


    
    /* For all pages */
    .al_label_hld{
        height:auto;
        width:auto;
        overflow-x:hidden;
        overflow-y:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
        padding-left:calc(17rem / 14);
        padding-right:calc(8rem / 14);
    }
    .al_label{
        margin-right:calc(9rem / 14);
        margin-bottom:calc(12rem / 14);
        height:calc(31rem / 14);
        background:#292D4A;
        border-radius:5px;
        display:flex;
        align-items:center;
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
    }
    .al_label:last-child{
        margin-right:0;
    }
    .al_label_text{
        min-width:calc(40rem / 14);
        padding:0 calc(18rem / 14);
        font-size:calc(14rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
        flex:1;
    }
    .al_btm_hld{
        position:fixed;
        width:100%;
        height:calc(77rem / 14);
        background:#2f324b;
        bottom:0;
        left:0;
        z-index:15;
        justify-content:center;
        align-items:center;
        display:flex;
    }
    .al_btm_infobox{
        flex:1;
        margin:auto calc(18rem / 14);
        margin-right:0;
    }
    .al_btm_info_big{
        font-size:calc(18rem / 14);
        font-weight:600;
        line-height:calc(25rem / 14);
    }
    .al_btm_info_small{
        font-size:calc(10rem / 14);
        font-weight:400;
        line-height:calc(14rem / 14);
        color:hsla(0, 0%, 100%, 0.8);
    }
    .al_btm_info_bt{
        height:calc(40rem / 14);
        /* VER 3.0
        background:linear-gradient(230deg,#58f1ff 0%,#6d4aff 100%);
        */
        background:linear-gradient(227deg,#99dcf9 0%,#6fc5eb 100%);
        border-radius:5px;
        font-size:calc(14rem / 14);
        font-weight:800;
        line-height:calc(20rem / 14);
        margin:auto calc(18rem / 14);
        padding:calc(10rem / 14) calc(43rem / 14);
    }

    /* Page:Guide */
    .gu_header_fl{
        height:100vw;
        width:100vw;
        object-fit:cover;
    }
    .gu_pc_l_hld{
        display:none;
    }
    .gu_header{
        height:100vw;
        width:100vw;
        position:relative;
    }
    .lo_header{
        height:calc(200rem / 14);
        width:100vw;
        position:relative;
    }
    .lo_header_fl{
        height:calc(200rem / 14);
        width:100vw;
        object-fit:cover;
    }



    .al_av_hld{
        display:flex;
        justify-content:center;
        padding:calc(28rem / 14) calc(18rem / 14);
        align-items:center;
    }
    .al_av{
        width:calc(40rem / 14);
        height:calc(40rem / 14);
        border-radius:50%;
        object-fit:cover;
        margin-right:calc(9rem / 14);
    }
    .al_av_g{
        border:double 2px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#646d93,#646d93),linear-gradient(230deg,#ffab77,#ffd42c);
    }
    .al_av_ic_g{
        position:absolute;
        height:calc(15rem / 14);
        width:calc(15rem / 14);
        background:url(../img/nm_iter/i_tsjn.png);
        background-size:contain;
        background-repeat:no-repeat;
        bottom:0;
        right:calc(6rem / 14);
    }
    .al_av_info{
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }
    .al_av_name{
        font-size:calc(14rem / 14);
        font-weight:bold;
        line-height:calc(20rem / 14);
        margin-bottom:calc(2rem / 14);
    }
    .al_av_cert{
        min-width:calc(45rem / 14);
        height:calc(17rem / 14);
        display:flex;
        justify-content:center;
        background:#454F7E;
        border-radius:29px;
        font-size:calc(10rem / 14);
        font-weight:800;
        color:#fff;
        line-height:calc(12rem / 14);
    }
    .al_av_cert_v{
        border:double 2px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#646d93,#646d93),linear-gradient(270deg,#58F1FF,#6D4AFF);
    }
    .al_av_cert_cont{
        white-space:nowrap;
        margin:auto;
        padding:0 0.5rem;
        display:flex;
        align-items:center;
    }
    .gu_pc_r_hld{
        flex:1;
        /* USE THIS TO AVOID FLEX OVERFLOW */
        min-width:0;
        position:relative;
        margin-top:4.43vw;
        display:flex;
        flex-flow:column;
    }

    .al_verify_icon{
        width:calc(45rem / 14);
        height:calc(45rem / 14);
        object-fit:cover;
    }

    .al_r_line{
        display:none;
    }

    .gu_title{
        font-size:calc(28rem / 14);
        font-weight:bold;
        line-height:calc(40rem / 14);
        margin-bottom:calc(18rem / 14);
        padding:0 calc(18rem / 14);
    }
    .gu_sub{
        font-size:calc(14rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
        margin-bottom:calc(18rem / 14);
        padding:0 calc(18rem / 14);
        color:hsla(0, 0%, 85%, 0.8);
    }
    .gu_ssub{
        font-size:calc(22rem / 14);
        font-weight:bold;
        line-height:calc(30rem / 14);
        margin-bottom:calc(8rem / 14);
        margin-top:calc(22rem / 14);
    }
    .al_r_slide_hld{
    }
    .al_ph_hld{
        width:100%;
        position:relative;
        margin-bottom:calc(16rem / 14);
        overflow:auto;
        display:flex;
        -webkit-overflow-scrolling:touch;
        padding:0 calc(9rem / 14);
    }
    .al_r_ph{
        width:calc(150rem / 14);
        height:calc(100rem / 14);
        margin:0 calc(9rem / 14);
        object-fit:cover;
        border-radius:5px;
    }
    .gu_map_hld{
        margin:0 calc(18rem / 14);
        position:relative;
    }
    .gu_map{
        width:100%;
        height:calc(0.5 * calc(100vw - calc(36rem / 14)));
        object-fit:cover;
        border-radius:5px;
    }
    .gu_map_loc{
        height:calc(37rem / 14);
        position:absolute;
        top:calc(50% - calc(37rem / 14));
        left:calc(50% - calc(10.57rem / 14));
    }

    .al_slide_h{
        height:auto;
        max-width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        flex-wrap:nowrap;
        display:flex;
        transition-property:transform,-webkit-transform;
        box-sizing:content-box;
    }
    /* Card */
    .it_postcard{
        width:calc(1328vw / 30);
        position:relative;
        background:#2f324b;
        border-radius:5px;
        margin-right:calc(14rem / 14);
        scrollbar-width:none;
        -ms-overflow-style:none;
        overflow:-moz-scrollbars-none;
        /* Flex 1 overflow */
        flex-shrink:0;
    }
    .it_postcard::-webkit-scrollbar{
        display:none;
    }
    .it_postcard:first-child{
        margin-left:calc(18rem / 14);
    }
    .it_postcard:last-child{
        margin-right:calc(18rem / 14);
    }
    .it-med-hld{
        position:relative;
        width:100%;
        height:calc(1328vw / 30);
        background:#2F324B;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
    
        background:url('../img/nm_post/i_def.png');
        background-size:calc(80rem / 14);
        background-position:center center;
        background-repeat:no-repeat;
    }
    .it-med{
        width:100%;
        height:100%;
        object-fit:cover;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        z-index:2;
    }
    .it-rec-top{
        position:absolute;
        top:0;
        left:calc(3rem / 14);
        width:calc(20rem / 14);
        height:calc(20rem / 14);
        background:url('../img/ex_masonry/i_top.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-rec-hig{
        position:absolute;
        top:0;
        left:calc(3rem / 14);
        width:calc(20rem / 14);
        height:calc(20rem / 14);
        background:url('../img/ex_masonry/i_high.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-type-vid{
        position:absolute;
        top:calc(9rem / 14);
        right:calc(9rem / 14);
        width:calc(18rem / 14);
        height:calc(11rem / 14);
        background:url('../img/ex_masonry/i_vid.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-type-alb{
        position:absolute;
        top:calc(9rem / 14);
        right:calc(9rem / 14);
        width:calc(17rem / 14);
        height:calc(13rem / 14);
        background:url('../img/ex_masonry/i_album.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-loc-hld{
        position:absolute;
        bottom:calc(4rem / 14);
        left:0.5rem;
        max-width:40vw;
        background:hsla(234, 23%, 24%, 0.6);
        border-radius:1rem;
        height:calc(20rem / 14);
        display:flex;
        align-items:center;
        padding:0 0.5rem;
        z-index:9;
    }
    /* TAIWAN, CHINA */
    .it-loc-hld .flag-icon,.it-loc-hld .flag-twcn{
        height:calc(12rem / 14);
        margin:0 calc(5rem / 14) 0 0;
    }
    .it-loc-hld .flag-twcn{
        width:calc(960rem / 742);
        background:url('../img/nm_iter/tcn.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .ld_loc-hld .flag-twcn{
        width:calc(960rem / 742);
        height:calc(10rem / 14);
        margin:0 calc(5rem / 14) 0 0;
        background:url('../img/nm_iter/tcn.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .lc_top-desc .flag-twcn{
        height:calc(16rem / 14);
        width:calc(24rem / 14);
        margin-right:calc(5rem / 14);
        background:url('../img/nm_iter/tcn.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    
    .it-loc{
        flex:1;
        font-size:calc(8rem / 14);
        font-weight:400;
        line-height:calc(10rem / 14);
        color:#fff;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .it-info-hld{
        width:100%;
        height:calc(68rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
    }
    .it-comm{
        height:calc(24rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:calc(10rem / 14);
        font-weight:400;
        color:#ffffff;
        line-height:calc(12rem / 14);
        margin:0.5rem 0.5rem 0 0.5rem;
    }
    .it-comm-bottom{
        flex:1;
    }
    .it-btm-hld{
        display:flex;
        align-items:center;
        justify-items:center;
        overflow:hidden;
        text-overflow:ellipsis;
        margin:0.5rem;
        font-size:calc(8rem / 14);
        font-weight:400;
        line-height:calc(10rem / 14);
        margin-bottom:0;
        padding-bottom:0.5rem;
    }
    .it-avatar{
        width:calc(15rem / 14);
        height:calc(15rem / 14);
        border-radius:50%;
        margin:0 calc(4rem / 14) 0 0;
    }
    .it-nick{
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        color:hsla(0, 0%, 100%, 0.6);
    }
    .it-like{
        width:calc(12rem / 14);
        height:calc(12rem / 14);
        background:url('../img/ex_masonry/i_like.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(4rem / 14);
        opacity:0.3;
    }
    .it-count{
        color:hsla(0, 0%, 100%, 0.38);
    }
    .it-view{
        width:calc(12rem / 14);
        height:calc(12rem / 14);
        background:url('../img/ex_masonry/i_view.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(4rem / 14);
    }
    .it-article{
        width:calc(39rem / 14);
        height:calc(12rem / 14);
        border-radius:calc(12rem / 14);
        display:inline-block;
        border:1px solid #77d4ef;
        vertical-align:middle;
        text-align:center;
        font-size:calc(8rem / 14);
        font-weight:600;
        color:rgba(119,212,239,1);
        line-height:calc(10rem / 14);
        margin-right:calc(3rem / 14);
    }

    .gu_mob_hld{

    }

    /* Page:User */
    .us_mob_av_hld{
        width:100vw;
        display:flex;
    }
    .us_mob_av{
        margin:0 calc(10rem / 14) 0 calc(19rem / 14);
        height:calc(83rem / 14);
        width:calc(83rem / 14);
        position:relative;
    }
    .us_mob_av_img{
        width:100%;
        height:100%;
        border-radius:50%;
        border:1px solid #4c506d;
        object-fit:cover;
    }
    .us_mob_av_cv{
        height:calc(18rem / 14);
        width:calc(18rem / 14);
        position:absolute;
        bottom:calc(6rem / 14);
        right:calc(2rem / 14);
        background:url('../img/ex_card/i_v.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .us_mob_av_cp{
        height:calc(18rem / 14);
        width:calc(18rem / 14);
        position:absolute;
        bottom:calc(6rem / 14);
        right:calc(2rem / 14);
        background:url('../img/ex_card/i_b.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .us_mob_av_cc{
        height:calc(18rem / 14);
        width:calc(18rem / 14);
        position:absolute;
        bottom:calc(6rem / 14);
        right:calc(2rem / 14);
        background:url('../img/ex_card/i_i.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .us_mob_av_cg{
        height:calc(18rem / 14);
        width:calc(18rem / 14);
        position:absolute;
        bottom:calc(6rem / 14);
        right:calc(2rem / 14);
        background:url('../img/nm_iter/i_tsjn.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .gu_pc_hld{
        display:none;
    }

    /* APP */
    .dp_logo_l{
        height:calc(80rem / 14);
        width:calc(80rem / 14);
        background:url(../img/nm_iter/i_logo_l.png);
        background-size:contain;
        background-repeat:no-repeat;
    }
    .app_bgbx{
        width:100vw;
        object-fit:cover;
        position:relative;
        text-align:center;
    }
    .app_bgbxbt{
        width:100vw;
        object-fit:cover;
        position:absolute;
        bottom:0;
        left:0;
    }
    .app_dlbox{
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .app_dlbox2{
        display:flex;
        flex-direction:column;
        align-items:center;
        margin:calc(100rem / 14) auto;
    }
    .app_dltitle{
        font-size:calc(38rem / 14);
        font-weight:bold;
        color:#ffffff;
        line-height:calc(38rem / 14);
        margin-bottom:calc(25rem / 14);
        margin-top:calc(10rem / 14);
    }
    .app_dldesc{
        font-size:calc(26rem / 14);
        font-weight:500;
        color:#ffffff;
        line-height:calc(34rem / 14);
        margin-bottom:calc(25rem / 14);
    }
    .app_dlbtbox{
        display:flex;
        align-items:center;
        margin:auto;
    }
    .app_dlandroid{
        width:calc(138rem / 14);
        height:calc(39rem / 14);
        background:url('../img/nm_app/dl_a.png');
        background-size:cover;
        background-repeat:no-repeat;
        margin:0 calc(18rem / 14);
    }
    .app_dlios{
        width:calc(138rem / 14);
        height:calc(39rem / 14);
        background:url('../img/nm_app/dl_i.png');
        background-size:cover;
        background-repeat:no-repeat;
        margin:0 calc(18rem / 14);
    }
    .app_dlhld{
        position:absolute;
        width:100%;
        top:calc(110rem / 14);
        left:0;
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .app_ctbox{
        background:#fff;
        color:#171926;
    }
    .app_ctbox2{
        color:#fff;
    }
    .app_ctbox2 .app_ctdesc{
        margin-bottom:calc(40rem / 14);
    }
    .app_cttitle{
        font-size:calc(40rem / 14);
        font-weight:600;
        /*text-transform:uppercase;*/
        background:linear-gradient(to right,#136db2 0%,#209ce8 40%);
        -webkit-background-clip:text;
        background-clip:text;
        -webkit-text-fill-color:transparent;
        margin-left:calc(27rem / 14);
        margin-bottom:calc(12rem / 14)
    }
    .app_ctdesc{
        font-size:calc(20rem / 14);
        font-weight:500;
        margin-left:calc(30rem / 14);
        margin-bottom:calc(12rem / 14)
    }
    .app_gap_w{
        height:calc(75rem / 14);
        background:#fff;
    }
    .app_gap_w2{
        position:relative;
    }
    .app_gap_b2{
        height:calc(75rem / 14);
        position:relative;
    }
    .app_box{
        flex:1;
    }
    .us_mob_name_hld{
        display:flex;
    }
    .us_mob_name{
        margin:0 calc(5rem / 14) calc(0rem / 14) calc(17rem / 14);
        font-size:calc(26rem / 14);
        font-weight:bold;
        color:#ffffff;
        line-height:calc(31rem / 14);
    }
    .us_mob_sex_f{
        height:calc(17rem / 14);
        width:calc(17rem / 14);
        margin-top:calc(6rem / 14);
        background:url('../img/nm_home/i_f.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .us_mob_sex_m{
        height:calc(17rem / 14);
        width:calc(17rem / 14);
        margin-top:calc(6rem / 14);
        background:url('../img/nm_home/i_m.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .us_mob_info{
        flex:1;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
    }
    .us_info_count{
        font-size:calc(16rem / 14);
        font-weight:800;
        line-height:calc(19rem / 14);
    }
    .us_info_text{
        font-size:calc(10rem / 14);
        font-weight:400;
        line-height:calc(12rem / 14);
        color:#97989f;
    }
    .us_info{
        flex:1;
        text-align:center;
    }
    .us_info_hld{
        display:flex;
        padding:0;
        width:100%;
    }

    .us_cert_hld{
        margin:calc(25rem / 14) calc(16rem / 14) calc(16rem / 14) calc(16rem / 14);
        height:auto;
        width:auto;
        overflow:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
    }
    .us_cert{
        height:calc(24rem / 14);
        background:#2f324b;
        border-radius:calc(12rem / 14);
        border:1px solid hsla(233, 18%, 36%, 0.28);
        display:flex;
        align-items:center;
        margin-right:calc(7rem / 14);
        margin-bottom:calc(7rem / 14);
    }
    .us_locale{
        white-space:nowrap;
        text-align:center;
        padding-right:calc(14rem / 14);
        font-size:calc(10rem / 14);
        font-weight:400;
        line-height:calc(12rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
    }
    .us_cert_v{
        border:double 1px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#646d93,#646d93),linear-gradient(270deg,#58F1FF,#6D4AFF);
    }
    .us_cert_t{
        font-size:calc(10rem / 14);
        font-weight:800;
        line-height:calc(12rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
        padding:0 calc(14rem / 14);
    }
    .us_info_sign{
        margin:calc(15rem / 14) calc(24rem / 14) 0 calc(24rem / 14);
        font-size:calc(14rem / 14);
        font-weight:600;
        color:#ffffff;
        line-height:calc(16rem / 14);
    }

    .us_info_btm{
        border-bottom:1px solid hsla(233, 4%, 61%, 0.144);
    }
    .us_post{
    }
    .us_post_av_hld{
        display:flex;
        justify-content:center;
        padding:calc(18rem / 14);
        align-items:center;
    }
    .post_vid_hld{
        line-height:0;
    }
    .post_vid{
        width:calc(100vw - calc(36rem / 14));
        height:auto;
        margin:0 calc(18rem / 14);
        border-radius:5px;
    }
    .post_img_hld{
        width:calc(100vw - calc(36rem / 14));
        height:calc(160vw / 3);
        margin:0 calc(18rem / 14);
        position:relative;
    }
    .post_img{
        width:100%;
        height:100%;
        object-fit:cover;
        border-radius:5px;
    }
    .post_img_none{
        display:none;
    }
    .post_ui_hld{
        display:flex;
        align-items:center;
        justify-items:center;
    }
    .post_ui_l{
        flex:1;
        display:flex;
        margin:calc(19rem / 14) calc(18rem / 14) calc(8rem / 14) calc(18rem / 14);
    }
    .post_ui_num{
        position:absolute;
        top:calc(-11rem / 14);
        left:calc(20rem / 14);
        font-size:calc(10rem / 14);
        font-weight:400;
        color:#97989f;
        line-height:calc(12rem / 14);
    }
    .post_ui_r{
        display:flex;
        align-items:center;
        justify-items:center;
        margin-right:calc(20rem / 14);
        font-size:calc(10rem / 14);
        font-weight:400;
        color:#97989f;
        line-height:calc(12rem / 14);
    }
    .like-icon{
        height:calc(20rem / 14);
        width:calc(20rem / 14);
        background:url('../img/ex_card/i_like.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(17rem / 14);
    }
    .like-icon.liked{
        background:url('../img/ex_card/i_liked.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .comment-icon{
        height:calc(20rem / 14);
        width:calc(20rem / 14);
        background:url('../img/ex_card/i_msg.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(17rem / 14);
    }
    .share-icon{
        height:calc(20rem / 14);
        width:calc(20rem / 14);
        background:url('../img/ex_card/i_share.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(17rem / 14);
    }
    .view-icon{
        height:calc(15rem / 14);
        width:calc(15rem / 14);
        background:url('../img/ex_masonry/i_view.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(4rem / 14);
    }
    .post_ui_sldr{
        margin:calc(3rem / 14) 0 calc(3rem / 14) 0;
        height:auto;
        width:auto;
        overflow-y:hidden;
        overflow-x:auto;
        display:flex;
        -webkit-overflow-scrolling:touch;
        flex-wrap:nowrap;
    }
    .post_ui_sldr::-webkit-scrollbar{
        display:none;
    }
    .post_ui_card{
        height:calc(25rem / 14);
        background:rgba(47,50,75,1);
        border-radius:15px;
        border:1px solid rgba(76,80,109,0.42);
        display:flex;
        align-items:center;
        margin-right:calc(6rem / 14);
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
    }
    .post_ui_sldr .post_ui_card:first-child{
        margin-left:calc(16rem / 14);
    }
    .post_ui_exspace{
        min-width:calc(9rem / 14);
    }
    .post_ui_cnt{
        min-width:5rem;
        padding:0 1rem;
        font-size:calc(10rem / 14);
        font-weight:600;
        color:hsla(0, 0%, 100%, 0.87);
        line-height:calc(12rem / 14);
        flex:1;
    }
    .post_ui_locale{
        white-space:nowrap;
        text-align:center;
        padding-right:1rem;
        font-size:calc(10rem / 14);
        font-weight:500;
        line-height:calc(12rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
    }
    .post_ui_card .flag-icon,.post_ui_card .flag-twcn{
        height:calc(14rem / 14);
        margin-right:calc(3rem / 14);
        margin-left:calc(14rem / 14);
    }
    .post_cmt_hld{
        font-size:1rem;
        font-weight:400;
        line-height:calc(16rem / 14);
        color:hsla(0, 0%, 100%, 0.869);
        margin-left:calc(20rem / 14);
        margin-right:calc(20rem / 14);
        margin-top:calc(6rem / 14);
    }
    .post_cm_title,.post_cm_all,.post_cm_sg{
        margin-top:calc(4rem / 14);
    }
    .post_cm_title span,.post_cm_title .tag_h{
        color:#91d2e7;
    }
    .post_cm_all{
        color:hsla(0, 0%, 100%, 0.6);
    }
    .post_cm_sg span{
        font-weight:600;
    }
    .post_cm_add{
        margin-top:calc(6rem / 14);
        margin-bottom:calc(4rem / 14);
        display:flex;
        align-items:center;
        justify-items:center;
        font-size:calc(10rem / 14);
        font-weight:400;
        color:#97989f;
        line-height:calc(12rem / 14);
    }
    .post_cm_add .avatar{
        height:calc(20rem / 14);
        width:calc(20rem / 14);
        background:url('../img/ex_card/a_def.png');
        background-size:contain;
        background-repeat:no-repeat;
        border-radius:50%;
    }
    .post_cm_time{
        font-size:calc(8rem / 14);
        font-weight:400;
        color:hsla(0, 0%, 100%, 0.6);
        line-height:calc(10rem / 14);
        margin-top:calc(12rem / 14);
    }
    .post_cm_add span,.post_cm_time span{
        margin-left:calc(12rem / 14);
    }
    .post_dl_hld{
        width:calc(100vw - calc(36rem / 14));
        height:calc(160vw / 3);
        margin:0 auto;
        position:relative;
    }
    .post_dl_layer{
        background:linear-gradient(180deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.5) 100%);
        border-radius:5px;
        border:1px solid #35384c;
        position:absolute;
        width:100%;
        height:100%;
        z-index:2;
    }
    .post_dl_img{
        border-radius:5px;
        position:absolute;
        width:100%;
        height:100%;
        z-index:1;
        object-fit:cover;
    }
    .post_dl_info_hld{
        height:100%;
        position:absolute;
        width:100%;
        z-index:3;
        display:flex;
        flex-direction:column-reverse;
    }
    .post_dl_detail_hld{
        padding:calc(9rem / 14) calc(13rem / 14);
        display:flex;
        width:100%;
        height:calc(48rem / 14);justify-content:space-between;
    }
    .post_dl_detail{
        display:flex;
        align-items:center;
        justify-items:center;
    }
    .post_dl_detail_icon{
        object-fit:cover;
        width:calc(30rem / 14);
        height:calc(30em / 14);
    }
    .post_dl_detail_num{
        margin-left:calc(3rem / 14);
        margin-right:calc(4rem / 14);
        font-size:calc(16rem / 14);
        font-weight:bold;
        color:#d7f6ff;
        line-height:calc(20rem / 14);
        min-width:calc(52rem / 14);
    }
    .post_dl_sort{
        margin-left:calc(11rem / 14);
        font-size:calc(22rem / 14);
        font-weight:bold;
        color:#fff;
        line-height:calc(26rem / 14);
        text-shadow:0px 0px 10px #000000;
    }
    .post_dl_area{
        height:calc(22rem / 14);
        display:flex;
        align-items:center;
    }
    .post_dl_area .flag-icon,.post_dl_area .flag-twcn{
        margin-left:calc(12rem / 14);
        margin-right:calc(4rem / 14);
        height:1rem;
        text-shadow:0px 0px 10px #000000;
    }
    .post_dl_area .flag-twcn,.post_ui_card .flag-twcn{
        width:calc(80rem / 53);
    }
    .post_dl_locale{
        white-space:nowrap;
        text-align:center;
        font-size:calc(10rem / 14);
        font-weight:500;
        line-height:calc(12rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
        text-shadow:0px 0px 10px #000000;
    }

    
    /* Main Video Box:Circular */
    .main_vid_box{
        height:100vw;
        width:100vw;
        object-fit:cover;
        position:relative;
    }
    .main_title{
        position:absolute;
        left:18px;
        bottom:50px;
        font-size:calc(32rem / 14);
        font-weight:800;
        line-height:calc(29rem / 14);
        display:inline;
        white-space:nowrap;
        -webkit-filter:drop-shadow(1px 1px 5px hsla(0, 0%, 0%, 0.5));
        filter:drop-shadow(1px 1px 5px hsla(0, 0%, 0%, 0.5));
    }
    .main_title_img{
        height:calc(29rem / 14);
    }
    .ab_header_fl{
        height:calc(200rem / 14);
        width:100vw;
        object-fit:cover;
    }
    .ab_img{
        width:calc(100vw - calc(36rem / 14));
        height:calc(166rem / 14);
        margin:calc(10rem / 14) calc(18rem / 14);
        object-fit:cover;
        border-radius:5px;
    }
    /* SEARCH */
    .main_src{
        margin-top:8px;
        position:relative;
    }
    .src_icon{
        height:calc(40rem / 14);
    }
    .src_text{
        position:absolute;
        top:0;
        left:0;
        font-size:calc(16rem / 14);
        font-weight:400;
        line-height:calc(40rem / 14);
        color:#000;
        margin-left:calc(16rem / 14);
    }
    .search_layer{
        position:fixed;
        width:100vw;
        height:100vh;
        top:0;
        left:0;
        overflow:hidden;
        z-index:90;
        background:#1b1e35;
        display:flex;
        flex-direction:column;
    }
    .sr_input_hld{
        position:relative;
        display:flex;
        padding:calc(73rem / 14) calc(18rem / 14) calc(18rem / 14);
        align-items:center;
        justify-content:center;
    }
    .sr_input{
        position:relative;
        flex:1;
    }
    .sr_input_s{
        width:100%;
        height:calc(39rem / 14);
        padding:0 0 0 3rem;
        font-size:1em;
        line-height:calc(16rem / 14);
        font-weight:bold;
        border-radius:calc(20rem / 14);
        border:0;
        background-color:#2F324B;
        color:#fff;
    }
    /* clears the 'X' from Chrome */
    input[type="search"]::-webkit-search-cancel-button {
        /* Remove default */
        -webkit-appearance:none;
        /* Now your own custom styles */
        height:calc(17rem / 14);
        width:calc(17rem / 14);
        margin:calc(12rem / 14) calc(16rem / 14) calc(11rem / 14) calc(16rem / 14);
        background-image:url('../img/nm_qa/i_srch_x.png');
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_ico{
        position:absolute;
        left:calc(12rem / 14);
        top:calc(12rem / 14);
        height:calc(18rem / 14);
        width:calc(18rem / 14);
        background-image:url('../img/nm_qa/i_srch_o.png');
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_ico.loadspin{
        color:#686A7D;
        top:calc(11rem / 14);
        height:calc(17rem / 14);
        width:calc(17rem / 14);
        background-image:none;
        border:2px solid currentColor;
        border-right-color:transparent;
        border-radius:50%;
        -webkit-animation:spinner-border .75s linear infinite;
        animation:spinner-border .75s linear infinite;
    }
    .main_src_out{
        border:0;
        background-color:transparent;
        margin:0;
        line-height:calc(39rem / 14);
        margin-left:calc(18rem / 14);
        color:#77D4EF;
        padding:0;
    }
    .sr_res_hld{
        flex:1;
        overflow-x:hidden;
        overflow-y:scroll;
    }
    .sr_res{
        height:calc(38rem / 14);
        color:#fff;
        font-weight:bold;
        width:calc(100vw - calc(25rem / 14));
        margin:calc(7rem / 14) calc(11rem / 14) 0 calc(14rem / 14);
        border-bottom:1px solid #2F324B;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .sr_res_icon{
        margin:calc(10rem / 14) calc(12rem / 14) calc(10rem / 14) calc(7rem / 14);
        height:calc(18rem / 14);
        width:calc(18rem / 14);
        background-image:url('../img/nm_qa/i_srch_o.png');
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_res_text{
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .sr_nores{
        text-align:center;
        margin-top:calc(49rem / 14);
    }
    .sr_nores_img{
        margin-top:calc(15rem / 14);
        margin-bottom:calc(23rem / 14);
        width:100px;
        height:88px;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_nores_text{
        margin-right:0;
        margin-top:0;
        margin-bottom:calc(49rem / 14);
        line-height:calc(16rem / 14);
    }

    /* Latest version: Dive Site */
    .lo_loc_hld{
        display:flex;
        align-items:center;
    }
    .lo_title{
        margin-top:calc(16rem / 14);
        font-size:calc(30rem / 14);
        line-height:calc(42rem / 14);
        font-weight:bold;
    }
    .lo_place{
        font-size:calc(14rem / 14);
        line-height:calc(20rem / 14);
        font-weight:400;
    }
    .lo_desc{
        margin:calc(25rem / 14) 0;
        font-size:calc(12rem / 14);
        line-height:calc(17rem / 14);
        font-weight:400;
    }
    .lo_spe_hld{
        display:flex;
        margin-bottom:calc(16rem / 14);
    }
    .lo_spe{
        font-size:calc(14rem / 14);
        line-height:calc(20rem / 14);
        font-weight:bold;
        width:calc(100rem / 14);
        max-width:calc(100rem / 14);
    }
    .lo_spe_desc{
        flex:1;
        font-size:calc(14rem / 14);
        line-height:calc(20rem / 14);
        font-weight:bold;
    }
    .lo_spe_cur{
        display:inline-block;
        margin-left:calc(22rem / 14);
        opacity:0.5;
    }
    .lo_spe_hld:last-child{
        margin-bottom:calc(25rem / 14);
    }
    .lo_more_hld{
        position:relative;
    }

    .lo_gr{
        width:100%;
        height:calc(379rem / 14);
        margin-bottom:calc(25rem / 14);
    }
    .lo_po{
        margin-top:calc(25rem / 14);
    }
    .lo_po_more{
        text-align:center;
        font-size:calc(14rem / 14);
        line-height:calc(60rem / 14);
        font-weight:bold;
        color:#86C1D3;
        cursor:pointer;
    }



}
@media screen and (min-width:500px){
    body{
        background-color:#1D1E26;
        overflow-x:hidden;
    }
    /* Logos */
    .pc_left_logo{
        height:4.7vw;
        max-height:calc(90rem / 14);
        object-fit:cover;
        position:fixed;
        z-index:100;
        /*top:calc(57rem / 14);
        left:calc(83rem / 14);*/
        left:3vw;
        top:1.15vw;
    }
    .mob_left_logo{
        display:none;
    }
    .al_mask{
        height:100%;
        width:100%;
        position:fixed;
        z-index:-11;
        top:0;
        left:0;
        background:linear-gradient(270deg,rgba(34,34,34,0.43) 0%,#0f0f0f 100%);
    }
    /* Top Bar */
    .al_navi_box{
        height:7vw;
        max-height:calc(134rem / 14);
        background:transparent;
        align-items:center;
    }
    .al_navi_box.al_navi_nothome{
        background:#2F324B;
    }
    .al_navi_item{
        margin:calc(58rem / 14) calc(33rem / 14) calc(58rem / 14) calc(33rem / 14);
        font-size:calc(14rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
    }
    .al_navi_item_icon{
        height:calc(18rem / 14);
        width:calc(18rem / 14);
        object-fit:cover;
    }
    /* Left Navi for PC:SHOW */
    .pc_left_navi_mod{
        display:flex;
        flex-direction:column;
        width:11.77vw;
        max-width:calc(226rem / 14);
        height:100%;
        position:fixed;
        left:0;
        top:0;
        z-index:98;
        justify-content:center;
    }
    .pc_left_navi_item{
        margin:calc(25rem / 14) 0;
        font-size:calc(24rem / 14);
        font-weight:400;
        line-height:calc(33rem / 14);
        text-align:center;
    }
    .pc_left_navi_bar{
        width:11.77vw;
        max-width:calc(226rem / 14);
        height:81.5%;
        position:fixed;
        left:0;
        bottom:0;
        border-right:1px solid hsla(0, 0%, 100%, 0.1);
        z-index:97;
    }
    /* Right Content for PC:Normal */
    .pc_right_mod{
        box-sizing:border-box;
        /*width:100vw;*/
        width:auto;
        /*padding-right:7.8125vw;*/
        padding-left:15.83vw;
    }
    .mob_mod{
    }
    .pc_right_mod_fs{
        width:100vw;
        height:100vh;
        display:flex;
        box-sizing:border-box;
        /*width:100vw;*/
        width:auto;
        padding-right:7.8125vw;
        padding-left:15.83vw;
    }
    .mob_mod_fs{
        display:none;
    }
    .main_ins{
        display:flex;
        flex-direction:column;
        justify-content:center;
    }
    .main_sub{
        margin-top:calc(23rem / 14);
        font-size:calc(30rem / 14);
        font-weight:800;
        line-height:calc(42rem / 14);
    }
    .main_sub2{
        margin-top:calc(69rem / 14);
        margin-bottom:calc(64rem / 14);
        font-size:calc(22rem / 14);
        font-weight:400;
        line-height:calc(30rem / 14);
    }
    .main_src{
        position:relative;
    }
    .src_icon{
        height:calc(80rem / 14);
    }
    .src_text{
        position:absolute;
        top:0;
        left:0;
        font-size:calc(25rem / 14);
        font-weight:400;
        line-height:calc(80rem / 14);
        color:#000;
        margin-left:calc(25rem / 14);
    }
    .main_title{
        font-size:calc(100rem / 14);
        font-weight:800;
        line-height:calc(92rem / 14);
        display:inline;
        white-space:nowrap;
    }
    .main_title_img{
        height:calc(92rem / 14);
    }



    .mod_title{
        font-size:calc(70rem / 14);
        font-weight:800;
        line-height:calc(calc(98rem / 14) * 3);
        position:relative;
    }
    .more{
        font-size:calc(40rem / 14);
        color:#86C1D3;
        font-weight:800;
        line-height:calc(calc(98rem / 14) * 3);
        position:absolute;
        right:calc(150rem / 14);
        top:0;
        cursor:pointer;
    }
    .ds_title .more{
        font-size:calc(30rem / 14);
        line-height:calc(62rem / 14);
        right:calc(30rem / 14);
    }
    .mod_cards{
        height:auto;
        width:auto;
        overflow-x:hidden;
        overflow-y:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
    }
    .hld_pad_loc{
        padding:0 1.3542vw;
    }
    .title_loc{
        font-size:calc(40rem / 14);
        font-weight:bold;
        line-height:calc(56rem / 14);
    }
    .gap_loc1{
        margin-bottom:calc(12rem / 14);
    }
    .gap_loc2{
        margin-bottom:calc(12rem / 14);
    }
    .gap_loc3{
        margin-bottom:calc(5rem / 14);
    }
    .gap_loc4{
        margin-bottom:calc(14rem / 14);
    }
    .text_loc{
        font-size:calc(20rem / 14);
        font-weight:400;
        line-height:calc(28rem / 14);
    }
    .card_ld1909_loc_box{
        margin-right:calc(73rem / 14);
        margin-bottom:calc(34rem / 14);
    }
    /* Guide Card */
    .card_ld1909_guide_box{
        margin-right:calc(49rem / 14);
        margin-bottom:calc(36rem / 14);
    }
    .gap_gui1{
        margin-bottom:calc(9rem / 14);
    }
    .gap_gui2{
        margin-bottom:calc(20rem / 14);
    }
    .mod_cards_trip{
        height:auto;
        width:auto;
        overflow-x:hidden;
        overflow-y:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
    }
    .hld_pad_trip{
        padding:0 calc(26rem / 14);
    }
    .hld_pad_trip2{
        padding:0 calc(21rem / 14);
    }
    .gap_trip1{
        margin-bottom:calc(17rem / 14);
    }
    .gap_trip2{
        margin-bottom:calc(17rem / 14);
    }
    .gap_trip3{
        margin-bottom:calc(32rem / 14);
    }
    .gap_trip4{
        margin-bottom:calc(22rem / 14);
    }
    .gap_trip5{
        margin-bottom:calc(20rem / 14);
    }
    .title_trip{
        margin-top:calc(40rem / 14);
        font-size:calc(40rem / 14);
        font-weight:bold;
        line-height:calc(56rem / 14);
    }
    .price_trip1{
        font-size:calc(28rem / 14);
        font-weight:bold;
        line-height:calc(34rem / 14);
    }
    .price_trip2{
        font-size:calc(16rem / 14);
        font-weight:bold;
        line-height:calc(22rem / 14);
    }

    .mob_top_space{
        height:7vw;
        max-height:calc(134rem / 14);
    }
    .mob_btm_space{
        height:calc(79rem / 14);
    }






    /* ADDED FROM WIDGET */
    .card_ld1909_loc_card{
        width:calc(439.8rem / 14);
        height:calc(274.8rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
    }
    /* Object:Nation */
    .nat_ld1909_h16{
        margin-left:0;
        padding:0;
        height:calc(27rem / 14);
        background:hsla(201, 20%, 45%, 0.666);
        border-radius:calc(24rem / 14);
        display:flex;
        align-items:center;
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
        max-width:100%;
    }
    .flag-icon,.flag-twcn{
        height:calc(20rem / 14);
        margin-right:calc(20rem / 14);
        margin-left:calc(20rem / 14);
    }
    .flag-twcn{
        background:url(../img/ex_legacy/ico_fg_tcn.png);
        background-size:contain;
        background-repeat:no-repeat;
        width:calc(200rem / 53);
    }
    .nat_ld1909_h16_desc{
        margin-right:calc(20rem / 14);
        text-align:center;
        font-size:calc(14rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .card_ld1909_loc_desc{
        margin-top:calc(17rem / 14);
        margin-left:calc(26rem / 14);
        font-size:calc(20rem / 14);
        font-weight:400;
        color:hsla(0, 0%, 100%, 0.7);
        line-height:calc(28rem / 14);
        max-width:calc(400rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .card_ld1909_guide_swsingle{
        width:calc(329.2rem / 14);
        height:calc(450.7rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
    }
    .card_ld1909_guide_desc{
        margin-top:calc(21rem / 14);
        margin-left:calc(14rem / 14);
        font-size:calc(20rem / 14);
        font-weight:400;
        color:#fff;
        line-height:calc(28rem / 14);
        max-width:calc(300rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    /* Object:Avatar_s24 */
    .av_ld1909_h24_hld{
        display:flex;
        align-items:center;
    }
    .av_ld1909_h24_img{
        width:calc(60rem / 14);
        height:calc(60rem / 14);
        margin-right:calc(13rem / 14);
        border:double 1px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:none,linear-gradient(230deg,#ffab77,#ffd42c);
        border-radius:50%;
        object-fit:cover;
        /* This class is wrapped with a div and within the img */
        vertical-align:middle;
    }
    .av_ld1909_h24_infohld{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }
    .av_ld1909_h24_name{
        font-size:calc(16rem / 14);
        font-weight:bold;
        color:#fff;
        line-height:calc(19rem / 14);
        margin-top:calc(2rem / 14);
        margin-bottom:calc(7rem / 14);
    }
    .av_ld1909_h24_certhld{
        min-width:calc(114.3rem / 14);
        height:calc(24.3rem / 14);
        display:flex;
        align-items:center;
        background:#454F7E;
        border-radius:13px;
    }
    .av_ld1909_h24_certhld_v{
        min-width:calc(114.3rem / 14);
        height:calc(25rem / 14);
        display:flex;
        align-items:center;
        border-radius:13px;
        border:double 1px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#454F7E,#454F7E),linear-gradient(230deg,#58F1FF,#6D4AFF);
    }
    .av_ld1909_h24_cert{
        font-size:calc(12rem / 14);
        font-weight:800;
        color:#fff;
        line-height:calc(14rem / 14);
        margin:0 auto;
    }
    /* Object:Tag */
    .tag_ld1909_h13_hld,.nat_ld1909_h16_hld{
        height:auto;
        width:auto;
        overflow-x:hidden;
        overflow-y:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
    }
    .tag_ld1909_h13:last-child{
        margin-right:0;
    }
    .tag_ld1909_h13{
        margin-right:calc(10rem / 14);
        margin-bottom:calc(9rem / 14);
        height:calc(27.5rem / 14);
        background:#fff;
        border-radius:calc(16rem / 14);
        display:flex;
        align-items:center;
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
    }
    .tag_ld1909_desc{
        min-width:calc(80rem / 14);
        padding:0 calc(17rem / 14);
        font-size:calc(14rem / 14);
        font-weight:bold;
        color:hsla(0, 0%, 0%, 0.87);
        line-height:calc(20rem / 14);
        flex:1;
    }
    .card_ld1909_tr_single{
        width:calc(473rem / 14);
        height:calc(530rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
        margin-right:calc(24rem / 14);
        margin-bottom:calc(36rem / 14);
    }
    .card_ld1909_ds_single{
        width:calc(440rem / 14);
        height:calc(316rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
        margin-right:calc(73rem / 14);
        margin-bottom:calc(38rem / 14);
    }
    .card_ds_type{
        position:absolute;
        height:calc(42rem / 14);
        background:#64cbcb;
        border-radius:5px;
        padding:0 calc(20rem / 14);
        font-size:calc(26rem / 14);
        font-weight:bold;
        line-height:calc(42rem / 14);
        top:calc(17rem / 14);
        left:calc(21rem / 14);
    }
    .card_ds_img_hld{
    }
    .card_ds_img{
        width:calc(440rem / 14);
        height:calc(316rem / 14);
        object-fit:cover;
        border-radius:5px;
    }
    .card_ds_info_hld{
        width:100%;
        position:absolute;
        left:0;
        bottom:0;
        padding:calc(25rem / 14);
        z-index:22;
    }
    .card_ds_name{
        font-size:calc(40rem / 14);
        font-weight:bold;
        line-height:calc(56rem / 14);
    }
    .card_ds_name_sub{
        display:none;
    }
    .card_ds_name_info{
        display:flex;
        align-items:center;
    }
    .card_ds_icon_hld{
        display:flex;
    }
    .card_ds_icon{
        width:calc(23rem / 14);
        height:calc(23rem / 14);
        margin-right:calc(7rem / 14);
        object-fit:cover;
    }
    .card_ds_loc{
        font-size:calc(25rem / 14);
        font-weight:400;
        line-height:calc(34rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .card_ds_mask{
        width:100%;
        height:100%;
        position:absolute;
        bottom:0;
        left:0;
        background:linear-gradient(180deg,hsla(0,0%,0%,0) 0%,#285258 100%);
        z-index:21;
        border-radius:5px;
    }
    /* Masonry */
    .cm_space{
        position:relative;
        height:calc(78.5rem / 14);
        width:1vw;
    }
    .cm-mholder{
        display:flex;
        min-height:calc(100vh);
        overflow:hidden;
        position:relative;
    }
    .cm_masonry{
        flex:1;
        margin:0 calc(14.5rem / 14);
        position:relative;
    }
    
    .m-card{
        width:calc(340rem / 14);
        margin:0 calc(39rem / 14) calc(39rem / 14) 0;
        position:relative;
        background:#2f324b;
        border-radius:5px;
    }
    .m-med-hld{
        position:relative;
        width:100%;
        height:100%;
        background:#2F324B;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
    
        background:url('../img/nm_post/i_def.png');
        background-size:calc(50rem / 14);
        background-position:center center;
        background-repeat:no-repeat;
    }
    .m-med{
        width:100%;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        z-index:2;
    }
    .m-rec-top{
        position:absolute;
        top:0;
        left:calc(6rem / 14);
        width:calc(40rem / 14);
        height:calc(40rem / 14);
        background:url('../img/ex_masonry/i_top.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-rec-hig{
        position:absolute;
        top:0;
        left:calc(6rem / 14);
        width:calc(40rem / 14);
        height:calc(40rem / 14);
        background:url('../img/ex_masonry/i_high.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-type-vid{
        position:absolute;
        top:calc(18rem / 14);
        right:calc(18rem / 14);
        width:calc(36rem / 14);
        height:calc(22rem / 14);
        background:url('../img/ex_masonry/i_vid.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-type-alb{
        position:absolute;
        top:calc(18rem / 14);
        right:calc(18rem / 14);
        width:calc(36rem / 14);
        height:calc(26rem / 14);
        background:url('../img/ex_masonry/i_album.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .m-loc-hld{
        position:absolute;
        bottom:calc(9rem / 14);
        left:calc(13rem / 14);
        max-width:70%;
        background:hsla(234, 23%, 24%, 0.6);
        border-radius:1rem;
        height:calc(33rem / 14);
        display:flex;
        align-items:center;
        padding:calc(6rem / 14) calc(13rem / 14);
        z-index:9;
    }
    .m-loc-hld .flag-icon,.m-loc-hld .flag-twcn{
        height:calc(13rem / 14);
        margin:0 calc(6rem / 14) 0 0;
    }
    .m-loc-hld .flag-twcn{
        height:calc(13rem / 14);
    }
    .m-loc{
        flex:1;
        font-size:calc(16rem / 14);
        font-weight:400;
        line-height:calc(19rem / 14);
        color:#fff;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .m-info-hld{
        width:100%;
        position:relative;
    }
    .m-comm{
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        overflow:hidden;
        -webkit-box-orient:vertical;
        font-size:calc(16rem / 14);
        font-weight:400;
        color:#ffffff;
        line-height:calc(27rem / 14);
        margin:calc(20rem / 14) calc(20rem / 14) 0 calc(20rem / 14);
    }
    .m-btm-hld{
        display:flex;
        align-items:center;
        justify-items:center;
        overflow:hidden;
        text-overflow:ellipsis;
        margin:calc(20rem / 14);
        font-size:calc(16rem / 14);
        font-weight:400;
        line-height:calc(22rem / 14);
    }
    .m-avatar{
        width:calc(30rem / 14);
        height:calc(30rem / 14);
        border-radius:50%;
        margin:0 calc(12rem / 14) 0 0;
    }
    .m-nick{
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        color:hsla(0, 0%, 100%, 0.6);
    }
    .m-like{
        width:calc(24rem / 14);
        height:calc(24rem / 14);
        background:url('../img/ex_masonry/i_like.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(8rem / 14);
        opacity:0.3;
    }
    .m-count{
        color:hsla(0, 0%, 100%, 0.38);
    }
    .m-view{
        width:calc(24rem / 14);
        height:calc(24rem / 14);
        background:url('../img/ex_masonry/i_view.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(8rem / 14);
    }
    .m-article{
        width:calc(78rem / 14);
        height:calc(24rem / 14);
        border-radius:calc(24rem / 14);
        display:inline-block;
        border:1px solid #77d4ef;
        vertical-align:middle;
        text-align:center;
        font-size:calc(16rem / 14);
        font-weight:600;
        color:#77d4ef;
        line-height:calc(20rem / 14);
        margin-right:calc(6rem / 14);
    }
    .m-slogan{
        position:absolute;
        bottom:0;
        left:0;
        width:100vw;
        height:40vw;
        background:linear-gradient(to bottom,hsla(0, 0%, 100%, 0) 0%,hsla(233, 33%, 16%, 0) -100%,hsla(233, 33%, 16%, 1) 85%);
        z-index:19;
    }
    .flag-twcn {
        background:url(../img/ex_legacy/ico_fg_tcn.png);
        background-size:contain;
        background-repeat:no-repeat;
    }
    .cm-box{
        width:100%;
        top:0;
        left:0;
        position:absolute;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        -webkit-box-orient:vertical;
        box-orient:vertical;
        -webkit-flex-direction:column;
        flex-direction:column;
    }


    /* Page:Diveshop */
    .ds_pc_hld{
        width:65%;
        max-width:3700px;
        margin:0 auto;
        position:relative;
    }
    .ds_pc_hld_slim{
        width:65%;
        max-width:3700px;
        margin:0 auto;
        position:relative;
    }
    .ds_header,.gu_header,.lo_header{
        height:25.6vw;
        width:100vw;
        position:relative;
    }
    .ds_header_fl{
        height:25.6vw;
        width:50vw;
        object-fit:cover;
        position:absolute;
        left:0;
        top:0;
    }
    .ds_header_hf{
        height:12.8vw;
        width:25vw;
        object-fit:cover;
        position:absolute;
    }
    .ds_hdr_p1{left:50vw;top:0;}
    .ds_hdr_p2{left:50vw;top:12.8vw;}
    .ds_hdr_p3{left:75vw;top:0;}
    .ds_hdr_p4{left:75vw;top:12.8vw;}
    .ds_header_none{
        display:none;
    }
    .ds_mob_vessel9{
        padding:0 calc(9rem / 14);
    }
    .ds_mob_vessel18{
        padding:0 calc(18rem / 14);
    }
    .ds_assoc{
        font-size:calc(30rem / 14);
        font-weight:bold;
        color:#64cbcb;
        line-height:calc(42rem / 14);
        margin-top:calc(63rem / 14);
    }
    .ds_mob_line{
        margin-top:calc(27rem / 14);
        width:100%;
        box-sizing:border-box;
        border-bottom:1px solid hsla(0,0%,59%,0.5);
    }
    .ds_pc_line{
        width:100%;
        box-sizing:border-box;
        border-bottom:1px solid hsla(0,0%,59%,0.5);
    }
    .ds_info_hld{
        padding:calc(16rem / 14) calc(9rem / 14);
        width:100%;
        box-sizing:border-box;
    }
    .ds_info_item{
        display:flex;
        margin:calc(16rem / 14) 0;
        align-items:center;
    }
    .ds_info_icon{
        width:calc(25rem / 14);
        height:calc(25rem / 14);
        margin-right:calc(12rem / 14);
        object-fit:cover;
        opacity:0.8;
    }
    .ds_title{
        font-size:calc(44rem / 14);
        font-weight:bold;
        line-height:calc(62rem / 14);
        margin-bottom:calc(17rem / 14);
    }
    .ds_desc{
        font-size:calc(24rem / 14);
        font-weight:400;
        line-height:calc(33rem / 14);
    }
    .ds_info{
        font-size:calc(22rem / 14);
        font-weight:400;
        line-height:calc(32rem / 14);
        /* ONE LINE
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap; */
    }
    .ds_info_icon_hld{
        display:flex;
    }
    .ds_tag_hld{
        display:inline-block;
        font-size:calc(24rem / 14);
        font-weight:bold;
        line-height:calc(33rem / 14);
        color:#6FC5EB;
        margin-right:calc(84rem / 14);
        margin-bottom:calc(46rem / 14);
    }
    .ds_tag{
        display:inline-block;
        color:#fff;
    }
    .ds_payment_hld{
        display:flex;
        padding:0;
        align-items:left;
    }
    .ds_payment{
        width:calc(100rem / 14);
        text-align:center;
    }
    .ds_payment.disabled{
        /*opacity:0.1;*/
        display:none;
    }
    .ds_payment_text{
        font-size:calc(19rem / 14);
        font-weight:400;
        line-height:calc(27rem / 14);
        margin-top:calc(27rem / 14);
        margin-bottom:calc(42rem / 14);
    }
    .ds_payment_icon{
        width:calc(60rem / 14);
        height:calc(60rem / 14);
        object-fit:cover;
    }
    .ds_pc_gap1{
        margin-bottom:calc(42rem / 14);
    }
    .gap_ds2{
        margin-bottom:calc(33rem / 14);
    }
    .gap_ds3{
        margin-bottom:calc(26rem / 14);
    }

    .al_dv_hld{
        width:51.2vw;
        margin:4.4vw auto;
        max-width:calc(1000rem / 14);
        display:flex;
    }
    .al_dv_pe_box{
        width:16.67vw;
        max-width:calc(320rem / 14);
        margin-right:4vw;
    }
    .al_dv_cnt_hld{
        flex:1;
    }
    .al_dv_title{
        font-size:calc(44rem / 14);
        font-weight:bold;
        line-height:calc(62rem / 14);
        margin-bottom:calc(55rem / 14);
    }
    .al_dv_sub{
        font-size:calc(35rem / 14);
        font-weight:bold;
        line-height:calc(49rem / 14);
        margin-bottom:calc(18rem / 14);
    }
    .al_dv_desc{
        font-size:calc(24rem / 14);
        font-weight:400;
        line-height:calc(33rem / 14);
        margin-bottom:calc(34rem / 14);
    }
    .al_dv_line{
        width:100%;
        box-sizing:border-box;
        border-bottom:1px solid hsla(0,0%,59%,0.2);
    }

    .dv_nohdr_space{
        
    }
    .dv_usr_stt_hld{
        height:5.21vw;
        width:100%;
    }
    .dv_usr_cert_hld{
        /* NO WRAP */
    }
    .dv_usr_cert{

    }

    .dv_post_hld{
        width:26vw;
        margin:0 auto;
        max-width:calc(500rem / 14);

    }
    .dv_post_desc{
        font-size:calc(18rem / 14);
        font-weight:400;
        line-height:calc(25rem / 14);
        margin-bottom:calc(14rem / 14);
    }
    .dv_post_see_cm{
        font-size:calc(18rem / 14);
        font-weight:400;
        line-height:calc(21rem / 14);
        margin-bottom:calc(7rem / 14);
        color:#97989f;
    }
    .dv_post_cm{
        font-size:calc(18rem / 14);
        font-weight:400;
        line-height:calc(25rem / 14);
        margin-bottom:calc(9rem / 14);
    }
    .dv_post_cm.dv_post_cm_b{
        font-weight:600;
    }
    .dv_post_time{
        font-size:calc(14rem / 14);
        font-weight:400;
        color:#97989f;
        line-height:calc(16rem / 14);
        margin-top:calc(11rem / 14);
    }

    
    /* For all pages */
    .al_label_hld{
        height:auto;
        width:auto;
        overflow-x:hidden;
        overflow-y:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
        padding-left:calc(17rem / 14);
        padding-right:calc(8rem / 14);
    }
    .al_label{
        margin-right:calc(14rem / 14);
        margin-bottom:calc(19rem / 14);
        height:calc(50rem / 14);
        background:#292D4A;
        border-radius:5px;
        display:flex;
        align-items:center;
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
    }
    .al_label:last-child{
        margin-right:0;
    }
    .al_label_text{
        min-width:calc(80rem / 14);
        padding:0 calc(26rem / 14);
        font-size:calc(22rem / 14);
        font-weight:400;
        line-height:calc(32rem / 14);
        flex:1;
    }
    .al_btm_hld{
        display:none;
    }
    .al_btm_infobox{
        flex:1;
        margin:auto calc(18rem / 14);
        margin-right:0;
    }
    .al_btm_info_big{
        font-size:calc(18rem / 14);
        font-weight:600;
        line-height:calc(25rem / 14);
    }
    .al_btm_info_small{
        font-size:calc(10rem / 14);
        font-weight:400;
        line-height:calc(14rem / 14);
        color:hsla(0, 0%, 100%, 0.8);
    }
    .al_btm_info_bt{
        height:calc(40rem / 14);
        /* VER 3.0
        background:linear-gradient(230deg,#58f1ff 0%,#6d4aff 100%);
        */
        background:linear-gradient(227deg,#99dcf9 0%,#6fc5eb 100%);
        border-radius:5px;
        font-size:calc(14rem / 14);
        font-weight:800;
        line-height:calc(20rem / 14);
        margin:auto calc(18rem / 14);
        padding:calc(10rem / 14) calc(43rem / 14);
    }

    /* Page:Guide */
    .gu_mob_hld{
        display:none;
    }

    .gu_header_fl{
        height:25.6vw;
        width:100vw;
        object-fit:cover;
        position:absolute;
        left:0;
        top:0;
    }
    .lo_header_fl{
        height:25.6vw;
        width:100vw;
        object-fit:cover;
        position:absolute;
        left:0;
        top:0;
    }
    .gu_pc_lrmod{
        width:100%;
        display:flex;
        align-items:flex-start;
    }
    .gu_pc_l_hld{
        border-radius:5px;
        border:2px solid #353537;
        width:16.67vw;
        min-width:calc(200rem / 14);
        max-width:calc(320rem / 14);
        margin-top:4.43vw;
        margin-right:4vw;
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .al_av_hld{
        display:flex;
        justify-content:center;
        padding:calc(60rem / 14);
        align-items:center;
    }
    .al_av{
        width:calc(60rem / 14);
        height:calc(60rem / 14);
        border-radius:50%;
        object-fit:cover;
        margin-right:calc(13rem / 14);
    }
    .al_av_g{
        border:double 2px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#646d93,#646d93),linear-gradient(230deg,#ffab77,#ffd42c);
    }
    .al_av_ic_g{
        position:absolute;
        height:calc(25rem / 14);
        width:calc(25rem / 14);
        background:url(../img/nm_iter/i_tsjn.png);
        background-size:contain;
        background-repeat:no-repeat;
        bottom:0;
        right:calc(5rem / 14);
    }
    .al_av_info{
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }
    .al_av_name{
        font-size:calc(21rem / 14);
        font-weight:bold;
        line-height:calc(29rem / 14);
        margin-bottom:calc(2rem / 14);
    }
    .al_av_cert{
        min-width:calc(96rem / 14);
        height:calc(25rem / 14);
        display:flex;
        justify-content:center;
        background:#454F7E;
        border-radius:29px;
        font-size:calc(15rem / 14);
        font-weight:800;
        color:#fff;
        line-height:calc(18rem / 14);
    }
    .al_av_cert_v{
        border:double 2px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#646d93,#646d93),linear-gradient(270deg,#58F1FF,#6D4AFF);
    }
    .al_av_cert_cont{
        white-space:nowrap;
        margin:auto;
        padding:0 0.5rem;
        display:flex;
        align-items:center;
    }
    .al_verify_desc{
        padding-top:calc(30rem / 14);
        padding-bottom:calc(30rem / 14);
        font-size:calc(22rem / 14);
        font-weight:bold;
        line-height:calc(30rem / 14);
    }
    .al_verify_icon{
        width:calc(45rem / 14);
        height:calc(45rem / 14);
        object-fit:cover;
    }
    .al_verify_add_hld{
        margin-bottom:calc(60rem / 14);
        padding:0 calc(15rem / 14);
        max-width:100%;
    }
    .gu_pc_r_hld{
        flex:1;
        /* USE THIS TO AVOID FLEX OVERFLOW */
        min-width:0;
        position:relative;
        margin-top:4.43vw;
        display:flex;
        flex-flow:column;
    }

    .al_r_line{
        width:100%;
        box-sizing:border-box;
        border-bottom:1px solid hsla(0,0%,59%,0.5);
    }

    .gu_title{
        font-size:calc(44rem / 14);
        font-weight:bold;
        line-height:calc(62rem / 14);
        margin-bottom:calc(55rem / 14);
    }
    .gu_sub{
        font-size:calc(24rem / 14);
        font-weight:400;
        line-height:calc(33rem / 14);
        margin-bottom:calc(34rem / 14);
    }
    .gu_ssub{
        font-size:calc(35rem / 14);
        font-weight:bold;
        line-height:calc(49rem / 14);
        margin-bottom:calc(19rem / 14);
        margin-top:calc(30rem / 14);
    }
    .al_r_slide_hld{
        width:100%;
        position:relative;
        overflow:hidden;
        display:flex;
        -webkit-overflow-scrolling:touch;
        flex-wrap:wrap;
    }
    .al_ph_hld{
        width:100%;
        position:relative;
        margin-top:calc(32rem / 14);
        margin-bottom:calc(32rem / 14);
    }
    .al_r_ph{
        width:calc(339rem / 14);
        height:calc(168rem / 14);
        margin-right:calc(16rem / 14);
        margin-bottom:calc(16rem / 14);
        object-fit:cover;
        border-radius:5px;
    }
    .gu_map_hld{
        margin:0 calc(18rem / 14);
        position:relative;
    }
    .gu_map{
        width:100%;
        height:calc(166rem / 14);
        object-fit:cover;
        border-radius:5px;
    }
    .gu_map_loc{
        height:calc(37rem / 14);
        position:absolute;
        top:calc(50% - calc(37rem / 14));
        left:calc(50% - calc(10.57rem / 14));
    }

    .al_slide_h{
        height:auto;
        max-width:100%;
        overflow:hidden;
        -webkit-overflow-scrolling:touch;
        flex-wrap:wrap;
        display:flex;
        transition-property:transform,-webkit-transform;
        box-sizing:content-box;
    }
    /* Card */
    .it_postcard{
        width:calc(250rem / 14);
        position:relative;
        background:#2f324b;
        border-radius:5px;
        margin-right:calc(14rem / 14);
        margin-bottom:calc(14rem / 14);
        scrollbar-width:none;
        -ms-overflow-style:none;
        overflow:-moz-scrollbars-none;
        /* Flex 1 overflow */
        flex-shrink:0;
    }
    .it_postcard::-webkit-scrollbar{
        display:none;
    }
    .it-med-hld{
        position:relative;
        width:100%;
        height:calc(250rem / 14);
        background:#2F324B;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
    
        background:url('../img/nm_post/i_def.png');
        background-size:calc(80rem / 14);
        background-position:center center;
        background-repeat:no-repeat;
    }
    .it-med{
        width:100%;
        height:100%;
        object-fit:cover;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        z-index:2;
    }
    .it-rec-top{
        position:absolute;
        top:0;
        left:calc(6rem / 14);
        width:calc(40rem / 14);
        height:calc(40rem / 14);
        background:url('../img/ex_masonry/i_top.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-rec-hig{
        position:absolute;
        top:0;
        left:calc(6rem / 14);
        width:calc(40rem / 14);
        height:calc(40rem / 14);
        background:url('../img/ex_masonry/i_high.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-type-vid{
        position:absolute;
        top:calc(18rem / 14);
        right:calc(18rem / 14);
        width:calc(36rem / 14);
        height:calc(22rem / 14);
        background:url('../img/ex_masonry/i_vid.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-type-alb{
        position:absolute;
        top:calc(18rem / 14);
        right:calc(18rem / 14);
        width:calc(34rem / 14);
        height:calc(26rem / 14);
        background:url('../img/ex_masonry/i_album.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .it-loc-hld{
        position:absolute;
        bottom:calc(8rem / 14);
        left:calc(14rem / 14);
        max-width:40vw;
        background:hsla(234, 23%, 24%, 0.6);
        border-radius:calc(26rem / 14);
        height:calc(40rem / 14);
        display:flex;
        align-items:center;
        padding:0 calc(14rem / 14);
        z-index:9;
    }
    /* TAIWAN, CHINA */
    .it-loc-hld .flag-icon,.it-loc-hld .flag-twcn{
        height:calc(24rem / 14);
        margin:0 calc(10rem / 14) 0 0;
    }
    .it-loc-hld .flag-twcn{
        width:calc(1920rem / 742);
        background:url('../img/nm_iter/tcn.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .ld_loc-hld .flag-twcn{
        width:calc(1920rem / 742);
        height:calc(20rem / 14);
        margin:0 calc(10rem / 14) 0 0;
        background:url('../img/nm_iter/tcn.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .lc_top-desc .flag-twcn{
        height:calc(32rem / 14);
        width:calc(48rem / 14);
        margin-right:calc(10rem / 14);
        background:url('../img/nm_iter/tcn.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    
    .it-loc{
        flex:1;
        font-size:calc(16rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
        color:#fff;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .it-info-hld{
        width:100%;
        height:calc(136rem / 14);
        position:relative;
        display:flex;
        flex-direction:column;
    }
    .it-comm{
        height:calc(48rem / 14);
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        font-size:calc(20rem / 14);
        font-weight:400;
        color:#ffffff;
        line-height:calc(24rem / 14);
        margin:calc(14rem / 14) calc(14rem / 14) 0 calc(14rem / 14);
    }
    .it-comm-bottom{
        flex:1;
    }
    .it-btm-hld{
        display:flex;
        align-items:center;
        justify-items:center;
        overflow:hidden;
        text-overflow:ellipsis;
        margin:calc(14rem / 14);
        font-size:calc(16rem / 14);
        font-weight:400;
        line-height:calc(20rem / 14);
        margin-bottom:0;
        padding-bottom:calc(14rem / 14);
    }
    .it-avatar{
        width:calc(30rem / 14);
        height:calc(30rem / 14);
        border-radius:50%;
        margin:0 calc(8rem / 14) 0 0;
    }
    .it-nick{
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        color:hsla(0, 0%, 100%, 0.6);
    }
    .it-like{
        width:calc(24rem / 14);
        height:calc(24rem / 14);
        background:url('../img/ex_masonry/i_like.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(8rem / 14);
        opacity:0.3;
    }
    .it-count{
        color:hsla(0, 0%, 100%, 0.38);
    }
    .it-view{
        width:calc(24rem / 14);
        height:calc(24rem / 14);
        background:url('../img/ex_masonry/i_view.png');
        background-size:contain;
        background-repeat:no-repeat;
        margin:0 calc(8rem / 14);
    }
    .it-article{
        width:calc(78rem / 14);
        height:calc(24rem / 14);
        border-radius:calc(24rem / 14);
        display:inline-block;
        border:1px solid #77d4ef;
        vertical-align:middle;
        text-align:center;
        font-size:calc(16rem / 14);
        font-weight:600;
        color:#77d4ef;
        line-height:calc(20rem / 14);
        margin-right:calc(6rem / 14);
    }

    /* Page:User */
    .us_info_count{
        font-size:calc(21rem / 14);
        font-weight:800;
        line-height:calc(29rem / 14);
    }
    .us_info_text{
        font-size:calc(12rem / 14);
        font-weight:400;
        line-height:calc(17rem / 14);
        color:#97989f;
    }
    .us_info{
        flex:1;
        text-align:center;
    }
    .us_info_hld{
        display:flex;
        padding:0;
        width:100%;
    }

    .us_cert_hld{
        margin:calc(30rem / 14) calc(20rem / 14);
        height:auto;
        width:auto;
        overflow:hidden;
        display:flex;
        flex-wrap:wrap;
        position:relative;
    }
    .us_cert{
        height:calc(36rem / 14);
        background:#2f324b;
        border-radius:calc(30rem / 14);
        border:1px solid hsla(233, 18%, 36%, 0.28);
        display:flex;
        align-items:center;
        margin-right:calc(18rem / 14);
        margin-bottom:calc(10rem / 14);
    }
    .flag-icon,.flag-twcn{
        height:calc(20rem / 14);
        margin-right:calc(5rem / 14);
        margin-left:calc(18rem / 14);
    }
    .us_locale{
        white-space:nowrap;
        text-align:center;
        padding-right:calc(18rem / 14);
        font-size:calc(15rem / 14);
        font-weight:800;
        line-height:calc(18rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
    }
    .us_cert_v{
        border:double 1px transparent;
        background-origin:border-box;
        background-clip:padding-box,border-box;
        background-image:linear-gradient(0deg,#646d93,#646d93),linear-gradient(270deg,#58F1FF,#6D4AFF);
    }
    .us_cert_t{
        font-size:calc(15rem / 14);
        font-weight:800;
        line-height:calc(18rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
        padding:0 calc(18rem / 14);
    }
    .gu_pc_hld{
        
    }
    .us_mob_name_hld{
        display:flex;
    }
    .us_mob_name{
        margin-right:calc(3rem / 14);
        font-size:calc(44rem / 14);
        font-weight:bold;
        color:#ffffff;
        line-height:calc(62rem / 14);
    }
    .us_mob_sex_f{
        height:calc(31rem / 14);
        width:calc(31rem / 14);
        margin-top:calc(15rem / 14);
        background:url('../img/nm_home/i_f.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .us_mob_sex_m{
        height:calc(31rem / 14);
        width:calc(31rem / 14);
        margin-top:calc(15rem / 14);
        background:url('../img/nm_home/i_m.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .us_info_sign{
        font-size:calc(22rem / 14);
        font-weight:400;
        color:hsla(0, 0%, 100%, 0.87);
        line-height:calc(40rem / 14);
    }

    .us_post{
        border-top:1px solid hsla(233, 4%, 61%, 0.144);
    }
    .us_post_av_hld{
        display:flex;
        justify-content:center;
        align-items:center;
        margin:calc(27rem / 14) 0;
    }
    .post_vid_hld{
        line-height:0;
    }
    .post_vid{
        width:100%;
        height:auto;
        margin:0 auto;
    }
    .post_img_hld{
        width:100%;
        height:40vw;
        max-height:calc(320rem / 14);
        margin:0 auto;
        position:relative;
    }
    .post_img{
        width:100%;
        height:100%;
        object-fit:cover;
        border-radius:5px;
    }
    .post_img_none{
        display:none;
    }
    .post_ui_hld{
        display:flex;
        align-items:center;
        justify-items:center;
    }
    .post_ui_l{
        flex:1;
        display:flex;
        margin:calc(19rem / 14) calc(18rem / 14) calc(17rem / 14) calc(18rem / 14);
    }
    .post_ui_num{
        position:absolute;
        top:calc(-11rem / 14);
        left:calc(30rem / 14);
        font-size:calc(13rem / 14);
        font-weight:600;
        color:#97989f;
        line-height:calc(15rem / 14);
    }
    .post_ui_r{
        display:flex;
        align-items:center;
        justify-items:center;
        margin-right:calc(20rem / 14);
        font-size:calc(13rem / 14);
        font-weight:600;
        color:#97989f;
        line-height:calc(15rem / 14);
    }
    .like-icon{
        height:calc(30rem / 14);
        width:calc(30rem / 14);
        background:url('../img/ex_card/i_like.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(25rem / 14);
    }
    .like-icon.liked{
        background:url('../img/ex_card/i_liked.png');
        background-size:contain;
        background-repeat:no-repeat;
    }
    .comment-icon{
        height:calc(30rem / 14);
        width:calc(30rem / 14);
        background:url('../img/ex_card/i_msg.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(25rem / 14);
    }
    .share-icon{
        height:calc(30rem / 14);
        width:calc(30rem / 14);
        background:url('../img/ex_card/i_share.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(25rem / 14);
    }
    .view-icon{
        height:calc(22rem / 14);
        width:calc(22rem / 14);
        background:url('../img/ex_masonry/i_view.png');
        background-size:contain;
        background-repeat:no-repeat;
        position:relative;
        margin-right:calc(6rem / 14);
    }
    .post_ui_sldr{
        margin:0;
        height:auto;
        width:auto;
        overflow-y:hidden;
        overflow-x:auto;
        display:flex;
        -webkit-overflow-scrolling:touch;
        flex-wrap:nowrap;
    }
    .post_ui_sldr::-webkit-scrollbar{
        display:none;
    }
    .post_ui_card{
        height:calc(33rem / 14);
        background:rgba(47,50,75,1);
        border-radius:20px;
        border:1px solid rgba(76,80,109,0.42);
        display:flex;
        align-items:center;
        margin-right:calc(8rem / 14);
        width:auto;
        white-space:nowrap;
        text-align:center;
        position:relative;
    }
    .post_ui_cnt{
        min-width:5rem;
        padding:0 1rem;
        font-size:calc(13rem / 14);
        font-weight:600;
        color:hsla(0, 0%, 100%, 0.87);
        line-height:calc(15rem / 14);
        flex:1;
    }
    .post_ui_locale{
        white-space:nowrap;
        text-align:center;
        padding-right:1rem;
        font-size:calc(13rem / 14);
        font-weight:600;
        line-height:calc(15rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
    }
    .post_ui_card .flag-icon,.post_ui_card .flag-twcn{
        height:1rem;
        margin-right:0.25rem;
        margin-left:1rem;
    }
    .post_cmt_hld{
        font-size:calc(18rem / 14);
        font-weight:400;
        line-height:calc(25rem / 14);
        color:hsla(0, 0%, 100%, 0.869);
        margin-left:calc(20rem / 14);
        margin-right:calc(20rem / 14);
        margin-top:calc(20rem / 14);
    }
    .post_cm_title,.post_cm_all,.post_cm_sg{
        margin-top:calc(4rem / 14);
    }
    .post_cm_title span,.post_cm_title .tag_h{
        color:#91d2e7;
    }
    .post_cm_all{
        color:hsla(0, 0%, 100%, 0.6);
    }
    .post_cm_sg span{
        font-weight:600;
    }
    .post_cm_add{
        margin-top:calc(6rem / 14);
        margin-bottom:calc(4rem / 14);
        display:flex;
        align-items:center;
        justify-items:center;
        font-size:calc(10rem / 14);
        font-weight:400;
        color:#97989f;
        line-height:calc(16rem / 14);
    }
    .post_cm_add .avatar{
        height:calc(20rem / 14);
        width:calc(20rem / 14);
        background:url('../img/ex_card/a_def.png');
        background-size:contain;
        background-repeat:no-repeat;
        border-radius:50%;
    }
    .post_cm_time{
        font-size:calc(14rem / 14);
        font-weight:400;
        color:hsla(0, 0%, 100%, 0.6);
        line-height:calc(10rem / 14);
        margin-top:calc(20rem / 14);
        margin-bottom:calc(47rem / 14);
    }
    .post_cm_add span,.post_cm_time span{
        margin-left:calc(12rem / 14);
    }
    .post_dl_hld{
        width:100%;
        height:40vw;
        max-height:calc(320rem / 14);
        margin:0 auto;
        position:relative;
    }
    .post_dl_layer{
        background:linear-gradient(180deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0.5) 100%);
        border-radius:5px;
        border:1px solid #35384c;
        position:absolute;
        width:100%;
        height:100%;
        z-index:2;
    }
    .post_dl_img{
        border-radius:5px;
        position:absolute;
        width:100%;
        height:100%;
        z-index:1;
        object-fit:cover;
    }
    .post_dl_info_hld{
        height:100%;
        position:absolute;
        width:100%;
        z-index:3;
        display:flex;
        flex-direction:column-reverse;
    }
    .post_dl_detail_hld{
        padding:calc(9rem / 14) calc(13rem / 14);
        display:flex;
        width:100%;
        height:calc(48rem / 14);justify-content:space-between;
    }
    .post_dl_detail{
        display:flex;
        align-items:center;
        justify-items:center;
    }
    .post_dl_detail_icon{
        object-fit:cover;
        width:calc(30rem / 14);
        height:calc(30em / 14);
    }
    .post_dl_detail_num{
        margin-left:calc(3rem / 14);
        margin-right:calc(4rem / 14);
        font-size:calc(16rem / 14);
        font-weight:bold;
        color:#d7f6ff;
        line-height:calc(20rem / 14);
        min-width:calc(52rem / 14);
    }
    .post_dl_sort{
        margin-left:calc(11rem / 14);
        font-size:calc(22rem / 14);
        font-weight:bold;
        color:#fff;
        line-height:calc(26rem / 14);
        text-shadow:0px 0px 10px #000000;
    }
    .post_dl_area{
        height:calc(22rem / 14);
        display:flex;
        align-items:center;
    }
    .post_dl_area .flag-icon,.post_dl_area .flag-twcn{
        margin-left:calc(12rem / 14);
        margin-right:calc(4rem / 14);
        height:1rem;
        text-shadow:0px 0px 10px #000000;
    }
    .post_dl_area .flag-twcn,.post_ui_card .flag-twcn{
        width:calc(80rem / 53);
    }
    .post_dl_locale{
        white-space:nowrap;
        text-align:center;
        font-size:calc(10rem / 14);
        font-weight:500;
        line-height:calc(12rem / 14);
        color:hsla(0, 0%, 100%, 0.87);
        text-shadow:0px 0px 10px #000000;
    }

    /* APP */
    .fs_bg{
        position:fixed;
        top:0;
        left:0;
        width:100vw;
        height:100vh;
        object-fit:cover;
        z-index:-1;
    }
    .app_pc_hld{
        margin-top:20vh;
        text-align:center;
        width:100vw;
        display:flex;
        flex-direction:column;
        align-items:center;
    }
    .dp_logo_l{
        height:calc(140rem / 14);
        width:calc(140rem / 14);
        background:url(../img/nm_iter/i_logo_l.png);
        background-size:contain;
        background-repeat:no-repeat;
    }
    .app_dltitle{
        font-size:calc(55rem / 14);
        font-weight:bold;
        color:#ffffff;
        line-height:calc(60rem / 14);
        margin-bottom:calc(38rem / 14);
        margin-top:calc(17rem / 14);
    }
    .app_dldesc{
        font-size:calc(41rem / 14);
        font-weight:500;
        color:#ffffff;
        line-height:calc(51rem / 14);
        margin-bottom:calc(38rem / 14);
    }
    .app_dlbtbox{
        display:flex;
        align-items:center;
        margin:auto;
    }
    .app_dlandroid{
        width:calc(234rem / 14);
        height:calc(66rem / 14);
        background:url('../img/nm_app/dl_a.png');
        background-size:cover;
        background-repeat:no-repeat;
        margin:0 calc(18rem / 14);
    }
    .app_dlios{
        width:calc(234rem / 14);
        height:calc(66rem / 14);
        background:url('../img/nm_app/dl_i.png');
        background-size:cover;
        background-repeat:no-repeat;
        margin:0 calc(18rem / 14);
    }
    .qrcode{
        height:calc(66rem / 14);
        width:calc(66rem / 14);
        background:url('../img/nm_app/dl_q.png');
        background-size:cover;
        background-repeat:no-repeat;
        margin:0 calc(18rem / 14);
        position:relative;
    }
    .qrcode>img{
        width:calc(240rem / 14);
        position:absolute;
        right:0;
        top:0;
        -webkit-transform:scale(0.23);
        transform:scale(0.23);
        -webkit-transform-origin:top right;
        transform-origin:top right;
        opacity:0;
        -webkit-transition:.3s all;
        transition:.3s all;
    }
    .qrcode:hover>img{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1;
    }





    /* Main Video Box:Circular */
    .main_vid_box{
        height:100%;
        width:100%;
        object-fit:cover;
        position:fixed;
        z-index:-12;
        top:0;
        left:0;
    }
    .ab_header_fl{
        height:25.6vw;
        width:100vw;
        object-fit:cover;
        position:absolute;
        left:0;
        top:0;
    }
    .ab_sub{
        padding:0 calc(18rem / 14);
    }
    .ab_img{
        margin-left:calc(18rem / 14);
    }
    .search_layer{

    }
        /* SEARCH */
    .main_src{
        margin-top:8px;
        position:relative;
    }
    .search_layer{
        position:fixed;
        width:100vw;
        height:100vh;
        top:0;
        left:0;
        overflow:hidden;
        z-index:99;
        background:#1b1e35;
        display:flex;
        flex-direction:column;
    }
    .sr_input_hld{
        position:relative;
        display:flex;
        padding:15vh 20vw calc(40rem / 14) 20vw;
        align-items:center;
        justify-content:center;
    }
    .sr_input{
        position:relative;
        flex:1;
    }
    .sr_input_s{
        width:100%;
        height:calc(60rem / 14);
        padding:0 0 0 calc(75rem / 14);
        font-size:calc(20rem / 14);
        line-height:calc(24rem / 14);
        font-weight:bold;
        border-radius:calc(30rem / 14);
        border:0;
        background-color:#2F324B;
        color:#fff;
    }
    /* clears the 'X' from Chrome */
    input[type="search"]::-webkit-search-cancel-button {
        /* Remove default */
        -webkit-appearance:none;
        /* Now your own custom styles */
        height:calc(25rem / 14);
        width:calc(25rem / 14);
        margin:calc(18rem / 14) calc(24rem / 14) calc(17rem / 14) calc(24rem / 14);
        background-image:url('../img/nm_qa/i_srch_x.png');
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_ico{
        position:absolute;
        left:calc(17rem / 14);
        top:calc(17rem / 14);
        height:calc(26rem / 14);
        width:calc(26rem / 14);
        background-image:url('../img/nm_qa/i_srch_o.png');
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_ico.loadspin{
        color:#686A7D;
        top:calc(18rem / 14);
        height:calc(25rem / 14);
        width:calc(25rem / 14);
        background-image:none;
        border:2px solid currentColor;
        border-right-color:transparent;
        border-radius:50%;
        -webkit-animation:spinner-border .75s linear infinite;
        animation:spinner-border .75s linear infinite;
    }
    .main_src_out{
        cursor:pointer;
        border:0;
        background-color:transparent;
        margin:0;
        line-height:calc(60rem / 14);
        margin-left:calc(27rem / 14);
        font-size:calc(20rem / 14);
        color:#77D4EF;
        padding:0;
    }
    .sr_res_hld{
        flex:1;
        overflow-x:hidden;
        overflow-y:scroll;
        padding:0 20vw;
    }
    .sr_res{
        cursor:pointer;
        height:calc(60rem / 14);
        color:#fff;
        font-weight:bold;
        width:calc(60vw - calc(25rem / 14));
        margin:calc(7rem / 14) calc(11rem / 14) 0 calc(14rem / 14);
        border-bottom:1px solid #2F324B;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .sr_res_icon{
        margin:calc(15rem / 14) calc(18rem / 14) calc(15rem / 14) calc(11rem / 14);
        height:calc(27rem / 14);
        width:calc(27rem / 14);
        background-image:url('../img/nm_qa/i_srch_o.png');
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_res_text{
        flex:1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        font-size:calc(20rem / 14);
        line-height:calc(24rem / 14);
    }
    .sr_nores{
        text-align:center;
        margin-top:calc(49rem / 14);
    }
    .sr_nores_img{
        margin-top:calc(15rem / 14);
        margin-bottom:calc(35rem / 14);
        width:100px;
        height:88px;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
    }
    .sr_nores_text{
        margin-right:0;
        margin-top:0;
        margin-bottom:calc(49rem / 14);
        font-size:calc(20rem / 14);
        line-height:calc(24rem / 14);
    }
    .gotodownload{
        width:auto;
        text-align:center;
        font-size:calc(40rem / 14);
        color:#9ddef1;
        font-weight:800;
        line-height:calc(calc(98rem / 14) * 1);
        cursor:pointer;
    }


        /* Latest version: Dive Site */
    .lo_loc_hld{
        display:flex;
        align-items:center;
    }
    .lo_title{
        margin-top:calc(40rem / 14);
        font-size:calc(48rem / 14);
        line-height:calc(64rem / 14);
        font-weight:bold;
    }
    .lo_place{
        font-size:calc(22rem / 14);
        line-height:calc(32rem / 14);
        font-weight:400;
    }
    .lo_desc{
        margin:calc(25rem / 14) 0;
        font-size:calc(22rem / 14);
        line-height:calc(32rem / 14);
        font-weight:400;
    }
    .lo_spe_hld{
        display:flex;
        margin-bottom:calc(24rem / 14);
    }
    .lo_spe{
        font-size:calc(22rem / 14);
        line-height:calc(32rem / 14);
        font-weight:400;
        width:calc(150rem / 14);
        max-width:calc(150rem / 14);
    }
    .lo_spe_desc{
        flex:1;
        font-size:calc(22rem / 14);
        line-height:calc(32rem / 14);
        font-weight:400;
    }
    .lo_spe_cur{
        display:inline-block;
        margin-left:calc(33rem / 14);
        opacity:0.5;
    }
    .lo_spe_hld:last-child{
        margin-bottom:calc(38rem / 14);
    }
    .lo_more_hld{
        position:relative;
    }

    .lo_gr{
        width:50vw;
        height:30vw;
        margin:0 auto;
        margin-bottom:calc(25rem / 14);
    }
    .lo_po_more{
        text-align:center;
        font-size:calc(30rem / 14);
        line-height:calc(90rem / 14);
        font-weight:bold;
        color:#86C1D3;
        cursor:pointer;
    }




}