.xdn{color:#000;font-size:16px;font-weight:500;font-family:Helvetica ,"Droid Sans";background-color:#364b60;}
.xdn .width-1,.xdn .width-2,.xdn .width-3,.xdn .width-4,.xdn .width-5,.xdn .width-6,.xdn .width-7,.xdn .width-8,.xdn .width-9,.xdn .width-10,.xdn .width-11,.xdn .width-12{
	float:left;
}
.xdn .width-1{width:8.33%}
.xdn .width-2{width:16.66%}
.xdn .width-3{width:24.99%}

.xdn .width-8{width:66.64%}
.xdn .width-9{width:74.97%}
.xdn .width-10{width:83.33%}
.xdn .width-11{width:91.63%}
.xdn .width-12{width:100%}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-size:1em;font-weight:600;}
.ui-dialog{border-radius: 0.5em;}

.ui-widget-content{color:#000 !important;}
.ui-widget{font-size:1.5em;font-weight:500;}
.ui-dialog .ui-dialog-title{font-size:1.5em;}
.ui-button-text{font-size:1em !important;}
.ui-dialog-buttonset .ui-button:nth-child(2){
	font-size:1em !important;
}

.xdn .text-lg{font-size:2em;}
.xdn .text-sm{font-size:1.5em;}
.xdn .text-xs{font-size:1em;}


.xdn-list{
	padding-top:0.2em;
}
.xdn-list div{line-height:100%;}

.xdn .list-col{
	width: 10.3em;
    height: 12.5em;
    overflow: hidden;
    color: #000;
    float: left;
    border-radius: 1em;
}

.xdn .brand-col{
	width: 10.3em;
    height: 12.5em;
    overflow: hidden;
    color: #000;
    float: left;
    border-radius: 1em;
	padding:0 0.3em;
}


.xdn .feature-col{
	width: 18.7em;
    height: 5.5em;
    overflow: hidden;
    float: left;
    padding-bottom: 0em;
    color: #fff;
    border-radius: 1em;
    background-color: #425363;
	margin-right: 0.8 em;
	margin-left: 1.2em;
	margin-bottom: 2.2rem;
}

.feature-col-push{
	width: 18.7em;
    height: 6.5em;
    overflow: hidden;
    float: left;
    padding-bottom: 0em;
    color: #fff;
    border-radius: 1em;
    background-color: #425363;
	margin-right: 0.8 em;
	margin-left: 1.2em;
	margin-bottom: 2.2rem;
}

.list-col-cell{
	width:7.5em;
	height:7.5em;
	color:#000;
	/*background-color:#fff;*/
	background-color: #0000ff;
	border-radius:1em;
	background: linear-gradient(120deg,#fffefe, #d5d1d2);
}

.feature-col-cell{
	width: 35%;
	float: left;
    margin-left: 1rem;
	/*padding-left:0.3em;
	padding-right:0.7em;
	padding-top:0.2em;
	padding-bottom:0.8em;
	color:#000;
	border-radius:1em;*/
}

.feature-col-cell-push{
	width: 35%;
	float: left;
    margin-left: 1rem;
	/*padding-left:0.3em;
	padding-right:0.7em;
	padding-top:0.2em;
	padding-bottom:0.8em;
	color:#000;
	border-radius:1em;*/
}

.feature-col-cell .icon-set{
	color:#fff;
	margin-top: 0.03em;
}

.feature-col-cell-push .icon-set{
	color:#fff;
	margin-top: 0.03em;
}

.brand-col-cell{
	width:7.6em;
	height:7.6em;
	padding-top:0.1em;
	padding-bottom:0.8em;
	color:#000;
	/*background-color:#fff;*/
	border-radius:1em;
	background: linear-gradient(120deg,#fffefe, #d5d1d2);
}

.xdn .applist-col{
	width: 10.3em;
    height: 12.5em;
    overflow: hidden;
    color: #000;
    float: left;
	position: relative;
    border-radius: 1em;
	padding:0 0.3em;
}



.applist-col-cell{
	width:7.5em;
	height:7.5em;
	color:#000;
	border-radius:1em;
	background: linear-gradient(120deg,#fffefe, #d5d1d2);
}



.list-icon-text
{
	padding-top:0.5em;
	font-size:1.3em;
	height:7.5em;
	word-break: break-all;
    overflow: hidden;
	color:#fff;
}

.feature-icon-text
{
	font-size:1.5em;
	float: right;
    width: 60%;
    height: 8rem;
	margin-top: 0.5em;
    text-align: left;
    line-height: 8rem!important;

}

.applist-icon-text
{
	padding-top:0.7em;
	font-size:1.3em;
	color:#fff;
}


.xdn .list-col:active {
	opacity: 0.8;
}
.icon-set:active {zoom:110%;}
.xdn  .icon-text:active {zoom:110%;}


.icon-img img{width:6.0em;}
.icon-img .imgbak{width:9em;margin-top:-1em;}
.icon-set{font-size:7em;color:#364b60;line-height:100%!important;}
.appicon-set{font-size:7em;color:#364b60;line-height:100%!important;}
.demoicon-set{font-size:7em;color:#ffffff;line-height:100%!important;}
.icon-setbak{font-size:7em;color:#31B0D5;line-height:100%!important;}
.xdn  .icon-text{font-size:1.5em;padding-top:0.35em}
.xdn .icon-img-title{font-size:1.5em;padding-top:0.45em;text-align:center;}



.help-icon-set{font-size:2em;color:#ffffff;line-height:100%!important;}


.xdn .update-text{
	width:60%;
	font-size:1.4em;
}
.xdn .update-button{
	width:8em;
	height:8em;
	overflow:hidden;
	text-align:center;
	border:1px solid #ccc;
	border-radius:1em;
}
.xdn .update-icon{
	margin-top:0.1em;
	color:#31B0D5;
	font-size:5em;
	line-height:100%!important;

}


#update-bar{
	margin-top:10em;
	text-align:center;
}
#update-bar .downloadText{
	font-size:1.4em;
}
.xdn .update-player{
	color:#31B0D5;
	font-size:4em;
	margin-top:-0.1em;
	line-height:200%!important;
}

.xdn .update-player span{
	margin-left:0.1em;
}
.xdn .update-title{
	font-size:1.4em;
}


.xdn-main
{
	margin-top:1.2em;
}

.xdn-margin-top
{
	width:100%;
	height:30px;
	display:block;
}

.navbar-fixed-top{}
.navbar-default{font-size:1.5em;font-weight:100;border:none;border-radius:0px;margin-bottom:-4px;background-color:#31B0D5}
.navbar-nav a{line-height:200% !important;font-weight:100 !important;color:#fff !important;background-color:#31B0D5!important;}
.navbar-header li{padding: 0 1em;padding-top:0.1em;}
.navbar-header a{color:#fff !important;font-size:2.5em;line-height:100% !important;}
.dropdown-menu{background-color:#31B0D5!important;border:none;margin-top:-0.5em;}
.dropdown-menu a{font-size:1.5em;line-height:150% !important;background-color:#31B0D5!important;}

.footer{position: fixed;bottom:0px;height: 12rem;width: 100%;background: #253242;left: 0;}
.footer .rnav{width: 12%;color:#fff}
.footer .icon-set{color:#fff}
.brandview{height: 32rem;overflow: auto;}
.tab-pane{width: 100%;margin: 0 5px;}
.tab-pane div{
	width: 55px;
    height: 45px;
    line-height: 30px;
    background: #fff;
    color: #253242;
    padding: 10px;
    border-radius: 80px;
    font-size: 3.5rem;
    float: left;
    margin: 11px;
}
.menulogo{position: absolute;width: 40%;top: 5.6px;left: 11.5%;}
.nav-tabs{border:none;}
.nav-tabs>li>a{color:#fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #4e5a68;color: #fff;border:none;}
.nav-tabs>li>a:hover{background:none;color:#fff;}
.resactive{background: #ff9c00!important;}
.brand-icon-text{height: 3rem;line-height: 3rem!important;font-size: 1.3em;margin-top: 5px;color:#fff}