/* CSS Document */
body { font:14px/22px wf_segoe-ui_normal, 'Segoe UI', Arial, Meiryo, Tahoma, sans-serif; padding:0; margin:0; color:#333; min-width:1280px; }
p, h1, h2, h3, h4, h5, h6, ol, ul, li, dd, dt, dl { margin:0; padding:0; font-weight:400;}
.clear { clear:both;}
.MacDown { width:280px; height:68px; background:url(https://www.5kplayer.com/img/macdown.png)}
a { color:#000; text-decoration:underline;}
a:hover { color:#538ffe; text-decoration:underline;}
*{ margin:0; padding:0;}

p a { color:#538ffe; text-decoration:none;}
p a:hover { color:#FF3300; text-decoration:underline;}

img { border:0;}

.BuleWinDown { background: url(https://www.5kplayer.com/img/winiocjp.png) 200px 5px no-repeat #00afef; border:5px solid #ddf5fd; background-clip:"padding-box"; width: 260px; height: 60px; border-radius: 10px;
-moz-border-radius:10px; -webkit-border-radius:10px; color: #fff; font-size: 23px; padding: 0 0 0 15px; line-height: 60px; cursor: pointer; transition: all 0.5s; -webkit-transition:all 0.5S;
-moz-transition:all 0.5s; display:inline-block; text-align: left; }
.BuleWinDown:hover { background: url(https://www.5kplayer.com/img/winiocjp.png) 200px 5px no-repeat #23c2fc; }
/* CSS Document */
.BuleMacDown { background: url(https://www.5kplayer.com/img/maciocjp.png) 200px 5px no-repeat #9ecd3d; border:5px solid #edf7d7; background-clip:"padding-box"; width: 260px; height: 60px; border-radius: 10px;
-moz-border-radius:10px; -webkit-border-radius:10px; color: #fff; font-size: 23px; padding: 0 0 0 15px; line-height: 60px; cursor: pointer; transition: all 0.5s; -webkit-transition:all 0.5S;
-moz-transition:all 0.5s; display:inline-block; text-align: left; }
.BuleMacDown:hover { background: url(https://www.5kplayer.com/img/maciocjp.png) 200px 5px no-repeat #afe344; }

/* CSS Document */

.top-banner{position:fixed; top:0; left:0; width:100%; display:none; z-index:1000; visibility:hidden;}
.top-banner .close-box{width:1200px; margin:0 auto;}
.top-banner .close-box span{float:right; font-size:25px;  color: #333;cursor: default;margin-right: -60px;}
.top-banner a div{height:107px; background:url(https://www.5kplayer.com/banner/index-banner.png) no-repeat center;}
.top-banner a img.mobile-banner{display:none;}

/* .i8_banner{ background:url(../banner/top-banner.jpg) no-repeat center; display:none;} */
/* .i8_banner a{display:block; height:549px;} */
.i8_banner{ background:url(https://www.5kplayer.com/banner/index-banner.png) no-repeat center; display:none;}
.i8_banner a{display:block; height:107px;}
/* CSS Document */

.MainNav { height:68px; background:url(https://www.5kplayer.com/img/nav.jpg) center no-repeat;}
.MainNav .detail { width:1280px; height:68px; margin:0 auto;}
.MainNav .detail .left { width:115px; float:left; height:58px; background:#393940; text-align:right; padding:10px 10px 0 0; }
.MainNav .detail .right { width:915px; float:left; height:68px; background:#656565; font-family:Tahoma, Verdana, sans-serif;}
.MainNav .detail .right ul { list-style:none; color:#FFF; font-size:17px; font-weight:bold; line-height:66px;}
.MainNav .detail .right ul li { display:block;float:left; text-align:center; position:relative; }
.MainNav .detail .right ul li a { text-decoration:none; color:#FFF; display:block; padding:0 20px; }
.MainNav .detail .right ul li a:hover { border-bottom:2px #ff2865 solid; display:block; height:66px; background:#909090; }
.current { border-bottom:2px #ff2865 solid; display:block; height:66px; background:#909090; }
.MainNav .detail .right ul li >img{position:absolute; right:-10px; top:5px; z-index:2;}

.MainNav .detail .other { width:240px; float:right; font-family:Tahoma, Verdana, sans-serif;}
.MainNav .detail .other ol { list-style:none; color:#FFF; font-size:17px; font-weight:bold; line-height:66px; float:right;}
.MainNav .detail .other ol li { display:block; width:120px; float:left; text-align:center;}
.MainNav .detail .other ol li a { text-decoration:none; color:#FFF;  display:block;}
.MainNav .detail .other ol li a:hover { border-bottom:2px #ff2865 solid; display:block; width:120px; height:66px; background:#909090; }

/* CSS Document */
.MainFoot { background:#656565;}
.MainFoot .detail {  width:1280px; margin:0 auto; padding:10px 0;  }
.MainFoot .detail p { text-align:center; padding:5px 0;  color:#FFF;}
.MainFoot .detail p i { color:#b3b3b3; font-style:normal;}
.MainFoot .detail p a { color:#FFF; text-decoration:none;}
.MainFoot .detail p a:hover { color:#FFF; text-decoration:underline;}

.detail .lang { position:absolute; width:200px; height:15px; top:10px; right:20px;}
.detail .lang img { margin:2px 15px;}

/* more lang flag */
.detail .lang-list,.Details .lang-list {padding: 20px 0 0 0;text-align: right;}
.detail .lang-list a,.Details .lang-list a {display: inline-block;margin-left: 4px;vertical-align: middle;}
/* more lang flag */

@media (min-width: 768px) and (max-width: 979px) {
	body {  width:100%; min-width:100%; }
.MobileNo { display:none; }

	.MainFoot .detail {  width:100%; margin:0 auto; padding:10px 0;  }
    
    .top-banner{visibility:hidden;}
}


@media (min-width: 480px) and (max-width: 767px) {
body {  width:100%; min-width:100%; }
.MobileNo { display:none; }
.MainFoot .detail {  width:100%; margin:0 auto; padding:10px 0;  }
    
    .top-banner{visibility:hidden;}
}

@media  (max-width: 479px) {
body {  width:100%; min-width:100%; }
.MobileNo { display:none; }
.MainFoot .detail {  width:100%; margin:0 auto; padding:10px 0;  }

    .top-banner{visibility:hidden;}
    .top-banner a div{display:none;}
    .top-banner a img.mobile-banner{display:block; width:100%;}
    .top-banner .close-box{width:100%;}
    .top-banner .close-box span{position:absolute; top:-5px; right:3px;color: #fff;}
}