@charset "utf-8";



#middler.main{background:white;}
#middler.main .visualzone{height:413px; background:white; background:url('/images/servicezone.avif'); background-repeat:no-repeat;  background-position:50% 50%; background-size:cover; overflow:hidden;}
#middler.main .visualzone .box{margin:70px 0px 0px 0px;}
#middler.main .visualzone .box .thumb{margin-bottom:20px;}
#middler.main .visualzone .box .intro{font-weight:400; font-size:18px; color:rgba(0,0,0,0.7);}
#middler.main .visualzone .box .intro p{font-weight:inherit; font-size:inherit; color:inherit;}
#middler.main .visualzone .box .intro p strong{color:#111;}
#middler.main .visualzone .box .intro p .em{color:#4A78E8; font-weight:600; text-decoration:underline;}
#middler.main .visualzone .box .btns{display:flex; flex-wrap:wrap; gap:20px;}
#middler.main .visualzone .box .btn{background:#495BEB; border-radius:5px; height:42px; line-height:42px; color:white; font-weight:600; margin:0px; padding:0px 20px; transition:0.2s;}
#middler.main .visualzone .box .btn:hover{background:#2c40db;  transition:0.2s; }
#middler.main .visualzone .box .alert{background:white; display:inline-block; border-radius:10px; box-shadow:0px 0px 5px rgba(0,0,0,0.3); height:44px; line-height:44px; margin:15px 0px 40px 0px; padding:0px 20px; font-weight:400;}
#middler.main .visualzone .box .alert p{line-height:inherit; font-weight:inherit; font-size:inherit;}
#middler.main .visualzone .box .alert .bi{color:#2096F0; font-size:20px; }
#middler.main .visualzone .box .caption p{text-indent:-16px; margin-left:16px; font-size:13px; font-weight:400; color:#6B6A72;}
#middler.main .visualzone .box .caption p span{display:block; font-weight:inherit; color:inherit;}
#middler.main .visualzone h3.subtitle{font-size:14pt;}
#middler.main .visualzone.active{height:300px;}
 
#middler.main .visualzone .menu{margin:10px; padding:0px 0px; list-style:none; overflow:hidden;}
#middler.main .visualzone .menu li{float:left; width:calc(100%/8);}
#middler.main .visualzone .menu li .box{margin:10px 10px; text-align:center; min-width:95px; position:relative;}
#middler.main .visualzone .menu li .box .thumb img{filter: grayscale(1);  height:34px;}
#middler.main .visualzone .menu li .box .title{font-size:10pt; font-weight:400; margin:10px;}
#middler.main .visualzone .menu li .box.active .thumb img{filter:unset;}
#middler.main .visualzone .menu li .box .noti{position:absolute; margin-left:10px; top:-5px;}

@media(max-width:768px){
	#middler.main h4.title{font-size:18px !important;}
	#middler.main .visualzone .box{text-align:center; margin:40px 10px;}
	#middler.main .visualzone .box .intro{font-size:11px;}
	#middler.main .visualzone .box .intro p{display:inline;  letter-spacing:-1px;}
	#middler.main .visualzone .box .intro p .em{display:block;}
	#middler.main .visualzone .box .thumb img{max-width:80%;}
	#middler.main .visualzone .box .btns{display:unset;}
	#middler.main .visualzone .box .btn{font-size:12px;}
	#middler.main .visualzone .box .alert{font-size:13px; text-align:left; line-height:1.4em; padding:20px 20px 20px 40px; margin:20px 10px; height:auto;}
	#middler.main .visualzone .box .alert img{position:absolute; left:20px; top:27px; width:15px;}
	#middler.main .visualzone .box .caption{text-align:left; margin:10px auto; width:300px; }
	#middler.main .visualzone .box .caption p{font-size:12px;}
	#middler.main .visualzone .box .btn img{width:15px;}
	#middler.main .visualzone.active .menu{width:100%; margin:0px; padding:0px;}
	#middler.main .visualzone.active .menu li{float:left; width:calc(100%/4);}
	#middler.main .visualzone.active .box .thumb{margin-bottom:5px;}
	#middler.main .visualzone.active .menu li .box .title{font-size:11px;; font-weight:400; margin:0px 0px 0px 0px;}
}

#middler.main .servicezone{ background:#F7F7F7; overflow:hidden; padding:60px 0px; transition:0.3s;}
#middler.main .servicezone .productcenter{float:left; width:845px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
#middler.main .servicezone .productcenter ul.menu{margin:0px; padding:0px; list-style:none; display:flex; flex-wrap:wrap;}
#middler.main .servicezone .productcenter ul.menu li{width:calc(100%/2);}
#middler.main .servicezone .productcenter ul.menu li .box{border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; height:225px; background:white; position:relative;}
#middler.main .servicezone .productcenter ul.menu li .box .thumb{height:174px; align-content:center;  text-align:center;}
#middler.main .servicezone .productcenter ul.menu li .box .thumb img{ margin-top:-20px;}
#middler.main .servicezone .productcenter ul.menu li .box .thumb .title{font-weight:600; font-size:20px; margin-top:10px; position:absolute; width:100%; bottom:70px;}
#middler.main .servicezone .productcenter ul.menu li .box .info{display:flex; flex-wrap:wrap;}
#middler.main .servicezone .productcenter ul.menu li .box .info .btn{background:#313131; width:calc(100%/2); color:white; height:50px; transition:0.2s;}
#middler.main .servicezone .productcenter ul.menu li .box .info .btn:nth-child(2){border-left:1px solid #ddd;}
#middler.main .servicezone .productcenter ul.menu li .box .info .btn:hover{background:rgba(0,0,0,1); transition:0.2s; font-size:1.1em;}
@media(max-width:768px){
	#middler.main .servicezone{background:white; padding:0px; transition:0.3s;}
	#middler.main .servicezone .productcenter{float:unset; width:auto}
	#middler.main .servicezone .productcenter ul.menu{border:none;}
	#middler.main .servicezone .productcenter ul.menu li{width:calc(100%/1); margin:0px 0px;}
	#middler.main .servicezone .productcenter ul.menu li .box{border:1px solid #e6e6e6;}
	
}

