@charset "utf-8";
/* CSS Document */

@font-face {
     font-family: 'sukhumvitlight';
     src: url('https://www0.dek-d.com/font/sukhumvitlight-webfont.eot');
     src: url('https://www0.dek-d.com/font/sukhumvitlight-webfont.eot?#iefix') format('embedded-opentype'), url('https://www0.dek-d.com/font/sukhumvitlight-webfont.woff') format('woff'), url('https://www0.dek-d.com/font/sukhumvitlight-webfont.ttf') format('truetype'), url('https://www0.dek-d.com/font/sukhumvitlight-webfont.svg#sukhumvitlight-webfont') format('svg');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'sukhumvitreg';
     src: url('https://www0.dek-d.com/font/sukhumvitreg-webfont.eot');
     src: url('https://www0.dek-d.com/font/sukhumvitreg-webfont.eot?#iefix') format('embedded-opentype'), url('https://www0.dek-d.com/font/sukhumvitreg-webfont.woff') format('woff'), url('https://www0.dek-d.com/font/sukhumvitreg-webfont.ttf') format('truetype'), url('https://www0.dek-d.com/font/sukhumvitreg-webfont.svg#sukhumvitreg-webfont') format('svg');
     font-weight: normal;
     font-style: normal;
} 

body{
    margin: 0;
    padding: 0;
    background:url(/assets/nugirl/css/2017/nugirl-bg.gif) repeat;
    background-color: #e4a59f;
    
    
}
h1, h2, h3, p, ul{margin:0; padding:0;}

ul{list-style:none;}

.clear{clear:both;}
.clear_after:after{
    content: "";
    display: block;
    height: 0;
    clear: both; 
}

#main{
    width: 1070px; 
    margin: auto;
    background-color: #fff;
    font-family: tahoma;
    font-size: 14px;
    color: #93939f;
    font-weight: normal;
    text-decoration: none;
    line-height: 17px;
}

/*------------------- BY N'FOIL-----------------*/
/*INPAGE MENU */
#popup-main-menu .subSwp-item a, #popup-art a, #popup-sci a {
    text-decoration: none;
}
.cover-nugirl {
    margin: 10px 0 15px;
    position: relative;
}

.cover-nugirl .logo-wrapper {
    position: relative;
}

.cover-nugirl .logo-wrapper .logodesktop{
    display: block;
    margin: 0 auto;
}

.cover-nugirl .logo-wrapper .logo-block{
	width: 184px;
	height: 61px;
	display: block;
	margin: 0 auto;
}
.cover-nugirl .logo-wrapper .logomobile{
    display: block;
	width: 100%;
	height: 100%;
    /* margin: 0 auto; */
}

.cover-nugirl .logo-wrapper .breadcrumb-wrapper{
    margin: 0 auto;
    padding-top: 0px;
    font-size: 10px;
    text-align: center;
}
.cover-nugirl .logo-wrapper .breadcrumb-wrapper .breaditem{
    text-decoration: none;
    color: #636363;
    font-size: 12px;
}
.cover-nugirl .app-download-wrapper {
    position: absolute;
    right: 2px;
    top: -15px;
}
.cover-nugirl .banner-panorama {
    /*width: 970px;
    height: 150px;
    background-color: #e8e8e8;*/
    margin: 10px auto 15px;
}
.cover-nugirl .truehit-wrapper {
    position: absolute;
    right: 15px;
    bottom: -10px;
}

/*BANNER PANORAMA*/
#banner-panorama.new-style .banner-wrapper{
    box-shadow: 4px 4px 0 rgba(0,0,0,.05) !important;
    border: 1px solid #e1e1e1 !important;
}
#banner-panorama .btn-slot-list {
    padding: 5px 10px 0 !important;
}
#banner-panorama.new-style .btn-slot-list button {
    font-size: 50px !important;
}
#banner-panorama.new-style .btn-nav {
    color: #CCCCCC !important;
}

/* ADS BIG BOX*/
#banner-bigbox.new-style .banner-wrapper {
    border: 4px solid #FFFFFF !important;
    box-shadow: none !important;
}
#banner-bigbox.new-style .btn-nav {
    font-size: 19px !important;
    bottom: 0px !important;
    color: #CCCCCC !important;
}
#banner-bigbox.new-style .btn-slot-list  li {
    margin-top: 13px;
}
#banner-bigbox.new-style .btn-slot-list button {
    font-size: 45px;
}
.slogandesktop {
    position: absolute;
    right: 15px;
    top: 14px;
}
.sloganmobile {
    display: none;
}

