@charset "UTF-8";
/* CSS Document */
*{padding:0; margin:0; list-style:none;}
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:15px; color:#293134;}
img {border:0 none;}
video, embed, object {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline}
a {color:#293134; text-decoration:none;}
a:hover {-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;color:#293134;}

::-moz-selection { /* Code for Firefox */color:#004258;background:#b8d539;}
::selection {color:#004258;background:#b8d539;}

.ttl {font-family:'Oswald', sans-serif; font-size:20px; line-height:26px;}
.ttl a:hover {color:#293134; text-decoration:underline}
.secttl {font-family:'Oswald', sans-serif; font-size:24px; line-height:26px; padding:12px 5px; color:#c2e03a; text-transform:uppercase; text-align:center; border-top:#052732 1px solid; margin-bottom:12px; border-bottom:#052732 1px solid;}
.secttl.navy { color:#004358 !important}
.caty {font-family:'Oswald', sans-serif; font-weight:300; font-size:14px; letter-spacing:0.3px; color:#8c9395; padding-bottom:10px;} .caty a {color:#8c9395}
.share {font-family:'Oswald', sans-serif; font-weight:300; font-size:13px; letter-spacing:0.5px; color:#fd7400; float:left; padding-top:10px}
.time {float:right; font-family:Helvetica, Arial, sans-serif; font-size:11px; position:absolute; bottom:30px; right:0; color:#8c9395; font-weight:normal}
.date {font-family:Helvetica, Arial, sans-serif; font-size:11px; padding-bottom:5px; color:#8c9395;}
.sum {padding-top:10px}
.photo {line-height:0; position:relative;}
.photo img {width:100% !important}
.clr {clear:both;}
.fl {float:left;}
.fr {float:right;}
.no-mr {margin:0px !important;}
.orange {color:#fd7400 !important}
.green {color:#accb1d !important}
.s-bn {width:99.8%; float:left; clear:both; text-align:center; border:#e0e0e0 1px solid; padding:17px 0 7px 0; margin-bottom:25px; background:#fff url(../images/txt_adv.gif) 48% 5px no-repeat}
.s-video1 {width:99.8%; float:left; clear:both; text-align:center; border:#e0e0e0 1px solid; padding:17px 0 0 0; margin-bottom:25px; background:#fff url(../images/txt_adv.gif) 48% 5px no-repeat}
.b-bn {width:100%; float:left; clear:both; text-align:center; padding:15px 0; overflow:hidden}
.t-bn {width:100%; float:left; clear:both; text-align:center; margin-bottom:20px}
.gototop {width:44px; height:44px; background:#f26903 url(../images/icons.png) -147px -206px; position:fixed; right:0; bottom:30px; cursor:pointer; display:block; opacity:0.8}
.txt-form {width:98%; height:43px; background:#fff; line-height:43px; text-indent:12px; font-family:'Oswald', sans-serif; font-size:20px}
.bt-form {border:none; height:45px; font-size:20px; text-align:center; line-height:43px; color:#fff; position:absolute; top:0; right:0; z-index:21; cursor:pointer;  font-family:'Oswald', sans-serif;}

.contents {width:100%; float:left; padding:20px 0 0}
.innerwrap {width:1070px; padding:0 2%; margin:0 auto}
.header {width:100%; float:left; height:82px; background:#004358 url(../images/header_bg.gif) 0 0 repeat-x}
.header .logo {margin:0 auto; width:253px; margin-top:18px}
.header .link {float:left; margin-top:15px}
.header .link a {font-family:'Oswald', sans-serif; font-size:12px; color:#fff; border-right:#196076 1px solid; display:inline-block; padding:0 10px}
.header .link a:hover {color:#bcdc30}
.header .social {float:right; margin-top:5px}
.header .social a {display:inline-block; width:32px; height:30px}
.header .social a span {display:none}
.header .social a:hover {opacity:0.5}
.header .social .fb {background:url(../images/icons.png) -3px -9px; margin-right:3px}
.header .social .tw {background:url(../images/icons.png) -38px -9px; margin-right:10px}
.header .social .gg {background:url(../images/icons.png) -80px -9px;}
.nav {width:100%; float:left; border-bottom:#fd7400 2px solid; background:#b3cf37 url(../images/nav_bg.gif) 0 0 repeat-x}
.menu {background:url(../images/nav_divi.gif) left top no-repeat; overflow:hidden}
.menu li {float:left; padding:0 1.25%; height:65px; line-height:65px; background:url(../images/nav_divi.gif) right top no-repeat; }
.menu li a {font-family:'Oswald', sans-serif; font-weight:700; font-size:20px; color:#fff; text-transform:uppercase;}
.menu li:hover {background:#9fb92a; -webkit-box-shadow:inset 1px 1px 2px 0px rgba(100,118,19,1);
box-shadow:inset 1px 1px 2px 0px rgba(100,118,19,1)}
.menu li.selected {background:#f26903; -webkit-box-shadow:inset 1px 1px 2px 0px rgba(60,31,9,1);
box-shadow:inset 1px 1px 2px 0px rgba(60,31,9,1)}
.nav-m {width:100%; overflow:hidden; clear:both; background:#b3cf37 url(../images/nav_bg.gif) 0 0 repeat-x; height:45px; position:relative; display:none}
.nav-m .link {float:right; padding:0 10px 0}
.nav-m .link a {font-family:'Oswald', sans-serif; line-height:45px; font-size:12px; color:#2e3122; display:inline-block; padding:0 10px}
.nav-m-open {background:#b3cf37; overflow:hidden; padding:0 3% 3% 3%; text-align:center; border-bottom:#8ba420 3px solid; display:none}
.nav-m-open a {font-family:'Oswald', sans-serif; font-weight:700; font-size:15px; padding:5px 10px; display:inline-block}
.nav-m-open a.selected {color:#fff}
.nav-m-open a:hover {color:#fff}

.left {width:644px; float:left}
.right {width:400px; float:right}
.art-left {width:644px; float:left}
.art-side {width:400px; float:right}
.col1 {width:200px; float:left}
.col2 {width:419px; float:right}

.headline {background:#000000; margin-bottom:25px; position:relative}
.headline img {width:100%}
.headline h1 {text-align:center; padding:18px 10px 24px 10px;}
.headline h1 a {font-family:'Oswald', sans-serif; font-size:27px; line-height:37px; color:#fff; }
.headline h1 a:hover {border-bottom:#555 1px dotted; color:#ccc}
span .arrow {position:absolute; top:38%; opacity:.7; z-index:200; width:46px; height:45px; display:block;}
span .arrow.prev {left:13px; background:url(../images/icons.png) 0 -205px}
span .arrow.next {right:13px; background:url(../images/icons.png) -61px -205px}

.hdlist .item {padding:0 2px 20px 2px; margin-bottom:20px; clear:both; border-bottom:#052732 1px solid; position:relative; overflow:hidden}
.hdlist .item2 {padding-bottom:15px; clear:both; overflow:hidden; position:relative}
.hdlist .item2 .photo {float:left; margin-right:15px; width:45%}

.secli {padding:0 2px 20px 2px; clear:both; overflow:hidden}
.secli li {float:left; overflow:hidden;}
.secli .photo {width:30%; margin-right:3%}
.secli .txt1 {width:37%;}
.secli .txt2 {width:30%; line-height:20px}

.numb-nav {padding:10px 0 0; clear:both; overflow:hidden; text-align:center}
.numb-nav a {display:block; font-family:'Oswald', sans-serif; font-size:18px; font-weight:700; float:left; height:42px; width:33px; text-align:center; line-height:42px}
.numb-nav a:hover {color:#fd7400}
.numb-nav a.selected {color:#fd7400}
.numb-nav a.arw {width:40px !important; height:40px; border:#04222b 1px solid; border-radius:42px}
.numb-nav a.arw span {display:none}
.numb-nav a.arw.prev {background:#fff url(../images/icons.png) -215px -210px; margin-right:10px;}
.numb-nav a.arw.prev:hover {background:#04222b url(../images/icons.png) -215px -167px; transition:none}
.numb-nav a.arw.next {background:#fff url(../images/icons.png) -257px -210px; margin-left:10px;}
.numb-nav a.arw.next:hover {background:#04222b url(../images/icons.png) -257px -167px; transition:none}

.art_hd {text-align:center;}
.art_hd h5 {padding:0 0 10px; font-family:"Segoe UI"; color:#999; font-weight:normal; letter-spacing:0.5px; font-size:12px;}
.art_hd h1 {font-family:'Oswald', sans-serif; font-size:32px; line-height:42px; font-weight:700;}
.art_hd .subs-txt {padding:15px 0}
.sns {padding:15px 0 0}
.sns a {display:inline-block; height:37px;}
.sns span {display:inline-block; width:33px; text-indent:-9999px; color:#fff; height:33px; line-height:34px; border:#fff 2px solid; border-radius:34px}
.sns span:hover {border:#d8ea88 1px solid}
.sns span.em {background:#fff url(../images/icons.png) -1px -68px;}
.sns span.tw {background:#fff url(../images/icons.png) -36px -68px;}
.sns span.fb {background:#fff url(../images/icons.png) -70px -68px;}
.sns span.gg {background:#fff url(../images/icons.png) -106px -68px;}
.sns span.rd {background:#fff url(../images/icons.png) -141px -68px;}
.sns span.cm {background:#fff url(../images/icons.png) -177px -68px;}
.sns span.cm-n {text-align:left; font-size:13px; text-indent:0 !important; color:#000 !important; height:33px; width:80px !important}
.sns span.cm-n:hover {border:#fff 1px solid !important}
.art_hd .subs {width:70%; margin:0 auto}
#itxthook0icon, #itxthook1icon, #itxthook2icon, #itxthook3icon, #itxthook4icon, #itxthook5icon, #itxthook6icon, #itxthook7icon, #itxthook8icon, #itxthook9icon, #itxthook10icon {display:none}
.article {padding:15px 0 0 0;}
.article .picture {background:#f7f7f7; text-align:center}
.article .picture figcaption {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555; text-align:right; text-transform:uppercase; padding:5px 0 0; background:#fff}
.article p {padding:10px 0 10px; font-size:18px; line-height:30px;}
.article h2{
    padding: 10px 0;
    font-size: 2em;
}
.article h3{
    padding: 10px 0;
    font-size: 1.7em;
}

.article  table.line, .article  table.line tr, .article  table.line td{
  border-collapse: collapse;
  border: 1px solid black;

}

.article  table.line td{
    padding: 5px 15px;
}


.article p img { width:88%; padding:0 6px}
.article p a {color:#b8d539}
.article h3 {font-size:21px; padding:20px 0 20px; line-height:25px}
.related {text-align:center; padding:10px 0 20px; border-top:#293134 1px dotted}
.related h3 {font-size:23px; font-family:'Oswald', sans-serif; padding:15px 0 15px;}
.related a {display:block; line-height:18px; font-size:15px; margin:0 0 10px; padding:0 0 3px;}
.related a:hover {color:#accb1d}
.art-ft {border-bottom:#293134 1px solid; position:relative; overflow:hidden; clear:both; margin:20px 0 0}
.art-ft a {display:inline-block;}
.art-ft .art-copy {border-top:#293134 1px solid; background:#293134; color:#fff; font-size:11px; padding:10px 0 10px; text-align:center; clear:both; margin:10px 0 0}
.art-ft .sns {padding:0 !important}
.art-ft .link {width:215px; display:inline-block; height:33px;}
.art-ft .link .ic {background:#fff url(../images/icons.png) -211px -68px; width:25px; text-indent:-9999px; color:#fff; display:inline-block}
.art-ft .link .txt {font-family:"Segoe UI"; font-size:17px !important; text-indent:0 !important; color:#000 !important; display:inline-block}
.art-ft .link span {border:#fff 2px solid !important; height:33px; line-height:33px}
.art-ft .link span:hover {border:#fff 2px solid !important}

.block-wrap {padding:20px 0 0; overflow:hidden; clear:both}
.block-wrap * {width:100%}
.latest {padding:20px 0 0}
.latest a {display:block; line-height:23px; font-size:18px; margin:0 0 15px; padding:0 0 3px;}
.latest a:hover {color:#accb1d}

.search {margin-bottom:25px; overflow:hidden; position:relative; clear:both}
.search .txt-form {border:#ccc 1px solid; color:#d1d0d0}
.search .bt-form {width:45px; background:#bad736 url(../images/icons.png) -255px 0;}

.mostpopular {padding-bottom:10px; overflow:hidden; clear:both}
.mostpopular .item {clear:both; padding-bottom:10px; overflow:hidden;}
.mostpopular .item li {float:left;}
.mostpopular .item li.num {width:10%; font-family:'Oswald', sans-serif; font-weight:700; color:#c2e03a; font-size:25px; text-align:center; line-height:40px}
.mostpopular .item li.pic {width:25%; margin-right:3%}
.mostpopular .item li.pic img {width:100%}
.mostpopular .item li.txt {width:60%;}
.mostpopular .item li.txt .ttl {font-size:18px; line-height:22px;}
.mostpopular .item a:hover li.num {background:#c2e03a; color:#fff;}

.teen {clear:both; overflow:hidden; padding:20px 25px;}
.teen .item {width:33.3%; height:166px; position:relative; float:left}
.teen .item.greenyell {background:#b1ce2a}
.teen .item.orange {background:#fd7400}
.teen .item.darkjade {background:#1f8a70}
.teen .item.darkgreen {background:#04222b}
.teen .item.yellow {background:#e9ba00}
.teen .item .txt {width:43%; padding:5% 2% 2% 5%}
.teen .item .caty {color:#fff; padding-bottom:3px; font-size:11px}
.teen .item .ttl {color:#fff; font-weight:bold; font-size:16px; line-height:22px;}
.teen .item .photo {width:50%; height:166px}
.teen .item .photo img {width:100%; height:100%}
.shape {position:absolute; top:0; left:50%; z-index:25; width:32px; height:166px}
.shape.right {right:50%; left:auto !important}
.shape.greenyell {background:url(../images/shape.png) 0 0 no-repeat;}
.shape.orange {background:url(../images/shape.png) -37px 0 no-repeat;}
.shape.darkjade {background:url(../images/shape.png) -74px 0 no-repeat;}
.shape.darkgreen {background:url(../images/shape.png) -111px 0 no-repeat;}
.shape.yellow {background:url(../images/shape.png) -148px 0 no-repeat;}
.shape.greenyell2 {background:url(../images/shape.png) -185px 0 no-repeat;}

.beauty {clear:both}
.beauty h2 {color:#04222b;}
.beauty .item {position:relative; width:100%; overflow:hidden; margin-bottom:10px; background:#04222b}
.beauty .item .photo {width:50%;}
.beauty .item .txt {width:46%; padding:5% 2% 2% 2%}
.beauty .item .ttl {color:#fff; font-weight:bold; font-size:16px; line-height:22px;}
.beauty .item .ttl a {color:#fff;}
.beauty .item .share {color:#fff;}

.more {clear:both;}
.more .photo {padding-bottom:10px;}
.more .item {width:18.4%; float:left; margin-right:2%; overflow:hidden;}

.play {background:#000000; overflow:hidden; border-bottom:#353535 6px solid; padding:2% 5% 2% 5%}
.play .fl {width:64%; text-align:center}
.play .ttl {font-size:25px; line-height:30px; color:#fff; display:inline-block; padding:10px 0 0}
.play span {color:#ff6d00; font-size:11px; padding-left:8px}
.play .fr {width:32%}
.vod-list {clear:both; overflow:hidden;}
.vod-list li {float:left; width:15%; padding-bottom:20px; overflow:hidden; margin-right:1.9%}
.vod-list li .photo {position:relative}
.vod-list li .bt {position:absolute; right:0; bottom:0; width:37px; height:37px; background:url(../images/icons.png) 3px -139px; opacity:0.9}
.vod-list li .playingnow {background:#fff; text-align:center; width:100%; height:37px; line-height:37px; color:#f26903; font-size:20px; position:absolute; right:0; opacity:0.9; bottom:0;font-family:'Oswald', sans-serif;}
.vod-list li .ttl {font-size:16px; line-height:20px; margin-top:8px}
.vod-list li span {color:#ff6d00; font-size:11px; padding-left:3px}
.viewmore {clear:both; overflow:hidden;}
.viewmore .bt {margin:0 auto; width:165px; height:37px; background:#262626;}
.viewmore .bt span {display:inline-block}
.viewmore .bt .ic {background:url(../images/icons.png) -53px -139px; border-right:#fff 1px solid; width:39px; height:37px}
.viewmore .bt .txt {vertical-align:top; font-family:'Oswald', sans-serif; color:#fff; font-size:22px; text-align:center; height:37px; line-height:37px; width:125px; font-weight:bold}

.about-nav {float:left; overflow:hidden; width:170px; margin-right:30px}
.about-nav a {font-family:'Oswald', sans-serif; font-weight:700; font-size:16px; display:block; border-top:#052732 1px solid; color:#004358; padding:24px 10px 24px 10px;}
.about-nav a.border-b {border-bottom:#052732 1px solid;}
.about-nav a.selected {color:#bdda3c}
.about-nav a:hover {color:#bdda3c;}
.about-txt {padding:0 0 25px 0}
.about-txt p {padding:0px 0 20px; font-size:18px; line-height:30px}
.about-txt p span {border-bottom:#004358 1px dotted}
.about-txt h3 {font-family:'Oswald', sans-serif; font-size:18px; padding:10px 0 10px}
.about-txt .form {padding:10px 0 0; width:80%}
.about-txt .form .ttl {font-size:15px; padding:7px 0 5px}
.about-txt .form .input1 {border:#052732 1px solid; padding:3% 3%; font-size:16px; width:90%}
.about-txt .form .input2 {background:#bdda3c; color:#fff; font-weight:bold; padding:2% 5%; text-align:center; font-family:'Oswald', sans-serif; font-size:20px; width:96%; border:none; cursor:pointer}

.bg_dark {background:url(../images/transf.png) 0 0 repeat; position:fixed; top:0; left:0; height:100%; width:100%;z-index:99999;}
.subsc_popup {width:500px; height:250px; background:#b9d53b; position:fixed; top:30%; left:50%; margin-left:-250px; z-index:100}
.subsc_popup .logo {position:relative; background:#003a4c url(../images/logo0821.png) 120px 30px no-repeat; height:100px; width:100%}
.subsc_popup .bd {padding:20px 35px 30px 35px;}
.subsc_popup .bd .subs {margin-bottom:10px}
.subsc_popup .close {position:absolute; display:block; top:-12px; right:-12px; width:33px; height:33px; background:url(../images/close.png) 0 0 no-repeat; z-index:20}

.footer {width:100%; overflow:hidden; clear:both; padding:20px 0 40px 0}
.footer .innerwrap {border-bottom:#052732 3px solid; border-top:#052732 3px solid; padding:30px 0; overflow:hidden}
.ft_logo {font-family:'Oswald', sans-serif; font-size:28px; clear:both; padding-bottom:30px;}

.subs-txt {font-family:'Oswald', sans-serif; font-size:17px; padding-bottom:10px}
.subs {position:relative; clear:both}
.subs .txt-form {border:#000000 1px solid; color:#000000}
.subs .bt-form {width:118px; background:#000;}
.ft_menu {float:right}
.ft_menu li {display:inline-block; vertical-align:top; padding:0 40px; border-left:#ccc 1px solid}
.ft_menu li a {display:block; padding:5px 0; border-bottom:#fff 1px dotted}
.ft_menu li a:hover {border-bottom:#999 1px dotted}
.copyright {text-align:center; color:#000; padding-top:10px}

.m-links {overflow:hidden; width:100%; background:#fafafa; border-top:#e0e0e0 1px solid; text-align:center; position:fixed; bottom:0; left:0}
.m-links a {font-family:'Oswald', sans-serif; display:inline-block; padding:10px 13px; font-size:14px; font-weight:bold; color:#000}

#div-gpt-ad-youthhealthmag-rec-top, #div-gpt-ad-youthhealthmag-rec-artclbot {width:300px; margin:0 auto;}

/* mobile ad */
#adunit_article_center_top_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle1_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle2_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle3_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle4_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle5_mobile {width:100%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto; padding:10px 0;}
#adunit_article_center_middle6_mobile {width:90%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:10px 5%;}
#adunit_article_center_middle7_mobile {width:90%; float:left; text-align:center; clear:both; display:block; overflow:hidden; margin:10px 5%;}
#adunit_article_center_bottom_mobile {width:100%; position:fixed; bottom:-5px; text-align:center; clear:both; display:block; overflow:hidden; margin:0 auto;}

.ad-sample { width: 100%; clear: both;}
.ad-sample:before, .ad-sample:after { content: ""; display: table; }
.ad-sample:after { clear: both; }
.ad-sample span {text-align: center; font-size: 0.688em; text-transform: uppercase; color: #ddd; margin-bottom: 0.625em; display: block; clear: both; }

@media screen and (max-width:1160px) {
.innerwrap {width:96%}
.left {width:60%}
.right {width:38%}
.art-left {width:60%}
.art-side {width:400px}
.col1 {width:30%}
.col2 {width:65%}
.menu li {padding:0 0.91%;}
.teen {padding:20px 0}
.teen .item {width:33.2%;}
.item .shape {display:none}
.numb-nav a {font-size:13px; width:5%;}
.article .picture img {width:100%}
}
@media screen and (max-width:1120px) {
.art-left {width:58%}
}
@media screen and (max-width:1024px) {
.menu li {padding:0 0.7%;}
.art-left {width:56%}
}
@media screen and (max-width:980px) {
.art-left {width:53%}
.menu li {padding:0 1.3%; height:50px; line-height:50px;}
.menu li a {font-size:17px}
.hdlist .item .sum {display:none}
.mostpopular .item li.txt .ttl {font-size:15px; line-height:18px;}
.mostpopular .item li.pic {width:23%; margin-right:3%}
.mostpopular .item li.txt {width:62%;}
.teen .item {height:140px}
.teen .item .txt {width:41%; padding:5% 4% 2% 5%}
.teen .item .photo {height:140px}
.teen .item .ttl {font-size:13px; line-height:18px;}
.play .fl {width:100%}
.play .fr {display:none}
}
@media screen and (max-width:950px) {
.menu li {padding:0 0.8%;}
.art-left {width:50%}
.footer .innerwrap .fl {float:none; width:100%; text-align:center;}
.ft_menu {float:none; width:100%; margin-top:20px; text-align:center;}
}
@media screen and (max-width:850px) {
.left {width:58%}
.right {width:40%}
.art-left, .art-side {float:none; width:100%;}
.menu li {padding:0 1%;}
.menu li a {font-size:15px}
.hdlist .item2 .photo {width:35%}
.hdlist .item .sum, .secli .txt2 {display:none}
.teen .item {height:120px}
.teen .item .photo {display:none}
.teen .item .txt {width:92%; padding:4%}
.secli .photo {width:23%; margin-right:3%}
.secli .txt1 {width:74%;}
}
@media screen and (max-width:790px) {
.left {width:55%}
.right {width:43%}
.menu li {padding:0 0.87%;}
.numb-nav a {font-size:14px; width:4.7%;}
.vod-list {margin:0 0 15px 0}
.vod-list li {width:31.4%; margin-right:1.9%}
.vod-list li .div {clear:both}
}
@media screen and (max-width:768px){
.menu li {padding:0 1.1%;  height:40px; line-height:40px;}
.menu li a {font-size:12px}
}
@media screen and (max-width:728px){
.left, .right {float:none; width:100%;}
.numb-nav {margin:0 0 25px 0}
.mostpopular {padding-bottom:0}
.mostpopular .item {padding-bottom:1px}
.mostpopular .item li.txt .ttl {font-size:15px; line-height:18px;}
.mostpopular .item li.pic {width:13%;}
.mostpopular .item li.txt {width:72%;}
.beauty .item {margin-bottom:1px}
.beauty .item .photo {width:20%;}
.beauty .item .txt {width:76%; padding:2%}
}
@media screen and (max-width:640px) {
.header .link, .header .social, .nav {display:none}
.nav-m {display:block}
.nav-m .ic {position:absolute; top:5px; left:7px; cursor:pointer; background:#a4c127 url(../images/icons.png) -183px 0; display:block; width:36px; height:36px; border-radius:36px}
.nav-m .ic .close {background:#a4c127 url(../images/icons.png) -147px 0;}
.play {padding:0}
.play .fl img {width:100%}
.bg_dark, .subsc_popup, .nav-m .link .scb {display:none}
}
@media screen and (max-width:540px) {
.ttl {font-size:15px; line-height:18px;}
.ft_menu li {padding:0 2%}
.article img {width:100%}
}
@media screen and (max-width:450px) {
.headline h1 {padding:12px 7px 18px 7px;}
.headline h1 a {font-size:20px; line-height:30px;}
.more .photo {padding:0 15px 0 0; float:left; width:20%}
.more .item {width:100%; float:none; margin:0 0 5px; clear:both;}
.numb-nav a.n11, .numb-nav a.n12, .numb-nav a.n13, .numb-nav a.n14, .numb-nav a.n15 {display:none}
.numb-nav a {font-size:16px; width:7%;}
}
@media screen and (max-width:410px) {
.s-video1 {display:none}
.vod-list li .playingnow {font-size:15px;}
}
@media screen and (max-width:380px) {
.col1, .col2 {float:none; width:100%;}	
.beauty .item {margin-bottom:5px}
.mostpopular .item {padding-bottom:5px}
.mostpopular .item li.pic {width:18%;}
.mostpopular .item li.txt {width:67%;}
.numb-nav a {font-size:16px; width:6.5%;}
.about-nav {width:100%; margin-bottom:30px}
.about-nav a {padding:8px 5px; font-size:12px;}
.art_hd .subs {width:100%;}
}
@media screen and (max-width:350px) {}