html, body {
	width: 100%;
	/*overflow-x: hidden;  Stops horizontal scrolling. */
    box-sizing: border-box;
}
html{height:100%}
body{padding:0;margin:0;background-color: #F9F9F9;position:relative;min-height:100%;font-family:Segoe UI,"微軟正黑體","微软雅黑",SimSun,"Microsoft Yahei","Microsoft JhengHei",tahoma,arial,sans-serif;}
*, *:before, *:after {
  box-sizing: inherit;
}
a.link_no_uline:link,a.link_no_uline:visited {text-decoration: none;}
a.link_no_uline:hover {color:#FF6F96;text-decoration:underline}
a.darkgrey{color:#3C413B;font-size:1em;}
a.pink{color:#ff5490}
a.black{font-weight: 600;color:#464646;font-size:1em;}
a.white{font-weight: 500;color:white;}
a.smallfont {font-size:9pt}
a.middlefont {font-size:11pt}
a.hometitle{font-size:1.1em;color:#0197D2}
a.titlelink{font-size:0.8em;color:#4A4A4A}
a.m{font-size: 0.8em;}
a.bigfont {font-size:18pt;}
a.butdel:hover{opacity: 0.8}
.popup_back{background: rgba(0, 0, 0, 0.65);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";z-index:998;width:100%;height:100%;display:none;position:fixed;top:0;left:0; }
.popup_back.gallery{background: rgba(0, 0, 0, 0.95)}
.popup_wrap{z-index:999;width:100%;display:flex;display: -ms-flexbox;display: -webkit-flex;align-items:center;justify-content:center;min-height: 100%;}
.popup_container{flex:1 0 0;position: relative;width:100%;float: left;padding:0;background-color:#fdfdfd;}
.popup_content{padding:0; width: 100%;float: left;}
.popup_close{position:absolute;top:6px;right:6px;cursor: pointer}
.popup_close:hover{opacity:0.8}

.poptitle {padding:5px;margin:10px;color:#6A6A6A;font-size: 12pt;border-bottom: 1px solid #D6D6D6;font-weight: bold;}
.pophead {padding: 5px;margin: 10px;color: #F5F2F2;background-color: #D23D7B;font-weight: bold;}
.popcontent { padding:5px;margin: 5px;}

#div_loadmsg{display:none;position: fixed; top:-5px;left:48%;padding:7px 13px 3px;background-color:#5D5D5D;color:#F9F9F9;font-size:12pt;border-radius: 5px;z-index: 999;}

#div_msgbox{display:none;width: 100%;position: fixed;top:45px;left:0;z-index: 999}
.msg_container{display:flex;display: -ms-flexbox;display: -webkit-flex;align-items:center;justify-content:center;width:100%}
.msg_wrapper{position:relative;background-color:#fffcae;color:#545454;padding: 15px 50px 15px 30px;border-radius: 30px;font-size: 1em;border: 1px solid #ffed99;margin: 5px;border-bottom: 3px solid #ffda37;}
.msg_close{position:absolute;right:16px;top:12px;cursor: pointer;}
.msg_close:hover{opacity:0.5}

.mainwindowoverlay{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:rgba(0, 0, 0, 0.5);z-index: 600;display:none}
.head_wrapper{position:fixed;top:0;left:0;float:left;width:100%;margin:0;padding:0;background-color:rgba(255, 255, 255, 0.5);border-bottom:0px solid #EEEEEE;z-index: 610;box-shadow: 3px 1px 10px rgba(145, 145, 145, 0.68);transition: transform 400ms ease;}

.head_body{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;height:40px;width: 1024px;margin-left: auto; margin-right: auto;margin-top:0px;padding:0px;}
.head_body.m{width:100%;}

.butmenumobile_wrapper{display: flex;height:100%;width:auto;margin: 0 5px;}
.menumobile {display:flex;display: -ms-flexbox;display: -webkit-flex;align-items:center;justify-content:center;flex-flow: row nowrap;}
.menumobile.but{background-color: transparent;border: none;cursor: pointer;padding: 0;}
.menumobile.col{justify-content:flex-start;}
.menumobile.col span{margin-left: 8px;}
.menumobile.linemenu svg{width:auto;height:38px}

.menuline{fill: none;stroke: #505050;stroke-width: 6; transition: stroke-dasharray 1000ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 1000ms cubic-bezier(0.4, 0, 0.2, 1);}
.menuline1{stroke-dasharray: 60 207;stroke-width: 6;}
.menuline2{stroke-dasharray: 60 60;stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.menuline3{stroke-dasharray: 60 207;stroke-width: 6;}
.opened .menuline1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.opened .menuline2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.opened .menuline3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}

.logo-text{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:center;justify-content:center;flex-flow: row nowrap;font-size:1.2em;}
.logo-font1{font-family:verdana,tahoma;color:#FF7BB9;font-weight:bold;text-decoration: none;}
.logo-font2{font-family:arial;color:#585858;text-decoration: none;}
.logo-font3{font-family:"Microsoft Yahei";color:#F5F5F5;text-decoration: none;font-size:9pt;padding-bottom:10px}
.foot-logo-text{float:left;padding: 0px 10px;font-size:2em}

.nav-box{width: 84%;margin: 0;padding:0;border: 0px solid red;}
#headnav {margin: 0; padding:0;}
#headnav ul {display:flex;display: -ms-flexbox;display: -webkit-flex;align-items:center;flex-flow: row nowrap;margin: 0;list-style-type: none;padding-left: 100px;}
#headnav ul li { margin: 0; padding: 0;position:relative;}

#headnav ul li a.root_title{ margin: 0 1px;display: block; text-decoration:none; text-align: center; color: #464646; padding:10px 10px 8px;font-size: 1em;font-weight: bold;position:relative}
#headnav ul li a.hasdrop{ padding-bottom:8px ;border-bottom: 3px solid #878787;border-radius: 3px 3px 0 0;}
#headnav ul li a.curcate{ border-bottom: 3px solid #FF7BB9;}
#headnav ul li a.ads{color:#ff5ea2;font-size: 1.1em;font-weight: bold}

#headnav ul li div.subm{display:none;position: absolute;width:165px;top:38px;margin:0;padding:5px 0 0;background-color: #F8F8F8;border-radius: 0 0 15px 0;border:1px solid #D8D8D8;border-top:3px solid #ff5ea2;border-bottom:3px solid #ff5ea2;z-index: 99999;overflow: hidden}
#headnav ul li div.short{width: 100px;}
#headnav ul li div.long{width: 200px;}
#headnav ul li:hover div.subm{display:block}
#headnav ul li:hover a.root_title{background-color:#ff5ea2 ;color:white;border-radius: 0 12px 0 0;padding: 10px 10px 8px;border-bottom: 3px solid #ff5ea2;}

#headnav ul li div.subm div.subm_items {display:flex;display: -ms-flexbox;display: -webkit-flex;align-items:center;justify-content:flex-start;flex-flow: row nowrap;width:100%;margin:0;padding:12px 5px 10px 30px;border-bottom: 1px solid #D9D9D9;}
#headnav ul li div.subm div.noline {border-bottom-width: 0px;}
#headnav ul li div.subm div.short{width: 65px;}
#headnav ul li div.subm div.subm_items:hover{background-color:#ffcbe3;border-bottom: 1px solid #fd6da3;}
#headnav ul li div.subm div.subm_items:hover a{color:#FF2A71}
#headnav ul li div.subm div.subm_items a{color:#717171;text-decoration:none;font-size:1em;margin-left: 8px;}
#headnav ul li div.subm div.subm_items a:hover{color:#FFFFFF}
.butlang{background-color: transparent;border: none;cursor: pointer;padding:0;font-size:1em;}
.butlang.mainhead{position:relative;color:#717171;padding:0 12px;}
.butlang.atside{position:relative;color:#f1f1f1;padding:10px 20px 0;}

.nav-loginboxm{margin-left:auto;padding:0;display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:center;justify-content:center;flex-flow: row nowrap;margin-right: 8px;}
.nav-loginboxm a{margin: 0;padding:10px 10px 8px;display: block; text-decoration:none; color: #6f6f6f; font-size: 11pt;font-weight: bold}
.logininfo{color:#505050;font-size:11pt;padding:0 3px}
.logininfo.white{color:white}

.mainfooter{margin: 0 auto;background-color: #FFB5D3;width:100%;border-top: 2px solid #F9E3FB;border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;padding:30px 0;margin-top: 60px}
.footer_wrapper{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;}
.footer_logo_wrapper{padding: 0 100px 0 20px}
.footer_links_wrapper{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-direction: column;padding:16px 30px 40px;}
.footer_links_wrapper.m{margin-top:20px}
.footer_links_group{display:flex;display: -ms-flexbox;display: -webkit-flex;}
.footer_links_items{display:flex;display: -ms-flexbox;display: -webkit-flex;width:100%;flex-flow:row wrap}
.footer_links_items.center{justify-content:center}
.footer_links_items.m{flex-flow:column nowrap}
.footer_links_items a{display:flex;display: -ms-flexbox;display: -webkit-flex;align-items:center;font-size:1em;color:black;text-decoration: none;padding:0 30px 30px 0}
.footer_links_items a:hover{color:#F10179;}
.footer_links_items.m a{padding:0 5px 15px 0}
.footer_links_items.center a{padding:0 10px}
.footer_copyright{width:100%;padding: 10px 5px 5px 20px;color: #7B7B7B;font-size: small;}

.sidemenu{width:80%;height:100%;position:fixed;left:0;top:0;display:none;overflow-y: auto;transition: transform 400ms ease;}
.menubut {background: url(img/icons20210807.png) no-repeat;width:36px;height:40px;background-position: -54px 0px;margin:0}

.mainwindow {text-align: left; width: 100%; height:100%;margin:0 auto;padding:0px; z-index: 1;transition: transform 400ms ease;}
.gallery-browser-wrapper{width:100%;display:flex;flex-flow:row wrap;z-index: 2;overflow-x: hidden; overflow-y: scroll;padding-bottom: 60px;scrollbar-width: none;-ms-overflow-style: none; }
.gallery-browser-wrapper::-webkit-scrollbar { display: none;}

@media only screen and (min-width: 1440px) 
{
.mainwindow{width:80%}
.gallery-browser-wrapper{width:80%;}
}

@media only screen and (min-width: 1920px) 
{
.mainwindow{width:60%}
.gallery-browser-wrapper{width:60%;}

}

@media only screen and (min-width: 2560px) 
{
.mainwindow{width:50%}
.gallery-browser-wrapper{width:50%;}

}



.unscrollable{height:100%;overflow:hidden}
.overflowx{overflow-x:hidden}
.header_space{height:40px;width:100%;clear:both;}
.header_search{width:100%;display:flex;flex-flow: row;align-items:flex-end;padding:10px;justify-content:flex-end}

#headnav_m{margin: 0; padding:0;position:absolute;left:0;top:0;width:100%;height: 100%;overflow-y: auto;}

#headnav_m .menu_wrapper{width:100%;height: 100%;border-radius: 0 5px 5px 0px;border-bottom:3px solid #939393;z-index: 99999;background-color: #6b6b6b;}

#headnav_m .menu_wrapper .maincate {display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;width:100%;background-color:#4e4e4e;border-bottom: 2px solid #484848;}
#headnav_m .menu_wrapper .maincate.center{align-items:center;justify-content:center}
#headnav_m .menu_wrapper .maincate a{display:block;width:100%;margin:0;text-decoration:none;font-size:1.2em;padding:8px 20px;color:#FFFFFF;}
#headnav_m .menu_wrapper .maincate a:hover {background-color:#BBBBBB;color:#FFFFFF;}
#headnav_m .menu_wrapper .maincate button{margin-left:auto;background-color: transparent;border: none;cursor: pointer;padding: 0 20px;}

#headnav_m .menu_wrapper .subcate_wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;width:100%;max-height:0;overflow:hidden;-webkit-transition: max-height 0.3s;-moz-transition: max-height 0.3s;-ms-transition: max-height 0.3s;-o-transition: max-height 0.3s;transition: max-height 0.3s;}
#headnav_m .menu_wrapper .subcate{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;width:100%;background-color:#6b6b6b;width:100%;padding:10px 10px 20px;}
#headnav_m .menu_wrapper .subcate.col{flex-flow: column nowrap;}
#headnav_m .menu_wrapper .subcate.topline{border-top: 1px solid #484848}
#headnav_m .menu_wrapper .subcate.center{align-items:center;justify-content:center}
#headnav_m .menu_wrapper .subcate a{color:#f1f1f1;padding:10px 20px;display:inline-block;text-decoration:none;font-size:1em;text-align: center;}
#headnav_m .menu_wrapper .subcate a.row{display: flex;display: -ms-flexbox;display: -webkit-flex;text-decoration:none;font-size:1em;text-align: left;align-items:center}
#headnav_m .menu_wrapper .subcate a.row span{margin-left:8px}


.maincontent_wrapper{width:100%;padding:0;margin:0;}
.maincontent{flex:0 0 auto;width:72%;padding:0;margin:0;color:#464646;font-size:16px;}
.sidecontent{flex:0 0 auto;width:28%;padding-left: 10px;margin:0;}


.main-section-title{flex: 0 0 100%;padding:0 12px;margin: 3px 0 18px;font-size: 12pt;color:#ff5490;font-weight: bold;border-left:3px solid #ff5490}
.main-section-title h2{margin:0;}
.main-section-line{flex: 0 0 100%;padding: 10px 0;border-bottom:1px solid #ffb3ce;}

.rarrow{padding:0;margin:0 10px;display: inline-block;}
.cate_navlink{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;align-items: center;width:100%;padding:12px;position:relative;margin-top: 10px;}
.cate_navlink a {font-size:1em;text-decoration:none;color: #313131;padding: 5px 2px;}
.cate_navlink.m a {font-weight:bold}
.cate_navlink a:hover {text-decoration:underline;color: #5a5a5a; }
.cate_navlink_wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;align-items: center;}

.postinfo{margin:5px 0;padding:0;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;align-items:center}
.butpostsave{position:absolute;right: 0px;top:3px;align-items: center;border:0;background: 0 0;width:26px;height:28px;cursor: pointer;outline: none;padding:0}
.butpostsave:focus{outline: none;}
.butpostsave.img{position:relative;left:0;top:0}
.butpostsave_atbottom{align-items: center;border: 0;background: 0 0;cursor: pointer;outline: none;padding: 1px 3px;}
.butimgsave_wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;height:50px;justify-content:flex-end;margin: 0 -2px;}

.hotdate_wrapper{float:right;}

.content_wrapper{width:100%;background-color:white;border-radius: 10px;border-right: 1px solid #F0F0F0;border-left: 0px solid #f1f1f1;position: relative;box-shadow: 0px 0px 4px 0px #F6F6F6;}
.content-wrapper.m{border-right-width: 0px;}
.content-box-wrapper{width:100%;padding:0;margin:0;}
.content-box-wrapper.backgrey{background-color: #f1f1f1;}
.content-box-wrapper.m{padding: 8px 0px;}
.content-beauty-wrapper{width:100%;padding:1%;margin:0;}
.content-beauty-wrapper.m{padding:2%}

.beautyrow_wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-direction:row;margin-bottom: 20px;overflow: hidden;}
.beautyrow_wrapper.m{padding:0 8px}
.beautyrow_wrapper.latestpost{border-radius: 10px;}

.beauty_wrapper{flex: 0 0 32%;margin-right: 2%;position: relative;cursor: pointer;border-radius: 10px;overflow: hidden;}
.beauty_wrapper.m{flex: 0 0 49%;margin-right: 2%;}
.beauty_wrapper:last-child{margin-right: 0}
.beautyphoto_wrapper{height:340px;display:flex;position: relative;}
.beautyphoto_wrapper.m{height:220px;}
.beautyphoto_wrapper.newpost{height:400px;}
.beautyphoto_wrapper.latestpost{height:180px;width:100%;border-radius: 10px;}

.beautyphoto_wrapper img{width:100%;position:absolute;top:0;left:0;cursor:zoom-in}
.beautyphoto_wrapper.cursoroff img{cursor:pointer}

.beauty_cate_wrapper{flex: 0 0 49%;margin-right: 1%;cursor: pointer;border-radius: 10px;overflow: hidden;}
.beauty_cate_photo_wrapper{height:340px;display:flex;position: relative;}
.beauty_cate_photo_wrapper img{width:100%;position:absolute;top:0;left:0;border-radius: 10px;cursor:zoom-in}
.beauty_cate_photo_wrapper.cursoroff img{cursor:pointer}
.beauty_cate_wrapper:hover{box-shadow: 1px 1px 6px 2px #d6d6d6;opacity:0.9}
.beauty_cate_wrapper.hoveroff:hover{box-shadow: none;}

.beautyname_wrapper{width:100%;position: absolute;left:0;bottom:0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(38,38,38,0.9) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(38,38,38,0.9) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(38,38,38,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6262626',GradientType=0 );}
.beautyname_wrapper.atcate{display:none}
.beautyname{font-size:1.5em;color:white;padding:10px 15px 5px;text-overflow: ellipsis;line-clamp:3;-webkit-line-clamp:3}
.beautyname.m{font-size:1.2em;padding:5px 15px 0}
.beautyname.s{font-size:1em;padding:3px 10px 0;font-weight: 700;}
.beauty_wrapper:hover .beautyname_wrapper{background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(38,38,38,0.9) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(38,38,38,0.9) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(38,38,38,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6262626',GradientType=0 );}

.beauty_cate_wrapper:hover .beautyname_wrapper.atcate{display:block}

.post_row_wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;}
.post_wrapper{flex: 0 0 48.5%;margin-right: 3%;position: relative;margin-bottom: 50px;}

.post_wrapper.m{flex: 0 0 100%;margin-right: 0%;}
.post_wrapper.tripost{flex: 0 0 32%;margin-right: 2%;}
.post_wrapper.twipost{flex: 0 0 48.5%;margin-right: 3%;}
.post_wrapper:last-child{margin-right: 0}
.post_wrapper img{width:100%;border-radius: 5px;cursor:zoom-in}
.post_wrapper.m img{border-radius: 0;}
.post_wrapper img:hover{box-shadow: 1px 1px 6px 2px #d6d6d6;opacity:0.9}
.post_wrapper.cursoroff img{cursor:pointer}
.post_stat_wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;width:100%;padding:5px 0 10px}
.post_stat_wrapper.newpost{padding:10px 15px}
.post_stat_value{font-size:1em;color:#ff5ea2;font-weight: 600;margin-left: 4px;}
.post_stat_value.postheader{font-size:1.2em}

.post-box-title-wrapper{width:100%;padding:0px;margin:0;position:relative;z-index:0}
.post-box-title-wrapper.m{padding: 0 15px;}
.post-box-title{width:100%;padding:0;margin:0;}
.post-box-title h2{font-weight: 500;margin:12px 0 0}

.post-date-wrapper{width:auto;margin-bottom: 3px;}
.post-date-wrapper.fullwidth{width:100%}
.post-count-wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;padding: 2px 5px;font-weight: 700;border-radius: 12px;align-items:center}

.list-box-row-wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;}
.list-box-item-wrapper{flex: 1 0 48%;margin-right: 4%;position: relative;cursor: pointer;overflow:hidden;border-radius:5px;margin-bottom: 12px}
.list-box-item-wrapper:last-child{margin-right: 0}
.list-box-photo-wrapper{min-height: 200px;width:100%;display:flex;position: relative;}
.list-box-photo-wrapper img{width:100%;position:absolute;top:0;left:0}

.list-box-col-wrapper{flex:0 0 48.7%;margin-right: 2.6%;}
.list-box-col-wrapper.col3{flex:0 0 32.6%;margin-right: 1%;}
.list-box-col-wrapper:last-child{margin-right: 0}

.list-boxflex-item-wrapper{flex: 1 0 46%;margin-right: 2%;position: relative;cursor: pointer;overflow:hidden;border-radius:5px;margin-bottom: 20px;display:flex;flex-flow: row wrap;}
.list-boxflex-photo-wrapper{width:100%;border-radius: 5px;}
.list-boxflex-photo-wrapper img{width:100%;}
.list-boxflex-text{width:100%;margin-top: 5px;}

.saved-box-wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;padding:0;}
.saved-box-wrapper.m{margin-top: 2%;}
.saved-box{border-radius: 6px;-moz-border-radius:  6px;-webkit-border-radius: 6px;position: relative;overflow:hidden}
.saved-box.type_img{width:24%;margin:0.5%;height: 250px}
.saved-box.type_article{width:49%;height: 250px;margin:0.5%}

.saved-imgbox{padding:0;margin:0;width:100%;position:relative;overflow: hidden;}
.saved-imgbox img{width:100%;min-height:250px;object-fit: cover;}
.saved-box-title-wrapper{position: absolute;left:0;bottom:0;width:100%;padding:0 12px;background-color:rgba(15, 15, 18, 0.2);display:none}
.saved-box-title-wrapper h2{font-size:12pt;font-weight: normal;margin:6px 0}


.sticky_content_wrapper{position:fixed;width:280px;right: 0;bottom: 20%;z-index: 1;}
.sticky_content{width: 100%;position:relative;background-color:#ffd7eacf;color:#000000;padding: 20px;border-radius:10px;font-weight: 500;}
.sticky_content p{margin:10px}
.sticky_close{position:absolute;top:-25px;right:0px;cursor:pointer}


.sticky_side_ads_wrapper{position:fixed;width:300px;right: 0;bottom: 20%;z-index: 1;}
.side_ads_wrapper{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;width:100%;min-height: 50px;border-radius:20px 0 0 20px;align-items:center;background: rgb(255,220,230);
background: linear-gradient(90deg, rgba(255,220,230,0.7) 0%, rgba(255,149,202,0.9) 100%);border: 1px solid #ffa0c8;}
.side_ads_content{display: flex;flex-flow: row nowrap;align-items:center;color:#000000;font-weight: 600;padding-left: 10px;}

.gallery_container{flex:1 0 0;position: relative;width:100%;padding:0;}
.socialsidebar-container{position:absolute;left: -45px;top:200px}
.social-wrapper{display:flex}
.social-wrapper.sidebar{position:fixed;top:200px;flex-flow: column nowrap;}
.social-wrapper.bottom{flex-flow: row nowrap;align-items:center;justify-content:center;}
.social-caption{display: flex;display: -ms-flexbox;display: -webkit-flex;margin-bottom: 5px;align-items:center;justify-content:center;}
.social-menu-button{margin-bottom:5px}

.socialbottom-container{position:fixed;bottom: 0;left:0;width:100%;z-index:1;background-color: #ffffff54;padding: 8px;}
.socialcontentbottom-container{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;width:100%;padding: 8px;margin:10px 0;align-items:center;justify-content:center;}

@media only screen and (max-width: 400px)
{
    
.header_search{display:none}
.maincontent{width:100%}
.sidecontent{display:none}

.list-boxflex-item-wrapper{flex: 0 0 100%;margin-right: 0}
.list-boxflex-photo-wrapper{width:40%;border-radius: 5px;}
.list-boxflex-text{width:60%;margin-top: 10px;}

#content_sidebar{display:none}
.socialsidebar-container{display:none}

.saved-box.type_img{width:49%;margin:0 2% 2% 0;height:auto;max-height: 250px}
.saved-box.type_article{width:100%;margin:0 0 2% 0;height:auto;max-height: 250px;}
.saved-box:nth-child(2n){margin-right:0;}

.beauty_cate_wrapper{flex: 0 0 49%;margin-right: 2%;margin-bottom:2%}
.beauty_cate_wrapper:nth-child(2n){margin-right:0;}
.beauty_cate_photo_wrapper{height:250px;}

.sticky_content_wrapper{width:100%;left: 0;bottom:40px}
.sticky_content{padding:12px 12px 8px;border-radius:10px 0 0 0;background-color: #ffd7eae3}
.sticky_content p{margin:2px 10px}


}

@media only screen and (min-width: 400px) and (max-width: 480px)
{

.header_search{display:none}
.maincontent{width:100%}
.sidecontent{display:none}

.list-boxflex-item-wrapper{flex: 0 0 100%;margin-right: 0}
.list-boxflex-photo-wrapper{width:45%;}
.list-boxflex-text{width:55%;padding:5px 10px}

#content_sidebar{display:none}
.socialsidebar-container{display:none}

.saved-box.type_img{width:49%;margin:0 2% 2% 0;height:auto;max-height: 250px}
.saved-box.type_article{width:100%;margin:0 0 2% 0;height:auto;max-height: 250px;}
.saved-box:nth-child(2n){margin-right:0;}

.beauty_cate_wrapper{flex: 0 0 49%;margin-right: 2%;margin-bottom:2%}
.beauty_cate_wrapper:nth-child(2n){margin-right:0;}
.beauty_cate_photo_wrapper{height:250px;}

.sticky_content_wrapper{width:100%;left: 0;bottom:40px}
.sticky_content{padding:12px 12px 8px;border-radius:10px 0 0 0;background-color: #ffd7eae3}
.sticky_content p{margin:2px 10px}



}


@media only screen and (min-width: 481px) and (max-width: 1024px) 
{

.header_search{display:none}    
.maincontent{width:100%}
.sidecontent{display:none}

.list-boxflex-item-wrapper{flex: 0 0 48%;margin-right: 2%}
.list-boxflex-photo-wrapper{width:100%;}
.list-boxflex-text{width:100%;}

#content_sidebar{display:none}
.socialsidebar-container{display:none}

.saved-box.type_img{width:49%;margin:0 2% 2% 0;height:auto;max-height: 250px}
.saved-box.type_article{width:100%;margin:0 0 2% 0;height:auto;max-height: 250px;}
.saved-box:nth-child(2n){margin-right:0;}

.beauty_cate_wrapper{flex: 0 0 49%;margin-right: 2%;margin-bottom:2%}
.beauty_cate_wrapper:nth-child(2n){margin-right:0;}
.beauty_cate_photo_wrapper{height:400px;}

.sticky_content_wrapper{width:100%;left: 0;bottom:40px}
.sticky_content{padding:12px 12px 8px;border-radius:10px 0 0 0;background-color: #ffd7eae3}
.sticky_content p{margin:2px 10px}


.gallery_container{max-width: 80%;}
}


@media only screen and (min-width: 1025px) and (max-width: 2559px) 
{
 
.header_search{display:flex}
.maincontent{width:72%}
.sidecontent{width:28%;display:flex}

.list-boxflex-item-wrapper{flex: 0 0 31%;margin-right:2%}
.list-boxflex-photo-wrapper{width:100%;}
.list-boxflex-text{width:100%;}

#content_sidebar{display:block}
.socialsidebar-container{display:block}

.saved-box.type_img{width:24%;margin:0 1% 1% 0;height:250px;}
.saved-box.type_article{width:49%;margin:0 1% 1% 0;height:250px;}

.beauty_cate_wrapper{flex: 0 0 32.4%;margin-right: 1.4%;margin-bottom:1.4%}
.beauty_cate_wrapper:nth-child(3n){margin-right:0;}
.beauty_cate_photo_wrapper{height:340px;}

.sticky_content_wrapper{width:280px;right: 0;bottom: 20%;}
.sticky_content{border-radius:10px 0 0 10px}


.gallery_container{max-width: 50%;}


}


@media only screen and (min-width: 2560px) 
{
     
.header_search{display:flex}
.maincontent{width:72%}
.sidecontent{width:28%;display:flex}

.list-boxflex-item-wrapper{flex: 0 0 16%;margin-right: 2%}
.list-boxflex-photo-wrapper{width:100%;}
.list-boxflex-text{width:100%;}

#content_sidebar{display:block}
.socialsidebar-container{display:block}

.saved-box.type_img{width:24%;margin:0.5%;height:250px;}
.saved-box.type_article{width:49%;height:250px;margin:0.5%;}

.beauty_cate_wrapper{flex: 0 0 23.5%;margin-right: 2%;margin-bottom:2%}
.beauty_cate_wrapper:nth-child(4n){margin-right:0;}
.beauty_cate_photo_wrapper{height:250px;}

.sticky_content_wrapper{width:280px;right: 0;bottom: 20%;}
.sticky_content{border-radius:10px 0 0 10px}


.gallery_container{max-width: 50%;}

}

.content-viewbox{width:100%;padding:20px;margin:0;}
.content-viewbox.m{padding:20px}
.content-title-wrapper{width: 100%;padding:10px 0}
.viewtitle h1{font-size:2.2em;color:#2d2d2d;font-weight: 700;margin: 5px 0;}

.saved-box-delete {position:absolute;top:0;right:0;background: url(img/icons20210807.png) no-repeat;width:36px;height:36px;background-position:-82px -68px;margin:0;cursor: pointer;opacity: 0.5;}
.saved-box-delete.m {opacity: 1;}
.saved-box:hover{box-shadow: 1px 1px 5px #6C6C6C;opacity:0.9}
.saved-box:hover .saved-box-delete{opacity: 1;}
.saved-box:hover .saved-box-title-wrapper{display: block;}
.precont_text{float:left;width:100%; padding:8px 10px 12px;color:#4F4F4F;font-size:11pt}


.viewdate{float:left;background-color: #F2F2F2;padding:3px 8px;font-size: 10pt;border-radius: 12px;color:#888888}
.viewcatelink{float:left;margin:0 2px 2px;padding: 0;opacity: 0.8;}
.viewsharebox{float: left;margin-left:10px}

.fbcomment{padding: 0;margin-top:10px}
.share-box-wrapper{float:left;margin:0 0 20px 0;padding:0;width:100%;border:0px solid red;}
.share-box{float:right;margin:0px;padding:5px 0px 3px 5px;background-color:#F5F5F5;border:1px solid #EAEAEA;}

.xsfont{font-size: 9pt}
.smallfont{font-size: 10pt}
.bigfont{font-size: 18pt}

.fullcont-box {width:100%;padding: 30px 0;color:#464646;font-size:1.2em;overflow: hidden;margin: 0 0 15px 0;letter-spacing: 1px;line-height: 140%;user-select:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.fullcont-box img{width:auto;height:auto;max-width:100%;}
.fullcont-box.m {font-size: 1.2em;}
.fullcont-box p{margin:0px;padding:5px 0 10px}
.fullcont-box p.caption{padding:10px 0 1px}
.fullcont-box h3{display:block;font-size:12pt;font-weight:bold}

.mybutton{border: none;cursor: pointer;border-radius: 30px;-moz-border-radius: 30px; -webkit-border-radius:  30px;text-decoration: none;text-align: center;padding: 6px 20px;font-size:1.1em}
.mybutton:hover { background-position: 0 center;color:#6E6E6E}
.mybutton:active {background-position: 0 top;position: relative;	top: 1px;}
.mybutton:visited {color:#F3F3F3;padding:0px}
.mybutton.small { font-size: 9pt; padding: 0px 3px}

.mybutton.grey { background-color:#E9E9E9; color:#565656;border-bottom:1px solid #C9C9C9;padding: 5px 12px;}
.mybutton.red { background-color:#ffcccc; color:black;border-bottom:2px solid #ff2222}
.mybutton.red:hover { background-color:#ff2222; color:white;border-bottom:2px solid #ff2222;text-decoration: none;}
.mybutton.redrounded { background-color:#ff3b3b;border:1px solid #ff3b3b;color:white;text-decoration: none;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.mybutton.redrounded:hover { background-color:white;color:#ff3b3b;}
.mybutton.greydark { background-color:#A5A5A5; color:#FFFFFF;border-bottom:2px solid #676767;text-decoration: none;}
.mybutton.greydark:hover {color:#F2F2F2;background-color: #ABAAAA;}
.mybutton.greylight {color:black;text-decoration: none;background-color: #dadada;border-bottom:2px solid #676767}
.mybutton.greylight:hover {color:#F2F2F2;background-color: #ABAAAA;}
.mybutton.yellowdark { background-color:#FFD737; color:black;text-decoration: none;}

.mybutton.butshare{color:#FBFBFB;text-decoration: none;padding:0px;font-size:12pt;vertical-align: middle;}
.mybutton.fbbut{background-color: #3b5998;}
.mybutton.fbbut:hover {background-color: #108AE0}

.mybutton.gbut{background-color: #DA4834;}
.mybutton.gbut:hover {background-color: #F45B23}

.mybutton.wbut{background-color: #65bc54;}
.mybutton.wbut:hover {background-color: #6dc25d}

.mybutton.linebut{background-color: #3bcb35;}
.mybutton.linebut:hover {background-color: #40cf39}

.mybutton.sharefie{ background-color:#FF5EA2; color:#FEFBFC;border-bottom:1px solid #C9C9C9;padding: 5px 12px;}
.mybutton.catelink{ background-color:#ffdae6; color:black;border-bottom:2px solid #ff65a1;text-decoration: none;margin-right: 5px;}
.mybutton.catelink:hover{ background-color:#FFA2BE; color:white;border-bottom:2px solid #FFA2BE;text-decoration: none;}
.mybutton.backhome{border:1px solid #FF5EA2;background-color:#FF6B9D;color:white;padding:4px;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;min-height: 30px;vertical-align: middle;line-height:32px}
.mybutton.pink{background-color:#FF5EA2;color:#FBFBFB;border:1px solid #FF5EA2;;width:auto;padding: 6px 30px;float:none;display: inline-block;}
.mybutton.pinkframe{background-color: white;color:#FF5EA2;border:1px solid #FF5EA2;width:auto;padding: 6px 30px;float:none;display: inline-block;}
.mybutton.pinkframe:hover{background-color: #FF5EA2;color:white;}
.mybutton.darktransparentback{background-color:#00000040}
.mybutton.pinktab{background-color: #fff2f8;color:#ff7bb0;border:0;border-radius: 10px;width:auto;padding: 6px 30px;float:none;display: inline-block;border: 1px solid #f5b2be}
.mybutton.pinktab:hover{background-color: #f9cae4;color:#e4377d;}
.mybutton.pinktab_sel{background-color: #ff7bb0;color:#FBFBFB;border:0;border-radius: 10px;width:auto;padding: 6px 30px;float:none;display: inline-block;}

.mybutton.pinkshortpad{padding: 6px 10px;border:1px solid #FF5EA2;}
.mybutton.pinkshortpad:hover{background-color: white;color:#FF5EA2;}
.mybutton.pinkblackoutline{background-color:#ffcee5;color:black;border: 2px solid #ff81b6;}
.mybutton.blackoutline{background-color:#181818;color:#ff77b0;border: 2px solid #ff81b6}

.mybutton.cateicon {border-radius: 6px;-moz-border-radius:6px; -webkit-border-radius: 6px;padding: 5px 8px;}
.mybutton.tag{border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px;padding: 1px 8px;}

.mybutton.butclose{background-color:#FF6161;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:none}
.mybutton.butclose::before,.mybutton.butclose::after {content: " ";position: absolute;top: 50%;left: 50%;height: 20px;width: 2px;background-color: white}
.mybutton.butclose::before {transform: translate(-50%, -50%) rotate(45deg);}
.mybutton.butclose::after {transform: translate(-50%, -50%) rotate(-45deg);}

.mybutton.bigclose{background-color:#FF6161;border-radius: 15px 0 0 0;-moz-border-radius:15px 0 0 0;-webkit-border-radius:15px 0 0 0;padding: 26px;border:none}
.mybutton.bigclose::before,.mybutton.bigclose::after {content: " ";position: absolute;top: 50%;left: 50%;height: 40px;width: 8px;background-color: white; border-radius: 10px;}
.mybutton.bigclose::before {transform: translate(-50%, -50%) rotate(45deg);}
.mybutton.bigclose::after {transform: translate(-50%, -50%) rotate(-45deg);}

.mybutton.sideadsclose{background-color:#F9629F;padding: 26px;border:none;border-radius:0}
.mybutton.sideadsclose::before,.mybutton.sideadsclose::after {content: " ";position: absolute;height: 40px;width: 8px;background-color: white; border-radius: 10px;}
.mybutton.sideadsclose::before {transform: translate(-50%, -50%) rotate(45deg);}
.mybutton.sideadsclose::after {transform: translate(-50%, -50%) rotate(-45deg);}

.mybutton.upgradevip{background-color: #fff81a;color:black;border: 2px solid #b99900;}

.icons-like{width: 20px;height:20px;cursor: pointer;stroke:#ff5ea2}
.icons-like.butlike use{fill:none;}
.icons-like.butliked use{fill:#ff5ea2;}
.icons-like.atbottom{width:30px;height:32px;}
.icons-like.atgallery{width:28px;height:28px;}
.icons-like.xs{width:16px;height:22px;cursor: default;}
.gplikebutton{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;align-items:center;justify-content:center;}

.icons-butsave{width:26px;height:28px;}
.icons-butsave.butsave use{fill:none;stroke:#ff5ea2}
.icons-butsave.butsaved use{fill:#ff5ea2;stroke:#ff5ea2}
.icons-butsave.atbottom{width:30px;height:32px;}
.icons-butsave.atmenu{width:18px;height:18px;}

.icons-links{width:28px;height:28px}
.icons-links use {color:#b1b1b1}
.icons-links:hover use {color:#ff5ea2}

.icons-share{width:20px;height:20px;}
.icons-share:hover {opacity:0.8}

.icons-browse{width:28px;height:28px}
.icons-browse use{fill:none;stroke:#ff5ea2}
.icons-browse.hide use{fill:#ff5ea2;stroke:#ff5ea2}

.iconuser_wrapper{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;align-items:center;justify-content:center;}
.icons-user{width:18px; height:18px;stroke-width:8}
.icons-user.guest{width:20px; height:20px;}
.icons-user.guest use{fill:none;stroke:#fe93c5}
.icons-user.usernorm use{fill:#ffe2ec;stroke:#ffadd4}
.icons-user.uservip use{fill:#fffd47;stroke:#eaea00}
.icons-user.uservipnolog use{fill:none;stroke:#ffcf00}
.icons-user.useradmin use{fill:#97bfff;stroke:#5092ff}
.icons-user.atside use{stroke:none}
.icons-user.register {width:18px; height:18px;stroke-width:8}

.icons-crown{width:18px; height:18px;}
.icons-crown use{color:transparent}
.icons-crown.uservip use{color:#fff029}


.icons-login{width:18px;height:18px;}
.icons-login use{stroke:#464646;stroke-width:4}
.icons-login.atside use{stroke:#cccccc;stroke-width:3}

.icons-logout{width:18px;height:18px;}
.icons-logout use{stroke:#464646;stroke-width:4}
.icons-logout.atside use{stroke:#cccccc;stroke-width:4}

.icons-search{width:24px;height:24px;}
.icons-search use{stroke:#ff5ea2;color:transparent}
.icons-search.beautysearch{width:18px;height:18px}
.icons-search.beautysearch use{stroke:#ffcf00}

.icons-download{width:18px;height:18px;stroke:#ffcf00}
.icons-download.atdonate{width:40px; height:40px;stroke:#ff237b}

.icons-settings{width:18px; height:18px;}
.icons-settings use{color:#464646}
.icons-settings.atside use{color:#cccccc;stroke-width:3}
.icons-arrow {width:18px;height:18px;stroke:#c3c3c3;stroke-width:8}
.icons-arrow.down {height: 14px;stroke: #8e8e8e;stroke-width:12;animation: rotatedown ease 500ms forwards}
@keyframes rotatedown {  0% { transform: rotate(270deg);} 100% { transform: rotate(90deg);}}
.icons-arrow.up {height: 14px;stroke: #8e8e8e;stroke-width:12;animation: rotateup ease 800ms forwards}
@keyframes rotateup {  0% { transform: rotate(90deg);} 100% { transform: rotate(270deg);}}
.icons-arrow.catelink {width:14px;height:14px;stroke:#ff54a4;stroke-width:14}
.icons-arrow.gotop {width:28px;height:28px;stroke: #e64974;stroke-width:20;animation: rotateup ease 1s forwards}
.icons-tick{width: 18px;height:18px;}

.icons-views{width:28px;height:28px;}
.icons-views.hot{width:24px;height:22px;}

.icons-crypto{width:30px; height:30px;}


.icons-butcheckin{width:30px;height:30px;}
.icons-butcheckin.tocheck use{fill:#ff5ea2;stroke:#ff5ea2;stroke-width:1}
.icons-butcheckin.checked use{fill:#ffb8d6;stroke:#ffb8d6;stroke-width:2}

.icons-copy{width:30px;height:30px;}

.icons_svg_xs{width:18px;height:22px;}
.icons_svg_ms{width:20px;height:20px;}
.icons_svg_vs{width:22px;height:22px;}
.icons_svg_vs.hot{width:16px;height:20px;}
.icons_svg_s{width:24px;height:24px;}
.icons_svg_m{width:28px;height:28px;}
.icons_svg_l{width:32px;height:32px;}

.divempty_50{float:left;width:100%;padding:0;margin: 0;height:50px}

.boxview_wrapper{width:100%;display:flex;align-items:center;justify-content: center;padding:0;margin:20px 0;position:relative;}
.boxview_text{display:inline;padding:8px;font-size:1.1em;cursor:pointer;color:#FF63AC;}

.clickable{cursor: pointer;}

.countvalue{float:left;font-size: 13pt;padding:3px;}
.countdesc{float:left;font-size: 9pt;padding: 5px;}
.countvalue.m{font-size: 14pt;}
.countdesc.m{font-size: 20pt;}

.showloading{float:left;padding: 2px;display:none}


.prevnext_wrapper{float: left;width:100%;padding:8px;margin:0 0 20px;}
.prevnext_box{float: left;width:48%;margin:1%;border:1px solid #ffffff;font-size:13pt;}
.prevnext_box:hover{border:1px solid #ff4da1}
.prevnext_box_container{float: left;width:100%;padding:0px;margin:0;position:relative;min-height: 25px;}
.prevnext_box_container .prev_label{position: absolute;left:10px;top:8px;color:#ff4da1;}
.prevnext_box_container .next_label{position: absolute;right:10px;top:8px;color:#ff4da1;}
.prevnext_box_container .imgbox{float: left;width:40%;padding:10px;}
.prevnext_box_container .imgbox img{float:left;padding: 0px;width: 100%;}
.prevnext_box_container .titlebox{float:left;width: 60%;padding:10px;}
.prevnext_box_container .titlebox h2,.titlebox h3{font-weight:normal;font-size:13pt;margin:0;line-height: 22px;}

.fbcomment_wrapper{width:100%;padding:16px;margin:0 0 20px;}

@media only screen and (max-width: 1024px)
{
.prevnext_box_container .imgbox{width:100%;}
.prevnext_box_container .titlebox{width:100%;}
}


#related_share{float:left;width:100%;padding: 5px 0px 5px;margin: 0;background-color: #f7f7f7;}

.gotop_wrapper{position:fixed;right:2%;bottom:10%;display:none;z-index:712}
.gotop_container{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;align-items:center;justify-content:center;border:1px solid #e64974;border-radius: 60%;padding:12px 10px;width:60px;}
.gotop{padding:0px;margin:0;cursor: pointer;}
.gotop_wrapper.m{bottom:10%;padding:14px 8px;border:0px;opacity: .7;border-radius: 25px;}

.item_recommemd_pic{width:100%;height:auto;overflow:hidden;margin-bottom: 10px;position: relative;}
.item_recommemd_pic img{float:left;padding: 0px;margin:0px;width: 100%;border-radius: 6px;}
.item_recommemd_pic img:hover{opacity:.7}


.view_sharer{float:left;width: 100%;padding:16px 6px;background: #F9F9F9;}
.view_sharer ul { list-style-type: none; margin: 0;padding:0}
.view_sharer ul li {float: left;margin:0;padding:5px;color: #5D5D5D}

.but_pages{float:left;width:100%;padding:10px;margin:50px 0 90px;font-size:14pt;}
.but_pages span.disable {border: 1px solid #DBDBDB;color:#E4E4E4;padding:4px 8px;margin: 0 2px;}
.but_pages a{border: 1px solid #C8C8C8;padding:4px 8px;text-decoration: none;margin:0 2px;color:#4B4B4B;background-color:#F6F6F6}
.but_pages.m a{padding:10px 10px 4px;display:inline-block;margin: 3px;}
.but_pages.m span.disable{padding:10px 15px 4px;display:inline-block;margin: 3px;}
.but_pages a:hover{border: 1px solid #B4E5FF;background-color:#B4E5FF;color:#016C9A}
.but_pages a.currentpage{border: 1px solid #FF7BB9;background-color:#FF7BB9;color:#FFF3F8}

.getlike_wrapper{float:left;width:100%;text-align:center;}
.like_title{font-size:16pt;color:#FF6B9D;font-weight:bold;padding: 10px;border-bottom: 1px solid #e8e8e8;}
.poplink_wrapper{float:left;width: 100%; margin: 0 auto;padding:20px;text-align:center;background-color: #efefef;}

.like_msg{float:left;width:100%;font-size: 12pt;color:#4a4a4a;padding:20px;line-height:130%;}
.like_butack{float:left;width:100%;padding:10px 10px 20px;}
.like_butack input{font-size:12pt}

.social_like_wrapper{width:100%; margin: 20px 0 20px;font-size:1em;display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;align-items:center;justify-content:center;}
.social_link{padding:12px 0}
.social_link a{text-decoration: none;}
.social_link a span{margin-right:10px}
.fb_text_like_wrapper{width:100%;margin:20px 0 0;}
.like_titledesc{font-size: 11pt;color:#707070;padding: 5px 2px;}

.slideup_wrapper{display:none;position: fixed;width: 360px;padding:5px;bottom: 0px;right:0px;border: 1px solid #DFDFDF;box-shadow: 1px 1px 4px #EFEFEF;border-radius: 2px;-moz-border-radius:  2px;-webkit-border-radius: 2px;background-color:#FBFBFB;z-index: 710;}
.slideup_close{position:absolute;right:1px;top: 1px; background-color: #F0F0F0;color:#FF6464;padding:5px 8px 3px;font-size:20pt;font-weight:bold;cursor: pointer;}

.ads_header{float:left;width:100%;text-align: center;margin: 5px 0px 10px;}
.ads_side{width:100%;padding:15px 0 0 15px;margin:0;text-align: center;}

.edit_input{font-size:12pt;padding:5px;width:100%;float: left;border:1px solid #D3D3D3}
.f_desc{width:10%;float:left;color:#4B4B4B;font-size:11pt;padding:3px 5px 3px;text-align: right;text-align:right;}
.f_desc.m{width:100%;text-align: left;}
.f_item{width:90%;float:left;padding:5px;}
.f_item.m{width: 100%;}

.fb_sticky{position:fixed;top: 50px;}
.fb_article_like_wrapper{position: absolute;left: -70px; width:80px;top: 160px;}
.fb_article_like{position:fixed;width:70px;border:1px solid #EFEFEF;background-color: #FCFCFC;padding:10px 3px 5px 8px;}

.content_loading_wrapper{width:100%;display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;align-items:center;justify-content:center;min-height:140px;margin:0;padding:5px 10px;position:relative;}

.lds-ring { display: inline-block; position: relative; width: 80px; height: 80px;}
.lds-ring div { display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #ff82b6; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #ff82b6 transparent transparent transparent;}
.lds-ring.mini div{border-width: 4px}
.lds-ring div:nth-child(1) { animation-delay: -0.45s;}
.lds-ring div:nth-child(2) { animation-delay: -0.3s;}
.lds-ring div:nth-child(3) { animation-delay: -0.15s;}
@keyframes lds-ring {  0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}


.lds-grid {  display: inline-block;  position: relative;  width: 80px;  height: 80px;}
.lds-grid div {  position: absolute;  width: 16px;  height: 16px;  border-radius: 40%;  background: #ff7bb9;  animation: lds-grid 1.2s linear infinite;}
.lds-grid div:nth-child(1) {  top: 8px;  left: 8px;  animation-delay: 0s;}
.lds-grid div:nth-child(2) {  top: 8px;  left: 32px;  animation-delay: -0.4s;}
.lds-grid div:nth-child(3) {  top: 8px;  left: 56px;  animation-delay: -0.8s;}
.lds-grid div:nth-child(4) {  top: 32px;  left: 8px;  animation-delay: -0.4s;}
.lds-grid div:nth-child(5) {  top: 32px;  left: 32px;  animation-delay: -0.8s;}
.lds-grid div:nth-child(6) {  top: 32px;  left: 56px;  animation-delay: -1.2s;}
.lds-grid div:nth-child(7) {  top: 56px;  left: 8px;  animation-delay: -0.8s;}
.lds-grid div:nth-child(8) {  top: 56px;  left: 32px;  animation-delay: -1.2s;}
.lds-grid div:nth-child(9) {  top: 56px;  left: 56px;  animation-delay: -5.6s;}
@keyframes lds-grid { 0%, 100% {opacity: 1;} 50% {opacity: 0.5;} }

.lds-dual-ring {display: inline-block;width: 80px; height: 80px;}
.lds-dual-ring:after {content: " ";display: block;width: 50px;height: 50px;margin: 8px; border-radius: 50%; border: 3px solid #ff8dbd; border-color: #ff8dbd transparent #ff95c6 transparent;animation: lds-dual-ring 1.2s linear infinite;}
@keyframes lds-dual-ring{ 0% {transform: rotate(0deg);}  100% { transform: rotate(360deg);}}

.lds-heart {display: inline-block;position: relative;width: 80px; height: 80px; transform: rotate(45deg); transform-origin: 40px 40px;}
.lds-heart div {top: 32px;left: 32px;position: absolute;width: 16px; height: 16px;background: #ff8dbd;animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);}
.lds-heart div:after,.lds-heart div:before { content: " "; position: absolute;display: block; width: 16px; height: 16px; background: #ff8dbd;}
.lds-heart div:before {left: -16px; border-radius: 50% 0 0 50%;}
.lds-heart div:after { top: -16px; border-radius: 50% 50% 0 0;}
@keyframes lds-heart {0% {transform: scale(0.95);} 5% {transform: scale(1.1); } 39% {transform: scale(0.85); } 45% {transform: scale(1); } 60% {transform: scale(0.95); } 100% {transform: scale(0.9);}}

.side_fb_wrapper{float:left;width: auto;padding:0px}
.side_footer{float:left;width: 100%;padding:0px}

.like_img{float:left;width:35%;padding:0 0 0 20px;}
.like_img_title{float:left;color:#5D5D5D;font-size:12pt;width:65%;text-align:left;padding: 10px; }
.like_but_share {float:left;width:auto;max-height:100px;padding: 10px; }
.likebut_wrapper{float:left;width:100%;}

.recommend_slider{width:100%;background-color: #F9F9F9;margin-bottom: 10px;}

.search_wrapper{width: 100%;display: flex;flex-flow:row wrap;align-items: flex-start;padding: 10px;justify-content: flex-start;padding: 1%;}
.search_wrapper.sticktoend{justify-content: flex-end}
.search_wrapper.m{padding:2%}
.search_box{position:relative;padding:0px}
.txt_search{width:100%;padding:12px;border:1px solid #D9D9D9;border-radius: 20px;}
.but_search{position:absolute;right:12px;top:8px;background: transparent;border: 0;cursor: pointer;}
.but_remove_search{position:absolute;right:42px;top:8px;border: 0;cursor: pointer;opacity:0.7}
.adult_leave{display:inline;background-color:#F16A6A; color:#FAF8F8; padding:8px;text-decoration: none;}

.loadmorecontent{float:left;width:100%;padding:0;margin:20px 0 0;}
.morecontent_title{float:left;width: 100%;text-align: center;background-color:#FFB5D3;padding: 14px 0;margin: 0px 0 10px;font-size: 14pt;color:#404040;border-radius: 30px;}
.morecontent_title h2,.morecontent_title h3{margin:0px}
#morecontent{float:left;width:100%;padding:0;margin:0;}

.editorshow{float:left;color:#FF7BB9;font-weight:bold;margin: 0;font-size:1em}
.sponsor_title{display: block;width:100%;text-align:center;color:#C6C6C6;margin-bottom: 10px}
.door_wrapper{color:#464646;margin-top:20px;padding:0;font-size:13pt;word-break: break-word;}
.door_wrapper img{max-width:100%}
.pagenotfound{width:100%;margin:0;padding:20px;color:#757575;font-size:1.2em;border:1px solid #ffc4c4;}
.postnotice{width:100%;margin:0px;color:#464646;font-size:0.9em;padding: 20px 0;}
.postnotice p{padding: 0;}
.postnotfound{width:100%;margin:0;margin-bottom:20px;padding:20px;color:#484848;font-size:14pt;border:1px solid #E1E1E1;}

.jammer{display: none;}
.msgnote{border-radius: 10px;padding:15px 20px;background-color: #f1f1f1;border-left: 5px solid #dddddd;}
.publish_message{width:100%;margin:20px 0 30px;padding:20px 15px;background-color:#ffeff7;color:#232323;border-radius: 10px;font-size:1em;border-left: 5px solid #ffb5c2;}
.publish_message.m{width:96%;margin:5px 2%;}
.publish_message.info{background-color: #f1f1f1;color:black}
.publish_message.ymsg{background-color: #fffbc2;color:black}
.pubmsg_wrapper{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow:row nowrap;}
.pubmsg_wrapper.center{align-items:center;justify-content:center}
.pubmsg_content{flex: 0 0 80%;margin-left: 10px;}

.popbeauty_wrapper{width:100%;display:flex;display: -ms-flexbox;display: -webkit-flex;}
.popbeauty_wrapper.m{flex-direction: column;}
.popbeauty_photo{width: 65%;padding:0;margin:0}
.popbeauty_photo.m{flex:0 0 100%;width:100%}
.popbeauty_info{width: 35%;padding:0;margin:0;display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;}
.popbeauty_info.m{flex:0 0 100%;width:100%}
.popbeauty_info_row{width:100%;padding:10px 16px;}
.popbeauty_info_row.smallpad{padding:10px}
.popbeauty_info_row p{margin-top: 3px;}
.popbeauty_info_row.title{padding:20px;border-bottom: 1px solid #E9E9E9;color: black;font-weight: 600;}
.popbeauty_info_row.title.m{padding:10px;}
.popbeauty_postlabel{width:100%;padding:5px 0;color:#727272;font-size:0.9em}
.popbeauty_postlink{margin-bottom: 5px;}
.txt_pink{color:#ff7bb9;font-weight:500}




.hotpoststand{position:absolute;top:0;right: -1px;border-radius:0 0 0 10px;width:28px;height:32px;color:black;text-align: center;padding:0;background-color:#ffb9dc;font-weight: 600;font-size: 1.4em}
.hotpoststand.top2{color:white;background-color:#ff5ea2;}
.hotpoststand.top4{color:white;background-color:#ff8ebd}
.follow-telegram-wrapper{display: flex;flex-flow:row nowrap;justify-content: flex-start;clear:both;padding: 20px 15px;background-color:#ebf9ff;border-radius: 10px;-moz-border-radius:  10px;-webkit-border-radius: 10px;margin: 10px 0;color: black;border-left: 5px solid #9ce4ff}

.hscrolling-wrapper{display: flex;flex-wrap: nowrap;overflow-x: auto;overflow-y:hidden;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;scrollbar-width: none;}
.hscrolling-wrapper::-webkit-scrollbar {display: none;}
.card-wrapper{flex: 0 0 auto;margin-right: 10px;height:200px;position: relative;}
.card-photo-wrapper{height:100%;width: auto;}
.card-photo-wrapper img{height:100%;}
.showhs{padding:0px;margin:0;background: url(img/arrow.png) no-repeat;width:12px;height:22px;background-position: -36px -18px;position: absolute;top:0;right: 12px;}
.showhs.onrecommend{top:6px}


.swiper-slide{height:auto}

.slide-wrapper{height:100%;position:relative;overflow: hidden;}
.slide-photo-wrapper{width:100%;height:100%;padding:0;margin:0;position:relative;overflow: hidden;min-height:250px;max-height:50vh;}
.slide-photo-wrapper.m{max-height:65vh;}
.slide-photo-wrapper.nomaxheight{max-height:none}
.slide-photo-wrapper img{width:100%;height:auto;object-fit:cover;object-position: center;}
.slide-photo-wrapper.m img{height:100%}
.slide-caption{margin-bottom: 5%;padding:20px;font-size:1.8em}
.swiper-pagination-bullet-active {background-color: #FF7BB9}
.swiper-button-next,.swiper-button-prev{color:#FF7BB9}
.swiper-lazy-preloader{border: 4px solid #FF7BB9;border-top-color: transparent;}


.gallery-slide-wrapper{width:100%;position:relative;overflow: hidden;}
.gallery-menu-container{position: fixed;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;z-index: 1;flex-direction: column;}
.gallery-menu-wrapper{display:flex;position:relative;width:100%;max-width:1280px;padding:15px;background-color: #00000050;}
.gallery-counter{font-size:1em;color:white}
.gallery-menu{margin-left:auto;display:flex;flex-flow: row nowrap;}
.gallery-menu-button{border:0;outline:none;background: 0 0;cursor: pointer;}
.gallery-door-container{display:flex;flex-direction: column;margin: 0 15px;}
.gallery-door-wrapper{display:flex;flex-flow: row wrap;}
.gallery-door-caption{font-size:0.75em;color:white;margin-bottom: 5px;}
.gallery-door{display:flex;margin-right: 10px;margin-bottom: 5px;align-items: center;}
.gallery-menu-share-wrapper{position:relative}
.gallery-menu-share{position:absolute;right:0;top:-30px;padding:5px 12px;display:flex;flex-flow: row nowrap;}
.gallery-menu-share.menuclose{display:none;}
.gallery-caption-wrapper{width:100%;background-color:#00000030;display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: row nowrap;}
.gallery-caption{font-size:1.2em;color:white;padding:10px 10px 5px 15px}
.gallery-caption-options{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;padding:10px;align-items:center;}
.gallery-ads-container{position: fixed;top:10px;left:0;width:100%;display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;align-items:center;justify-content:center;z-index: 1;}
.ads-box-container{position:relative;width:auto;max-width:1280px;display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;align-items:center;justify-content:center;margin-bottom:30px}
.ads-box-container.m{width:100%}
.ads-box-container.gallery{margin: 0;background-color: white;}
#ads-box-close{position:absolute;right:0;top:20px;cursor: pointer;}

.gallery-browser-container{position: fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index: 1;flex-direction: column;background-color:#000000;padding-top: 10px;}
.gallery-browser-menu-container{position: fixed;bottom:0;left:0;width:100%;z-index: 2;display:none;align-items:center;justify-content:center;background-color:#00000080;padding: 15px 10px;}
.gallery-browser-menu-innercontainer{display:flex;position:relative;width:100%;max-width:1280px;align-items:flex-end;justify-content:flex-end;}

.embed-container { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%}

.postimg-wrapper{display:flex;display: -ms-flexbox;display: -webkit-flex;flex-flow: column nowrap;position: relative;align-items:center;min-height:360px}
.postimg-loading{display:flex;display: -ms-flexbox;display: -webkit-flex;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:1;border: 1px solid #E6E6E6;border-radius: 8px;}

.butaftercont_wrapper{margin:5px 30px 5px 0;display: flex;justify-content: center;align-items: center;}
.butcheckin{display:flex;align-items: center;border: 0;background: 0 0;cursor: pointer;outline: none;padding: 1px 3px;}
.butcopyurl{display:flex;align-items: center;border: 0;background: 0 0;cursor: pointer;outline: none;padding: 1px 3px;}