.main-wrapper {
    overflow: hidden;
}
#nugirl_left{
    width: 725px; 
    float: left;
    padding-bottom: 500em;
    margin-bottom: -500em;
}
#nugirl_right, #nugirl_right1{
    width: 330px; 
    float: right;
    background-color: #f7d7d4;
    display: block;
    padding-bottom: 500em;
    margin-bottom: -500em;
}
#nugirl_right1{
    padding-bottom: 1431px;
}
#topcontent{
    position: relative;
    float: left;
    width: 725px;
    background: url('/assets/nugirl/images/bg_slogan.gif') no-repeat 10px 0;
}
.img-top{
    margin-top: 8px;
    margin-left: 20px;
}
.big-img{
    width: 720px;
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    /*	padding-right: 5px;	*/
    box-sizing: border-box;  
}
.big-img a{
}
.big-img a img{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-bottom: 5px solid #e39b94;
}
.big-img span{
    background-color: #e39b94;
    width: 100%;
    height: 5px;
    display: block;
    margin-top: 1px;
}
.big-img ul.menu_list{
    margin: auto;
    width: auto;
    padding-top: 8px;
    display:table;
}
.big-img ul.menu_list li{
    width: 28px;
    float: left;
    padding: 0 8px;
    box-sizing: border-box;
}
.big-img ul.menu_list li a{
     width: 12px;
     height: 12px;
     cursor:pointer;
     display: block;
     background-color: #dfd9d8;
     border-radius:50%;
}
.big-img ul.menu_list li a:hover{
    background-color: #e39b94;
}
.big-img ul.menu_list li a.active{
    background-color: #e39b94;
}
ul.contentpic{
    width: auto;
    margin: auto;
    padding-top: 5px;
    padding-left: 5px;
    margin-bottom: 45px;
}
ul.contentpic li{
    float: left;
	
    width: 50%;
    height: auto;
    max-height: 360px;
    overflow: hidden;
    text-align: center;
	/*
    width: 180px;
    height: 155px;
	*/
    padding: 0 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
ul.contentpic li a{
    width: 100%;
    height: auto;
	/*
    width: 170px;
    height: 155px;
	*/
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    border: solid 1px #dfdad7;
}
ul.contentpic li a:hover{
   border: solid 1px #a6d1cf;
}
ul.contentpic li a:hover img{
	opacity: 0.8;
}
ul.contentpic li a img{
    display: block;	
	width: 100%;
    border-bottom: none;
	/*
    max-width: 100%;
    border-bottom: 3px solid #a6d1cf;
	*/
}
/*ul.contentpic li a span{
    width: 100%;
    height: 3px;
    background-color: #a6d1cf;
    display: block;
    margin-top: 1px;
}*/
ul.contentpic li a .pintitle{
    text-align: center;
    font-size: 14px;
    color: #93939f;
    padding: 4px 5px 5px;
    height: 56px;
	line-height: 20px;
    box-sizing: border-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
}
.bigbox, .bigbox1{
    width: 308px;
    margin: 10px auto auto;
}
.bigbox1{
    margin-top: 34px;
}
.bigbox-bg, .bigbox-bg1{
    width: 308px;
    height: 255px;
    background-color: #fff;
    padding-top: 4px;
}
.bigbox-bg1{
    height: 404px;
}
.bigbox-bg a{
    display: block;
    width: 300px;
    height: 250px;
    margin: auto;
    cursor: pointer;
}
.bigbox-bg1 a{
    display: block;
    width: 300px;
    height: 600px;
    margin: auto;
    cursor: pointer;
}
.bigbox-bg1 a img{
    display: block;
	width: 100%;
}
ul.b-menulist{
    width: auto;
    margin: 12px auto auto;
    display: table;
}
ul.b-menulist li{
    float: left;
    width: 25px;
    margin: 0 9px;
}
ul.b-menulist li a{
    display: block;
    width: 25px;
    height: 21px;
    font-size: 12px; 
    color: #9e9e9e;
    text-decoration: none;
    border-radius:50%;
    background-color: #fff;
    text-align: center;
    padding-top: 4px;
    cursor: pointer;
}
ul.b-menulist li a:hover{
    color: #a6d1cf;
}
ul.b-menulist li a.active{
    background-color: #a6d1cf;
    color: #fff;
}
a.b-dress{
    width: 308px;
    height: 26px;
    background-color: #e39b94;
    border-radius:0 0 3px 3px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
    padding-top: 10px;
}
a.b-dress:hover{
    background-color: #d98e86;
}

h2.n-headtext .head-section, h2.n-headtext-ble .head-section, h2.n-headtext-right .head-section{
    font-family: sukhumvitreg;
    font-size: 42px;
    color: #e39b94;
    border-bottom: solid 3px #e39b94;
    width: 99.4%;
    height: 3px;
    padding-bottom: 20px;
    text-indent: 10px;
    margin-top: 57px;
    clear: both;
    display: inline-block;
    text-decoration: none;
}
h2.n-headtext-ble .head-section{
  color: #8dcdca;
  border-bottom: solid 3px #8dcdca;
}
h2.n-headtext-right .head-section{
    width: 100%;
  border-bottom: solid 3px #fff;
  color: #fff;
  margin-top: 63px;
}
h2.n-headtext span, h2.n-headtext-ble span, h2.n-headtext-higth span{
    color: #cccccc;
    padding-right: 10px;
}
.n-imghead{
    margin-left: 10px;
    margin-top: 10px;
    display: block;
    margin-bottom: 5px;
}
ul.n-menuhead{
    width: auto;
    margin-left: 10px;
    margin-top: 4px;
    margin-bottom: 10px;
    display: block;
}
ul.n-menuhead li{
    float: left;
    min-width: 87px;
    margin-right: 2px;
}
ul.n-menuhead li a{
    min-width: 80px;
    height: 19px;
    border: solid 1px #d7e3e2;
    font-size: 11px;
    color: #7d8584;
    text-align: center;
    padding-top: 1px;
    display: block;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

ul.n-menuhead._pink li a:hover{
    color: #e39b94;
}
ul.n-menuhead._blue li a:hover{
    color: #5ea5a2;
}
ul.n-menuhead._pink li a.active, ul.n-menuhead._blue li a.active{
    /* border-bottom: 2px solid rgba(0, 0, 0, 0.2); */
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 18px;
}
ul.n-menuhead._pink li a.active{
    background-color: #e39b94;
    border: solid 1px #e39b94;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
ul.n-menuhead._blue li a.active{
    background-color: #8dcdca;
    border: solid 1px #8dcdca;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
ul.n-menuhead li a.active1:hover{
    color: #fff;
}
ul.n-contentbox{
    width: auto;
    margin-left: 10px;
    float: left;
    display: block;
    margin-top: 5px;
}
ul.n-contentbox .content-card-item{
    float: left;
    width: 350px;
    /*margin-right: 10px;*/
    margin-bottom: 15px;
}
li.content-card-item:nth-child(odd){
    margin-right: 10px;
}
/* 
li.content-card-item:nth-child(even){
    margin-bottom: 15px; 
}
li.content-card-item:nth-last-child(n+8){
    margin-bottom: 10px;
}
li.content-card-item:nth-child(n+8){
    display: none;
}
*/
ul.n-contentbox .content-card-item .content-card-cover{
    display: block;
    width: 170px;
    float: left;
    text-decoration: none;
}
.content-card-cover._pink {
    border-bottom: solid 3px #e39b94;
}
.content-card-cover._blue {
    border-bottom: solid 3px #a6d1cf;
}
ul.n-contentbox li a.n-contentlink{
    width: 100%;
    padding-bottom: 0;
    border-bottom: none;
}
ul.n-contentbox .content-card-item .content-card-cover .coverimg{
    width: 100%;
    display: block;
}
ul.n-contentbox .content-card-item .content-card-cover:hover .coverimg{
    opacity:0.80;
}
ul.n-contentbox .content-card-item .content-card-desc{
    width: 170px;
    margin-left: 10px;
    float: left;
    font-size: 0;
}
.content-card-item .content-card-desc .contenthead{
    font-weight: bold;
    text-decoration: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
}
.contenthead._pink {
    color: #d38b84;
    font-size: 14px !important;
}
.contenthead._blue {
    color: #5ea5a2;
    font-size: 14px !important;
}
.content-card-item .content-card-desc:hover .contenthead._pink {
    color: #e6a59f;
}
.content-card-item .content-card-desc:hover .contenthead._blue {
    color: #6dbbb7;
}

ul.n-contentbox .content-card-item .content-card-desc .category-box{
    height: 20px;
    display: inline-block;
    padding: 0 5px;
    border: solid 1px #d7e3e2;
    font-size: 11px;
    color: #5ea5a2;
    text-align: center;
    margin-right: 2px;
    margin-top: 4px;
    width: auto;
    float: none;
    text-decoration: none;
}

ul.n-contentbox .content-card-item .content-card-desc .category-box._blue:hover{
    color: #a8aab0;
}
ul.n-contentbox .content-card-item .content-card-desc .category-box._pink:hover{
    color: #a8aab0;
}
ul.n-contentbox .content-card-item .content-card-desc .category-box._pink{
    color: #e39b94;
}
ul.n-contentbox li div .n-dix{
    width: 100%;
    margin-left: 0;
}
ul.n-contentbox li div .n-dix span.n-icon{
    height: inherit;
    padding: inherit;
    border: none;
    font-size: 11px;
    display: inline-block;
    color: #93939f;
    text-align: left;
    width: 65px;
}
ul.n-contentbox li div span i{
    margin-right: 5px;
}

a.n-menugo{
    width: 200px;
    height: 18px;
    border-radius: 3px;
    margin: auto;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding-top: 2px;
    display: block;
    text-decoration: none;
}
a.n-menugo._pink{
    background-color: #e39b94;
}
a.n-menugo._pink:hover{
     background-color: #d98e86;
 }
a.n-menugo._blue{
    background-color: #8dcdca;
}
a.n-menugo._blue:hover{
    background-color: #7fc2bf;
}
ul.cilp-nugirl{
    width: auto;
    margin: 10px auto auto;
    display: table;
}
ul.cilp-nugirl li{
    float: none;
    width: 308px;
    margin-bottom: 15px;
}
ul.cilp-nugirl li a{
    width: 308px;
    height: 216px;
    background-color: #fff;
    display: block;
    text-decoration: none;
    padding-top: 4px;
}
ul.cilp-nugirl li a .tvcover{
    width: 300px;
    display: block;
    margin: auto;
    height: auto;
}
ul.cilp-nugirl li a:hover .tvcover{
    opacity: 0.80;
}
ul.cilp-nugirl li a p{
    color: #93939f;
    text-align: center;
    width: 90%;
    padding-top: 7px;
    margin: auto;
}
ul.cilp-nugirl li a:hover p{
    color: #adadb9;
}

a.b-tv{
    width: 308px;
    height: 26px;
    background-color: #e39b94;
    border-radius: 3px;
    margin: auto;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    display: block;
    text-decoration: none;
}
a.b-tv:hover{
    background-color: #d98e86;
}
.n-head{
    margin-bottom: 20px;
    display: block;
}
.n-head-m{
    display: none;
}
.n-board{
    margin-left: 10px;
    margin-top: 50px;
    margin-bottom: 30px;
    float: left;
}

.dd2015_tabmenu1 ul.mainnav.desktop{
    width: 710px;
}
.dd2015_tabmenu1 .maincontent.loadmore{
    width: 708px;
}
.dd2015_tabmenu1 .maincontent.loadmore_padding{
   width: 708px; 
}
.dd2015_tabmenu1 .maincontent ul.list li span.set-text{
    width: 605px;
}
.dd2015_tabmenu1 .maincontent.navigate{
    width: 710px;
}
#nugirl_tabmenu .main-button-white{
    text-decoration: none;
}
.dd2015_tabmenu1 .main-button-gray{
    text-decoration: none;
}
.dd2015_tabmenu1 .maincontent.navigate .main-button-gray{
    width: 556px;
    text-decoration: none;
}
.n-banner-m{
    display: none;
}
h3.n-headtext-m{
    display: none;
}
.n-dress-mbox{
    display: none;
}
ul.menu-mobile{
    display: none;
}
.m-popup{
    display: none;
}
/* STRAT content */
.content-headtext{
    margin-bottom: 10px;
    display: block;
}
ul.menu-list{
    width: auto;
    margin: 20px auto auto;
    display: table;
}
ul.menu-list li{
    float: left;
    width: 42px;
    padding: 0 5px;
    box-sizing: border-box;
}
ul.menu-list li a{
    display: block;
    width: 32px;
    height: 32px;
    padding-top: 7px;
    border: solid 1px #e39b94;
    background-color: #fff;
    font-family: Myriad Pro;
    font-size: 18px;
    color: #e39b94;
    text-align: center;
    border-radius:3px;
    box-sizing: border-box;
    cursor: pointer;
}
ul.menu-list li a:hover{
    background-color: #e39b94;
    color: #fff;
}
ul.menu-list li a.active{
    background-color: #e39b94;
    color: #fff;
}
ul.contentbox{
    width: 718px;
    margin-left: 7px;
    margin-top: 20px;
}
ul.contentbox li{
    float: left;
    width: 239px;
    padding: 0 3px;
    margin-bottom: 6px;
    box-sizing: border-box;  
}
ul.contentbox li a{
    width: 100%;
    height: 199px;
    border: solid 1px #e5e6eb;
    padding: 4px;
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    
}
ul.contentbox li a img{
    width: 100%;
    border: thin solid #dad7d8;
    box-sizing: border-box;
}
ul.contentbox li a:hover img{
    
    border: thin solid #78b2b0;
}
ul.contentbox li a p{
    color: #abd1cf;
    font-size: 14px;
    height: 35px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 3px;
}
ul.contentbox li a:hover p{
    color: #78b2b0;
}
ul.contentbox li a span{
    color: #acacac;
    font-size: 11px;
    padding-left: 5px;
    float: left;
}
ul.contentbox li a span.contentbox-i{
    float: inherit;
    float: right;
}
ul.contentbox li a span i{padding-right: 5px;}

.n-banner-m1{
    display: none;
}


/* END content */

@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px){
/*@media screen and (max-width: 480px){*/
    
   #main{
        width: 100%;
        overflow: hidden;
   }
    /*------------------- BY N'FOIL-----------------*/
    .cover-nugirl {
        margin: 10px 0;
    }
	.cover-nugirl .logo-wrapper .logo-block{
		width: 184px;
		height: 61px;
		display: block;
		margin: 0 auto;
	}
    .cover-nugirl .logo-wrapper .logomobile{
		width: 100%;
		height: 100%;
        display: block;
        /* margin: 0 auto; */
    }

    .cover-nugirl .logo-wrapper .breadcrumb-wrapper {
        display: block;
        margin: 0 auto;
        padding-top: 0px;
        font-size: 10px;
        color: #636363;
        text-align: center;
    }
    .cover-nugirl .logo-wrapper .breadcrumb-wrapper .breaditem{
        font-size: 10px;
        color: #636363;
        text-decoration: none;
    }

    .cover-nugirl .app-download-wrapper {
        display: none;
    }

    .cover-nugirl .banner-panorama {
        display: none;
    }

    .cover-nugirl .truehit-wrapper {
        position: absolute;
        right: 5px;
        bottom: -3px;
    }
	.owl-theme .owl-nav.disabled+.owl-dots{
		margin-top: 3px;
	}
    a.n-menugo {
        display: none;
    }

    #banner-bigbox.new-style .btn-nav {
        display: none;
    }
    #banner-bigbox.new-style .btn-slot-list {
        margin-top: 10px !important;
    }
    #banner-bigbox.new-style .btn-slot-list  li {
        margin-top: 0;
        margin-right: 10px !important;
    }
    #banner-bigbox.new-style .btn-slot-list button {
        font-size: 85px !important;
        width: 20px;
        heigth: 30px;
        line-height: 23px !important;
    }
    .bigbox-mobile {
        margin-bottom: 25px;
        clear: both;
    }
    #banner-bigbox.new-style .banner-wrapper {
        border: none !important;
        box-shadow: none !important;
        margin: auto;
    }
    ul.contentpic li a img{
        margin: 0 auto;
    }

    li.content-card-item:nth-child(n+5){
        display: block;
    }
    .sloganmobile {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }
    .slogandesktop{
        display: none;
    }
    ul.contentpic li a .pintitle, .content-card-item .content-card-desc .contenthead {
		font-size: 15px;
		line-height: 19px;
		max-height: 40px;
		overflow: hidden;
		-webkit-line-clamp: 2;
    }

    #topcontent .nugirl-swipe {
        position: relative;
        float: initial !important;
        margin: 0 auto;
    }

   #topcontent{
        float: none;
        width: 100%;
        background:none;
        margin-left: 0;
   }
   #nugirl_left{
        width: 100%;
        float: none; 
   }
   .img-top{
        display: none;
   }
   .big-img{
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
   }
   .big-img ul.menu_list li{
   }
   .big-img ul.menu_list li a{
        width: 11px;
        height: 11px;
   }
   .n-head{
        display: none;
   }
   .n-head-m{
        width: 320px;
        height: 96px;
        display: block;
        margin: auto;
   }
   .n-banner-m{
        display: block;
        margin: 30px auto;
    
   }
    h3.n-headtext-m{
        font-family: sukhumvitreg;
        font-size: 34px;
        color: #8dcdca;
        font-weight: normal;
        text-align: center;
        display: block;
        margin-bottom: 15px;
    }
    ul.contentpic{
        width: 98%;
        padding: 0;
		margin-bottom: 28px;
    }
    ul.contentpic li{
        width: 50%;
        height: inherit;
        padding: 0 4px;
        margin-bottom: 8px;
    }
    ul.contentpic li a{
        width: 100%;
		height: auto;
        /*min-height: 168px;*/
    }
    /*ul.contentpic li a:hover{
        border: none;
    }*/
    .n-dress-mbox{
       position: relative; 
       display: block;
    }
    .n-dress-m{
        width: 87%;
        position: relative;
        margin: 0 auto;
    }
    ul.n-dressup-m{
        width: 300%;
        margin: 10px auto auto;
        position: relative;
        left: -100%;
    }
    ul.n-dressup-m li{
        float: left;
        width: 33.33333333333333%;
        padding: 0 2px;
        box-sizing: border-box;
    }
    ul.n-dressup-m li a{
        width: 100%;
        border: solid 1px #dadada;
        display: block;
        padding: 4px;
        box-sizing: border-box;
    }
    ul.n-dressup-m li a img{
        width: 100%;
        display: block;
    }
    .n-dress-bot{
        padding:  0 2px;
    }
    a.n-dress-bottom{
        width: 100%;
        height: 26px;
        background-color: #e39b94;
        border-radius: 0 0 3px 3px;
        margin: auto;
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding-top: 10px;
        display: block;
        text-decoration: none;
    }
    a.n-dress-arrow{
        height: 50px;
        width: 25px;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 0;
        background-color: rgba(0,0,0,.8);
        color: #FFF;
        margin-top: -35px;
        border: none;
        text-align: center;
        font-size: 18px;
        color: rgba(255,255,255,.8);
        cursor: pointer;
        border-radius: 0 60px 60px 0;
        display: block;
    /* padding: 0; */
    /* margin-bottom: 0; */
    }
    a.n-dress-arrow i{
        padding-left: 3px;
        padding-top: 15px;
        float: left;
    }
    a.n-dress-arrow i.n-d-arr{
        float: right;
        padding-right: 3px;
    }
    a.n-dress-arrow1{
        right: 0;
        left: inherit;
        border-radius: 60px 0 0 60px
    }
    ul.menu-mobile{
        width: 100%;
        margin: 30px auto auto;
        display: block;
    }
    ul.menu-mobile li{
        float: left;
        width: 100%;
       margin-bottom: 10px;
        padding-bottom: 4px;
        background-color: #f8f8f8;
    }
    ul.menu-mobile li a{
        width: 100%;
        height: 143px;
        /*background-color: #f8f8f8;*/
        display: block;
        text-decoration: none;
        padding: 0 8px;
        box-sizing: border-box;
        cursor: pointer;
    }
    ul.menu-mobile li a.m-bottom-fashion{
        
    }
    ul.menu-mobile li a p{
        font-family: sukhumvitreg;
        font-size: 24px;
        font-weight: normal;
        width: 100%;
        border-bottom: solid 1px #ebebeb;
        padding: 15px 0 9px;
        margin-bottom: 8px;
    }
    ul.menu-mobile li a p._pink {
        color: #e39b94;
    }
    ul.menu-mobile li a p._blue {
        color: #a6d1cf;
    }
    ul.menu-mobile li a p span{
        font-family: supermarket;
        font-weight: 700;
        color: #cdcdcd;
        padding-right: 8px;
    }
    ul.menu-mobile li a p i{
        float: right;
        color: #c8c8c8;
        position: relative;
        top: -5px;
    }
    ul.menu-mobile li a .menu-m-boxleft{
        width: 32.56578947368421%;
        float: left;
        box-sizing: border-box;
    }
    ul.menu-mobile li a .menu-m-boxleft._pink {
        border-bottom: solid 2px #e7ada8;
    }
    ul.menu-mobile li a .menu-m-boxleft._blue {
        border-bottom: solid 2px #a6d1cf;
    }
    ul.menu-mobile li a .menu-m-boxleft img{
        width: 100%;
        display: block;
    }
    ul.menu-mobile li a .menu-m-boxright{
        width: 64.14473684210526%;
        float: right;
    }
    ul.menu-mobile li a .menu-m-boxright span{
        font-size: 14px;
        color: #a1a1a1;
        display: table;
        /*display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;*/
    }
    ul.menu-mobile li a .menu-m-boxright span.mm-height{
		position: relative;
		z-index: 1;
        display: block;
        margin-bottom: 6px;
		padding-left: 27px;
    }
    ul.menu-mobile li a .menu-m-boxright span i{
        /* padding-right: 7px; */
        /* display: table-cell; */
		display: block;
		position: absolute;
		z-index: 1;
		left: 8px;
		top: 1px;
    }
    ul.menu-mobile li a .menu-m-boxright .title {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box
    }
    h2.n-headtext, h2.n-headtext-higth{
        display: none;
    }
    .n-imghead{
        display: none;
    }
    ul.n-menuhead{
        display: none;
    }
    ul.n-contentbox{
        display: none;
    }
    #nugirl_right{
        display: none;
    }
    .n-board{
        margin-top: 30px;
        margin-left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 8px;
        margin-bottom: 30px;
    }
    .dd2015_tabmenu1 ul.mainnav.desktop{
        width: inherit;
    }
    .dd2015_tabmenu1 .maincontent.loadmore{
        width: inherit;
    }
    .dd2015_tabmenu1 .maincontent.loadmore_padding{
        width: inherit;
    }
    .dd2015_tabmenu1 .maincontent.navigate{
        width: inherit;
    }
    .m-popup{
        width: 100%;
        display: none;
        position: fixed;
        z-index: 102;
        top: 0;
        left: 0;
        background-color: #fff;
        padding-bottom: 20px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
    }
    .mp-bighead{
        width: 100%;
        height: 45px;
        background-color: #f8f8f8;
        position: fixed;
        z-index: 103;
        padding-top: 16px;
        box-sizing: border-box;
    }
    .mp-bighead h3.mp-head{
        font-family: sukhumvitreg;
        font-size: 24px;
        font-weight: normal;
        text-align: center;
        width: 100%;
        float: left;
    }
    .mp-bighead h3.mp-head._pink{
        color: #e39b94;
    }
    .mp-bighead h3.mp-head._blue{
        color: #8dcdca
    }
    a.mp-close{
        position: absolute;
        top: 0;
        right: 0;
        width: 46px;
        height: 100%;
        color: #dadada;
        z-index: 103;
    }
    .mp-close .mp-line_1, .mp-close .mp-line_2{
        position: absolute;
        width: 30px;
        height: 3px;
        background: #d7d7d7;
        border-radius: 5px;
        top: 22px;
        left: 9px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .mp-close .mp-line_2{
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .guru-head .guruhead {
        width: 100%;
    }
    .guru-head a{
        width: 100%;
        display: block;
        height: auto;
    }
    .n-bottom-boxgo{
        width: 100%;
        padding: 0 6px;
        box-sizing: border-box;
    }
    a.n-bottom-go{
        width: 100%;
        height: 38px;
        border-radius: 3px;
        margin: auto;
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding-top: 10px;
        display: block;
        text-decoration: none;
        box-sizing: border-box;
    }
    a.n-bottom-go._pink{
        background-color: #e39b94;
    }
    a.n-bottom-go._blue{
        background-color: #7fc2bf;
    }
    .nugirl-bgblack{
        background-color:#000000; 
        opacity:0.88; 
        -webkit-opacity:0.88; 
        position:fixed; 
        width:100%; 
        height:100%; 
        z-index:101; 
        top:0; 
        display:none;
    }
    /* STRAT content */
    .content-headtext{
        display: none;
    }
    ul.menu-list{
        margin-top: 10px;
    }
    ul.contentbox{
        width: 100%;
        padding: 0 4px;
        box-sizing: border-box;
        margin-left: inherit;
    }
    ul.contentbox li{
        width: 50%;
        padding: 0 4px;
    }
    ul.contentbox li.con-no{
        display: none;
    }
    ul.contentbox li a{
        max-width: 193px;
        height: inherit;
        margin: auto;
        padding-bottom: 20px;
    }
    ul.contentbox li a img{
        max-width: 183px;

    }
    .n-banner-m1{
        display: block;
        padding-top: 30px;
        padding-bottom: 30px;
        margin: auto;
   }
    #nugirl_right1{
        display: none;
    }
    
    /* END content */
    h2.n-headtext-ble{
        display: none;
    }
    .m-popup .popup-wrapper{
        margin-top: 45px;
    }
    ul.nugirl-m-content{
        width: 100%;
        margin: auto auto 12px;
        display: table;
        padding: 0 4px;
        box-sizing: border-box;
    }
    ul.nugirl-m-content li{
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 0 4px;
        margin-top: 8px;
    }
    ul.nugirl-m-content li .item-wrapper a{
        display: block;
        width: 100%;
        text-decoration: none;
    }
    ul.nugirl-m-content li .item-wrapper a .popupcover{
        width: 100%;
        height: 0;
        padding-bottom: 51%;
        background-size: cover;
    }
    ul.nugirl-m-content li .item-wrapper a p{
        font-size: 15px;
        color: #636363;
        text-align: center;
        line-height: 19px;
        height: 63px;
        width: 100%;
        margin-bottom: 10px;
        display: inline-block;
        padding: 5px 3px 0px 5px;
        overflow: hidden;
        box-sizing: border-box;
    }
    ul.nugirl-m-content li .item-wrapper{
        border: 1px solid #dad7d8;
        max-height: 165px;
        display: table;
        width: 100%;
    }
    ul.nugirl-m-content li .item-wrapper .content-stats{
        width: 100%;
        display: table;
        padding: 0 5px;
        box-sizing: border-box;
    }
    ul.nugirl-m-content li .item-wrapper .content-stats span{
        font-size: 10px;
        color: #acacac;
        float: left;
        width: 50%;
        text-align: left;
    }
    ul.nugirl-m-content li .item-wrapper .content-stats span:last-child{
       text-align: right;
    }
    ul.nugirl-m-content li .item-wrapper .content-stats span i{
        padding-right: 3px;
    }
    ul.contentpic li .item-wrapper a p{
        padding-top: 6px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
    }
}


