html,body{
	width:100%;
	height:100%;}
body{
	background-color: #efefee;}
p{
	font-size:20px;}
h1 {
	font-size: 42px;
	font-weight: 600;}
@media (max-width:1200px){
	h1 {
		font-size: 35px;}
}
@media (max-width:991px){
	h1 span {
		display: block;}
}
/*-----buy now link-----*/
#buy {
	position:fixed;
	right:100px;
	top:100px;}
#buy a{
	display:block;
	background:#ff8200;
	border-radius:20px;
	box-shadow:0px 2px 5px rgba(179, 91, 0,0.4);}
#buy p{
	padding:10px;
	color:#fff;}
@media (max-width:1920px){
	#buy {
	    position:fixed;
	    right:100px;
	    top:100px;	}
}
@media (max-width:768px){
	#buy {
	    position:fixed;
	    right:50px;
	    top:100px;}
}
@media (max-width:441px){
	#buy {
	    position:fixed;
	    right:30px;
	    top:80px;}
}
/*--------space-*/
.top-space{
	width:100%;
	height:150px;}
/*----badge-----*/
#badge{
	background: #efefee;
	padding-bottom:150px;}
#badge img{
	width:60%;}
@media(max-width:991px){
	#badge{padding-bottom:50px}
	    .top-space{height:20px;	}
	#badge img{
		width:80%;}
}
/* features banner--------------------*/
#features .container{
	text-align:center;
	margin-bottom:100px;}
#features .title-box{
	margin-top:100px;}
#features-banner .container{
	margin-top:100px;}
.text{
	background: rgba(255, 255, 255, 0.8);
	padding:20px;
	border-radius: 20px;}
#school{
	height:500px;
	background: url(../../img/product/COVID-19/s-img-1.jpg) no-repeat center;
	background-size: cover;
	margin-bottom:10px;}
#case{
	margin:10px;
	border:solid 2px #ff8200;}
#case li{
	line-height: 30px;
}
#case .container{
	margin-top:50px;
	margin-bottom:50px}
#case .case-classroom{
	background-color: #fff;}
#workshop{
	height:500px;
	background: url(../../img/product/COVID-19/s-img-2.jpg) no-repeat center;
	background-size: cover;
	margin-bottom:10px;}
#shop{
	height:500px;
	background: url(../../img/product/COVID-19/s-img-3.jpg) no-repeat center;
	background-size: cover;
	margin-bottom:10px;}
#workspaces{
	height:500px;
	background: url(../../img/product/COVID-19/s-img-4.jpg) no-repeat center;
	background-size: cover;
	margin-bottom:10px;}
#lobby{

	height:500px;
	background: url(../../img/product/COVID-19/s-img-5.jpg) no-repeat center;
	background-size: cover;
	margin-bottom:10px;	}
/*---------slider----*/
#promo-slider {	
	position: relative;
	background: url(../../img/product/COVID-19/promo-slider.jpg) no-repeat;
	text-align: center;	
	background-size: cover;	
	background-repeat: no-repeat;
    margin-bottom:250px;}
#promo-slider .dot-overlay {
	padding: 80px 0 200px;}
.dot-overlay {
	position: inherit;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.25) url(../../img/patterns/gridtile.png) repeat;}
#promo-slider .promo-img{
	position: absolute;
	left: 50%;
	margin-left: 100px!important;
	margin-top: -500px;}
.promo-slogan{
	position:relative;
	padding-top:100px;}
@media(max-width: 1024px){
	#promo-slider .promo-img{
		margin-right: 10%;
		height:500px;
		margin-top: -400px;}
}
@media(max-width: 991px){
	.promo-slogan{
		width:60%;
		padding-top:0px	}
	#promo-slider .promo-img{
		margin-right: 30%;
		left: 20%;
		height:50%;
		margin-top: -200px;}
	#promo-slider .dot-overlay {
	padding: 30px 0 200px;}
	#promo-slider{
		margin-bottom:400px;}
}
@media(max-width: 768px){
	#promo-slider .promo-img{
		margin-right: 30%;
		left: 20%;
		height:95%;
		margin-top: -160px;}
	#promo-slider .dot-overlay {
	    padding: 30px 0 150px;}
	#promo-slider{
	    margin-bottom: 300px;}
}
@media(max-width: 414px){
	#promo-slider .promo-img{
		margin-right: 20%;
		height:90%;
		margin-top: -150px;	}
	#promo-slider .dot-overlay {
	    padding: 40px 0 150px;}
	#promo-slider{
		margin-bottom: 150px;}
}
@media(max-width: 350px){
	#promo-slider .dot-overlay {
	    padding: 30px 0 100px;}
}
/*overall--------------------------------*/
#overall{
	padding:auto;
}
#overall .text-box{
	border-left:solid;
	border-color:#ff8200;
	border-width: 5px;
	padding-left:10px;
	margin-top: 300px;}
