@import url(https://fonts.googleapis.com/css?family=Oswald);

		body{
			font-family: sans-serif, Microsoft JhengHei;
            /*Firefox hack*/
            background: #000;
            padding: 0;
            margin: 0;
            color: #fff;
            font-size:18px;
            line-height: 30px;
            font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;
		}
		a{
			color:#fff;
		}

		.img-responsive {
          display: block;
          max-width: 100%;
          height: auto;
        }
		
		.title{
			color:#fff;			
			font-size:90px;
			text-align: center;
			line-height: 160%;
			text-shadow:0px 0px 30px #00C4A8;
			top:12%;
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
			width:100%;
			position:absolute;

		}
		.title2{
			color:#fff;			
			font-size:140px;
			line-height: 80%;
			text-align: center;
			text-shadow:0px 0px 30px #00C4A8;
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;			
			top:26%;
			width:100%;
			position:absolute;

		}

		
		.subtitle1{
			background-image: url("../images/ling_bg.jpg");
			background-position: center;
			color:#000;			
			font-size:50px;
			line-height: 140%;
			margin-top:2%;
			margin-bottom:2%;
			height:80px;
			text-align: center;
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
		}
		.text-bg{
			background-image: url("../images/box_bg1.png");
			background-position: center;
			background-repeat: no-repeat;
			padding-top:4%;
			padding-bottom:4%;
			
		}

		.text-bg1{
			background-image: url("../images/box_bg.png");
			background-position: center;
			background-repeat: no-repeat;
			padding-top:4%;
			padding-bottom:4%;
			
		}
		#upbios h2{
			text-align: center;
			padding-bottom: 4%;
			margin-right:20%;
		}

		.model_table{
			margin-top:4%;
			border: 1px solid #fff;
			background:#C8C9CA;
			color:#000;
			width:60%;
		}
		.model_table p{
			padding-left:2%;
		}

		.model_table a{
			color:#000;
			text-decoration: none;
		}

		.model_table a:hover{
			color:#000;
			text-decoration:underline;
		}
		.model_table tr:first-child td {
			background: #007364;
			border-right: none;
			border-left: none;
			
		}
		.table-chipset{
			background-color:#70B0A8;
			text-align: center;
			
		}

		.model_table td {
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			padding:4px;
			
		}

		.model_table tr:first-child tr:first-child {
			background: #fff;
			border-right: none;
			border-left: none;
			
		}

		p{
			text-align: left;

		}
		p a{
			color:#fff;
		}


		footer{
			margin-top:2%;
			margin-bottom:2%;
			text-align: center;
			font-size:14px;
		}

		footer a{
			color:#fff;
		}
		
		footer a:hover{
			color:#fff;
		}
		.no2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
		color: #CCCCCC;
		}

.c-box{
	margin:0 auto;
	padding:0 10% 0 10%;
}

/*nav**********************************/
nav a{
	cursor:pointer;
}

.navbar-nav {
	font-size:15px;
}

.navbar-inverse .navbar-nav>li>a{
	color:#FFFFFF;
	transition:all 0.2s linear;
}

.navbar-inverse{
	background-color:#00C4A8;
}
		
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	background-color: #00C4A8;
}

.navbar-inverse .navbar-nav>li>a{
	color:#000;
	font-family: 'Oswald', sans-serif, Microsoft JhengHei;
	font-size:20px;
}

.con-box{
	width:80%;
	margin:0 auto;
}

/*TOP*/
#gotop{
	width:100px;
	background-color:rgba(51,51,51, 0.8);
	color:#FFFFFF;
	border-radius:10px;
	margin:10px;
	padding:10px;
	cursor:pointer;
	text-align:center;
	font-size:13px;
	bottom:46px;
	right:4%;
	position:fixed;	
	display:none;
	transition:all 0.3s linear;
}

#gotop:hover{
	background-color:#00C4A8;
}


/*FAQ*/

.panel-group{
	width:70%;
	margin:0 auto;
}
.panel-body{
	color:#000;
}

.note4{
	padding-top:1%;
	width:70%;
	margin:0 auto;	
	font-size:13px;
	color:#fff;
	margin-bottom: 4%;
}
.note4 a{	
	color:#fff;
}
.panel-default>.panel-heading {
	background-color:#007364;
	color:#fff;
}

.panel-default>.panel-heading a{
	color:#fff;
	text-decoration: none;
}
.panel-body{
	
}

.note {
            font-weight: 300;
            font-size: 12px;
            line-height: 20px;
            color: #000;

        }

 @media screen and (max-width: 1366px) {
 		
		.model_table{	
			width:80%;
		}

		.title{
			font-size:80px;
			line-height: 160%;
			top:12%;
		
		}
		.title2{
			font-size:100px;
			line-height: 100%;
			top:26%;
		}

 
/*FAQ*/

.panel-group{
	width:80%;
	margin:0 auto;
}
.panel-body{
	color:#000;
}

.note4{
	width:80%;
	margin:0 auto;	
	font-size:13px;
	color:#fff;
}
.note4 a{	
	color:#fff;
}
.panel-default>.panel-heading {
	background-color:#007364;
	color:#fff;
}

.panel-default>.panel-heading a{
	color:#fff;
	text-decoration: none;
}
.panel-body{
	
}

.note {
            font-weight: 300;
            font-size: 12px;
            line-height: 14px;
            color: #000;
        }



 }


 @media screen and (max-width: 960px) {
		
     	.model_table{	
			width:90%;
		}

    	.title{
			font-size:50px;
			line-height: 100%;
			top:20%;
		
		}

		.title2{
			font-size:60px;
			line-height: 100%;
			top:30%;
		}

		.navbar-inverse .navbar-nav>li>a{
			color:#000;
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
			font-size:16px;
		}


/*FAQ*/

.panel-group{
	width:92%;
	margin:0 auto;
}
.panel-body{
	color:#000;
}

.note4{
	width:92%;
	margin:0 auto;	
	font-size:13px;
	color:#fff;
}
.note4 a{	
	color:#fff;
}
.panel-default>.panel-heading {
	background-color:#007364;
	color:#fff;
}

.panel-default>.panel-heading a{
	color:#fff;
	text-decoration: none;
}
.panel-body{
	
}

.note {
            font-weight: 300;
            font-size: 12px;
            line-height: 12px;
            color: #000;
        }


 }


 @media screen and (max-width: 640px) {
 		.navbar-inverse .navbar-nav>li>a{
	color:#000;
	font-family: 'Oswald', sans-serif, Microsoft JhengHei;
	font-size:26px;
}

	.subtitle1{
		
			font-size:30px;
			line-height: 180%;
			margin-top:2%;
			margin-bottom:2%;
			height:60px;
			
		}

		.title{
			font-size:30px;
			line-height: 100%;
			top:26%;
		
		}
		.title2{
			font-size:40px;
			line-height: 100%;
			top:36%;
		}

 }

 @media screen and (max-width: 480px) {
	 	.title{
			font-size:20px;
			line-height: 100%;
			top:30%;
		
		}
		.title2{
			font-size:20px;
			line-height: 100%;
			top:40%;
		}


 }