body,html,table td{padding:0}body,html{width:1920px;height:1080px;overflow:hidden;color:#fff;margin:0;font-family:Ubuntu,sans-serif;font-size:33px;-webkit-user-select:none}table{border:0;border-collapse:collapse;border-spacing:0}.maxh{height:100%}.maxw{width:100%}a{text-decoration:none}.component.hidden{display:none!important}.component div{-webkit-box-sizing:border-box}.component.button{display:inline-table;height:69px;cursor:pointer}.component.button .icon{height:69px;width:69px;display:table-cell;background:center center no-repeat}.component.button .text{display:table-cell;padding:9px 18px;vertical-align:middle;text-align:center}.component.button .text:empty{padding:0}.component.checkBox{cursor:pointer;display:inline-block;width:42px;height:42px;line-height:42px;vertical-align:bottom}.component.grid table{width:100%;table-layout:fixed}.component.grid table td.item{cursor:pointer;padding:6px 12px;vertical-align:middle;text-align:center}.component.grid table td.item.focus{color:#000}.component.grid table td.item.focus.mark{color:#fff}.component.grid table td.item.disable{color:grey}.component.input{width:375px;height:72px;font-size:36px;color:#000;display:table;table-layout:fixed}.component.input .line{cursor:text;display:table-cell;vertical-align:middle;padding:0 6px;overflow:hidden;white-space:nowrap}.component.input .line>.caret,.component.input .line>.char,.component.input .line>.placeholder{display:inline-block;vertical-align:middle}.component.input .line>.caret{height:80%;width:2px;margin-left:-2px}.component.input .line>.placeholder{color:#999}.component.input.focus .line>.caret{background-color:#000;-webkit-animation:inputCursor 1s;-webkit-animation-iteration-count:infinite}@-webkit-keyframes inputCursor{from{background-color:#000}to{background-color:transparent}}.component.list{width:100%}.component.list .item{cursor:pointer;padding:0;vertical-align:middle;height:72px;line-height:72px}.component.list .item.mark{color:#000}.component.list.horizontal{display:table;table-layout:fixed;width:100%}.component.modalBox,.component.modalMessage{width:1920px;height:1080px;position:absolute;left:0;top:0}.component.list.horizontal .item{display:table-cell;text-align:center;vertical-align:middle}.component.modalBox{background-color:#000;display:table}.component.modalBox>div{display:table-cell;vertical-align:middle;text-align:center}.component.modalBox>div>div.body{display:inline-block;overflow:hidden;background-color:#333;padding:3%;max-width:80%;max-height:80%}.component.modalMessage{display:table;z-index:10}.component.modalMessage.active>div.alignBox>div>div.overlay{display:none}.component.modalMessage>div.alignBox{display:table-cell;vertical-align:middle;text-align:center}.component.modalMessage>div.alignBox>div{position:relative;display:inline-block;overflow:hidden;max-width:80%;min-width:405px;max-height:80%}.component.page,.component.tabItem,.component.widget{position:absolute}.component.modalMessage>div.alignBox>div>div.header{height:102px;line-height:102px;font-size:36px;padding:0 30px}.component.modalMessage>div.alignBox>div>div.header .icon{height:69px;width:69px;display:table-cell;background:center center no-repeat}.component.modalMessage>div.alignBox>div>div.header .text{display:table-cell;vertical-align:middle;text-align:center}.component.modalMessage>div.alignBox>div>div.header .text:empty{padding:0}.component.modalMessage>div.alignBox>div>div.body>.component.list .item{height:84px;line-height:84px;padding:0 30px 0 0}.component.modalMessage>div.alignBox>div>div.body>.component.list .item .component.checkBox,.component.modalMessage>div.alignBox>div>div.body>.component.list .item .component.layout>div.icon{width:84px;height:84px;line-height:84px;text-align:center}.component.modalMessage>div.alignBox>div>div.overlay{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.component.page{width:1920px;height:1080px;left:0;top:0;visibility:hidden;overflow:hidden}.component.page.active{visibility:inherit}.component.panel{padding:15px}.component.progressBar{height:36px}.component.progressBar .value{height:100%}.component.scrollBar{display:inline-block;height:100%;width:3px;vertical-align:bottom}.component.scrollBar .thumb{display:block;width:3px;min-height:3px}.component.scrollBar .thumb.hidden{display:none}.component.scrollBar.horizontal{display:block;height:12px;width:100%}.component.scrollBar.horizontal .thumb{display:inline-block;vertical-align:top;height:12px;min-width:12px}.component.widget.hidden{visibility:hidden}.component.tabItem{visibility:inherit;width:inherit;height:inherit}.component.tabItem.hidden{visibility:hidden}.component.tabList{position:relative}.component.layerItem{position:absolute;width:inherit;height:inherit;display:block;visibility:inherit}.component.list.layoutList .noData.hidden,.component.panelEx.active>.overlay,.component.panelSet.hidden{visibility:hidden}.component.layerItem.hidden{display:block;visibility:hidden}.component.layerList{position:relative}.component.layout{display:table;width:100%}.component.layout>div{display:table-cell;text-align:left;vertical-align:middle;height:100%}.component.list.checkList>.item .checkBoxWrapper>.component.checkBox{display:block}.component.list.checkList>.item .checkBoxWrapper>.component.checkBox:after{font-family:icons;display:block;content:'Y'}.component.list.checkList>.item .checkBoxWrapper>.component.checkBox.checked:after{content:'Z'}.component.list.radioList>.item .checkBoxWrapper>.component.checkBox{display:block}.component.list.radioList>.item .checkBoxWrapper>.component.checkBox:after{font-family:icons;display:block;content:'W'}.component.list.radioList>.item .checkBoxWrapper>.component.checkBox.checked:after{content:'X'}.component.scrollArea{overflow:hidden;height:100%;position:relative}.component.scrollArea>.body{position:absolute}.component.valueList{border:3px solid grey;text-align:center}.component.valueList.focus{border-color:orange}.component.panelSet{width:100%;height:100%}.component.panelSet.hidden{display:block!important}.component.panelEx{width:540px;height:672px;box-sizing:border-box;padding:0;display:inline-block;position:absolute;z-index:0}.component.panelEx>.body{overflow:hidden}.component.panelEx>.title{height:84px;line-height:84px;position:relative;padding-left:30px;text-transform:uppercase;background-repeat:repeat-x;overflow:hidden;text-overflow:ellipsis}.component.panelEx .list .item{height:84px;line-height:84px;font-size:29.7px}.component.panelEx .list .item .icon{font-size:57.75px}.component.panelEx.main{width:720px;top:99px;left:600px;height:816px;z-index:2}.component.panelEx.main .list .item{height:102px;line-height:102px;font-size:33px}.component.panelEx.main .list .item .icon{font-size:41.25px}.component.panelEx.main>.title{height:102px;line-height:102px;font-size:36px}.component.panelEx.main.size2,.component.panelEx.main.size3{width:1170px}.component.panelEx.left{top:201px;left:60px}.component.panelEx.right{top:201px;right:60px}.component.panelEx>.overlay{width:100%;height:100%;position:absolute;top:0;left:0}.component.panelEx .component.scrollBar{display:none}.component.panelEx.active .component.scrollBar{display:block}.component.panelEx.top{z-index:3}.component.panelEx>.shadow{width:20px;position:absolute;top:0;z-index:-1;display:none}.component.panelEx>.shadow.left{left:-20px}.component.panelEx>.shadow.right{right:-20px}.component.panelEx.leftShadow>.shadow.left,.component.panelEx.rightShadow>.shadow.right{display:block}.component.panelEx.active>.shadow{z-index:1}.component.list.layoutList{position:relative}.component.list.layoutList>.body>.item>.layout>.icon{width:84px;font-family:icons;text-align:center}.component.list.layoutList>.body>.item>.layout>.icon.yellow{color:#FEC500}.component.list.layoutList>.body>.item>.layout>.icon.red{color:red}.component.list.layoutList>.body>.item>.layout>.icon.green{color:#04E900}.component.list.layoutList>.body>.item>.layout>.icon.blue{color:#1CACFF}.component.list.layoutList>.body>.item>.layout>.number{width:84px}.component.list.layoutList .noData{position:absolute;height:100%;width:100%;display:block;top:0;left:0;right:0;bottom:0}.component.list.layoutList .noData:before{display:inline-block;height:100%;vertical-align:middle;content:""}.component.list.layoutList .noData>div{display:inline-block;vertical-align:middle;width:100%;text-align:center}.component.footer{width:1800px;height:51px;line-height:51px;position:absolute;left:60px;bottom:30px;display:table;z-index:10}.component.footer>table{vertical-align:middle;text-align:center}.component.footer>table>tr>td{width:51px}.component.footer>table>tr>td.central{width:1698px}.component.footer>table>tr>td.central>.wrapper{height:51px;visibility:visible}.component.footer>table>tr>td.central>.wrapper.hidden,.component.playerPanel>.body .playerButtons .item.disabled .channels{visibility:hidden}.component.footer>table>tr>td.central>.wrapper>.left,.component.footer>table>tr>td.central>.wrapper>.right{display:none;height:51px;width:25.5px;padding:0;margin:0}.component.footer>table>tr>td .icon,.component.footer>table>tr>td.central>.wrapper>.button .f1,.component.footer>table>tr>td.central>.wrapper>.button .f2,.component.footer>table>tr>td.central>.wrapper>.button .f3,.component.footer>table>tr>td.central>.wrapper>.button .f4{width:51px;height:inherit;display:inline-block}.component.footer>table>tr>td.central>.wrapper>.left{border-bottom-left-radius:51px;border-top-left-radius:51px}.component.footer>table>tr>td.central>.wrapper>.right{border-bottom-right-radius:51px;border-top-right-radius:51px}.component.footer>table>tr>td.central>.wrapper>.button{display:inline-block;height:51px;padding:0 18px}.component.footer>table>tr>td.central>.wrapper>.button.hidden{display:none}.component.footer>table>tr>td .icon{background:center center no-repeat}.component.footer>table>tr>td .title{display:inline-block;text-align:center;height:inherit;line-height:inherit}body.transparent{background:0 0}#pMain{background:rgba(0,0,0,.35)}#contentTitle{position:absolute;top:600px;font-size:49.5px;left:232.5px;width:1455px;height:102.3px;overflow:hidden;word-break:break-all;word-wrap:break-word;text-overflow:ellipsis}#contentInfo{width:auto;position:absolute;top:60px;left:60px}#codecInfo{display:block;float:left;margin-right:33px}#codecInfo[src='']{display:none;margin-right:0}#langInfo{float:left}#pMainMenuWrapper{position:absolute;bottom:90px;width:100%}#pMainMenu{margin:0 auto}#pMainPlayerPanel{position:absolute;bottom:240px;left:232.5px}#equalizer{width:35%;height:25%;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto}#equalizer>div{width:100%;height:100%;position:absolute;background-size:100% 100%;display:none}#slide1{background:url(../img/720/slide_1.png) center no-repeat}#slide2{background:url(../img/720/slide_2.png) center no-repeat}#slide3{background:url(../img/720/slide_3.png) center no-repeat}#slide4{background:url(../img/720/slide_4.png) center no-repeat}#modalIntentWidget{background:rgba(0,0,0,.2);width:100%;height:100%;position:fixed}.component.list.layoutList.horizontalMenu{width:auto;background:0 0}.component.list.layoutList.horizontalMenu .item{width:120px;padding:0}.component.list.layoutList.horizontalMenu .item.focus>.layout>.icon{color:#fff}.component.list.layoutList.horizontalMenu .item>.layout{background:0 0;width:120px;height:120px;position:relative;display:block}.component.list.layoutList.horizontalMenu .item>.layout>.icon{width:120px;height:120px;line-height:120px;font-size:67.5px;display:block}.component.list.layoutList.horizontalMenu .item>.layout>.title{display:none;position:absolute;width:375px;bottom:-45px;left:-127.5px;height:33px;line-height:33px;font-size:33px;color:#fff;text-align:center}.component.list.layoutList.horizontalMenu.focus .item.focus{background:rgba(255,255,255,.7)!important;border-radius:160px}.component.list.layoutList.horizontalMenu.focus .item.focus>.layout>.icon{color:#000}.component.list.layoutList.horizontalMenu .item.focus{background:0 0}.component.list.layoutList.horizontalMenu.focus .item.focus .title{display:block}.component.playerPanel{width:1455px;height:97.5}.component.playerPanel .progressBar{height:7.5px;background:rgba(250,250,250,.3);width:100%}.component.playerPanel .progressBar>.value{background:#2E7DFF}.component.playerPanel .progressBar.active>.value{background:#fff}.component.playerPanel>.body{height:90px;background:#165ACA;width:1455px}.component.playerPanel>.body .leftText{float:left;height:100%;width:20%;line-height:90px;text-align:left;padding-left:66px}.component.playerPanel>.body .rightText{float:left;height:100%;width:20%;line-height:90px;text-align:right;padding-right:66px}.component.playerPanel>.body .buttonsWrapper{float:left;width:60%;height:90px}.component.playerPanel>.body .playerButtons{height:90px;width:auto;margin:0 auto;font-size:75px}.component.playerPanel>.body .playerButtons>.body{height:90px;width:auto}.component.playerPanel>.body .playerButtons .item{width:120px;height:90px;overflow:hidden;color:#fff}.component.playerPanel>.body .playerButtons .item>.layout{height:90px;display:inline-block}.component.playerPanel>.body .playerButtons .item.focus{background:0 0}.component.playerPanel>.body .playerButtons .item.disabled{color:rgba(255,255,255,.2)}.component.playerPanel>.body .playerButtons .button{display:block;box-sizing:border-box;font-family:icons;text-align:center;line-height:120px;width:120px;height:120px;margin:-15px 0;border-radius:120px}.component.playerPanel>.body .playerButtons.focus .item.focus .button{background:rgba(255,255,255,.4);color:#fff}#info{position:absolute;height:90px;top:75px;right:90px;text-align:right;padding:0 33px;display:none;line-height:90px;z-index:2}#info.bg{background:rgba(0,0,0,.5)}#info.visible{display:block}#info>div{float:left;height:90px}#infoIcon{font-family:icons;font-size:40px;padding-right:33px}