#subTop.sub_service { 
	background-image: url("../images/main_v.jpg"); 
	background-size: cover;
	background-repeat: no-repeat; 
}
.subTitle { letter-spacing: 5px; }
a { cursor: pointer; }
/* ---------------- subMenu ------------------ */
/* ---------------- serviceTop ------------------ */
#service { padding: 48px 0; }
.ser_top { padding: 0; vertical-align: middle; text-align: center; margin-bottom: 48px; }
.ser_top ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; align-items: center; justify-content: center; background: #000; }
.ser_top li { width: 25%; height: 208px; color: #fff; letter-spacing: 0em; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
img.serIcon { width: 68px; height: 68px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#service .serCate { position: relative; display: inline-block; transition: .5s; padding-top: 118px; }
.circle { border-radius: 50%; width: 88px; height: 88px; background: #fff; display: table-cell; vertical-align: middle; position: absolute; top: 0; right: 0; bottom: 54px; left: 0; margin: auto; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.ser_top li:hover .circle { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.ser_top li { opacity: 1; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; }
.ser_top li.ser_8:hover { opacity: 1; cursor: auto; }
.ser_1:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(7, 73, 138, 0.8); }
.ser_1 { background-image: url("../images/t_ser_1.jpg"); }
.ser_2:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(28, 137, 189, 0.8); }
.ser_2 { background-image: url("../images/t_ser_2.jpg"); }
.ser_3:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(12, 163, 170, 0.8); }
.ser_3 { background-image: url("../images/t_ser_3.jpg"); }
.ser_4:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 73, 138, 0.8); }
.ser_4 { background-image: url("../images/t_ser_4.jpg"); }
.ser_5:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 137, 189, 0.8); }
.ser_5 { background-image: url("../images/t_ser_5.jpg"); }
.ser_6:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(12, 163, 170, 0.8); }
.ser_6 { background-image: url("../images/t_ser_6.jpg"); }
.ser_7:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 73, 138, 0.8); }
.ser_7 { background-image: url("../images/t_ser_7.jpg"); }
.ser_8:before { z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(28, 137, 189, 0.4); }
.ser_8 { background-image: url("../images/t_ser.png"); cursor: auto; }
/* ---------------- serviceAbout ------------------ */
.serAbout { width: 834px; margin: 0 auto; display: flex; flex-flow: nowrap; }
#service h3.text-h3-b { border-right: 2px dotted #2054a0; padding-right: 16px; padding-top: 2px; letter-spacing: 0.15em; width: 128px; color: #222; }
span.about-h3 { border: 3px solid #222; padding: 8px; }
.serAbout h4 { margin: 0; padding-bottom: 2px; float: left; }
.serAbout ul { margin-top: 38px; }
.serAbout li { margin-bottom: 28px; letter-spacing: 0.04em; }
.about-left { clear: both; color: #909090; }
span.list { color: #1992ff; padding-right: 3px; font-weight: 600; }
/* ---------------- History ------------------ */
#history { padding: 28px 0; }
#hisTop { width: 100%; height: 306px; background: url("../images/sa_img_clientdata_1.jpg"), #2054a0; background-position: top, center; background-repeat: no-repeat, no-repeat; }
#hisTop img.telenyan { width: 373px; height: 434px; margin: 0; padding: 0; margin: 0auto; }
.hisTxt { text-align: center; padding: 28px 0; }
.hisTxt h3 { margin-bottom: 0; }
.hisTxt small { color: 	#c3252a; }
.wrap { padding: 0 12%; }
.hisContents { display: none; width: 854px; padding: 5%  0; margin: 0 auto; margin-top: -20px; }
img.hisImg { width: 100%; height: auto; }
.hisDesc { width: 854px; margin: 0 auto; text-align: left; }
.hisDesc p { padding-bottom: 8px; }
.hisDesc ul { list-style-type: circle; }
h4.text-h4-a { padding: 2px 0 2px 10px; cursor: pointer; border-bottom: 1px dotted #ccc; }
#history .his_A { z-index: 0; border-left: 4px solid #1992ff; }
#history .his_B { border-left: 4px solid #19caff; }
h5 { color: #333; border-bottom: 1px dashed #ccc; margin: 0; padding: 0; margin-bottom: 8px; margin-top: 50px; }
img.Appstore { width: 135px; height: 40px; margin: 0 10px 10px 0; }
img.Googleplay { width: 135px; height: auto; margin-bottom: 10px; }
/*# sourceMappingURL=service-l.css.map */
/*# sourceMappingURL=service-l.css.map */