/* .visimg.support {
	background: url(/_Img/layout/support_bg.jpg) center / cover no-repeat;
} */

.main_content.ssl_block .cont_top { padding-top: 0; }

/*  combine_block -------------------------------*/
.combine_block .combine_img { max-width: 1000px; margin: 2.5rem auto 5rem; text-align: center; }

/*  recommend */
.combine_block section.recommend .recommend_list{display:flex;flex-wrap:wrap;}
.combine_block section.recommend .recommend_list > li{border-radius:1.2rem;flex-direction:column;line-height:1.8;margin:1%;padding:1.2rem 1.5rem;width:23%;}
.combine_block section.recommend .recommend_list .num{margin-bottom:0.4rem;}

/*  char */
.combine_block section.char .char_list{display:flex;flex-wrap:wrap;}
.combine_block section.char .char_list > li{border-radius:1.2rem;flex-direction:column;line-height:1.8;margin:1%;padding:1.2rem 1.5rem;width:31%;}
.combine_block section.char .char_list .num{margin-bottom:0.4rem;}

/*  service */
.combine_block section.service .notice{padding-top:3rem;}
.combine_block section.service th,
.combine_block section.service td{border-right:1px solid #ccc;}
.combine_block section.service th:last-child,
.combine_block section.service td:last-child{border-right:0;}

/*  target */
.combine_block section.target .target_list { max-width: 600px; margin: auto; padding: 1.2rem 1.5rem; border-radius: 1.2rem; }

/*  maintenance_block -------------------------------*/
/* outline */
.maintenance_block section.outline .outline_list { max-width: 850px; margin: auto; }
.maintenance_block section.outline .outline_list > li { padding: 1.6rem 1.8rem; border-radius: 1.5rem; margin: 1.5rem 0; }

/* service */
.maintenance_block section.service .service_list{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;}
.maintenance_block section.service .service_list > li{border-radius:1.5rem;margin:1%;padding:1.6rem 1.8rem;width:48%;}
.maintenance_block section.service .service_list > li .item_title3{margin-bottom:0.6rem;}
.maintenance_block section.service .service_list > li .item_text{margin-bottom:0.6rem;}

/*  solving_block -------------------------------*/
/* service */
.solving_block section.service .service_list{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;}
.solving_block section.service .service_list .info{width:100%;}
.solving_block section.service .service_list > li{border-radius:1.5rem;margin:1%;padding:1.6rem 1.8rem;width:31.2%;}
.solving_block section.service .service_list > li .item_title3{align-items:flex-start;flex-direction:column;margin-bottom:0.35rem;}
.solving_block section.service .service_list > li .item_title3 .num2{margin-bottom:0.65rem;}

/*  restore_block -------------------------------*/
/* service */
.restore_block section.service .service_list{display:flex;justify-content:space-between;}
.restore_block section.service .service_list > li{border-radius:1rem;margin:1%;padding:1.25rem 1.4rem;width:31%;}

/* process */
.restore_block section.process .process_list{margin:auto;max-width:820px;}
.restore_block section.process .process_list > li{align-items:center;border-radius:1rem;display:flex;padding:1.3rem;}
.restore_block section.process .process_list .info{width:100%;}
.restore_block section.process .process_list > li .icon{margin:0 3rem 0 1rem;}
.restore_block section.process .process_list > li .icon img{width:4rem;}
.restore_block section.process .process_list .arrow{margin:1rem auto;padding:0;width:1rem;}
.restore_block section.process .process_list .arrow img{width:100%;}

/*  ssl_block -------------------------------*/
/* effect */
.ssl_block section.effect .effect_list{display:flex;}
.ssl_block section.effect .effect_list > li{border-radius:1.2rem;margin:1%;padding:1.25rem 1.5rem;width:23%;}
.ssl_block section.effect .effect_list > li .item_title{flex-direction:column;line-height:1.8;margin-bottom:0;}
.ssl_block section.effect .effect_list > li .item_title .num{margin-bottom:6px;}

/* kind */
.ssl_block section.kind .kind_list{display:flex;margin:auto;}
.ssl_block section.kind .kind_list > li{border-radius:1rem;margin:1%;padding:1.25rem 1.5rem;text-align:center;width:31%;}
.ssl_block section.kind .kind_list > li img{display:block;margin:0 auto 0.5rem;max-width:140px;}
.ssl_block section.kind .kind_list .item_title{flex-direction:column;position:relative;}
.ssl_block section.kind .kind_list .item_title .num{left:1.2rem;position:absolute;top:1.2rem;}

/* process */
.ssl_block section.process .process_list{margin:auto;max-width:550px;}
.ssl_block section.process .process_list > li{align-items:center;border-radius:1rem;display:flex;justify-content:center;padding:1.3rem;}
.ssl_block section.process .process_list > li .info img{margin:0 1rem 0 2rem;}
.ssl_block section.process .process_list > li .item_title{align-items:center;justify-content:space-between;margin-bottom:0;}
.ssl_block section.process .process_list .arrow{margin:1rem auto;padding:0;width:1rem;}

/* csr */
.ssl_block section.csr .csr_list { display: flex; }
.ssl_block section.csr .csr_list > li { width: 31%; margin: 1%; border-radius: 1.2rem; padding: 1.25rem 1.5rem; }

/* install */
.ssl_block section.install .install_list{display:flex;}
.ssl_block section.install .install_list > li{border-radius:1.2rem;margin:1%;padding:1.25rem 1.5rem;width:31%;}
.ssl_block section.install .cont_title2{margin-top:6rem;}
.ssl_block section.install .code{line-height:1.8;margin:1rem auto 0;overflow-x:auto;width:100%;}

/* product */
.ssl_block section.product{padding-top:3rem;}
.ssl_block section.product .table_box{overflow-x:auto;width:100%;}
.ssl_block section.product table{border-top:2px solid #003170;min-width:1203px;}
.ssl_block section.product table td,
.ssl_block section.product table th{vertical-align:middle;}
.ssl_block section.product .tb_top{border-bottom:2px solid #555;}
.ssl_block section.product .tb_top th{vertical-align:top;}
.ssl_block section.product th h4{font-size:1.14rem;margin-bottom:4px;text-align:left;}
.ssl_block section.product th.type00{background:#f7f7f7;border-right:2px solid #aaa;}
.ssl_block section.product th.type01{background:#ebf0f3;}
.ssl_block section.product th.type01 h4{color:#00314b;}
.ssl_block section.product th.type01-1{background:#e1eef6;}
.ssl_block section.product th.type02{background:#eef3eb;}
.ssl_block section.product th.type02 h4{color:#1e3510;}
.ssl_block section.product th.type02-1{background:#e0eed8;border-left:2px solid #aaa;border-right:2px solid #aaa;}
.ssl_block section.product td.type02-2{border-left:2px solid #aaa;border-right:2px solid #aaa;}
.ssl_block section.product th.type03{background:#f3efeb;}
.ssl_block section.product th.type03 h4{color:#1d0e00;}
.ssl_block section.product th.type03-1{background:#f1e4d8;}
.ssl_block section.product td.fee{color:#111;font-size:1.16rem;font-weight:500;}
.ssl_block section.product .product_list{display:flex;flex-wrap:wrap;margin:1rem auto;max-width:1030px;}
.ssl_block section.product .product_list > li{border-radius:1rem;margin:1%;padding:1.5rem 2rem;width:48%;}
.ssl_block section.product .product_list > li .img_box{border:1px solid #ccc;padding:1.5rem 2rem;text-align:center;width:100%;}
.ssl_block section.product .product_list > li .img_box img{display:block;margin:auto;max-width:220px;width:100%;}
.ssl_block section.product .product_list > li .item_title{font-size:1.18rem;line-height:1.6;margin:1rem 0 0.5rem;}
.ssl_block section.product .product_list > li em{font-size:1.6rem;font-weight:500;margin-top:2rem;width:100%;}
.ssl_block section.product .product_list > li em span{color:#333;font-size:1rem;font-weight:400;}

/*  performance_block -------------------------------*/
/* service */
.performance_block section.service .service_list > li { padding: 1.3rem; border-radius: 1rem; margin-bottom: 1rem; }

/* process */
.performance_block section.process .process_list{margin:auto;max-width:500px;}
.performance_block section.process .process_list > li{border-radius:1rem;padding:1.2rem;text-align:center;width:100%;}
.performance_block section.process .process_list > li .item_title{margin-bottom:0;}
.performance_block section.process .process_list > li:hover .num{background:#ff8800;}
.performance_block section.process .process_list > li.arrow{padding:0;transform:scale(0.8);}

/*  hahpc_block -------------------------------*/
/* service */
.hahpc_block section.outline .cont_title4 { margin-top: 10rem; }
.hahpc_block section.outline .hahpc_img { text-align: center; margin-top: 1rem; }

/*  databases_block -------------------------------*/
/* support */
.databases_block section.support .support_list{display:flex;margin:auto;max-width:1000px;padding:1rem 0;}
.databases_block section.support .support_list > li{padding:1rem 4rem;width:50%;}
.databases_block section.support .support_list .check_point{border-right:1px solid #ccc;}
.databases_block section.support .point_list{margin-top:1rem;}
.databases_block section.support .point_list > li{border-radius:1rem;justify-content:center;padding:1.2rem;transition:0.25s;}
.databases_block section.support .point_list > li:hover{color:#ff8800;}
.databases_block section.support .point_list .arrow{padding:0 0 0.5rem;text-align:center;}
.databases_block section.support .point_list .arrow img{width:15px;}

/* details */
.databases_block section.details { display: flex; background: url(/images/support/content_bg.png) 20% 20% no-repeat fixed; }
.databases_block section.details .details_title { width: 40%; }
.databases_block section.details .cont_title{display:flex;flex-direction:column;margin-left:auto;margin-top:5rem;max-width:320px;text-align:left;}
.databases_block section.details .details_list{width:60%;}
.databases_block section.details .details_list > li{border-radius:1.2rem;margin:3% 0;padding:1.5rem 2rem;width:100%;}

/* type */
.databases_block section.type .type_list{display:flex;}
.databases_block section.type .type_list > li{border-radius:1.2rem;margin:1%;padding:1.3rem 1.6rem;width:23%;}
.databases_block section.type .type_list .item_title{display:block;line-height:1.6;}
.databases_block section.type .type_list .item_title .num{margin-bottom:0.5rem;}

/* analysis, inspection, disorder, request */
.databases_block section.analysis .content,
.databases_block section.inspection .content,
.databases_block section.disorder .content,
.databases_block section.request .content {
	max-width: 800px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.databases_block section.analysis .analysis_img,
.databases_block section.inspection .inspection_img,
.databases_block section.disorder .disorder_img,
.databases_block section.request .request_img {
	max-width: 323px;
	width: 49%;
}
.databases_block section.analysis .analysis_list,
.databases_block section.inspection .inspection_list,
.databases_block section.disorder .disorder_list,
.databases_block section.request .request_list {
	width: 100%;
	margin-top: 2%;
	margin-left: 2%;
}
.databases_block section.analysis .analysis_list > li,
.databases_block section.inspection .inspection_list > li,
.databases_block section.disorder .disorder_list > li,
.databases_block section.request .request_list > li {
	padding: 1.3rem 1.6rem;
	border-radius: 1.2rem;
	margin-bottom: 2%;
}
.databases_block .signup_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14rem;
	height: 3.7rem;
	margin: 1.8rem auto;
	border-radius: 35px;
	font-size: 1.1rem;
	font-weight: 500;
	color: #82b2fe;
	cursor: pointer;
}
.databases_block .signup_btn img {
	width: 2.3rem;
	margin-right: 0.4rem;
}

@media (max-width: 1199px) {
	.databases_block section.type .type_list{flex-wrap:wrap;}
	.databases_block section.type .type_list > li{width:48%;}
	.ssl_block section.effect .effect_list{flex-wrap:wrap;}
	.ssl_block section.effect .effect_list > li{width:48%;}
}
@media (max-width: 999px) {
	.combine_block section.recommend .recommend_list > li { width: 48%; }
	.combine_block .combine_img img { max-width: 90%; }

	/*  manage_block -------------------------------*/
	/*  service */
	.maintenance_block section.service .service_list > li:first-child { margin-top: 0; }
	.maintenance_block section.service .service_list > li { width: 100%; margin: 1.5rem 1%; }
	.databases_block section.support .support_list > li { padding: 1rem 2rem; }

	/*  solving_block -------------------------------*/
	/*  service */
	.solving_block section.service .service_list > li { width: 48%; margin: 1%; }
	.ssl_block section.kind .kind_list { flex-wrap: wrap; }
	.ssl_block section.kind .kind_list > li { width: 98%; }
}

@media (max-width: 799px) {
	.combine_block section.char .char_list .num { margin-bottom: 0; }
	.combine_block section.char .char_list > li { width: 98%; flex-direction: row; align-items: center; }
	.restore_block section.service .service_list { flex-wrap: wrap; }
	.restore_block section.service .service_list li { width: 100%; }
	.hahpc_block section.outline .hahpc_img img { width: 92%; }
	
	.databases_block section.support .support_list { flex-wrap: wrap; }
	.databases_block section.support .support_list > li { width: 100%; padding: 3rem 1rem; }
	.databases_block section.support .support_list .check_point { border-right: none; border-bottom: 1px solid #ccc; }
	.databases_block section.support .support_list > li .item_title { justify-content: center; }
	.databases_block section.details { display: block; }
	.databases_block section.details .details_title { width: 100%; }
	.databases_block section.details .cont_title { max-width: 100%; align-items: center; }
	.databases_block section.details .details_list { width: 100%; }
}

@media (max-width: 599px) {
	.databases_block section.analysis .content,
	.databases_block section.inspection .content,
	.databases_block section.disorder .content,
	.databases_block section.request .content {
		flex-direction: column;
	}
	.databases_block section.analysis .analysis_img,
	.databases_block section.inspection .inspection_img,
	.databases_block section.disorder .disorder_img,
	.databases_block section.request .request_img {
		width: 100%;
		margin: auto;
	}
    .databases_block section.analysis .analysis_list,
    .databases_block section.inspection .inspection_list,
    .databases_block section.disorder .disorder_list,
    .databases_block section.request .request_list {
        width: 100%;
        margin-left: 0;
    }

	/*  solving_block -------------------------------*/
	/*  service */
	.solving_block section.service .service_list > li { width: 98%; margin: 1%; }
	.ssl_block section.effect .effect_list > li { width: 98%; }
	.ssl_block section.csr .csr_list,
	.ssl_block section.install .install_list { flex-wrap: wrap; }
	.ssl_block section.csr .csr_list > li,
	.ssl_block section.install .install_list > li { width: 98%; }
	.ssl_block section.product .product_list > li { width: 98%; }
}

@media (max-width: 499px) {
	.combine_block section.recommend .recommend_list .num { margin-bottom: 0; }
	.combine_block section.recommend .recommend_list > li { width: 98%; flex-direction: row; align-items: center; }
	.combine_block section.service .notice { overflow-x: auto; }
	.combine_block section.service .notice table { min-width: 480px; }
    .restore_block section.process .process_list > li .icon { margin: 0; }
    .restore_block section.process .process_list > li .icon img { width: 3.4rem; }
	.restore_block section.process .process_list > li { flex-direction: column; text-align: center; position: relative; }
    .restore_block section.process .process_list .info .item_text { text-align: center; }
	.restore_block section.process .process_list > li .item_title { flex-direction: column; align-items: center; }
	.restore_block section.process .process_list > li .item_title .num { margin: 0 0 0.5rem 0; position: absolute; top: 1.1rem; left: 1.1rem; }
	.databases_block section.type .type_list > li { width: 98%; }
}

/*FROM SITE CODE :  
*/