@charset "utf-8";
/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +media
        + max-width : 1280px
        + max-width : 1020px
-----------------------------------------------------------------------------*/
/* media 
*----------------------------------------------------------------------------*/
/**
*
* 如果RWD取消min-width
*
**/
header nav li .subnav .main{min-width: inherit;min-width:auto}
/**
*
* Desktops
*
**/
@media only screen 
and (max-width : 1280px) {
    header .navbar .logo { width: 112px; height: 36px;}
    header .navbar .toolsComplex a.qaComplex   { margin: 0 12px 0 5px;}
    header .navbar .redBgTri {width: 420px;}
    header .navbar nav {left: 150px;width: 42%;}
    header .navbar nav .navBtnCBU a, 
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span, 
    header .navbar nav .navBtnEBU span {font-size: 17px;}
    header .navbar nav .navBtnCBU a::after, 
    header .navbar nav .navBtnEBU a::after, 
    header .navbar nav .navBtnCBU span::after, 
    header .navbar nav .navBtnEBU span::after {top: 18px;bottom: 18px;}
    header .navbar .redBg {left: 54%;}
    /* header .navbar nav ul li a { font-size: 16px;} */
    /* header .navbar nav ul li.navUnit > a:after,
    header .navbar nav ul li.navUnit:not(.current):hover > a:after,
    header .navbar nav ul li.current > a:after {background-size: 12px auto;} */
    header .navbar .logo { left: 10px;}
    header .navbar .toolsComplex { right: 10px;}    
    header .subnav .main ul li,
    header nav li.navUnit_3 .subnav .main ul li,
    header nav li.navUnit_4 .subnav .main ul li { min-width: 100px;}
    header nav li.navUnit_3 .subnav .main.general ul li { min-width: 100px;}
    header .subnav .main ul li.last { max-width: 150px;}
    header .subnav .main ul li.last a { display: inline-block; vertical-align: middle; float: none;}
    section .main { padding: 40px 0 40px 70px;}
    section .main.recommend { padding: 30px 0 40px 70px;}
    aside.toolbar { width: 70px;}
    aside.toolbar h2.mainHead span { font-size: 13px;}
    aside.toolbar ul li a {padding: 10px 0; font-size: 12px;}
    aside.toolbar ul li { min-height: 72px;}
    aside.toolbar ul li a img { width: 40px;}
    article.recommendBox .recBoxConBd .mainTitle { font-size: 16px;}
    article.recommendBox .recBoxConBd .mainBox.infoBox h3,
    article.recommendBox .recBoxConBd .mainBox.newBox h3,
    article.recommendBox .recBoxConBd .mainBox.programBox h3,
    article.recommendBox .recBoxConBd .mainBox.giftsBox h3 { margin: 0 0 20px 0;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .photo img { width: 80%; margin: 0 auto;}
    article.recommendBox .recBoxConBd ol li .title { font-size: 15px;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .text { font-size: 13px;}
    article.recommendBox .recBoxConBd a.close,
    article.recommendBox .recBoxConBd a:hover.close {width: 30px;height: 30px;-moz-background-size: 30px auto;-webkit-background-size: 30px auto;-o-background-size: 30px auto;background-size: 30px auto;}
    article.recommendBox .recBoxConBd .infoList .box { padding: 0 0 15px 15px; background-position: 0 6px;}
    article.recommendBox .recBoxConBd .infoList .box .date,
    article.recommendBox .recBoxConBd .infoList .box .text { font-size: 15px;}
    article.fetnetRecBox .tabs .tabsBox .conBox .slickUl .slickLi .title { font-size: 15px;}
    article.fetnetRecBox .tabs .tabsBox.mobile .conBox .slickUl .slickLi .title {font-size: 15px;padding: 10px 10px 5px 10px;}
    article.fetnetRecBox .tabs .tabsBox.mobile .conBox .slickUl .slickLi .text { padding: 0 10px 0 10px;}
    footer { padding: 30px 40px 30px 70px;}
    footer .main { padding: 0 20px;}
    /* footer .selectBox { top: 25px;} */
    .seqComplex {height: 349px;}
    .seqComplex .seqBox .title { width: 320px; height: 220px; padding: 20px;}
    .seqComplex .seqBox .title .mainTitle { font-size: 28px;}
    .seqComplex .seqBox .title .subTitle { font-size: 18px;}
    .seqComplex .seqBox .title .text { font-size: 13px;}
    .seqComplex .navigationBox { bottom: 20px;}
    .seqComplex .monitor img { margin: 0 0 0 -820px; width: 1440px; height: 349px; /*opacity: 0;*/}
    .seqComplex .seq-in .monitor img { margin: 0 0 0 -720px;}
    .seqComplex .seq-out .monitor img {	margin: 0 0 0 -620px;}
}
@media only screen 
and (max-width : 1200px) {
    article.recommendBox .recBoxConBd .mainBox.infoBox .mainTitle { margin: 0 0 30px 0;}
    article.recommendBox .recBoxConBd .infoList .box .date,
    article.recommendBox .recBoxConBd .infoList .box .text { font-size: 14px;}
}
@media only screen 
and (max-width : 1180px) {
    article.fetnetRecBox .fetnetRecHd.MaxBoxNav4 .slickMaxBoxNav .slick-track {width: 100% !important;}
    article.fetnetRecBox .fetnetRecHd.MaxBoxNav4 .slickMaxBoxNav .slickLi {width: 25% !important;}
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 24px;}
    /* header .navbar nav > ul {width: 68%;} 20181206 */
    header .navbar nav ul li.navUnit > a:after {right: 0px;}
}
@media only screen 
and (max-width : 1120px) {
    .adeStoreFt {padding: 1px 0 1px 0;background-color: #fff;}
    .adBox img {width: 100%;margin: 0;border: 0;}
    article.quickLinkBox ul {width: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: stretch;align-content: stretch;}
    article.quickLinkBox ul li {max-width: inherit;max-width: initial;width: calc(33.3% - 20px);}
}
@media only screen 
and (max-width : 1100px) {
    article.recommendBox .recBoxConBd .mainBox.infoBox .mainTitle { margin: 0 0 25px 0;}
    article.recommendBox .recBoxConBd .infoList .box .date,
    article.recommendBox .recBoxConBd .infoList .box .text { font-size: 13px;}
    header nav li.navUnit_3 .subnav .main .btnBox span.button {font-size: 14px;height: 36px;line-height: 36px;}
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 20px;}
}
@media only screen 
and (max-width : 1060px) {
    header .topAd a.close { right: 1px;}
    /* header .navbar nav > ul {width: 72%;} 20181206 */
    /* header .navbar nav {left: 140px;} */
    /* header .navbar .logo {top: 14px;width: 102px;}
    header .navbar .logo img {max-width: 102px;} */
}
@media only screen 
and (max-width : 1040px) {
    header .subnav .main ul li a {font-size: 13px;padding: 3px 0;}
    header .navbar nav ul li.active .subnav a.hd, 
    header .subnav .main ul li > a.hd, 
    header .subnav .main ul li > span,
    header .subnav .main ul li.last p {font-size: 13px;} 
    header .subnav .main ul li.last {max-width: 150px;}
    header nav ul li.navUnit_2 .subnav ul li,
    header nav li.navUnit_4 .subnav .main ul li { min-width: 130px;}
    header nav li.navUnit_4 .subnav .main ul li.last {max-width: 130px;}
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 16px;font-size: 16px;}
    header .navbar nav .navBtnEBU a {padding: 0 10px 0 20px;}
    /* header .navbar nav ul li a {font-size: 15px;} */
    header .navbar .search {width: 186px;}
    .searchrevampbox .searchbox .schtags {width: 152px;}
    header .navbar .redBgTri {width: 400px;}
    header nav li.navUnit_4 .subnav .main ul li span.icon.line {width: 108px;height: 60px;}
}
@media only screen 
and (max-width : 1020px) {
    #wrapper {overflow: hidden;}
    header .topbar a {padding: 0 20px;}
    header .memberbar a,
    header .memberbar span,
    header .memberbar .login {font-size: 12px;}
    /* header .navbar .logo { top: 14px; left: 10px; width: 100px; height: 36px;} */
    header .navbar .logo {top: 15px;width: 92px;}
    header .navbar .logo img {max-width: 92px;}
    header .navbar nav {left: 14%;}
    header .navbar nav .navBtnCBU {display: none;}
    header .navbar .redBg {left: 51%;}
    /* header .navbar nav > ul {width: 85%;} 20181206 */
    header .navbar nav .navBtnCBU {left: 5%;}
    header .navbar nav .navBtnCBU a, 
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span, 
    header .navbar nav .navBtnEBU span {font-size: 15px;}
    header .navbar nav .navBtnCBU a::after, 
    header .navbar nav .navBtnEBU a::after, 
    header .navbar nav .navBtnCBU span::after, 
    header .navbar nav .navBtnEBU span::after {top: 20px;bottom: 20px;}
    header .navbar nav ul li a { font-size: 14px;}
    header .navbar nav ul li.navUnit > a:after,
    header .navbar nav ul li.navUnit:not(.current):hover > a:after,
    header .navbar nav ul li.current > a:after {background-size: 8px auto;}
    /* header nav li.navUnit_3 .subnav .main .vipBox {width: 162px;} */
    header nav li.navUnit_3 .subnav .main .vipBox span {font-size: 13px;}
    header .navbar .toolsComplex { top: 10px;}
    header .navbar .toolsComplex a { margin: 0; font-size: 11px; padding: 28px 0 0;}    
    header .navbar .toolsComplex a.qa { margin: 0 20px 0 5px;}
    header .navbar .toolsComplex a.msgComplex,
    header .navbar .toolsComplex a:hover.msgComplex,
    header .navbar .toolsComplex a.qaComplex,
    header .navbar .toolsComplex a:hover.qaComplex {-moz-background-size: 28px auto;-webkit-background-size: 28px auto;background-size: 28px auto;}
    .searchrevampbox .searchbox .schtags input.schtext,
    .searchrevampbox .selectboxit-container * {font-size: 13px;}
    section .main { padding: 20px 0;}
    section .main.recommend { padding: 20px 0 20px 0;}
    section article h2.mainHead { margin: 0 0 10px;}
    aside.toolbar {position: relative;top: auto;left: auto;bottom: auto;width: auto;height: auto;margin: 0 auto;max-width: 1120px;padding: 20px 10px 0 10px;background: none;-webkit-box-shadow: 0 0 0 rgba(255,255,255,0);-moz-box-shadow: 0 0 0 rgba(255,255,255,0);box-shadow: 0 0 0 rgba(255,255,255,0);}
    aside.toolbar .slick-slider .slick-prev { left: -20px;}
    aside.toolbar .slick-slider .slick-next { right: -20px;}
    aside.toolbar.minSize { top: auto;}
    aside.toolbar.maxSize { top: auto;}
    #wrapper.adSize aside.toolbar,
    #wrapper.adSize aside.toolbar.minSize,
    #wrapper.adSize aside.toolbar.maxSize {top: auto !important;}
    .seqComplex .seqBox .title.leftComplex { margin: 0 0 0 40px;}
    aside.toolbar .toolbarBox {background: #fff;border-top: 2px #c3a88b solid;}
    aside.toolbar .toolbarBox ul {width: 96%;margin: 0 auto;text-align: center;}
    aside.toolbar h2.mainHead {position: relative;height: auto;line-height: inherit;padding: 0 0 0 15px;margin: 0 0 10px 0;font-size: 18px;font-weight: normal;color: #666;background: none;}
    aside.toolbar h2.mainHead:after {position: absolute;top: 50%;left: 0;content:"";width: 8px;height: 8px;margin: -4px 0 0 0;background: #868686;}
    aside.toolbar h2.mainHead span {display: block;text-align: left;border-left: 0;line-height: inherit;font-size: 18px;color: #666;}
    aside.toolbar ul li {display: inline-block;border: 0;}
    aside.toolbar ul li a {display: block;text-align: center;padding: 15px 0 18px 0;font-size: 15px;}
    aside.toolbar ul li a:hover {background: none;}
    aside.toolbar ul li a img { width: 50px;}
    article.recommendBox,
    article.fetnetRecBox,
    article.otherLinkBox,
    article.hotLinkBox {padding: 0 10px;}
    article.recommendBox ul li .title {height: 42px;line-height: 42px;font-size: 15px;}
    article.recommendBox ul li:hover .title {bottom: -45px;}
    article.recommendBox ul li .title img {width: 40px;}
    article.recommendBox .adHome {margin: 20px 0 0;}
    article.recommendBox .recBoxConBd a.close {right: 10px;top: 10px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-prev { left: -35px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-next { right: -35px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-prev,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-next { width: 40px;height: 55px;margin-top: -27px;-moz-background-size: 75% auto;-webkit-background-size: 75% auto;background-size: 75% auto;}
    article.fetnetRecBox .tabs ul li a {font-size: 15px;line-height: 40px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox { padding: 25px 30px 60px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1),
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1) { margin: 0 0.5%;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .slickUl .slickLi {margin: 0 0.5%;}
	article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) {margin: 0 0.5%;border: 0;}	
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:hover,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1):hover { border: 0;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .photo,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .photo {border: 1px solid #f4f4f4;width: 100%;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:hover .photo { border: 1px #009f49 solid;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .box,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .box {background: none;height: auto;position: relative;right: 0;top: 0;width: auto;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .title,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .title {background: #169d4d none repeat scroll 0 0;color: #fff;padding: 5px 5px;min-height: 40px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi .text,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1) .text {padding: 10px 5px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi {margin: 0 0.5%;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox .slickUl .slickLi {margin: 0 0.5%;}
    article.otherLinkBox .shareBox,
    article.otherLinkBox .otherBox {float: none;width: auto;margin: 0 0 5px 0;}
    article.otherLinkBox .shareBox {margin: 0 0 20px 0;}
    article.otherLinkBox .otherBox .con .max,
    article.otherLinkBox .otherBox .con .listBox {display: inline-block;vertical-align: middle;}
    article.otherLinkBox .otherBox .con .max {width: 60%;padding: 0;}
    article.otherLinkBox .otherBox .con .listBox {width: 34%;margin: 0 2% 0 2%;}
    article.otherLinkBox .con {min-height: initial;height: auto !important;}
    article.otherLinkBox .otherBox .con .list,
    article.otherLinkBox .otherBox .con .list:last-child {padding: 15px 0;background-position: 100% 15px;}
    article.otherLinkBox .otherBox .con .listBox {border-bottom: 1px solid #d8d8d8;}
    article.otherLinkBox .otherBox .con .photo {width: 40%;max-width: 160px;}
    article.otherLinkBox .otherBox .con .textHd {height: auto;}
    article.otherLinkBox .otherBox .con .box {width: 55%;}
    article.otherLinkBox ul {margin: 10px 0 0;}    
    article.otherLinkBox .con {padding: 10px;}
    article.otherLinkBox .con .fbshareHd {top: 10px;left: 10px;right: 10px;}
    article.otherLinkBox .con .fbshareBd {top: 10px;left: 10px;right: 10px;}
    article.otherLinkBox .con .fbshareBd a {left: -10px;right: -10px;bottom: -6px;}
    article.otherLinkBox .shareBox .con .photo .photoBox img {max-width: 350px;}
    article.otherLinkBox .shareBox .con .photo.fbUrlimg img {max-width: 350px;}
    article.hotLinkBox h2.mainHead {margin: 0 0 15px;padding: 0 0 10px;}
    article.otherLinkBox .otherBox .title img { max-width: 90px;}
    footer { padding: 20px 15px;}
    footer .main { padding: 0 160px 0 0;}
    footer .selectBox { top: 0;}
    .seqComplex {height: 276px;}
    .seqComplex .seqBox {top: 7%;}    
    .seqComplex .seqBox .title { width: 260px; height: 190px; padding: 15px;}
    .seqComplex .seqBox .title .mainTitle { font-size: 24px;}
    .seqComplex .seqBox .title .subTitle { font-size: 16px;}
    .seqComplex .seqBox .title .text { font-size: 12px;}
    .seqComplex .seqBox .title span.button { margin: 15px 0 0;}
    .seqComplex .navigationBox { bottom: 15px;}
    .seqComplex .monitor img { margin: 0 0 0 -670px; width: 1140px; height: 276px;}
    .seqComplex .seq-in .monitor img { margin: 0 0 0 -570px;}
    .seqComplex .seq-out .monitor img {	margin: 0 0 0 -470px;}
    .searchrevampbox .searchbox .schtags input.schtext,
    .searchrevampbox .selectboxit-container * {font-size: 13px;}
    .lightboxComplex .lightBox.w650,
    .lightboxComplex .lightBox.w900 { width: 600px;}
}
@media only screen 
and (max-width : 900px) {
    header nav li .subnav .main,
    header nav li.navUnit_3 .subnav .main {max-width: 1280px;padding: 0 15px;}
    header nav li.navUnit_4 .subnav .main {padding: 0 15px;}
    header .subnav .main ul li {min-width: 80px;}
    header .subnav .main ul {text-align: center;display: block;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; }
    header nav li.navUnit_3 .subnav .main ul li.last {min-width: 80px;}
    header nav li.navUnit_3 .subnav .main.general ul li {margin: 0 0 0 2%;min-width: 60px;}    
    header nav li.navUnit_3 .subnav .main .msgBox table.list th,
    header nav li.navUnit_3 .subnav .main .msgBox table.list td {font-size: 13px;}
    header nav li.navUnit_3 .subnav .main .btnBox {width: 140px;}
    header nav li.navUnit_3 .subnav .main .btnBox span.button {font-size: 13px;height: 32px;line-height: 32px;}
    header .navbar nav .navBtnCBU a,
    header .navbar nav .navBtnEBU a,
    header .navbar nav .navBtnCBU span,
    header .navbar nav .navBtnEBU span { padding: 0 12px;}
    header .navbar nav .navBtnEBU a {padding: 0 8px 0 15px;}
    header .navbar nav ul li.navUnit > a:after,
    header .navbar nav ul li.navUnit:not(.current):hover > a:after,
    header .navbar nav ul li.current > a:after {background-size: 8px auto;}
    header .navbar .search {width: 176px;}
    .searchrevampbox .searchbox .schtags {width: 142px;}

    footer .linkComplex a {padding: 0 9px 0 0;}
    footer .linkComplex a:after {right: 1px;}
}


@media only screen 
and (max-width : 1100px) {
    /* header */
    header nav li.navUnit_3 .subnav .main .btnBox{width: 130px;}
    header nav li.navUnit_3 .subnav .main .vipBox .memberID, 
    header nav li.navUnit_4 .subnav .main .vipBox .memberID,
    header nav li.navUnit_3 .subnav .main.general .vipBox .toLogin {font-size: 13px;}
    header nav li.navUnit_4 .subnav .main .btnBox span.button{font-size:13px}
    header nav li.navUnit_4 .subnav .main{background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 3% center;background-size: auto 100%;}
    header nav li.navUnit_3 .subnav .main{background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 6% center;background-size: auto 100%; }
    header nav li.navUnit_3 .subnav .main.general .vipBox .tosStting, header nav li.navUnit_4 .subnav .main.general .vipBox .tosStting{font-size:13px}
    header nav li.navUnit_3 .subnav .main .vipBoxHd, header nav li.navUnit_4 .subnav .main .vipBoxHd {width: 16%;}
    header nav li.navUnit_3 .subnav .main ul, header nav li.navUnit_4 .subnav .main ul{padding: 0 2% 0 0;width: calc(100% - 24%);}
    header nav li.navUnit_3 .subnav .main.general .memberID, header nav li.navUnit_4 .subnav .main.general .memberID{margin: 0 0 0 6px;}
    header nav li.navUnit_3 .subnav .main.general .vipBoxHd, header nav li.navUnit_4 .subnav .main.general .vipBoxHd{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    header nav li.navUnit_3 .subnav .main.general .vipBox, header nav li.navUnit_4 .subnav .main.general .vipBox{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    header nav li.navUnit_3 .subnav .main.general .memberID, header nav li.navUnit_4 .subnav .main.general .memberID{margin: 16px 0 0 0;}
    header nav li.navUnit_4 .subnav .main.general .memberID{border-top: 1px #aaaaaa solid;border-bottom: 1px #aaaaaa solid;padding: 10px 5px;}
    header nav li.navUnit_3 .subnav .main .vipBox .img, header nav li.navUnit_4 .subnav .main .vipBox .img {margin: 0 auto;height: 55px;}
}
@media only screen 
and (max-width : 840px) {
    header nav li.navUnit_3 .subnav .main .vipBoxHd, header nav li.navUnit_4 .subnav .main .vipBoxHd {width: 18%;max-width:138px;}
    header nav li.navUnit_3 .subnav .main ul, header nav li.navUnit_4 .subnav .main ul {
        padding: 0;
        width: calc(100% - 18%);
    }
    header nav li.navUnit_4 .subnav .main {
        background: url(../images/icon/icon_header_bg_arrow.png) no-repeat -7% center;
        background-size: auto 100%;
    }
    header nav ul li .subnav ul li {
        min-width: 124px;
    }
}





@media only screen 
and (max-width : 820px) {
    header .navbar .redBgTri {width: 370px;}
    /* header .navbar nav {padding: 0 0 0 30px;right: 330px;} */
    /* header .navbar nav > ul {width: 86%;} 20181206 */
    header .navbar nav ul li.navUnit_2 > a,
    header .navbar nav ul li.navUnit > a {padding: 0 7px 0 0;}
    header .navbar .toolsComplex a.qaComplex {margin: 0 12px 0 4px;}
    header .navbar nav .navBtnEBU {display: none;}
}
@media only screen 
and (max-width : 767px) {
    article.hotLinkBox ul li .conBox a.hd, article.hotLinkBox ul li .conBox span { font-size: 15px;}
    article.hotLinkBox ul li .conBox a, article.hotLinkBox ul li .conBox span { font-size: 14px;}
}
@media only screen 
and (max-width : 767px) {
    #wrapper.hideScroll header .topbar,
    #wrapper.hideScroll header .topAd {display: none;}
    .scrollDown {display: none;}
    header .memberbar,
    header .navbar nav,
    header .navbar .toolsComplex,
    article.otherLinkBox .otherBox,
    footer .main { display: none;}
    .eStorePage footer .main { display: block; padding: 0;}
    footer,
    .eStorePage footer {padding: 0;}
    footer .monitor { display: none;}    
    /* footer .mobile { display: block;} */
    .backtop {right: 5px;bottom: 100px;}
    header .topbar {position: relative;z-index: 10;height: 30px;line-height: 30px;background: #f2f2f2;text-align: right;}
    header .topbar a {display: inline;padding: 0 15px;color: #333;font-size: 11.5px;font-weight: normal;border-left: 0;border-right: 1px #7e7e7e solid;}
    header .topbar .mob-show {display: inline;}
	header .topbar a.ebu {display: inline;}
    header .topbar a:hover  {background: none;}
    header .topbar a:last-child {border-left: 0;border-right: 0;}
    header .navbar .redBg { left: 45px;height: 42px;}
    header .navbar {height: 42px;}
    header .navbar .main {text-align: right;}
    header .navbar .logo {top: 5px;left: 10px;width: 80px;height: 29px;z-index: 1;}
    header .navbar .navMobile {position: relative;float: right;display: block;z-index: 1;}
    header .navbar .navMobile a.msgComplex {background: url(../images/mobile/btn_msgComplex.gif) no-repeat;}
    header .navbar .navMobile a.qaComplex {background: url(../images/mobile/btn_qaComplex.gif) no-repeat;}
    header .navbar .navMobile a.retail {background: url(../images/mobile/btn_retail.jpg) no-repeat;}
    header .navbar .navMobile a.menuComplex {background: url(../images/mobile/btn_menu.jpg) no-repeat;}
    header .navbar .navMobile a.msgComplex,
    header .navbar .navMobile a.qaComplex,
    header .navbar .navMobile a.retail,
    header .navbar .navMobile a.menuComplex {float: left;width: 42px;height: 42px;font-size: 0;-moz-background-size: 42px auto;-webkit-background-size: 42px auto;background-size: 42px auto;}
    header .navbar .navMobile a.qaComplex {width: 46px;}
    header .navbar .navMobile a.msgComplex {width: 53px;margin: 0 6px 0 0;-moz-background-size: 53px auto;-webkit-background-size: 53px auto;background-size: 53px auto;}
    header .navbar .menuMobile {display: block;}
    header .navbar .redBgTri {width: auto;left: 45px;height: 42px;}
    header .menuMobile {display: block;}
    header .memberbar .login a,
    header .memberbar .logout a {padding: 0 0 0 37px;}
    .searchrevampbox .searchbox .schtags {float: none;height: 32px;position: absolute;width: auto;left: 0;right: 32px;}
    .searchrevampbox .searchbox .schtags input.schtext {height: 32px;line-height: 32px;}
    .searchrevampbox .searchbox input.schsubmit {height: 32px;width: 32px;}
    .searchrevampbox .selectboxit-container span {height: 32px;line-height: 32px;}
	section,
    .menuMobile .menubox,
    .eStorePage section {padding: 72px 0 0 0;}
    #wrapper.adSize section,
    #wrapper.adSize .menuMobile .menubox {padding: 132px 0 0 0;}
	#wrapper.adSize section.minSize {padding: 42px 0 0 0;}
    header.minSize,
    header.maxSize {top: -30px;}
    #wrapper.adSize header.minSize,
    #wrapper.adSize header.maxSize {top: -91px;}
    #wrapper header.minSize .menuMobile .menubox,
    #wrapper header.maxSize .menuMobile .menubox,
    #wrapper.adSize header.minSize .menuMobile .menubox,
    #wrapper.adSize header.maxSize .menuMobile .menubox {padding: 42px 0 0;}
    section article h2.mainHead {font-size: 16px;}
    section .main {padding: 20px 0;}
    section .main.recommend {padding: 20px 0;z-index: 18;}
    section article h2.mainHead,
    aside.toolbar h2.mainHead span,
    article.hotLinkBox h2.mainHead {font-size: 16px;}
    aside.toolbar {padding: 20px 10px 0 10px;}
    aside.toolbar ul.slickToolbar {filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;height: 0; }
    aside.toolbar ul li a {font-size: 14px;}
    aside.toolbar ul li a img { width: 50px;}
    aside.toolbar .slick-list { width: 94%; margin: 0 auto;}
    aside.toolbar .slick-slider .slick-prev { left: -15px; background: url(../images/icon/icon_slickprev.png) no-repeat center;}
    aside.toolbar .slick-slider .slick-next { right: -15px; background: url(../images/icon/icon_slicknext.png) no-repeat center;}
    aside.toolbar .slick-slider .slick-prev, 
    aside.toolbar .slick-slider .slick-next {height: 38px;margin-top: -19px;width: 28px;-moz-background-size: 20px auto;-webkit-background-size: 20px auto;background-size: 20px auto;}	
    aside.toolbar .slick-slider .slick-prev:hover,
    aside.toolbar .slick-slider .slick-next:hover { background-color: #999;}
    article.recommendBox .adBox .monitor,
    article.recommendBox ul li .photo .monitor,
    article.otherLinkBox .con,
    article.hotLinkBox ul.monitor { display: none;}
    article.recommendBox .adBox .mobile,
    article.recommendBox ul li .photo .mobile,
    article.hotLinkBox ul.mobile { display: block;}
    article.toolMobile { display: block;}
    article.recommendBox .adHome,
    article.recommendBox .adBox {padding: 0 0 19% 0;}
    article.hotLinkBox ul.mobile li {width: 50% !important;padding: 0 0 10px 8px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    article.hotLinkBox ul li .conBox {padding: 0 0 0 20px;border-left: 0;}
    article.hotLinkBox ul li .conBox a,
    article.hotLinkBox ul li .conBox span {font-size: 14px;}
    article.hotLinkBox ul.mobile li a b {color: #e71a0f;font-weight: normal;}
    article.recommendBox ul { padding: 0;}	
    article.recommendBox ul:after {content:"";display: table;clear: both;}
    article.recommendBox ul li { position: relative; float: left;width: 49%;margin: 0 2% 10px 0;overflow: inherit;}
    article.recommendBox ul li:nth-child(2),
    article.recommendBox ul li:nth-child(4),
    article.recommendBox ul li:nth-child(5) {margin: 0 0 10px 0;}
    article.recommendBox ul li:nth-child(2),
    article.recommendBox ul li:nth-child(4) {left: 0;}
    article.recommendBox ul li:after { position: absolute;left: 0;content:"";width: 100%;height: 10px;background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 70%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 70%);background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 70%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );}
    article.recommendBox ul li:last-child { margin: 0;}
    article.recommendBox ul li:nth-child(5) { width: 100%;}
    article.recommendBox .recBoxConBd { bottom: 0;}	
    article.recommendBox .recBoxCon { padding-bottom: 0 !important;}
    article.recommendBox .recBoxConBd .infoList {float: none;width: 96%;margin: 60px 2% 120px 2%;padding: 0;border-right: 0;}
    article.recommendBox .recBoxConBd .infoList .box {position: relative;margin: 0 0 40px 0;padding: 0 0 30px 18px;height: auto;border-bottom: 1px #d8d8d8 solid;}
    article.recommendBox .recBoxConBd .infoList .box .date,
    article.recommendBox .recBoxConBd .infoList .box .text { display: block; font-size: 16px;}
    article.recommendBox .recBoxConBd .infoList .box .date {padding: 0 0 10px 0;}
    article.recommendBox .recBoxConBd .infoList .box:after {top: 8px;margin: 0;}
    article.recommendBox .recBoxConBd .infoList a.more {margin: 0;}
    article.recommendBox .recBoxConBd .mainBox {padding: 20px 30px 40px 30px;}
    article.recommendBox ul li .conBox a.mask span.icon.gifts img {width: 12%;}
    article.recommendBox .recBoxConBd .mainBox.infoBox ol {float: none;width: auto;max-width: 285px;max-width: none;margin: 0 2%;}
    article.recommendBox .recBoxConBd .infoList {margin: 40px 2% 100px;}
    article.recommendBox .recBoxConBd ol li a.more {margin: 25px 0 0 0;}
    article.recommendBox .recBoxConBd ol li {float: none;margin: 0 auto 60px auto;width: 80%;}
    article.recommendBox .recBoxConBd ol li .photo {margin: 0 auto 20px;}
    article.recommendBox .recBoxConBd .mainBox.newBox ol li .photo,
    article.recommendBox .recBoxConBd .mainBox.programBox ol li .photo,
    article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .photo {width: 80%;max-width: 300px;}
    article.recommendBox .recBoxConBd ol li .con {width: 80%;max-width: 300px;margin: 0 auto;}
    article.recommendBox .recBoxConBd ol li .text {padding: 10px 0;}
    article.fetnetRecBox .fetnetRecHd {height: 80px;line-height: 2.6em;border: 0;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav {height: 80px;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi {font-size: 16px;}
    article.fetnetRecBox .fetnetRecHd.MaxBoxNav4 .slickMaxBoxNav .slick-track {width: 100% !important;}
    article.fetnetRecBox .fetnetRecHd.MaxBoxNav4 .slickMaxBoxNav .slickLi {width: 20% !important;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi a {height: 80px;padding: 10px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi img {position: relative;top: 0;margin: 0 0 0 0;display: inline-block;width: 28px;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi span.monitor {display: none;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi span.mobile {display: block;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox  { padding: 25px 30px 35px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox   { padding: 25px 30px 45px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox { padding: 25px 30px 40px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox   { padding: 25px 30px 50px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox  { padding: 25px 30px 50px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox  { padding: 25px 30px 50px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox   { padding: 25px 30px 35px 30px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.video .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.read .slickLiBox .slickUl .slickLi {margin: 0 2%;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.ring .slickLiBox .slickUl .slickLi:nth-child(1),
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.music .slickLiBox .slickUl .slickLi:nth-child(1),
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.mobile .slickLiBox .slickUl .slickLi:nth-child(1),
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.shop .slickLiBox .slickUl .slickLi {margin: 0 2%;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-prev { left: -25px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-next { right: -25px;}
    article.fetnetRecBox .fetnetRecHd .slick-slider .slick-prev,
    article.fetnetRecBox .fetnetRecHd .slick-slider .slick-next { width: 30px; height: 48px;margin-top: -24px;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
    article.fetnetRecBox .fetnetRecHd .slick-slider .slick-prev.slick-disabled,
    article.fetnetRecBox .fetnetRecHd .slick-slider .slick-next.slick-disabled { filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi.game .slickLiBox .slickUl .slickLi .title { padding: 10px 5px 5px 70px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .star { padding: 0 0 0 70px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .icon { margin: -20px 10px 0 10px;}
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slickUl .slickLi .icon img { max-width: 50px;}
    article.otherLinkBox .title {height: auto;line-height: 1.2em;padding: 10px 0;}
    article.otherLinkBox .title span { display: block; font-size: 11px; margin: 3px 0 0 0;}
    article.otherLinkBox .title img { max-height: 32px;}
    article.otherLinkBox .shareBox {width: 100%;}
    article.otherLinkBox .shareBox ul li:nth-child(1) { width: 36%;}
    article.otherLinkBox .shareBox ul li:nth-child(2) { width: 34%;}
    article.otherLinkBox .shareBox ul li:nth-child(3) { width: 30%;}
    article.otherLinkBox .shareBox { margin: 0;}	
    aside.toolbar h2.mainHead span.mobile,
    article.recommendBox h2.mainHead span.mobile,
    article.otherLinkBox h2.mainHead span.mobile {display: inline;letter-spacing: 0;}
    .seqComplex {height: auto !important;padding: 0 0 41% 0;}
    .seqComplex .seqBoxComplex {position: absolute; top: 0;left: 0;right: 0; bottom: 0;width: 100%;height: 100%;}
    .seqComplex .seqBox {bottom: 7%;}
    .seqComplex .seqBox .title {position: absolute;top: 0;bottom: 20px;left: 45%;right: 3%;height: auto;width: auto;margin: 0;}
    .seqComplex .seqBox .title.leftComplex { float: none;position: absolute;top: 0;bottom: 20px;left: 3%;right: 45%;height: auto;width: auto;margin: 0;}
    .seqComplex .bgComplex .monitor { display: none;}
    .seqComplex .bgComplex .mobile { display: block;}
    .seqComplex .seqBox .title span.button { margin: 10px 0 0;}
    .seqComplex .seq-pagination > * {margin: 0 4px;width: 8px;height: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
    .fb_iframe_widget,
    .fb_iframe_widget span,
    .fb_iframe_widget iframe[style]  {width: 101% !important;height: 101% !important;}
    .splashAD .bgComplex .monitor { display: none;}
    .splashAD .bgComplex .mobile { display: block;}
    .splashAD .video { position: absolute;top: 43%; left:2%;width: 96%;padding-bottom: 54%;}
    .seqComplex {border-top: 1px #d2d2d2 solid;}
    .searchrevampbox .searchbox .schtags {float: none;height: 32px;position: absolute;width: auto;left: 0;right: 32px;}
    .searchrevampbox .searchbox .schtags input.schtext {height: 32px;line-height: 32px;}
    .searchrevampbox .searchbox input.schsubmit {height: 32px;width: 32px;}
    .searchrevampbox .selectboxit-container span {height: 32px;line-height: 32px;}
    .lightboxComplex .lightBox .lightConBox {padding: 25px 15px;height: 300px;}
    .login-menubar { display: none;}
    .adeStoreFt {padding: 1px 0 0 0;}
    .featherlight .featherlight-close-icon {top: 4px;right: 4px;line-height: 30px;width: 30px;}
    .featherlight .featherlight-close-icon {background: url(../images/icon/icon_splashAD.png) no-repeat center;-webkit-background-size: 24px auto;-o-background-size: 24px auto;background-size: 24px auto;}
    .featherlight .featherlight-close-icon:hover { background: url(../images/icon/icon_splashAD_hover.png) no-repeat center;-webkit-background-size: 24px auto;-o-background-size: 24px auto;background-size: 24px auto;}
    div.quickLinkBox {padding: 20px 0;}
    article.quickLinkBox {padding: 0 10px;}
    article.quickLinkBox h2.mainHead {font-size: 16px;padding: 7px 0 10px 0;margin: 0 0 15px 0;}
    article.quickLinkBox ul {margin: -3px 0 -3px 0;}
    article.quickLinkBox ul li {float: left; width: 50% !important;padding: 5px 0 5px 8px;font-size: 14px;margin: 0;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    article.fillForm .fillFormBox .formBox.open .fillFormBoxBd, 
    article.fillForm .fillFormBox .subFormBox.open .subFormBoxBd {width: calc(100vw - 30px);margin: 0 auto;}
    .lightboxComplex .lightBox.w650,
    .lightboxComplex .lightBox.w900,
    .lightboxComplex .lightBox {width: auto;}
    .lightboxComplex .editBox.eStore .productFeature .minorTitle,
    .lightboxComplex .editBox.eStore .productFeature .minorSubTitle {text-align: left;}
    .lightboxComplex .editBox.eStore .productSpecification .title,
    .lightboxComplex .editBox.eStore .productFeature .title {margin: 10px -25px 20px -25px;}
    .lightboxCustom .lightBox .lightConBox .editBox .cardInforBox .cardInforHd a {right: 10px;}
}
@media only screen 
and (max-width : 720px) {
    .seqComplex .seqBox .title .text { display: none;}
}
@media only screen 
and (max-width : 680px) {
    article.recommendBox .recBoxConBd ol li {margin: 0 auto 30px auto;}
    article.recommendBox .recBoxConBd .mainBox.newBox ol li .photo,
    article.recommendBox .recBoxConBd .mainBox.programBox ol li .photo,
    article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .photo {width: 70%;}
    article.recommendBox .recBoxConBd .mainBox.newBox ol li .con,
    article.recommendBox .recBoxConBd .mainBox.programBox ol li .con,
    article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .con {width: 70%;}
    .seqComplex {-moz-background-size: auto 60%;-webkit-background-size: auto 60%;background-size: auto 60%;}
    .seqComplex .seqBox .title span.button {font-size: 13px;height: 32px;line-height: 32px;width: 110px;margin: 5px 0 0;}
}
@media only screen 
and (max-width : 640px) {
    header .topAd .mainTitle {font-size: 18px;}
    header .topAd .main .boxColumn {padding: 10px 50px 10px 0;}
    header .topAd .mainTitle .boxComplex {padding: 0 0 0 15px;margin: 0 20px;}
    header .topAd .button {padding: 2px 0;}
    header .topAd .button a {font-size: 15px;height: auto;line-height: 24px;padding: 5px 10px;text-align: left;width: 120px;}
    header .topAd .button a img {top: 0;}
    header .topAd .monitor {display: none;}
    header .topAd .mobile {display: block;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .photo {width: 70%;}
    article.recommendBox .recBoxConBd .infoList {margin: 40px 2% 80px;}
    article.recommendBox .recBoxConBd .infoList .box .text .textBd {height: auto;overflow: initial;}
    .lightboxCustom .lightBox .lightConBox .editBox .cardInforBox .cardInforHd {padding-right: 0;}
    .lightboxCustom .lightBox .lightConBox .editBox .cardInforBox .cardInforHd > div {display: block;padding: 5px 10px 5px 10px;margin: 0 0 -10px 0;}
    .lightboxCustom .lightBox .lightConBox .editBox .cardInforBox .cardInforHd > div:nth-child(3) {margin: 0 0 0 0;}
}
@media only screen 
and (max-width : 630px) {
    header .topAd .mainTitle {line-height: 20px;}
}
@media only screen 
and (max-width : 520px) {
    header .topAd .mainTitle { font-size: 18px;}
    header .topAd .button a { font-size: 15px;}
    header .topAd a.close { right: 10px;}
    header .topAd .mainTitle .boxComplex { margin: 0 10px 0 13px;padding: 0 0 0 13px;}
    aside.toolbar ul li a { padding: 5px; font-size: 13px;}
    aside.toolbar ul li a:hover { background: none;}
    aside.toolbar ul li a img { width: 40px;}
    article.fetnetRecBox .slick-slider .slick-prev { left: -25px; background: url(../images/icon/icon_slickprev.png) no-repeat center;}
    article.fetnetRecBox .slick-slider .slick-next { right: -25px; background: url(../images/icon/icon_slicknext.png) no-repeat center;}
    article.fetnetRecBox .slick-slider .slick-prev, 
    article.fetnetRecBox .slick-slider .slick-next {height: 38px;margin-top: -19px;width: 28px;-moz-background-size: 20px auto;-webkit-background-size: 20px auto;background-size: 20px auto;}	
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-prev:hover,
    article.fetnetRecBox .fetnetRecBd .slickMaxBox .slickLi .slickLiBox .slick-slider .slick-next:hover { background-color: #999;}
    article.fetnetRecBox .tabs ul li a {padding: 5px 10px;font-size: 15px;line-height: 18px;width: 100%;height: 48px;display: inline-flex;flex-wrap: wrap;align-content: center;justify-content:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
    article.fetnetRecBox .tabs ul li a span {padding: 15px 15px 35px 15px;}	
    article.recommendBox .recBoxConBd .mainBox.productBox {padding: 15px 20px 25px 10px;}
    article.recommendBox .recBoxConBd .mainBox.infoBox {padding: 15px 15px 15px 15px;}
    article.recommendBox .recBoxConBd .infoList .box {margin: 0 0 20px 0;padding: 0 0 20px 18px;}
    article.recommendBox .recBoxConBd .infoList .box .date, 
    article.recommendBox .recBoxConBd .infoList .box .text {font-size: 13px;}
    article.recommendBox .recBoxConBd ol li {width: 100%;}
    article.recommendBox .recBoxConBd ol li:after {content:"";display: table;clear: both;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .photo,
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .con {display: table-cell;vertical-align: middle;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .photo {width: 60%;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .con {width: 40%;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .photo {text-align: left;}
    article.recommendBox .recBoxConBd .mainBox.productBox ol li .photo img {width: 90%;}
    article.recommendBox .recBoxConBd .mainBox.newBox ol li .photo,
    article.recommendBox .recBoxConBd .mainBox.programBox ol li .photo,
    article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .photo {display: inline-block;vertical-align: top;width: 60%;margin: 0 3% 0 0;}
    article.recommendBox .recBoxConBd .mainBox.newBox ol li .con,
    article.recommendBox .recBoxConBd .mainBox.programBox ol li .con,
    article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .con {display: inline-block;vertical-align: top;width: 35%;}
    article.recommendBox .recBoxConBd .mainBox.newBox ol li .text,
    article.recommendBox .recBoxConBd .mainBox.programBox ol li .text,
    article.recommendBox .recBoxConBd .mainBox.giftsBox ol li .text {padding: 10px 0 0 0;}
    article.fetnetRecBox .fetnetRecHd {height: 60px;line-height: 2em;border: 0;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav {height: 60px;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi {font-size: 13px;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi a {height: 60px;padding: 8px 0;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi img {width: 24px;}
    article.fetnetRecBox .tabs .tabsBox .conBox .slickUl .slickLi .icon {margin: -20px 10px 0 10px;}
    article.fetnetRecBox .tabs .tabsBox .conBox .slickUl .slickLi .icon img {width: 50px;}
    article.fetnetRecBox .tabs .tabsBox.game .conBox .slickUl .slickLi .title { padding: 10px 10px 5px 75px;}
    article.fetnetRecBox .tabs .tabsBox.game .conBox .slickUl .slickLi .star { padding: 0 0 0 75px;}
    .seqComplex .seqBox .title {padding: 10px;}
    .seqComplex .seqBox .title span.button {font-size: 12px;height: 26px;line-height: 26px;width: 90px;margin: 5px 0 0;}
    .seqComplex .seqBox .title span.button img {height: 10px;top: -2px;width: 10px;}
    .seqComplex .seqBox .title .subTitle { display: none;}
    .seqComplex .navigationBox {bottom: 8px;}

    .featherlight .featherlight-content {width: 90%;}
    .lightboxComplex .editBox.eStore {padding: 0;}
}
@media only screen 
and (max-width : 480px) {
    header .topAd .mainTitle { font-size: 15px; line-height: 20px;font-weight: bold;}
    header .topAd .button a { width: 60px; padding: 4px 8px; font-size: 14px; line-height: 16px; }
    header .topAd .button { padding: 0;}
    .seqComplex .seqBox .title .mainTitle { font-size: 16px;}
    article.recommendBox .recBoxConBd .infoList {margin: 20px 2% 65px;}	
    article.recommendBox .recBoxConBd .infoList .box {margin: 0 0 10px 0;padding: 0 0 10px 18px;}
    article.recommendBox .recBoxConBd .infoList .box .date {padding: 0 0 2px;}
    article.recommendBox ul li .conBox a.mask span {height: 60px;}
    article.recommendBox ul li .conBox a.mask {font-size: 20px;}
    .featherlight .featherlight-close-icon {top: 0;right: 0;line-height: 32px;width: 32px;background: url(../images/icon/icon_splashAD.png) no-repeat center; -webkit-background-size: 26px auto;background-size: 26px auto;}
    .featherlight .featherlight-close-icon:hover { background: url(../images/icon/icon_splashAD_hover.png) no-repeat center;-webkit-background-size: 26px auto;background-size: 26px auto;}
}



/**
*
* iPads
*
**/
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .login-menubar { display: none;}
    .adLoginFt {padding: 3vw 0 60vw 0;max-width: 500px;margin: 0 auto;}
    /* header */
    header nav li.navUnit_4 .subnav .main .btnBox span.button{font-size:13px}
    header nav li.navUnit_4 .subnav .main{background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 2% center;background-size: auto 100%;}
    header nav li.navUnit_3 .subnav .main{background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 6% center;background-size: auto 100%; }
    header nav li.navUnit_3 .subnav .main.general .vipBox .tosStting, header nav li.navUnit_4 .subnav .main.general .vipBox .tosStting{font-size:13px}
    header nav li.navUnit_3 .subnav .main ul, header nav li.navUnit_4 .subnav .main ul{padding: 0;width: calc(100% - 22%);}
    header nav li.navUnit_3 .subnav .main .vipBox .img, header nav li.navUnit_4 .subnav .main .vipBox .img{height:60px }
    header nav li.navUnit_3 .subnav .main.general .vipBox .img, header nav li.navUnit_4 .subnav .main.general .vipBox .img{height:50px}
    header nav li.navUnit_3 .subnav .main .btnBox{width: 126px}
    header nav ul li.navUnit_2 .subnav ul li, header nav li.navUnit_4 .subnav .main ul li{min-width: 120px}
    header nav li.navUnit_3 .subnav .main .vipBoxHd, header nav li.navUnit_4 .subnav .main .vipBoxHd { width: 17%;}
}
@media only screen  
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .login-menubar { display: none;}
    .adLoginFt {padding: 3vw 0 60vw 0;max-width: 500px;margin: 0 auto;}
    /* header */
    header nav li.navUnit_4 .subnav .main .btnBox span.button{font-size:13px}
    header nav li.navUnit_4 .subnav .main{background: url(../images/icon/icon_header_bg_arrow.png) no-repeat -2% center;background-size: auto 100%;}
    header nav li.navUnit_3 .subnav .main{background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 6% center;background-size: auto 100%; }
    header nav li.navUnit_3 .subnav .main.general .vipBox .tosStting, header nav li.navUnit_4 .subnav .main.general .vipBox .tosStting{font-size:13px}
    header nav li.navUnit_3 .subnav .main ul, header nav li.navUnit_4 .subnav .main ul{padding: 0;width: calc(100% - 22%);}
    header nav li.navUnit_3 .subnav .main .vipBox .img, header nav li.navUnit_4 .subnav .main .vipBox .img{height:60px }
    header nav li.navUnit_3 .subnav .main.general .vipBox .img, header nav li.navUnit_4 .subnav .main.general .vipBox .img{height:50px}
    header nav li.navUnit_3 .subnav .main .btnBox{width: 126px}
    header nav ul li.navUnit_2 .subnav ul li, header nav li.navUnit_4 .subnav .main ul li{min-width: 120px}
    header nav li.navUnit_3 .subnav .main .vipBoxHd, header nav li.navUnit_4 .subnav .main .vipBoxHd { width: 17%;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    
}


/**
*
* iPads pro
*
**/

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait) {
	/* pad portrait */
    header nav li.navUnit_4 .subnav .main {
        background: url(../images/icon/icon_header_bg_arrow.png) no-repeat 6% center;
        background-size: auto 100%;
    }
	header .topbar .pad-show{display: none;}
    header .navbar nav ul li.navUnit_0{display: inline-block;}
}
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : landscape) {
    
}




/**
*
* iPhones 
*
**/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
    article.fetnetRecBox .fetnetRecHd .slick-slider .slick-prev:hover,
    article.fetnetRecBox .fetnetRecHd .slick-slider .slick-next:hover {background-color: transparent;}
    header .topAd .main {padding: 0 60px 0 0;}
    header .topAd .button {padding: 0 0 0;}
    header .topAd .button a {line-height: 16px;padding: 4px 8px;}
    header .topbar a {font-size: 13px;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.video:hover a,
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.shop:hover a,
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.mobile:hover a,
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.game:hover a,
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.ring:hover a,
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.music:hover a,
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slickLi.read:hover a{ color: #333; background: none;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.video:hover a       { color: #fff; background: #26addf;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.shop:hover a        { color: #fff; background: #e72410;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.mobile:hover a      { color: #fff; background: #009f49;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.game:hover a        { color: #fff; background: #ee7800;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.ring:hover a        { color: #fff; background: #e72410;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.read:hover a        { color: #fff; background: #43bab1;}
    article.fetnetRecBox .fetnetRecHd .slickMaxBoxNav .slick-current.music:hover a       { color: #fff; background: #a90884;}
    header .navbar nav .navBtnCBU a:hover,
    header .navbar nav .navBtnEBU a:hover { color: #ab5f00;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : portrait) {}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) 
and (orientation : landscape) {
    header .topAd .button a {width: 115px;line-height: 22px;padding: 8px 6px 8px 10px;}
    header .topAd .button {padding: 0 0 0;}
}
/**
*
* ratio: 1.5
*
**/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}