@media screen and (max-width: 414px){
      ul.menu-mobile li a{
        height: 128px;
    }
}

@media screen and (max-width: 375px){
      ul.menu-mobile li a{
        height: 128px;

    }


}

/* ----------- iPhone 4 - 5s ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
    ul.contentpic li a {
        height: inherit;
        min-height: 150px;
    }
    ul.contentpic li {
        height: 150px;
    }
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    ul.contentpic li{
        max-height: none !important;
    }
    ul.contentpic li a img {
        width: 100%;
    }
	.n-dressup-m .item a {
		border: solid 1px #dadada ;
		display: block;
		padding: 4px;
		box-sizing: border-box;
	}
	.owl-theme .owl-nav [class*=owl-]{
		padding: 0;
		margin: 0;
		display: inline;
	}
    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        padding: 5px;
        border: 1px solid #ccc;
    }
    div .owl-nav {
        display: none !important;
    }
    .n-dress-bot {
        margin-top: 20px;
    }
}
/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    #banner-bigbox.new-style .btn-nav {
        display: block;
        font-size: 40px !important;
        height: auto !important;
    }
    #banner-bigbox.new-style .btn-nav.btn-slot-prev {
         top: 110px;
         left: -8px !important;
     }
    #banner-bigbox.new-style .btn-nav.btn-slot-next {
        top: 110px;
        right: 10px;
    }
    ul.contentpic li a {
        height: inherit;
        min-height: 155px;
    }
    ul.contentpic li {
        height: 165px;
    }
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    ul.contentpic li{
        max-height: none !important;
    }
    ul.contentpic li a img {
        width: 100%;
    }
	.n-dressup-m .item a {
		border: solid 1px #dadada ;
		display: block;
		padding: 4px;
		box-sizing: border-box;
	}
	.owl-theme .owl-nav [class*=owl-]{
		padding: 0;
		margin: 0;
		display: inline;
	}	
    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        padding: 5px;
        border: 1px solid #ccc;
    }
	
    /*
	.owl-theme .owl-nav {
        display: none;
    }
	*/
	
    .n-dress-bot {
        margin-top: 20px;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
    ul.contentpic li a {
        height: inherit;
        min-height: 165px;
    }
    ul.contentpic li {
        height: 165px;
    }
}
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
    ul.contentpic li{
        max-height: none !important;
    }
	ul.contentpic li a{
		height: 245px;
	}
    ul.contentpic li a img {
        width: 100%;
    }
	.n-dressup-m .item a {
		border: solid 1px #dadada ;
		display: block;
		padding: 4px;
		box-sizing: border-box;
	}
	.owl-theme .owl-nav [class*=owl-]{
		padding: 0;
		margin: 0;
		display: inline;
	}
    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        padding: 5px;
        border: 1px solid #ccc;
    }
	/*
    .owl-theme .owl-nav {
        display: none;
    }
	*/
    .n-dress-bot {
        margin-top: 20px;
    }
}


