@charset "utf-8";
/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +common
        +toolbar
        +recommendBox
	    +fetnetRec
    +jquery plugin
-----------------------------------------------------------------------------*/
/* content
*----------------------------------------------------------------------------*/
/**
*
* menuMobile 
*
**/
.menuMobile {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -280px;
    float: right;
    width: 280px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	z-index: 3;
}
.menuMobile.on {
	height:100% !important;
    right: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.menuMobile .menubox {
    padding: 42px 0 0 0;
    width: 280px;
    background: #f2f2f2;
    min-height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    z-index: 3;
}
.menuMobile .menuhd {
    text-align: right;
    padding: 10px 15px 12px 15px;
}
.menuMobile .menuhd .logout {
    line-height: 20px;
    padding: 4px 0 0 0;
    font-size: 14px;
}
.menuMobile .menuhd .logout a {
}
.menuMobile .menuhd .logout .icon {
    float: left;
    width: 24px;
    height: 24px;
    overflow: hidden;
	background: url(../images/icon/vip/icon_menuhd.png) no-repeat;
	-webkit-background-size: 24px auto;
	-o-background-size: 24px auto;
	background-size: 24px auto;
}
.menuMobile .menuhd .login {
    font-size: 15px;
    line-height: 38px;
}
.menuMobile .menuhd .login .icon.vip,
.menuMobile .menuhd .login .icon.vip2,
.menuMobile .menuhd .login .icon.fet,
.menuMobile .menuhd .login .icon.web {
    float: left;
    text-align: left;
    overflow: hidden;
    text-indent: -100000px;
}
.menuMobile .menuhd .login .icon.vip {background: url(../images/icon/vip/icon_vipBk.png) no-repeat;}
.menuMobile .menuhd .login .icon.vip2 {background: url(../images/icon/vip/icon_vipup.png) no-repeat;}
.menuMobile .menuhd .login .icon.fet {background: url(../images/icon/vip/icon_FETmobile.png) no-repeat center;}
.menuMobile .menuhd .login .icon.web {background: url(../images/icon/vip/icon_webmobile.png) no-repeat center;}
.menuMobile .menuhd .login .icon.vip {
    width: 58px;
    height: 48px;
    margin: -4px 0 0 0;
	-webkit-background-size: auto 48px;
	-o-background-size: auto 48px;
	background-size: auto 48px;
}
.menuMobile .menuhd .login .icon.vip2 {
    width: 81px;
    height: 48px;
    margin: -4px 0 0 0;
	-webkit-background-size: auto 48px;
	-o-background-size: auto 48px;
	background-size: auto 48px;
}
.menuMobile .menuhd .login .icon.fet {
    width: 105px;
}
.menuMobile .menuhd .login .icon.web {
    width: 92px;
}
.menuMobile .menuhd .login .icon.fet,
.menuMobile .menuhd .login .icon.web {
    height: 24px;
    margin-top: 4px;
	-webkit-background-size: auto 24px;
	-o-background-size: auto 24px;
	background-size: auto 24px;
}
.menuMobile .menuhd .login a.iconLogout {
    display: block;
    float: right;
	color: #333;
	font-weight: bold;
    top: auto;
    line-height: 30px;
    padding: 0 0 0 37px;
    border-right: 0;
	background: url(../images/icon/icon_logout.png) no-repeat 17px 7px;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	-o-background-size: 17px auto;
	background-size: 17px auto;
}
.menuMobile .menuhd .login .con {
    width: 185px;
    padding: 5px 0 0 0;
    font: 12px/14px Helvetica, sans-serif;
    text-align: left;
    word-wrap: break-word;
    -moz-binding: url('js/wordwrap.xml#wordwrap');
    display: block;
    overflow: auto;
}
.menuMobile .menubd {
    border-top: 1px #d8d8d8 solid;
}
.menuMobile .menubd.friday {
    border-top: 1px #bbb solid;
    border-top: 4px #ddd solid;
    border-bottom: 4px #ddd solid;
}
.menuMobile .menubd h3 {
    padding: 0 0 5px 0;
    color: #666;
    font: 12px/18px Helvetica, sans-serif;
}
.menuMobile .menubd hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 7px auto;
	background: #ede5dc;
}
.menuMobile .menubd ul {
	display: block;
	clear: both;
	overflow: hidden;
    padding: 0 0 0 33px;
}
.menuMobile .menubd ul:nth-child(1) {
    background: #fff;
    padding: 0 0 0 15px;
    border-right: 4px #c0c0c0 solid;
}
.menuMobile .menubd.openSub ul:nth-child(1) {
    border-right: 4px #c8291e solid;
}
.menuMobile .menubd ul:nth-child(2) {
    background: #e8e8e8;
    /*border-top: 2px #c8291e solid;*/
    border-top: 1px #d8d8d8 solid;
}
.menuMobile .menubd.friday ul:nth-child(2) {
    background: #f8f2eb;
}
.menuMobile .menubd ul.submenu2 {
    display: none;
}
.menuMobile .menubd.friday ul:nth-child(1) {
    background: #f2f2f2;
}
.menuMobile .menubd.friday ul:nth-child(1) img {
    max-width: 48px;
    vertical-align: middle;
}
.menuMobile .menubd.EBU ul:nth-child(1) {
    background: #ece3d3;
    border-right: 4px #c18e61 solid;
}
.menuMobile .menubd.EBU ul:nth-child(1) img {
    position: relative;
    top: -2px;
    margin: 0 2px 0 0;
    max-width: 24px;
    vertical-align: middle;
}
.menuMobile .menubd ul li {
    padding: 12px 0;
    border-top: 1px #a9a9a9 solid;
}
.menuMobile .menubd ul.subicon2 li {
    background: url(../images/mobile/icon_submenu2Open.png) no-repeat 92% center;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.menuMobile .menubd.openSub ul.subicon2 li {
    background: url(../images/mobile/icon_submenu2Close.png) no-repeat 92% center;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.menuMobile .menubd ul.submenu2 li {
    /*border-top: 1px #a9a9a9 solid;*/
    background: none;
}
.menuMobile .menubd ul.submenu2 li.hd {
    margin: 0 0 0 -18px;
}
.menuMobile .menubd ul li.noArrow {
    background: none;
}
.menuMobile .menubd ul li:nth-child(1) {
    border-top: 0;
}
.menuMobile .menubd ul li,
.menuMobile .menubd ul li a {
    display: block;
    font: 16px/22px Helvetica, sans-serif;
}
.menuMobile .menubd ul:nth-child(1) li,
.menuMobile .menubd ul:nth-child(1) li a,
.menuMobile .menubd ul.submenu2 li.hd a {
    font-weight: bold;
}
.menuMobile .menubd ul li a b {
    color: #e71a0f;
    font-weight: normal;
}
.menuMobile .menubd .box {
    padding: 8px 0;
    display: block;
    clear: both;
    overflow: hidden;
}
.menuMobile .menubd .box a {
    float: left;
    display: block;
    height: 27px;
    text-indent: -10000px;
    margin-bottom: 10px;
}
.menuMobile .menubd .box a:last-child {
    margin-bottom: 0;
}
.menuMobile .menubd .box a.fans {
    float: left;
    width: 110px;
	background: url(../images/mobile/icon_fans.gif) no-repeat;
	-webkit-background-size: 89px 27px;
	-o-background-size: 89px 27px;
	background-size: 89px 27px;
}
.menuMobile .menubd .box a.video {
    float: left;
    width: 110px;
	background: url(../images/mobile/icon_video.gif) no-repeat;
	-webkit-background-size: 100px 27px;
	-o-background-size: 100px 27px;
	background-size: 100px 27px;
}
.menuMobile .menubd .box a.talk {
    float: left;
    width: 80px;
    background: url(../images/mobile/icon_navDeer.gif) no-repeat;
    -webkit-background-size: 71px 27px;
    -o-background-size: 71px 27px;
    background-size: 71px 27px;
}
.menuMobile .menuft {
    border-top: 1px #bbb solid;
    padding: 8px 8px 40px 8px;
}
.menuMobile .menuft .menubd {
    border-top: 0;
}
.menuMobile .menuft .menubd .box {
    padding: 0 0 10px 0;
    margin: 0 0 18px 0;
}
.menuMobile .menuft .box {
    margin: 10px 0 10px 0;
    font: 12px/20px Helvetica, sans-serif;
}
.menuMobile .menuft .privacy,
.menuMobile .menuft .copyright {
    font: 12px/18px Helvetica, sans-serif;
}
.menuMobile .menuft .privacy span {
    padding: 0 3px;
}
/**
*
* crumbBox
*
**/
.scrollDown {
    position: fixed;
    bottom: 18px;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: 0 0 0 -18px;
    border: 2px #c08955 solid;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9999;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.scrollDown a {
    display: block;
    text-align: center;
}
.scrollDown img {
    position: relative;
    top: 2px;
    max-width: 18px;
    animation: scrollDownArrow 1.1s infinite;
    opacity: .25;
}
@keyframes scrollDownArrow {
    0%   {top: 2px;opacity: 0;}
    10%  {top: 2px;opacity: 0;}
    20%  {top: 4px;opacity: .25;}
    30%  {top: 8px;opacity: .50;}
    40%  {top: 12px;opacity: .75;}
    50%  {top: 14px;opacity: 1;}
    100% {top: 14px;opacity: 1;}
}