#overall h1 {
	color:#666;
	font-size:30px;
	font-weight: 200;}
#overall p {
	color:#666;
	font-size:20px;
	font-weight: 100;}
#overall .container{
	position:relative;}
@media(max-width:1024px){
	#overall .text-box{
	    margin-top: 250px;}
}
@media(max-width:991px){
	#overall .text-box{
	    margin-top: 200px;}
	#overall .md{
		display: none;}
}
@media(min-width:991px){
	#overall .xs{
		display: none;}
}
@media(max-width:414px){
	#overall .text-box{
	    margin-top: 80px;}
}
@media(max-width:500px){
    #overall .text-box{
		display:none;}
}
@media(min-width:501px){
	#overall-1 {
	    display:none;}
}
/* features banner--------------------*/
#features{
	padding-top:100px;
	padding-bottom:100px;}
#features h3{
	margin-top:10px;}
#features .container{
	text-align:center;}
/*----protector----*/
#protector{
	padding-bottom:100px;}
#protector p{
	margin:auto;}
/*----step-----------------------------------*/
#step{
	padding-bottom:100px;}
#step h2{
	margin-top:60px;}
@media(max-width:991px){
	#step h2, #step p{
		text-align: center;
		margin-top:0px;
		padding: 0 100px;}
}
@media(max-width:768px){
	#step h2, #step p{
		text-align: center;
		margin-top:0px;
		padding: 0 30px;}
}
/*-----------slider-------------------**/
.line-with-title{
	position:relative;
	padding-bottom: 100px;}
.line-with-title img{
	position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);}
.setting img, h2 {
	margin:0px auto;}
#slider{
	padding:auto;}
.s{
	display:inline-block;
	color:white;
	font-weight: 900;
	background-color: #ff8200;
	padding:5px 5px;}
.ss{
	color:white;
	font-weight: 900;
	background-color: #ff8200;
	padding:5px 5px;
	text-align: center;
	width:150px;
	border-radius:10px;}

.camera-setting{
	border:solid 2px #222;
	border-radius: 10px;
	margin:100px auto;
	padding:20px;}
.tlc2020-link{
	margin-top:150px;
	padding-bottom:100px;}
.tlc2020-link a:hover{
	position:relative;
	top:-2px;
	right:-2px;
	text-shadow: 0px 0px 1px #222;}
/*------------in the box--------------------------*/
#in-the-box{
	padding:auto;
	padding-bottom:80px;
	background-color: #fff;}
#in-the-box .container{
	text-align:center;}
#in-the-box .note{
	margin-top:20px;
	padding:0px;}
#in-the-box .box{
	border:solid;
	border-color: #ff8200;
	border-radius: 20px;
	padding:20px;
	margin:0px 20px;}
@media (min-width: 414px){
	#in-the-box .row{
		margin:15px 0;}
}
/*--------------slider-------*/
#application{
	padding:100px 100px;}
@media(max-width:991px){
	#application{
	    padding:20px 20px;}
}
.application-xs img{
	margin-top:20px;}
.application-xs h3{
	text-align: center;}
@media(max-width:414px){
	.slider{
		display:none;}
}
@media(min-width:415px){
	.application-xs{
		display:none;}
}

hr{
	margin:5px 0px;
	border:1px solid #222;}
/*------link--------*/
#link{
	background: #fff;}
#link p{
	color:#ff8200;}
#link .link1{
	margin-top:50px;}

#link a:hover {
	position:relative;
	top:-2px;
	right:-2px;
	text-shadow: 0px 0px 1px #222}
/*------------*/
.content-news-total{
	width: 100%;
    overflow: hidden;}
.content-right {
    float: left;
    width: 30%;
    margin: 0 1.6% 30px 1.6%;}
.right-table {
    height:450px;
    background-color: #fff;
    overflow: hidden;
    float: left;}
.img_bolder {
    max-height: 300px;
    border-bottom: 1px solid #c9c9c9;
    position: relative;
    overflow: hidden;
    padding-bottom: 66.52%;}
.news-title-mark{
    min-width: 90px;
    background-color: #ff8200;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    z-index: 1;}
.right-text {
    height: 300px;
    text-align: left;
    padding: 20px 15px 10px 20px;
    overflow: hidden;}
.right-text .right-title {
    max-height: 76px;
    font-size: 24px;
    margin-bottom: 10px;
    color: #000;
    line-height: 20px;
    padding-bottom: 1px;
    overflow: hidden;}
@media(max-width: 991px){
    .right-table {
    	height:500px;}
}
@media(max-width: 600px){
    .right-table {
        width:96.8%;
    	height:550px;}
    .article-img{
    	width:100%;}
}
@media(max-width: 441px){
    .right-table {
    	height:450px;}
}