@media screen and (max-width: 768px){
    .n-dressup-m .item a {
        border: solid 1px #dadada ;
        display: block;
        padding: 4px;
        box-sizing: border-box;
    }
}
img.opac{
    position: absolute;
    z-index: 1;
    top: 0;
}
/*	#mobileMenus .menuItem{ min-width: 65px; width: auto !important; }	*/
.mid i.icon-more{ top: 0 !important; }
ul.cilp-nugirl li a img{
    height: auto;
    width: 100%;
    display: block;
}
.big-img a img{
    width: auto;
    max-width: 100%;
    min-height: 275px;
    display: block;
    box-sizing: border-box;
}
ul.contentpic li a p , .content-card-item .content-card-desc .contenthead {
    font-size: 15px;
}
ul.cilp-nugirl li a p {
    height: 24px;
    overflow: hidden;
    line-height: 24px;
}
.bigbox1{
    position: relative;
    z-index: 1 ;
    display: block;
}
.bigbox-bg1{
    overflow: hidden;
}
.bigbox-bg1 a{
    height: initial;
    margin: 0;
    overflow: hidden;
}
.owl-stage:after{
    content: "";
    clear: both;
}
.owl-item{
    width: 308px;
    height: auto;
    float: left;
}
.owl-item a{
    margin: 0 auto;
}
a.n-dress-arrow {
    height: 50px;
    width: 25px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    background-color: rgba(0,0,0,.8);
    color: #FFF;
    margin-top: -35px;
    border: none;
    text-align: center;
    font-size: 18px;
    color: rgba(255,255,255,.8);
    cursor: pointer;
    border-radius: 0 60px 60px 0;
    display: block;
    /* padding: 0; */
    /* margin-bottom: 0; */
}
a.n-dress-arrow1 {
    right: 0;
    left: inherit;
    border-radius: 60px 0 0 60px;
}
a.n-dress-arrow i {
    padding-left: 3px;
    padding-top: 15px;
    float: left;
}
a.n-dress-arrow i.n-d-arr {
    float: right;
    padding-right: 3px;
}
@media only screen and (max-device-width: 736px) and (min-device-width: 320px){
    ul.menu-mobile li a .menu-m-boxright span{
        /* line-height: 1.4em; */
		max-height: 32px;
		line-height: 16px;
    }
    .content-card-desc .contenthead { font-size: 14px; }
}
#topcontent .owl-theme .owl-dots .owl-dot span {
    background: #dfd9d8;
    opacity: 1;
}
#topcontent .owl-theme .owl-dots .owl-dot.active span {
    background: #e39b94;
}
#topcontent .nugirl-swipe {
    width: 100%;
    float: none;
	/*
    width: 545px;
    float: left;
	*/
}
#topcontent .nugirl-swipe .item {
    float: none;
}
@media screen and (max-width: 480px) {
    #topcontent .nugirl-swipe {
        float: none;
        margin-bottom: 13px;
        width: auto;
        float: none;
    }
    #topcontent .big-img {
        margin-bottom: 0;
    }
    #topcontent .big-img a img {
        min-height: auto;
    }
    .n-dressup-m {
        margin: 10px auto;
    }
    .n-dressup-m .item {
        float: left;
        width: 100%;
        padding: 0 2px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .n-dressup-m .item a {
        border: solid 1px #dadada;
        display: block;
        padding: 4px;
        box-sizing: border-box;
    }
    .n-dressup-m .item a img{
        display: block;
        width: 100%;
    }
    .n-dress-m .owl-theme .owl-nav [class*=owl-] {
        padding: 0;
        margin: 0;
        display: inline;
    }
    .n-dress-m .owl-theme .owl-nav {
        margin-top: 0;
    }
    .n-dress-m {
        width: 100%;
    }
    .n-dress-bot {
        width: 87%;
        margin: 0 auto;
    }
    .m-popup .category-box {
        display: none !important;
    }
    .m-popup li.content-card-item:nth-child(odd) {
        margin-right: 0;
    }
    .m-popup .content-card-item .content-card-desc .contenthead {
        font-weight: normal;
    }
    .m-popup li.content-card-item:nth-child(-n+4) {
        display: block;
    }

    #footer .desktop_btn {
        display: none;
    }
}
#nugirl-content-box-nugirl_special , #nugirl-content-box-nugirl_school_tour{
	margin: 5px 0 0;
}
.nugirl-socail {
    margin: 10px;
    padding: 10px;
    background: #e39b94;
    border-radius: 3px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.nugirl-socail li {
    padding: 10px 0;
}

.nugirl-socail li a {
    display: block;
    text-decoration: none;
    color: #773a33;
}
.nugirl-socail li a span {	
    display: inline-block;
    margin-left: 5px;
}

.n-dressup-m .item a img{
	display: block;
	width: 100%;
}