@font-face {
   font-family: 'bangna-new';
   src: url('/font/bangna-new.eot');
   src: url('/font/bangna-new.eot?#iefix') format('embedded-opentype'), url('/font/bangna-new.woff') format('woff'), url('/font/bangna-new.ttf') format('truetype'), url('/font/bangna-new.svg#bangna-new') format('svg');
   font-weight: normal;
   font-style: normal;
}

/*******************************subpage***********************************/
.pagination{
    font-size: 0;
    margin-bottom: 22px;
    text-align: center;
}
.pagination li a.arrow-left i{
    height: 18px;
    padding-right: 3px;
}
.pagination li a.arrow-right i{
    height: 18px;
    padding-left: 3px;
}
.pagination li a,.pagination li span{
    color: #696c66;
    display: block;
    font-size: 18px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    text-decoration: none;
}
.pagination li.active a.arrow-left{background-position:8px -55px;}
.pagination li.active a.arrow-right{}
.pagination li.active a{background-color: #f9b5ae; color: #fff; border:thin solid #e39b94;
                        -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
                        -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
                        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
                        -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
                        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pagination li:hover{
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.pagination li:hover:after{
    background: url(https://www0.dek-d.com/assets/nugirl/images/ds-fix-ie8.png) 0 0 no-repeat;
}
.pagination li:after{

    background: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 33px;
    height: 31px;
    z-index: -1;
}
.pagination li{
    background-color: fff;
    border: thin solid #e5e6eb;
    display: inline-block;
    margin-right: 9px;
    width: 30px;
    vertical-align: text-bottom;
    position: relative;
    z-index: 1;
}
/****************************** End Pagination ********************************/

.subpage.lifestyle .collum li a.title{
    color:#f9b5ae;
}
.subpage.guru .collum li a.title{
    color:#f9b5ae;
}
.subpage.health .collum li a.title{
    color:#f9b5ae;
}
.subpage.relationship .collum li a.title{
    color:#abd1cf;
}
.subpage.beauty .collum li a.title{
    color: #abd1cf;
}
.subpage.fashion .collum li a.title{
    color: #abd1cf;
}
.collum li a.title{
    color: #7fb231;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 1.2;
    margin-bottom: 15px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 210px;
}
.collum li .status p.pull-right{
   /*background: url(https://www0.dek-d.com/assets/nugirl/images/icon-status-subpage.jpg) 0 -33px no-repeat;*/
    margin-right: 7px;
    padding-left: 20px;
}
.collum li .status p.pull-left{
    /*background: url(https://www0.dek-d.com/assets/nugirl/images/icon-status-subpage.jpg) 0 -6px no-repeat;*/
    padding-left: 5px;
}
.collum li .status{
    margin-bottom: 2px;
}
.collum li .status p{
    color: #acacac;
    font-size: 11px;
}
.collum li a.thumnail{
    width: 230px;
    display: block;
    font-size: 0;
    margin: 4px 4px 4px;
    height: 120px;
}
.collum li a.thumnail .thumb300x90{
    background-color: #fdc5c6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 120px;
    width: 230px;
}
.dress_up .collum li a.thumnail .thumb300x90{
    height: 307px;
}
.collum {
    margin-bottom: 20px;
    text-align: left;
    margin-left:4px;
}
.collum li{
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    border: thin solid #e5e6eb;
    display: inline-block;
    margin: 0 0 4px;
    text-align: center;
    width: 240px;
    position: relative;
}
/*.dress_up .collum li{
height: 460px;
margin: 10px 25px;
width: 312px;
}*/
.dress_up .collum li a.thumnail{
    height: auto;
    width: auto;
}
.collum > li .share-wrap{
    background-color: #ffffff;
    bottom: 2px;
    left: 3px;
    position: absolute;
    text-align: left;
    display: none;
}
.collum > li:hover .share-wrap{display: block;}
.collum > li .share-wrap .btn-share{
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    height: 17px;
    line-height: 17px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.23);
    vertical-align: middle;
    width: 55px;
}
.collum > li .share-wrap .btn-share.btn-share-fb{
    background-color: #3b55a0;
}
.collum > li .share-wrap .btn-share.btn-share-tw{
    background-color: #03b8fc;
}
.collum > li .share-wrap .btn-share.btn-share-gg{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #000;
    text-shadow: none;
}
.collum > li .share-wrap .btn-share.btn-share-gg span.fa{
    color: #df4a32;
}

.content {padding-top: 25px;}


.subpage-wrap{
    display: inline-block;
}

.subpage h1 {
    height: 52px;
    margin-bottom: 16px;
    font-family: bangna-new;
    width:100%;
    overflow: hidden;
    position: relative;
}
.subpage h1 a{
    font-size: 36px;
    margin-bottom: 5px;
}
.subpage h1 span{
    display: inline-block;
    width: 100%;
    top: 26px;
    border-bottom: 2px solid #f9b5ae;
    position: absolute;
}
.subpage.fashion h1 span,.subpage.beauty h1 span,.subpage.relationship h1 span{border-bottom: 2px solid #abd1cf;}

.subpage.fashion h1 a{ color:#abd1cf;}
.subpage.beauty h1 a{ color:#abd1cf;}
.subpage.relationship h1 a{color:#abd1cf;}

.subpage.health h1 a{color:#f9b5ae;}
.subpage.lifestyle h1 a{color:#f9b5ae;}
.subpage.nugirl_special h1 a{color:#f9b5ae;}
.subpage.main.guru h1 a{color:#f9b5ae;}

.subpage.lifestyle ul.collum li:hover a.title{ color: #e39b94; }
.subpage.health ul.collum li:hover a.title{ color: #e39b94; }
.subpage.guru ul.collum li:hover a.title{ color: #e39b94; }

.subpage.relationship ul.collum li:hover a.title{ color: #78b2b0;}
.subpage.beauty ul.collum li:hover a.title{ color: #78b2b0; }
.subpage.fashion ul.collum li:hover a.title{ color: #78b2b0; }

.subpage.lifestyle ul.collum li:hover a.thumnail .img{ border-color: #e39b94; }
.subpage.health ul.collum li:hover a.thumnail .img{ border-color: #e39b94; }
.subpage.guru ul.collum li:hover a.thumnail .img{  border-color: #e39b94;}

.subpage.relationship ul.collum li:hover a.thumnail .img{ border-color: #78b2b0; }
.subpage.beauty ul.collum li:hover a.thumnail .img{ border-color: #78b2b0; }
.subpage.fashion ul.collum li:hover a.thumnail .img{ border-color: #78b2b0; }

.subpage ul.collum li a.thumnail .img{  border: thin solid #dad7d8; }
.subpage ul.collum li a.thumnail .img.thumb230x120{  background-size: cover;  width: 230px; height: 120px;}
.subpage ul.collum li a.thumnail .img.thumb300x400{  background-size: cover;  width: 230px; height: 307px;}
.subpage ul.collum li:hover a.thumnail .img{ border: thin solid; }


#list-subpage-wrap {
    position: relative;
}
#list-subpage-wrap .loader-wrap{
    background-color:#FFFFFF;
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display:none;
    z-index:2;
}
#list-subpage-wrap.loading .loader-wrap{
    display: block;
}
#list-subpage-wrap .loader{
    margin-top: 150px;
    text-align: center;
}
#list-subpage-wrap .loader .loader-icon{
    color: #f87b9f;
    font-size: 32px;
}
#list-subpage-wrap .loader p{
    color: #444444;
    font-size: 14px;
    margin: 5px;
}

/*lt ie-8*/
.lt-ie8 .collum LI, .lt-ie8 .pagination LI{
    display: inline;
    zoom:1;
}


/******* head sponsor C&C **************/
#box-cnc{
    padding: 9px 0;
    text-align: right;
    margin: -30px 0 20px;
}
#box-cnc .logoguru{
    display: inline-block;
    margin-right: 20px;
}
#box-cnc .box-cnc-admin{
    display: inline-block;
    width: 66px;
    height: 66px;
    overflow: hidden;
    border-radius: 50%;
    border: solid 1px #c7c7c7;
}
.guru-ribbon{
    z-index: 10;
    moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
    -o-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 0 1px 7px;
    position: absolute;
    right: 2px;
    height: 17px;
    text-decoration: none;
    top: 7px;
    width: 139px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #e39b94;
    text-align: left;
}
.guru-ribbon:hover{
    width: 145px;
}

@media screen and (max-width: 480px) {
    #box-cnc{
        margin: 0;
        text-align: center
    }
    #box-cnc .box-cnc-admin{
        width: 40px;
        height: 40px;
        vertical-align: middle;
    }
    #box-cnc .box-cnc-admin img{
        width: 100%;
    }
    #box-cnc .logoguru{
        vertical-align: middle;
    }
    .sub-imghead {
        width: 160%;
        margin-left: -32%;
    }
}