.overview-content{font-size:100px;min-width:1200px;max-width:1920px;margin:0 auto;font-weight:300;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;}
.overview-content .mobile-layout{display:none;}
.overview-content .clearFix:after{content:'';display:table;height:0;clear:both;}
.overview-content .bold{font-weight: 700;}
.overview-content .medium{font-weight: 500;}
.overview-content .regular{font-weight: 400;}
.overview-content h2{font-size:0.5em;line-height:1.2;padding-bottom:20px;}
.overview-content p{font-size:0.2em;line-height:1.5;}
.overview-content a{text-decoration:none;}
.overview-content .w960{width:9.6em;margin:0 auto;position:relative;}
.overview-content .w1200{width:12em;margin:0 auto;position:relative;}
.overview-content .w1400{width:14em;margin:0 auto;position:relative;}
.overview-content .nowrap{white-space: nowrap;}
.eap225 .a{background:url(images/a.jpg) 50% 0 no-repeat;height:9.52em;background-size:19.2em;}
.eap225 .a .text{padding-top:2.65em;text-align:center;color:#33424c;}
.eap225 .a img{width:14.3em;}
.eap225 .b{background:url(images/b.jpg?1) 50% 0 no-repeat;height:7em;background-size:19.2em;}
.eap225 .b .text{padding:1.7em 0 0 8.8em;color:#edf6ff;}
.eap225 .b dl{color:#dedfe0;text-align:center;position:absolute;top:4.25em;width:2.5em;}
.eap225 .b dl.text1{left:0;}
.eap225 .b dl.text2{left:4.1em;}
.eap225 .b dl>dt{font-size:0.18em;padding-bottom:10px;}
.eap225 .b dl>dd{font-size:0.16em;}
@keyframes sumimo{
  0%, 40%, 100% { opacity:1 }
  50%, 90% { opacity:0 }
}
@keyframes mumimo-arrow-1 {
  from { transform:translate(0,0) }
  to { transform:translate(-0.3em,0) }
}
@keyframes mumimo-arrow-2 {
  from { transform:translate(0,0) }
  to { transform:translate(0.3em,0) }
}
.eap225 .b .sumimo{position:absolute;top:3.16em;left:-0.1em;width:2.36em;height:0.75em;}
.eap225 .b .sumimo .bg{position:absolute;top:0;left:0;width:100%;height: 100%;animation: sumimo 2s linear infinite;background-repeat: no-repeat;background-size: 100%;}
.eap225 .b .sumimo .bg1{animation-delay: -1s;background-image: url(images/b-sumimo-1.png);filter: alpha(opacity=100);opacity: 1;}
.eap225 .b .sumimo .bg2{background-image: url(images/b-sumimo-2.png);filter: alpha(opacity=0);opacity: 0;}
.eap225 .b .sumimo .router{position:absolute;top:-0.2em;left:0;width:100%;height: 100%;background:url(images/b2.png) 58% 0 no-repeat;background-size:0.85em;}
.eap225 .b .mumimo{position:absolute;top:2.8em;left:2.76em;width:5.03em;height:1.57em;}
.eap225 .b .mumimo .bg{position:absolute;top:0;left:0;width:100%;height:100%;background: url(images/b-mumimo.png) 50% 0 no-repeat;background-size: 100% auto;}
.eap225 .b .mumimo .arrow{background-position: 50%;background-repeat: no-repeat;background-size: contain;height: 0.24em;position: absolute;top: 0.32em;width: 1.3em;}
.eap225 .b .mumimo .arrow1{animation: mumimo-arrow-1 .5s linear infinite;background-image: url(images/b-mumimo-arrow-1.png);left: 1em;}
.eap225 .b .mumimo .arrow2{animation: mumimo-arrow-2 .5s linear infinite;background-image: url(images/b-mumimo-arrow-2.png);left: 2.85em;}
.eap225 .b .mumimo .router{position:absolute;top:-0.43em;left:0;width:100%;height:100%;background:url(images/b1.png) 52% 0 no-repeat;background-size:1.79em;}
.eap225 .c{background:url(images/c.jpg) 50% 0 no-repeat;padding:5.6em 0 0.9em;background-size:19.2em;}
.eap225 .c .text{text-align:center;width:10em;margin:0 auto;}
.eap225 .c p.title{font-size:0.25em;padding-bottom:10px;}
.eap225 .c p.link{padding-top:20px;}
.eap225 .c p.link a{color:#00a2df;font-weight:bold;}
.eap225 .d{background:url(images/d.jpg) 50% 0 no-repeat;height:10.63em;background-size:19.2em;}
.eap225 .d .text{padding:3.4em 0 0 6.7em;color:#dedfe0;}
.eap225 .e{background:url(images/e.jpg) 50% 100% no-repeat;padding-bottom:6.8em;background-size:19.2em;}
.eap225 .e .text{text-align:center;padding-top:0.6em;width:10em;margin:0 auto;}
.eap225 .e p.desc{font-size: 0.18em;position: absolute;bottom: -30.3em;height: 0;left: 57em;}
.eap225 .f{background:url(images/f.jpg) 50% 0 no-repeat;height:8.21em;background-size:19.2em;}
.eap225 .f .text{padding-top:0.8em;text-align:center;height:100%;}
.eap225 .f ul>li{font-size:0.18em;position:absolute;top:36em;width:10em;font-weight: 400;}
.eap225 .f ul>li:nth-of-type(1){left:6.7em;}
.eap225 .f ul>li:nth-of-type(2){left:21.2em;}
.eap225 .f ul>li:nth-of-type(3){left:35.4em;}
.eap225 .f ul>li:nth-of-type(4){left:49.8em;}
.eap225 .g .text{width:11.4em;margin:0 auto;}
.eap225 .g td{padding: 2px 10px;}

@media screen and (max-width:1440px){
.overview-content{font-size:75px;}
}

@media screen and (max-width:736px){
	html{font-size:10.35px;}
	.overview-content{min-width:auto;font-weight: 400;}
	.overview-content .mobile-layout{display:block;}
	.overview-content h2{font-size:2.5rem;line-height:1.2;padding:3rem 6% 2rem;}
	.overview-content h3{font-size:2rem;line-height:1.2;padding:0 6% 1.5rem;}
	.overview-content p{font-size:1.75rem;line-height:1.45;padding:0 6%;}
	.overview-content .w960,.overview-content .w1200,.overview-content .w1400{width:auto;}
	.overview-content .text{padding:0!important;width:auto!important;}
	.overview-content .wrap{width:auto;}
	.eap225 .a{background:url(mobile/a.jpg) 50% 0 no-repeat;background-size:100%;height:132vw;}
	.eap225 .a h2{font-size:2.8rem;padding-top:12.5rem;padding-bottom:1rem;font-weight: 400;}
	.eap225 .a h2>br{display:none;}
	.eap225 .a p{font-size:2rem!important;}
	.eap225 .a img{width:45%;max-width:200px;}
	.eap225 .b{background:url(mobile/b.jpg?1) 50% 100% no-repeat;background-size:100%;height:auto;padding-bottom:66%;}
	.eap225 .b .text{color:#000;}
	.eap225 .b dl{top:auto;bottom:-43vw;height:0;font-size:13vw;width:33vw;}
	.eap225 .b dl>dt{padding-bottom:5px;}
	.eap225 .b dl.text1{left:10vw;}
	.eap225 .b dl.text2{left:51vw;width:40vw;}
	.eap225 .b .sumimo{font-size: 16vw;top:auto;bottom: -42vw;left:5vw;}
	.eap225 .b .mumimo{font-size: 10vw;top:auto;bottom: -44vw;left:44.5vw;}
	.eap225 .c{background:url(mobile/c.jpg) 50% 100% no-repeat;background-size:100%;height:auto;padding:0 0 60%;}
	.eap225 .c .text{text-align:left;}
	.eap225 .c h2,.eap225 .c p.link{padding-top:2rem;}
	.eap225 .c p.title{padding-top:3rem;padding-bottom:0;}
	.eap225 .d{background:url(mobile/d.jpg) 50% 100% no-repeat;background-size:100%;background-color:#4d6aa4;height:auto;padding-bottom:103%;}
	.eap225 .e{background:url(mobile/e.jpg) 50% 100% no-repeat;background-size:100%;background-color:#f3f7f9;height:auto;padding-bottom:77%;}
	.eap225 .e .text{text-align:left;}
	.eap225 .e p.desc{font-size: 3.2vw;bottom: -57vw;left: 55vw;}
	.eap225 .f{background:#e7eaee;height:auto;}
	.eap225 .f .text{text-align:left;}
	.eap225 .f ul{padding:3rem 6% 4rem;}
	.eap225 .f ul>li{position:relative;width:100%;left:auto!important;top:auto;text-align:center;padding-top:54%;padding-bottom: 2rem;background-position:50% 0;background-size:50%;background-repeat:no-repeat;}
	.eap225 .f ul>li:nth-of-type(1){background-image:url(mobile/f1.png);}
	.eap225 .f ul>li:nth-of-type(2){background-image:url(mobile/f2.png);}
	.eap225 .f ul>li:nth-of-type(3){background-image:url(mobile/f3.png);}
	.eap225 .f ul>li:nth-of-type(4){background-image:url(mobile/f4.png);}
	.eap225 .g{display:none;}
}

@media screen and (max-width:375px){
	html {font-size:9.375px;}
}

/** */
.eap225_v3_1 .d {background-image: url(images/1_d.jpg); height: 8.66em;}
.eap225_v3_1 .d .text {padding-top: 2em; color: #ffffff;}
@media (max-width: 736px) {
	.eap225_v3_1 .d {background-image: url(mobile/1_d.jpg); background-color: #ffffff; padding-bottom: 72%; height: auto;}
	.eap225_v3_1 .d .text { color: inherit;}
}

.overview-content .w1500 { margin:0 auto; position:relative; max-width:93.75em; width: 88%;}
.overview-content .w1500:after { clear:both; content:""; display:block; }
@media (max-width: 736px) {
  .overview-content .w1500 { width: auto; }
}
.overview-content .section-smartcloud {padding-top: 8.125em; font-size: 0.16em;}
.overview-content .section-smartcloud .text>h2 { font-size:3.125em; line-height:1.2; }
.overview-content .section-smartcloud .text>p { font-size:1.25em; line-height:1.5; padding-top:1.5em;}
.overview-content .section-smartcloud .text {text-align:center;}
.overview-content .section-smartcloud .text p {width: 80%; margin:auto;}
.overview-content .section-smartcloud .text a:hover {color: #4acbd6;}
.overview-content .section-smartcloud .text a {color: #085563; text-decoration: underline;}
.overview-content .section-smartcloud .img .inner {position: relative;}
.overview-content .section-smartcloud .bg-text {position:absolute; top:0; bottom:0; left:0; right:0;}
.overview-content .section-smartcloud .img-1 {width: 63.625em; margin: 3em auto 0;}
.overview-content .section-smartcloud .img-1 .inner {height: 0; padding-top: 52.6523%; background:url('./smartcloud-bg-1.png') center no-repeat; background-size:contain;}
.overview-content .section-smartcloud .img-1 .bg-text {font-size: 1em; }
.overview-content .section-smartcloud .img-1 .des {position: absolute; font-size: 1.125em; line-height: 1.2;}
.overview-content .section-smartcloud .img-1 .des-1 {top: 48%; right: 97%; width: 6.667em; text-align:right;}
.overview-content .section-smartcloud .img-1 .des-2 {top: 20%; right: 101%; width: 8.5em; text-align:right;}
.overview-content .section-smartcloud .img-1 .des-3 {top: 8%; left: 32.5%; right: 53.7%; font-size: 1.25em;}
.overview-content .section-smartcloud .img-1 .des-4 {top: 12%; left: 60%; font-size: 1.25em;}
.overview-content .section-smartcloud .img-1 .des-5 {top: 55%; left: 60%; right: 25%; text-align: center;}
.overview-content .section-smartcloud .img-1 .des-7 {top: 42%; left: 98%; width: 11.111em;}
.overview-content .section-smartcloud .img-1 .des-8 {bottom: 6.5%; left: 61%; right: 15%; text-align: right;}
.overview-content .section-smartcloud .img-1 .des-cloud {top: 100%; left: 82%; right: -4%; text-align: center;}
.overview-content .section-smartcloud .note-container {position: relative;}
.overview-content .section-smartcloud .note-container:before {content: ''; display: block; position: absolute; bottom: 2em; right: 43%; background: url('/assets/images/product/eap245_v3_1/smartcloud-bg-2.png') center no-repeat; background-size: contain; width: 44.625em; height: 25.5625em;}
.overview-content .section-smartcloud .note-text {margin-top: 3em; padding-bottom: 6.25em; padding-left: 54%; text-align: left; line-height: 1.4;}
.overview-content .section-smartcloud .note-title {display: inline-block;padding-bottom: .5em; font-size: 1.2em; line-height: 1.5;}
@media (max-width:736px) {
  .overview-content .section-smartcloud {padding-top: 0;}
  .overview-content .section-smartcloud .text {text-align: left;}
	.overview-content .section-smartcloud .text>h2 { font-size: 2.5rem; }
  .overview-content .section-smartcloud .text p {width: auto; padding:0 6% 3rem; font-size: 1.75rem;}
  .overview-content .section-smartcloud .extra {padding-top: 6.25vw;background: #f3f6fb;}
  .overview-content .section-smartcloud .img-1 {width: 90%; margin-top: 0;}
  .overview-content .section-smartcloud .img-1 .inner {padding-top: 91%; background-image: url('./mobile/smartcloud-bg-1.png')}
  .overview-content .section-smartcloud .img-1 .bg-text {font-size: 2.5vw; }
  .overview-content .section-smartcloud .img-1 .des {text-align: center;}
  .overview-content .section-smartcloud .img-1 .des-1 {top: 42vw; left: 2.5vw; right: 70vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-2 {top: 22.5vw; left: -1.5vw; right: 72vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-3 {top: 4vw; left: 40vw; right: 31vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-4 {top: 9vw; left: 75vw; right: -2.5vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-5 {top: 36.5vw; left: 75vw; right: -2.5vw; }
  .overview-content .section-smartcloud .img-1 .des-7 {top: 70vw; left: 72vw; right: -4.5vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-8 {top: 71vw; bottom: auto; left: 53vw; right: 17vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-cloud {top: 60vw; bottom: 12.5vw; left: 25vw; right: 47vw;}
  .overview-content .section-smartcloud .note {margin-top: -5vw; padding: 0;}
  .overview-content .section-smartcloud .note-container:before {position: relative; width: 88vw;height: 50.38vw;margin:auto;right: auto; bottom: 0;background-position: top; background-size: 100% auto;}
  .overview-content .section-smartcloud .note-text {margin-top: 0; padding-bottom: 0; padding-left: 0;}
  .overview-content .section-smartcloud .note-text b {font-weight: 400;}
  .overview-content .section-smartcloud .note-text p {font-size: 3.875vw;}
}