.lone .content-header {
	background: url("https://gi.esmplus.com/futizen/thebetterwe/ai_server_alt.jpg") center center no-repeat;
	background-size: cover;
	}
.ssl .content-header {
	background: url("https://gi.esmplus.com/futizen/thebetterwe/ai_server_room.jpg") center center no-repeat;
	background-size: cover;
	}
.ssl .content-header .ssl-photo {
	position: absolute; top: 60px; left: 50%;
	width: 320px;
	height: 320px;
	border: 5px solid #fff; border-radius: 50%;
	overflow: hidden;
	}
.ssl .content-header .ssl-photo img {
	width: 100%;
	}
.wordpress .content-header .wordpress-photo {
	position: absolute; top: 60px; left: 50%;
	width: 320px;
	height: 320px;
	border: 5px solid #fff; border-radius: 50%;
	overflow: hidden;
	}
.wordpress .content-header .wordpress-photo img {
	width: 100%;
	}
.web .content-header h2 {
    font-family: "DM Serif Display", serif;
	}
.web .content-header h2.reseller {
	font-family: "Cafe24Dangdanghae";
	}
.web .content-header h2 span:first-child {
	font-size: 42px;
	}
.web .content-header h2 em {
	font-weight: bold; font-size: 48px;
	}
.web .content-header h2 i {
	margin-right: 10px;
	font-size: 32px;
	}
.web .content-header .bps-photo {
	position: absolute; top: 60px; left: 50%;
	width: 320px;
	height: 320px;
	border: 5px solid #fff; border-radius: 50%;
	overflow: hidden;
	}
.web .content-header .dotnet-logo {
	position: absolute; top: 60px; left: 50%;
	width: 300px;
	height: 300px;
	border: 5px solid #fff; border-radius: 50%;
	overflow: hidden;
	}
.web .content-header .bps-photo img, .web .content-header .dotnet-logo img {
	width: 100%;
	}
.mail .content-header {
	background: url("https://gi.esmplus.com/futizen/thebetterwe/ai_server_room_alt.jpg") center center no-repeat;
	background-size: cover;
	}
.mail .content-header h3 span {
	position: relative;
	z-index: 2;
	}
.mail .content-header h3 img {
	position: absolute; top: -120px; left: 160px;
	z-index: 1;
	}
.mail .content-header .hosting-earth {
	position: absolute; top: 60px; left: 50%;
	width: 320px;
	height: 320px;
	border: 5px solid #fff; border-radius: 50%;
	overflow: hidden;
	}
.mail .content-header .hosting-earth img {
	width: 100%;
	}
.mail .content-header img[alt="mail hosting"] {
	position: absolute; top: 160px; left: calc(50% + 297px);
	width: 100px;
	}
.os-tabs-wrap {
	margin-bottom: 30px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	}
.os-tabs-wrap button {
	display: block;
	float: left;
	width: 50%;
	padding: 5px 0;
	background-color: #fff;
	}
.os-tabs-wrap button.current {
	border-bottom: 5px solid transparent;
	border-image: url("/common_file/image/gold_line.jpg") 1 stretch;
	}
.mail .os-tabs-wrap button {
	height: 84px;
	}
.mail .os-tabs-wrap button:first-child img {
	margin-top: 10px;
	}
.os-wrap {
	display: none;
	}
#Linux-OS, #Linux-OS-header, #Linux-OS-footer {
	display: block;
	}
#Domain-HOST, #Domain-HOST-header, #Domain-HOST-footer {
	display: block;
	}
.web .summary-wrap, .mail .summary-wrap {
	width: 1720px;
	margin: 0 calc((100% - 1720px) / 2);
	}
.web .summary-wrap dl, .mail .summary-wrap dl {
	width: calc(16.66666% - 2px);
	}
.web .summary-wrap.windows {
	width: 1400px;
	margin: 0 calc((100% - 1400px) / 2);
	}
.web .summary-wrap.windows dl {
	width: calc(20% - 2px);
	}
