html,body{
	font-family: 'Noto Sans SC', sans-serif;
    background-image: url(../images/bg.jpg?v=1023);
    background-position:top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
	min-width: 320px}
a:hover, a:focus {  text-decoration: none;}
h1,h2,h3,h4{font-family: 'Noto Sans SC', sans-serif;}
.navbar .logo{
	color: #ffde03;
    font-style: italic;
    line-height: 74px;
    display: inline-flex;
    font-size: 46px;
    font-weight: 500;}
.navbar .logo i{
	display: block;
    height: 32px;
    width: 96px;
    background-image: url(../images/logo.png?v=1022);
    margin-left: 10px;
    margin-top: 27px;
    margin-right: 10px;}
.navbar{
	background-color: #da9139;
	height: 80px;}
.navbar .navbar-nav>li>a {
	letter-spacing: .5px;
	line-height: 50px;
	color: #FFF!important}
.navbar .nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #bd7e32;}
.navbar .login i{
    background-image: url(../images/user.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 27px;
    background-position-y: 0px;
    width: 21px;
    height: 21px;}
.navbar ul.right{float: right;}


.contant{padding-top: 100px;}

.page2{    max-width: 500px;
    margin: auto;}
.main{
	max-width: 800px;
    margin: auto;}
.main .logo{
	color: #ffde03;
    font-style: italic;
    line-height: 74px;
    display: inline-flex;
    font-size: 60px;
    font-weight: 500;
    width: 331px;
    margin: -100px auto 0 auto;
    left: 0;
    right: 0;
    position: absolute;}
.main .logo i{
	display: block;
    height: 48px;
    width: 125px;
    background-image: url(../images/logo2.png?v=1022);
    background-repeat: no-repeat;
    margin-top: 21px;
    margin-left: 12px;    }
.main .search{   
	box-shadow: 0px 3px 5px 0px #c0d7ff;
	position: relative;
    margin-top: 190px;}
.main .search input{
    font-family:Arial, Helvetica, sans-serif;
	width: 100%;
    height: 54px;
    font-size: 22px;
    color: #555;
    line-height: 48px;
    padding-left: 10px;
    padding-right: 100px;}
.main .search .submit{
	background-color: #da9139;
    color: #FFF;
    border: none;
    right: 0;
    position: absolute;
    top: 0;
    line-height: 54px;
    padding: 0 40px;
    font-size: 16px;}
.main .search .submit:hover{
	background-color:#da9139;
	transition: .2s}

.css_table { 
    margin-bottom: 20px;
    display: table;
    width: 100%;
    font-size: 18px;
    border: 1px solid #bbb;
    border-radius: 10px;
    padding: 15px 20px;
    background-color: #FFF;
    color: #666;}
.css_tr { display:table-row}
.css_tr:hover{background-color: #f5f6f7;transition: .2s}
.css_td { 
    border-top: 1px solid #ccc;
    line-height: 47px;
    display:table-cell; 
    vertical-align: middle; 
    float: none}
.css_table .th{ font-weight: 500;}
.css_table .th .css_td{border:none;}
.title1{
    color: #fff;/**/
    font-weight: 200;
}


.footer{
	font-size: 12px;
    margin: auto;
    bottom: 5%;
    position: absolute;
    left: 0;
    right: 0;
    letter-spacing: 1px;
    padding: 1px;
    background-color: #FFF;
    width: 222px;
    color: #999;
    border-radius: 99px;
    text-align: center;}

@media (max-width: 1200px){
.navbar .left.nav{display: none;}

}

@media (max-width: 768px){
.navbar .left.nav{display: none;}
.navbar .right.nav{ 
	display: inline-flex;
    top: 0;
    position: absolute;
    right: 0;
    margin: 0;}
.navbar .right.nav li a{  line-height: 59px;}
.css_table, .title1{font-size: 16px;}
}


@media (max-width: 600px){
.navbar {
    height: 56px;}
.navbar .logo {
	padding-left: 5px;
    line-height: 56px;
    font-size: 30px;}   
.navbar .logo i {
    height: 22px;
    width: 70px;
    margin-left: 6px;
    margin-top: 19px;
    background-size: 70px;}
.navbar .right.nav li a {line-height: 36px;}
.contant {padding-top: 50px;}
.main .search .submit{
    top: 80px;
    margin: auto;
    left: 0;
    right: 0;
    width: 144px;}
.main .search {
    margin-top: 160px;}
.main .search input{    padding-right: 10px;}   
.main .logo{
	font-size: 40px;
	margin: -80px auto 0 auto;}
.main .logo i{
	width: 100px;
	margin-top: 21px;
    margin-left: 6px;
    background-size: 100px;}
.title1{font-size: 14px}
.css_table { font-size: 14px;}
.css_table .th {display: none;}
.css_td { 
    display: block;    
    line-height: 32px;
    border-top:none;}
.css_tr .css_td:nth-child(1):before{ content: "登入端口："}
.css_tr .css_td:nth-child(2):before{ content: "　　速度："}
.css_tr {
    display: block;
    border-top: 1px solid #bbb;
    padding: 10px 0;}
}

@media (max-width: 600px) {
    .main .logo {width: 240px;}
}