#middler.main .servicezone .helpcenter{float:right; width:405px; }
#middler.main .servicezone .helpcenter ul.menu{margin:0px; padding:0px; list-style:none;}
#middler.main .servicezone .helpcenter ul.menu li{transition:0.3s;}
#middler.main .servicezone .helpcenter ul.menu li .box{padding:20px;}
#middler.main .servicezone .helpcenter ul.menu li .box .title{color:white; font-weight:600; font-size:18px;}
#middler.main .servicezone .helpcenter ul.menu li .box .summary{color:rgba(255,255,255,0.8); font-weight:400;}
#middler.main .servicezone .helpcenter ul.menu li .box .summary p{font-weight:inherit;}
#middler.main .servicezone .helpcenter ul.menu li:nth-child(1){border:1px solid #4A78E7; height:100px; background:#4B79E8;}
#middler.main .servicezone .helpcenter ul.menu li:nth-child(2){border:1px solid #725FD2; height:116px;  margin-top:10px; background:#725FD2;}
#middler.main .servicezone .helpcenter ul.menu li:nth-child(2) .info{background:white; display:flex; flex-wrap:wrap; padding:0px; margin-top:5px; border-radius:2px; }
#middler.main .servicezone .helpcenter ul.menu li:nth-child(2) .info > div{flex:1; font-weight:600; text-align:center; font-size:18px; position:relative;}
#middler.main .servicezone .helpcenter ul.menu li:nth-child(2) .info > div.tel:before{content:""; width:1px; height:16px; background:#d2d2d2; position:absolute; right:10px;  top:7px;}
#middler.main .servicezone .helpcenter ul.menu li:nth-child(2) .info > div a{color:#555; text-decoration:none;}
@media(max-width:768px){
	#middler.main .servicezone .helpcenter{float:unset; width:auto; margin:20px 5px;}
	#middler.main .servicezone .helpcenter ul.menu li{transition:0.3s;}
	#middler.main .servicezone .helpcenter ul.menu li:nth-child(1){height:auto;}
	#middler.main .servicezone .helpcenter ul.menu li:nth-child(2){height:auto;}
	#middler.main .servicezone .helpcenter ul.menu li .box .summary{font-size:11px;}
	#middler.main .servicezone .helpcenter ul.menu li .box .summary p{display:inline;}
	#middler.main .servicezone .helpcenter ul.menu li:nth-child(2) .info > div{font-size:14px; padding:5px 0px;}
}




#middler.main .notizone{padding:60px 0px;}
#middler.main .notizone ul.menu{list-style:none; margin:0px; padding:0px; display:flex; flex-wrap:wrap; gap:30px;}
#middler.main .notizone ul.menu > li{flex:1;  transition:0.3s;}
#middler.main .notizone ul.menu > li > .title{font-weight:600; font-size:20px; margin-bottom:20px;}
#middler.main .notizone ul.menu > li.movie .summary{height:220px;}
#middler.main .notizone ul.menu > li.news .summary{height:220px;}



#middler.main .notizone ul.menu > li > .box ol.items{display:flex; flex-wrap:wrap; margin:0px; padding:0px; list-style:none; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }
#middler.main .notizone ul.menu > li > .box ol.items > li{width:calc(100%/3);}
#middler.main .notizone ul.menu > li > .box ol.items > li > .item{background:#f7f7f7; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; text-align:center; height:110px; align-content:center; cursor:pointer;}
#middler.main .notizone ul.menu > li > .box ol.items > li > .item .title{font-weight:400; font-size:15px; margin-top:10px;}
@media(max-width:768px){
	#middler.main .notizone{padding:0px;}
	#middler.main .notizone ul.menu{margin:10px 5px;}
	#middler.main .notizone ul.menu > li{flex:unset; width:100%; transition:0.3s;}
	#middler.main .notizone ul.menu > li.movie .thumb img{width:100%}
	#middler.main .notizone ul.menu > li.news .thumb img{width:100%}
}

@media(max-width:768px){
	#footer #copyright .watermark{margin-bottom:10px;}
	#footer #copyright .info span.mail{display:block}
	#footer #copyright .info span.company{clear:both;}
	#footer #copyright .info span{font-size:11px;}
	#footer #copyright .copy{font-size:10px; clear:both;}
}