.function-wrap .banner-wrap .banner img[alt="sectigo_trust_seal"] {
	position: absolute; bottom: 5px; left: 5px;
	width: 140px;
	}
.function-wrap .banner-wrap .banner img[alt="server"] {
	position: absolute; top: 10px; right: -40px;
	width: 80px;
	}
.function-wrap .banner-wrap .banner img[alt="letsencrypt"] {
	margin-top: 5px;
	border: 1px solid #cfcfd0;
	}
.lone .function-wrap .discription .dl-wrap dl {
	height: 170px;
	}
.web .function-wrap .discription h4 {
	font-family: "DM Serif Display", serif;
	}
.lone .function-wrap .discription h5 {
	font-size: 24px;
	}
.mail .case-wrap li .back {
	padding-top: 40%;
	}
.mail .case-wrap li .back li {
	text-align: center;
	}
.spec-wrap .notice dl dl {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ff0080;
	}
.spec-wrap .notice dl a {
	margin-left: 10px;
	padding: 0 10px;
	border-radius: 5px;
	background-color: #070b16;
	}
.spec-wrap .notice dl a:link, .spec-wrap .notice dl a:visited { color: #fff; }
.spec-wrap .notice dl a:hover, .spec-wrap .notice dl a:active { color: #fff; }

@media (max-width: 1720px) {
	.web .summary-wrap, .mail .summary-wrap {
		width: 100%;
		margin: 0;
		}
	}
@media (max-width: 1680px) {
	.web .summary-wrap, .mail .summary-wrap {
		width: 1024px;
		margin: 0 calc((100% - 1024px) / 2);
		}
	.web .summary-wrap dl, .mail .summary-wrap dl {
		width: calc(33.33333% - 2px);
		}
	}
@media (max-width: 1400px) {
	.web .summary-wrap.windows {
		width: 100%;
		margin: 0;
		}
	}
@media (max-width: 1280px) {
	.ssl .summary-wrap {
		width: 100%;
		margin: 0;
		}
	}
@media (max-width: 1024px) {
	.web .summary-wrap, .mail .summary-wrap {
		width: 640px;
		margin: 0 calc((100% - 640px) / 2);
		}
	.web .summary-wrap dl, .mail .summary-wrap dl {
		width: calc(50% - 2px);
		}
	.web .summary-wrap.windows {
		width: 640px;
		margin: 0 calc((100% - 640px) / 2);
		}
	.web .summary-wrap.windows dl {
		width: calc(50% - 2px);
		}
	.ssl .summary-wrap {
		width: 640px;
		margin: 0 calc((100% - 640px) / 2);
		}
	.ssl .summary-wrap dl {
		width: calc(50% - 2px);
		}
	}
@media (max-width: 940px) {
	.function-wrap .banner-wrap {
		width: 512px;
		margin: 0 calc((100% - 512px) / 2);
		}
	.function-wrap .banner-wrap .banner {
		width: 100%;
		}
	.function-wrap .discription {
		margin: 30px calc((100% - 512px) / 2) 20px;
		}
	}
@media (max-width: 840px) {
	.add-discription-top h4 {
		font-size: 30px;
		}
	.add-discription-top h5 {
		font-size: 16px; line-height: 24px;
		}
	.add-discription-top ul {
		width: 380px;
		margin: 0 calc((100% - 380px) / 2);
		}
	.add-discription-top li {
		width: 100%;
		margin: 5px 0;
		}
	}
@media (max-width: 640px) {
	.web .summary-wrap, .web .summary-wrap.windows, .ssl .summary-wrap, .mail .summary-wrap {
		width: 100%;
		margin: 0;
		}
	}
@media (max-width: 512px) {
	.function-wrap {
		padding: 0 5px;
		}
	.function-wrap .banner-wrap {
		width: 100%;
		margin: 0;
		}
	.function-wrap .discription {
		width: 100%;
		margin: 10px 0 20px;
		padding: 10px;
		border: 1px solid #d1d1d1;
		}
	.function-wrap .discription .dl-wrap dl {
		width: 100%;
		padding: 10px 0;
		}
	}