/* CSS Document */
body { font:14px/22px Verdana, Arial, 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:#538ffe; text-decoration:underline;}
a:hover { color:#FF3300; text-decoration:underline;}

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

img { border:0;}
*{ margin:0; padding:0;}

.BuleWinDown,.basicWinDown-smaller,.basicWinDown-small,.basicWinDown-middle,.basicWinDown-large { background: url(https://www.5kplayer.com/img/winioc.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; }
.basicWinDown-smaller {width: 100px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-win-icon.png) 146px 5px no-repeat #00afef;position: relative;}
.basicWinDown-small {width: 174px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-win-icon.png) 220px 5px no-repeat #00afef;position: relative;}
.basicWinDown-middle {width: 190px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-win-icon.png) 236px 6px no-repeat #00afef;position: relative;font-size: 21px;}
.basicWinDown-large {width: 202px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-win-icon.png) 248px 6px no-repeat #00afef;position: relative;font-size: 18px;}
.basicWinDown-smaller > span,.basicWinDown-small > span,.basicWinDown-middle > span,.basicWinDown-large > span {width: 100px;text-align: center;height: 12px;line-height: 12px;font-size: 12px;color: #fff;position: absolute;top: 41px;right: 0;}
.BuleWinDown:hover { background: url(https://www.5kplayer.com/img/winioc.png) 200px 5px no-repeat #23c2fc; }
.basicWinDown-smaller:hover { background: url(https://www.5kplayer.com/img/basic-win-icon.png) 146px 5px no-repeat #23c2fc; }
.basicWinDown-small:hover { background: url(https://www.5kplayer.com/img/basic-win-icon.png) 220px 5px no-repeat #23c2fc; }
.basicWinDown-middle:hover { background: url(https://www.5kplayer.com/img/basic-win-icon.png) 236px 6px no-repeat #23c2fc; }
.basicWinDown-large:hover { background: url(https://www.5kplayer.com/img/basic-win-icon.png) 248px 6px no-repeat #23c2fc; }
/* CSS Document */
.BuleMacDown,.basicMacDown-smaller,.basicMacDown-small,.basicMacDown-middle,.basicMacDown-large { background: url(https://www.5kplayer.com/img/macioc.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;}
.basicMacDown-smaller {width: 100px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 146px 5px no-repeat #9ecd3d;;position: relative;}
.basicMacDown-small {width: 174px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 220px 5px no-repeat #9ecd3d;position: relative;}
.basicMacDown-middle {width: 190px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 236px 6px no-repeat #9ecd3d;position: relative;font-size: 21px;}
.basicMacDown-large {width: 202px;padding: 0 100px 0 10px;background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 248px 6px no-repeat #9ecd3d;position: relative;font-size: 18px;}
.basicMacDown-smaller > span,.basicMacDown-small > span,.basicMacDown-middle > span,.basicMacDown-large > span {width: 100px;text-align: center;height: 12px;line-height: 12px;font-size: 12px;color: #fff;position: absolute;top: 41px;right: 0;}
.BuleMacDown:hover { background: url(https://www.5kplayer.com/img/macioc.png) 200px 5px no-repeat #afe344; }
.basicMacDown-smaller:hover { background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 146px 5px no-repeat #afe344; }
.basicMacDown-small:hover { background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 220px 5px no-repeat #afe344; }
.basicMacDown-middle:hover { background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 236px 6px no-repeat #afe344; }
.basicMacDown-large:hover { background: url(https://www.5kplayer.com/img/basic-mac-icon.png) 248px 6px no-repeat #afe344; }
/* CSS Document */
.MainNav { height:68px; background:url(https://www.5kplayer.com/img/nav.jpg) center no-repeat;}
.newMainNav {height:68px;background: #393941;}
.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 26px; }
.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;}

.newMainNav .detail { width:1280px; height:68px; margin:0 auto;}
.newMainNav .detail .left { width:115px; float:left; height:52px; text-align:right; padding:16px 10px 0 0; }
.newMainNav .detail .left a img{max-width:100%;}
.newMainNav .detail .right { width:1155px; float:left; height:68px; font-family:Tahoma, Verdana, sans-serif;}
.newMainNav .detail .right ul { list-style:none; color:#FFF; font-size:17px; font-weight:bold; line-height:66px;}
.newMainNav .detail .right ul li { display:block; float:left; text-align:center; position:relative; }
.newMainNav .detail .right ul li a { text-decoration:none; color:#FFF; display:block; padding:0 26px; }
.newMainNav .detail .right ul li a:hover {color: #0bb7f5;}
.newMainNav .detail .right ul li a>span.has-style { display: inline-block; vertical-align: top; margin: 12px 0 0 5px; width: 30px; height: 18px; line-height: 18px; text-align: center; border-radius: 3px; font-size: 14px; color: #F36549; animation:hasStyle 2s infinite; -webkit-animation:hasStyle 2s infinite; -moz-animation:hasStyle 2s infinite; -ms-animation:hasStyle 2s infinite; -o-animation:hasStyle 2s infinite; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
@keyframes hasStyle {0% {background-color: transparent;color: #F36549}50% {background-color: #F36549;color: white;}100% {background-color: transparent;color: #F36549;}}
@-webkit-keyframes hasStyle {0% {background-color: transparent;color: #F36549}50% {background-color: #F36549;color: white;}100% {background-color: transparent;color: #F36549;}}
@-moz-keyframes hasStyle {0% {background-color: transparent;color: #F36549}50% {background-color: #F36549;color: white;}100% {background-color: transparent;color: #F36549;}}
@-ms-keyframes hasStyle {0% {background-color: transparent;color: #F36549}50% {background-color: #F36549;color: white;}100% {background-color: transparent;color: #F36549;}}
@-o-keyframes hasStyle {0% {background-color: transparent;color: #F36549}50% {background-color: #F36549;color: white;}100% {background-color: transparent;color: #F36549;}}

.newMainNav .detail .right ul li.current {border: none;background: none;}
.newMainNav .detail .right ul li.current a {color: #0bb7f5;}
.newMainNav .detail .right ol { list-style:none; color:#FFF; font-size:17px; font-weight:bold; line-height:68px; float:right;}
.newMainNav .detail .right ol li { display:block; width:120px; float:left; text-align:center;position: relative;cursor: pointer;}
.newMainNav .detail .right ol li > a { text-decoration:none; color:#FFF;  display:block;}
.newMainNav .detail .right ol li img.menu-arrow {display: inline-block;vertical-align: middle;}
.newMainNav .detail .right ol li > a:hover {color: #0bb7f5;}
.newMainNav .detail .right ol li.drop-down-container:hover {color: #0bb7f5;}
.newMainNav .detail .right ol li .drop-down-menu {width: 170px;position: absolute;top: 100%;left: 0;z-index: 1000;padding: 24px 10px 0 24px;background-color: #565661;display: none;}
.newMainNav .detail .right ol li .drop-down-menu a {font-size: 15px;display: block;text-align: left;text-decoration: none;color: #fff;height: 18px;line-height: 18px;padding-bottom: 24px;}
.newMainNav .detail .right ol li .drop-down-menu a:hover {color: #0bb7f5;}


/* new white nav */
.theMainNav {height:67px;background: #fdfdfd;border-bottom: 1px solid #ebebeb;}
.theMainNav .detail { width:1280px; height:68px; margin:0 auto;display: flex;justify-content: center;align-items: center;}
.theMainNav .detail::after { content: '';display: block;clear: both;}
.theMainNav .detail .left { width:115px; float:left; height:52px; text-align:right; padding:16px 10px 0 0; }
.theMainNav .detail .left a img{max-width:100%;}
.theMainNav .detail .right { width:1155px; float:left; height:68px; font-family:Tahoma, Verdana, sans-serif;}
.theMainNav .detail .right ul { list-style:none; color:#FFF; font-size:17px; font-weight:bold; line-height:66px;}
.theMainNav .detail .right ul li { display:block; float:left; text-align:center; position:relative; }
.theMainNav .detail .right ul li a { text-decoration:none; color: #333333; display:block; padding:0 26px; }
.theMainNav .detail .right ul li a:hover {color: #0bb7f5;}
.theMainNav .detail .right ul li a>span.has-style { display: inline-block; vertical-align: top; margin: 12px 0 0 5px; width: 30px; height: 18px; line-height: 18px; text-align: center; border-radius: 3px; font-size: 14px;background-color: #F36549;color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.theMainNav .detail .right ul li.current {border: none;background: none;}
.theMainNav .detail .right ul li.current a {color: #0bb7f5;}
.theMainNav .detail .right ol { list-style:none; color:#FFF; font-weight:bold; line-height:68px; float:right;font-size:16px;}
.theMainNav .detail .right ol li {float:left; text-align:left;position: relative;cursor: pointer;}
.theMainNav .detail .right ol li:last-child {margin-left: 56px;}
.theMainNav .detail .right ol li .to-hover-nav { text-decoration:none; color: #333333; display:block;}
.theMainNav .detail .right ol li .to-hover-nav i { display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin: 0 0 9px 5px;; border-bottom: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.theMainNav .detail .right ol li .to-hover-nav img {vertical-align: middle;margin-top: -1px;}
.theMainNav .detail .right ol li .to-hover-nav:hover {color: #0bb7f5;}
.theMainNav .detail .right ol li .to-hover-nav:hover i {border-color: #0bb7f5;}
.theMainNav .detail .right ol li .container-menu {display: none;position: absolute;top: 100%;left: 0;z-index: 1000;padding: 16px 0;background: #fdfdfd;border: 1px solid #ebebeb;border-top: none;}
.theMainNav .detail .right ol li .container-menu a {font-size: 16px;display: block;text-align: left;text-decoration: none;color: #333;height: 34px;line-height: 34px;background: #fdfdfd;padding: 0 26px;white-space: nowrap;}
.theMainNav .detail .right ol li .container-menu a.to-focus {color: #0bb7f5;background: #f0f9fc;}

.mobileMainNav {display: none;height: 68px;position: relative;background-color:#f8f8f8;border-bottom: 1px solid #ebebeb;}
.mobileMainNav .detail {width: 100%;height:68px;position: relative;box-sizing: border-box;padding: 0 22px;margin:0 auto;}
.mobileMainNav .detail .left { width:115px; float:left; height:52px; text-align:right; padding:16px 10px 0 0; }
.mobileMainNav .detail .left a img{max-width:100%;}
.mobileMainNav .detail .nav-menu {width: 25px;height: 25px;background:url(https://www.5kplayer.com/img/menu.png) center center no-repeat;position: absolute;right: 22px;top: 22px;cursor: pointer;}
.mobileMainNav .detail .nav-menu.nav-menu-cancel {background: url(https://www.5kplayer.com/img/menu-cancel.png) center center no-repeat;}
.mobileMainNav .detail .right {display:none;position: absolute;top: 70px;left: 0;z-index: 10;width: 100%;box-sizing: border-box;height: auto;background-color: #fff; font-family:Tahoma, Verdana, sans-serif;}
.mobileMainNav .detail .right ul {font-size:17px; font-weight:bold;}
.mobileMainNav .detail .right ul li {list-style:none;border-bottom: 1px solid #ebebeb;position:relative;}
.mobileMainNav .detail .right ul li a {text-decoration:none; color: #333333; display:block;padding: 0 22px;height: 50px;line-height: 50px;}
.mobileMainNav .detail .right ul li a:hover {color: #0bb7f5;text-decoration: none;}
.mobileMainNav .detail .right ul li a>span.has-style {display: inline-block; vertical-align: top; margin: 14px 0 0 5px; width: 30px; height: 18px; line-height: 18px; text-align: center; border-radius: 3px; font-size: 14px;background-color: #F36549;color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.mobileMainNav .detail .right ol {color:#FFF; font-weight:bold;font-size:17px;}
.mobileMainNav .detail .right ol li {list-style:none;line-height: 50px;border-bottom: 1px solid #ebebeb;}
.mobileMainNav .detail .right ol li .to-click-nav {padding: 0 22px;text-decoration:none; color: #333333; display:block;}
.mobileMainNav .detail .right ol li .to-click-nav i {float: right;width:10px;height: 10px;margin: 16px 0 0;border-bottom: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.mobileMainNav .detail .right ol li .to-click-nav i.rotate-style { margin: 22px 0 0;transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); }
.mobileMainNav .detail .right ol li .to-click-nav:hover {color: #0bb7f5;}
.mobileMainNav .detail .right ol li .to-click-nav:hover i {border-color: #0bb7f5;}
.mobileMainNav .detail .right ol li .container-menu {display: none;background: #f8f8f8;border: 1px solid #ebebeb;border-top: none;}
.mobileMainNav .detail .right ol li .container-menu a {display: block;text-decoration: none;color: #333;font-size: 16px;height: 46px;line-height: 46px;background: #f8f8f8;padding: 0 24px;}
.mobileMainNav .detail .right ol li .container-menu a:hover {text-decoration: none;color: #0bb7f5;}
/* new white nav */

.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;position: relative;cursor: pointer;}
.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%; }
.MainNav, .MobileNo {display: none;}

.newMainNav {height: 136px;}
.newMainNav .detail {width: 90%;}
.newMainNav .detail .right {width: auto;}
.newMainNav .detail .right ol {float: left;}

.theMainNav {display: none;}
.mobileMainNav {display: block;}

.MainFoot .detail {  width:100%; margin:0 auto; padding:10px 0;  } 	
}


@media (min-width: 480px) and (max-width: 767px) {
body {  width:100%; min-width:100%; }
.MainNav, .MobileNo {display: none;}

.newMainNav {height: 68px;position: relative;border-bottom: 2px solid #999999;}
.newMainNav .detail {width: 90%;position: relative;}
.newMainNav .detail .menu-icon {width: 40px;border-top: 16px double #f5f5f5;padding-top: 7px;border-bottom: 5px solid #f5f5f5;position: absolute;right: 0;top: 20px;cursor: pointer;}
.newMainNav .detail .menu-icon-cancel {width: 40px;height: 40px;border: none;padding: 0;background: url('https://www.5kplayer.com/img/cancel-menu-icon.png') center top no-repeat;}
.newMainNav .detail .right {display:none;width: 100%;height: auto;padding: 20px 5%;background-color: #fff;margin-left: -5%;position: absolute;top: 70px;left: 0;z-index: 10;}
.newMainNav .detail .right ul {font-size: 19px;}
.newMainNav .detail .right ul li {float: none;text-align: left;height: 40px;line-height: 40px;}
.newMainNav .detail .right ul li a {padding: 0;}
.newMainNav .detail .right ul li a>span.has-style {margin-top: 4px;}
.newMainNav .detail .right ol {float: none;font-size: 19px;}
.newMainNav .detail .right ol li {float: none;line-height: 40px;text-align: left;width: auto;}
.newMainNav .detail .right ol li .drop-down-menu {position: static;background: none;padding: 0;width: 100%;}
.newMainNav .detail .right ol li .drop-down-menu a {padding-bottom: 12px;font-size: 19px;}

.theMainNav {display: none;}
.mobileMainNav {display: block;}

.MainFoot .detail {  width:100%; margin:0 auto; padding:10px 0;  } 	
}

@media  (max-width: 479px) {
body {  width:100%; min-width:100%; }
.MainNav, .MobileNo {display: none;}

.newMainNav {height: 68px;position: relative;border-bottom: 2px solid #999999;}
.newMainNav .detail {width: 90%;position: relative;}
.newMainNav .detail .menu-icon {width: 40px;border-top: 16px double #f5f5f5;padding-top: 7px;border-bottom: 5px solid #f5f5f5;position: absolute;right: 0;top: 20px;cursor: pointer;}
.newMainNav .detail .menu-icon-cancel {width: 40px;height: 40px;border: none;padding: 0;background: url('https://www.5kplayer.com/img/cancel-menu-icon.png') center top no-repeat;}
.newMainNav .detail .right {display:none;width: 100%;height: auto;padding: 20px 5%;background-color: #393941;margin-left: -5%;position: absolute;top: 70px;left: 0;z-index: 10;}
.newMainNav .detail .right ul {font-size: 19px;}
.newMainNav .detail .right ul li {float: none;text-align: left;height: 40px;line-height: 40px;}
.newMainNav .detail .right ul li a {padding: 0;}
.newMainNav .detail .right ul li a>span.has-style {margin-top: 4px;}
.newMainNav .detail .right ol {float: none;font-size: 19px;}
.newMainNav .detail .right ol li {float: none;line-height: 40px;text-align: left;width: auto;}
.newMainNav .detail .right ol li .drop-down-menu {position: static;background: none;padding: 0;width: 100%;}
.newMainNav .detail .right ol li .drop-down-menu a {padding-bottom: 12px;font-size: 19px;}

.theMainNav {display: none;}
.mobileMainNav {display: block;}

.MainFoot .detail {  width:100%; margin:0 auto; padding:10px 0;  } 
}