@charset "utf-8";
/*------------------------------
Downtime
------------------------------*/
* {
	font-family: "Rubik", -apple-system, "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", "PingFang SC", "Noto Sans CJK TC", sans-serif;
}

.fillBox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 800px;
    width: 96%;
}

.downtimeCont {
    /* background: linear-gradient(45deg, #ffda24 25%, #fff 0, #fff 50%, #ffda24 0, #ffda24 75%, #fff 0); */

	background: linear-gradient(45deg, #6271C2 25%, #A0A9DA 0, #A0A9DA 50%, #6271C2 0, #6271C2 75%, #A0A9DA 0);
    background-size: 30px 30px;
    border-radius: 20px;
    padding: 1rem;
}

.downtimeBox {
	text-align: center;
	padding: 2rem 1rem;
    border-radius: 20px;
    background-color: #E9EEF1;
}

.downtimeBox .titleBox {
	font-size: 0;
	margin-bottom: 2rem;
    max-width: 500px;
    margin: auto;
    margin-bottom: 2rem;
    padding: 1rem;
    border-radius: 50px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 0 #d5dee4;
	-moz-box-shadow: 0 0 5px 0 #d5dee4;
	-webkit-box-shadow: 0 0 5px 0 #d5dee4;
}

.downtimeBox .titleBox .pic {
	width: 40%;
	max-width: 150px;
	display: inline-block;
	vertical-align: middle;
}

.downtimeBox .titleBox .pic img {
	width: 100%;
}

.downtimeBox .titleBox .title {
	width: 60%;
	display: inline-block;
	vertical-align: middle;
	font-size: 2.25rem;
    letter-spacing: 0.25rem;
    color: #333;
    font-weight: 800;
}

.downtimeBox .infoBox {
	font-size: 1.15rem;
    color: #495458;
    padding-top: 1rem;
    line-height: 30px;
}

.downtimeBox .infoBox.hr {
	margin-top: 1rem;
    border-top: 3px dashed #fff;
}

.downtimeBox .infoBox span {
	font-weight: 800;
}

.downtimeBox .infoBox span.red {
	color: #ea3c46;
}

.downtimeBox .infoBox span.udber {
	text-decoration: underline;
}

.downtimeBox .infoBox span.sub {
	font-size: 1rem;
	font-weight: normal;
}

.downtimeBox .companyName {
    margin-top: 3rem;
    font-size: 1.25rem;
    font-weight: 800;
}


@media (max-width: 768px) {
	.downtimeCont {
		padding: 0.5rem;
	}
	.downtimeBox {
	    padding: 1rem 1rem;
	}
	.downtimeBox .titleBox {
	    margin: 1rem;
	    margin-top: 0;
    	padding: 0.5rem;
	}
	.downtimeBox .titleBox .pic {
	    width: 45%;
    	max-width: 140px;
	}
	.downtimeBox .titleBox .title {
	    font-size: 1.875rem;
    	width: 55%;
	}
	.downtimeBox .infoBox {
		font-size: 1rem;
	    padding-top: 1rem;
    	line-height: 26px;
	}
	.downtimeBox .companyName {
	    margin-top: 1rem;
    	font-size: 1rem;
	}
}

@media (max-width: 500px) {
	.downtimeBox .titleBox .pic {
	    width: auto;
	}
	.downtimeBox .titleBox .title {
	    display: block;
    	font-size: 1.35rem;
	    width: auto;
    	padding-top: 0.25rem;
    	letter-spacing: 0.15rem;
	}
	.downtimeBox .infoBox {
		font-size: 0.875rem;
		line-height: 22px;
	}
	.downtimeBox .infoBox span.sub {
	    font-size: 0.875rem;
	}
}


/*Edge*/
*::-ms-backdrop, .downtimeCont {}
/*IE10, IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.fillBox {
	    position: static;
	    transform: none;
	    width: auto;
	    margin: auto;
	}
	.downtimeCont {
		margin-top: 2rem;
	}
}

/*hr高度修改201030*/
hr.HrObj{margin-top: 20px;}