/* ----------------------------
   Header Layout
 ----------------------------*/

header {
    display: block;
    width: 100%;
    height: 78px;
    /*background-image: url(../img/common/bg_header.jpg);*/
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff;
}

.header-inner .logo {
    position : absolute;
    top: 6px;
    width: 260px;
    height: 80px;
}

.header-inner .logo, .header-fixed .logo {
    background-image: url(../img/dns/logo.png);
    background-position: center;
}

.header-inner .logo {
    /*position: relative;*/
    margin: 0;
    padding: 0;
    display: block;
    text-indent: -99999px;
    background-repeat: no-repeat;
    -webkit-transition: all .1s ease 0s;
    -moz-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s;
    zoom:85%;
    -ms-zoom: 0.85;
    -webkit-zoom: 0.85;
    -moz-transform: scale(0.85,0.85);
}


.whole-page {margin:auto; padding:0 0 50px; font-family: "Microsoft YaHei", arial; background: #f1f2f2}

.padding-top0 {padding-top: 0}
.padding-top10 {padding-top: 0.8em}
.padding-top20 {padding-top: 1.5em}
.padding-bottom0 {padding-bottom: 0}
.padding-bottom10 {padding-bottom: 0.8em}
.padding-bottom20 {padding-bottom: 1.5em}
.padding-left0 {padding-left: 0}
.padding-left10 {padding-left: 0.8em}
.padding-left20 {padding-left: 1.5em}
.padding-left30 {padding-left: 2em}
.padding-left50 {padding-left: 4em}
.padding-right0 {padding-right: 0}
.padding-right10 {padding-right: 0.8em}
.padding-right20 {padding-right: 1.5em}
.padding-right30 {padding-right: 2em}
.padding-right50 {padding-right: 4em}

.margin-bottom10 {margin-bottom: 0.8em}

.txt-grey {color:#818286}

/* tab navigation 1st */
.nav-pills-style {
  
}
.nav-pills-style > li  {
	margin:0 3px;
	padding: 10px 20px;
	background:  #939598;
	color:  #fff;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	text-align: center;
	cursor: pointer;
} 	
	.nav-pills-style > li.active  {
		background:#8d64aa;
	    color:  #8d64aa;
	}

.nav-pills-style-2 > li {width: 25%}
.nav-pills-style-3 > li {width: 25%}
.nav-pills-style-4 > li {width: 23%}
.nav-pills-style-5 > li {width: 18%}


.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-red,.w3-hover-red:hover{background: #855df2!important;}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-container,.w3-panel{background: #fff;  margin: auto; width: 1225px; align-content: center;  border-top: 1px solid #795390;}
.w3-panel{margin-top:16px;margin-bottom:16px}



/*------ style ----*/
#myVideo {
  display: block;
  width: 1225px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}

.speedtest-title {background: #2c1b58; color:#fff; padding: 10px;}
	.speedtest-view p {padding:0 15px; font-size: 15px}
	.speedtest-view p:first-child { 
		padding-top: 10px;
	}
	.speedtest-view p:last-child {
		padding-bottom: 20px;
	}

.frame-1dnskiller p {text-align: center}
.btn-success {
	padding:10px;
	font-size: 17px;
	font-weight: 500;
}

.speedtest a.speedtest-checkbtn {
	position: absolute;
	top: 170px;
	left: 40%;
	z-index: 90;
	color:#fff;
	letter-spacing:4px;
	padding-left:4px;
}
.speedtest-checkbtn {
	position: fixed;
	margin:0 auto;
	width:260px;
	line-height:70px;
	text-align:center;
	font-size:130%;
	font-weight: 500;
	background-color: #ff0;
	display:block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #855df2;
	
	
}
a:hover.speedtest-checkbtn {
	background: #2c1b58;
	background-size: 100% 100%;
}
a:active.speedtest-checkbtn {
	margin-top:2px;
}


.speed-digit {
	padding-top: 50px;
	padding-bottom: 10px;
	color: #818286;
	font-size: 17px;
}
	.speed-digit-figure {
		font-size: 20px;
	}

.speedtest-url {
	font-weight: 100;
	font-size: 17px;
}
.btn-network-open {
	padding: 8px 30px;
	background: #855df2;
	color: #fff;
	font-size: 17px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal;
}
	a.btn-network-open:hover {
		background: #2c1b58;
		color: #fff;

	}

.speed-test {
	font-size: 16px;
	padding: 40px 40px 50px;
}