.overview-content{font-size:16px;max-width:1920px;margin:0 auto;font-weight:300;font-weight:normal;-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:2.25em;line-height:1.2;padding-bottom:20px;font-weight:400;}
.overview-content p{font-size:1.25em;line-height:1.5;}
.overview-content a{text-decoration:none;}
.overview-content .w1200{width:75em;margin:0 auto;position:relative;}
.overview-content .w1366{width:85.375em;margin:0 auto;position:relative;}
.overview-content .nowrap{white-space: nowrap;}
.archer-c7 .a{height:62.75em;color:#fff;background:url(images/a.jpg) 50% 0 no-repeat;background-size:120em;}
.archer-c7 .a .w1366{height:100%;}
.archer-c7 .a .text{padding:11.5em 0 0 40.375em;}
.archer-c7 .a h2{font-size:3.125em;}
.archer-c7 .a p{font-size:1.5em;}
.archer-c7 .a p.note{font-size:1.125em;position:absolute;bottom:40px;left:0;width:100%;}
.archer-c7 .b{padding:6em 0 19.75em;background:#ededed url(images/b.jpg) 50% 100% no-repeat;background-size:120em;}
.archer-c7 .b .text{text-align:center;}
.archer-c7 .b p{width:75%;margin:0 auto;}
.archer-c7 .b ul{position: absolute;bottom:0;left:0;text-align:left;height:0;width:100%;}
.archer-c7 .b ul>li{position: absolute;line-height:1;}
.archer-c7 .b li:first-child{padding-top:5%;padding-left:74%;color:#0069b2;font-size:2.25em;}
.archer-c7 .b li:last-child{padding-top:11.2%;padding-left:45%;color:#595757;font-size:1.5em;}
.archer-c7 .c{height:62.5em;color:#fff;background:url(images/c.jpg) 50% 0 no-repeat;background-size:120em;}
.archer-c7 .c .text{padding:13.375em 0 0 43.75em;}
.archer-c7 .c img{width:35.8125em;margin-top: 2em;}
.archer-c7 .d{background:#f4f4f4 url(images/d.jpg) 50% 50% no-repeat;background-size:120em;}
.archer-c7 .d .w1366:after{content:'';height:40em;display: inline-block;vertical-align: middle;}
.archer-c7 .d .text{width:48%;padding: 4em 0;display: inline-block;vertical-align: middle;}
.archer-c7 .d ul{width:100%;height:0;position:absolute;top:50%;right:0;}
.archer-c7 .d ul>li{width:10.688%;position:absolute;top:2em;left:81%;margin-bottom: 5px;}
.archer-c7 .d ul>li:last-child{left: 94%;}
.archer-c7 .d dl>dt{font-size:1.25em;position:relative;padding-left: 18px;margin-bottom: 5px;}
.archer-c7 .d dl>dt:before{content:'';display:block;width:12px;height:12px;border-radius:50%;position:absolute;left:0;top:50%;margin-top: -6px;}
.archer-c7 .d li:first-child dl>dt:before{background:#79F1A4;}
.archer-c7 .d li:last-child dl>dt:before{background:#0E5CAD;}
.archer-c7 .d dl>dd{font-size:0.875em;}
.archer-c7 .e{height:56.0625em;background:url(images/e-new.jpg) 50% 0 no-repeat;background-size:120em;}
.archer-c7 .e .text{padding:27.5em 0 0 47.8em;}
.archer-c7 .e ul{position:absolute;top:41.75em;left:12.25em;}
.archer-c7 .e ul>li{font-size:1em;margin-bottom:0.2em;font-weight:400;}
.archer-c7 .f{background:#f4f4f4;padding:6em 0 8em;}
.archer-c7 .f .text{text-align:center;padding-bottom: 20em;background:url(images/f.jpg) 50% 100% no-repeat;background-size:75em;}
.archer-c7 .f ul{width:100%;height:0;position:absolute;bottom:0;left:0;}
.archer-c7 .f ul>li{font-size:1em;text-align:center;position:absolute;width:10em;}
.archer-c7 .f ul>li:nth-of-type(1){left: 18%;width:5%;}
.archer-c7 .f ul>li:nth-of-type(2){left: 23%;width:5%;}
.archer-c7 .f ul>li:nth-of-type(3){left: 27.8%;width:5%;}
.archer-c7 .f ul>li:nth-of-type(4){left: 37%;}
.archer-c7 .f ul>li:nth-of-type(5){left: 61%;}
.archer-c7 .f ul>li:nth-of-type(6){left: 75%;}
.archer-c7 .g{background:#000;}
.archer-c7 .g .text{padding:6em 0;color:#fff;text-align:center;}
.archer-c7 .g ul>li{float:left;width:25%;}
.archer-c7 .g ul>li:before{content: '';display: inline-block;width: 6.75em;height: 6.75em;background-position:50% 50%;background-repeat:no-repeat;background-size: 100%;}
.archer-c7 .g ul>li:nth-of-type(1):before{background-image:url(images/g1.png);}
.archer-c7 .g ul>li:nth-of-type(2):before{background-image:url(images/g2.png);}
.archer-c7 .g ul>li:nth-of-type(3):before{background-image:url(images/g4.png);}
.archer-c7 .g ul>li+li{margin-left:12.5%;}
.archer-c7 .g ul>li>dl{padding-top: 1.2em;}
.archer-c7 .g ul>li>dl>dt{font-size: 1.875em;margin-bottom: 0.3em;}
.archer-c7 .g ul>li>dl>dd{font-size: 1.25em;}

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

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

@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 .w1200,.overview-content .w1366{width:auto;}
	.overview-content .text{padding:0!important;width:auto!important;}
	.overview-content .wrap{width:auto;}
	.archer-c7 .a{height:142vw;background:#061a21 url(mobile/a.jpg) 50% 0 no-repeat;background-size:100%;}
	.archer-c7 .a p{font-size:1.75rem;}
	.archer-c7 .a p:first-child{padding-top:4rem;}
	.archer-c7 .a h2{font-size:2.5rem;padding-top:0;padding-bottom:1rem;}
	.archer-c7 .a p.note{box-sizing: border-box;bottom: 3vw;}
	.archer-c7 .b{padding:0;background:#ededed;}
	.archer-c7 .b .text{text-align:left;}
	.archer-c7 .b p{width:auto;}
	.archer-c7 .b ul{position:relative;padding-top:28%;padding-bottom:0;bottom:auto;background:url(mobile/b.jpg) 50% 0 no-repeat;background-size:100%;}
	.archer-c7 .b li:first-child{font-size:3.5vw;padding:0;top: 4vw;left: 76vw;}
	.archer-c7 .b li:last-child{font-size: 2.5vw;padding: 0;top: 11.7vw;left: 41vw;}
	.archer-c7 .c{height:auto;background:#373737 url(mobile/c.jpg) 50% 100% no-repeat;background-size:100%;padding-bottom:117%;}
	.archer-c7 .c img{display:none;}
	.archer-c7 .d{background:#f4f4f4;}
	.archer-c7 .d ul{position:relative;top:auto;padding-top:84%;background:url(mobile/d.jpg) 50% 0 no-repeat;background-size:100%;}
	.archer-c7 .d ul>li{top: 39vw;left:30%;width: 30vw;}
	.archer-c7 .d ul>li:last-child{left:63%;}
	.archer-c7 .d .w1366:after{display:none;}
	.archer-c7 .e{height:auto;padding-top:84%;background:url(mobile/e-new.jpg) 50% 0 no-repeat;background-size:100%;padding-bottom: 3rem;}
	.archer-c7 .e ul{top:-22vw;left:25%;}
	.archer-c7 .f{padding:0;}
	.archer-c7 .f .text{background:none;}
	.archer-c7 .f ul{background:url(mobile/f.jpg) 50% 0 no-repeat;background-size:100%;position:relative;padding-top: 48%;}
	.archer-c7 .f ul>li{font-size:2vw;top:30.5vw;width: 20vw;}
	.archer-c7 .f ul>li:nth-of-type(1){width:10%;left: 13%;}
	.archer-c7 .f ul>li:nth-of-type(2){left: 18.5%;width: 10%;top: 34vw;}
	.archer-c7 .f ul>li:nth-of-type(3){left: 24.8vw;}
	.archer-c7 .f ul>li:nth-of-type(4){left:33%;}
	.archer-c7 .f ul>li:nth-of-type(5){left:57%;}
	.archer-c7 .f ul>li:nth-of-type(6){left: 78vw;width: 12%;}
	.archer-c7 .g{padding:4rem 0 6rem;}
	.archer-c7 .g ul>li{float:none;width:auto;padding:0 6%;}
	.archer-c7 .g ul>li+li{margin:2rem 0 0;}
}

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

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .mesh-section .text{text-align: center;padding: 3em 3em 4em}
.overview-content .mesh-section .text a{color: #4fccd7;text-decoration: none;border-bottom: 1px solid inherit}
.overview-content .mesh-section ul{text-align: center}
.overview-content .mesh-section ul::after{display: inline-block;content: '';width: 100%;height: 0}
.overview-content .mesh-section ul li{display: inline-block;width: 24%;vertical-align: top;box-sizing: border-box;padding: 0 1.5em}
.overview-content .mesh-section ul.mesh li{width: 49.5%}
.overview-content .mesh-section ul li i{display: block;width: 5em;height: 5em;margin: 0 auto;background-repeat: no-repeat;background-size: contain;background-position: center}
.overview-content .mesh-section ul .li1 i{background-image: url(/res/images/vi/archer-a7_v5/d-icon-1.png)}
.overview-content .mesh-section ul .li2 i{background-image: url(/res/images/vi/archer-a7_v5/d-icon-2.png)}
.overview-content .mesh-section ul .li3 i{background-image: url(/res/images/vi/archer-a7_v5/d-icon-3.png)}
.overview-content .mesh-section ul .li4 i{background-image: url(/res/images/vi/archer-a7_v5/d-icon-4.png)}
.overview-content .mesh-section ul.imgs { margin: 0 auto;padding:3em 0;text-align: justify;width: 95%;}
.overview-content .mesh-section ul.imgs li{ display: inline-block;vertical-align: top;width: 49.76%;position: relative;}
.overview-content .mesh-section ul.imgs li .img {background-size: contain;background-position: center; background-repeat: no-repeat;height: 0;padding-bottom: 54%;}
.overview-content .mesh-section ul.imgs li.left .img{background-image: url(/res/images/static/OneMesh/d1.gif)}
.overview-content .mesh-section ul.imgs li.right .img{background-image: url(/res/images/static/OneMesh/d2.gif)}
.overview-content .mesh-section ul.imgs li h3{position: absolute;top: 8%;left: 9%;font-size: 1.6em;}
.overview-content .mesh-section ul h3{font-size: 1.45em;font-weight: 400}
.overview-content .mesh-section ul p{font-size: 1.05em}
@media screen and (max-width: 736px){
  .overview-content .mesh-section .text{text-align: left;padding: 0}
  .overview-content .mesh-section ul li{width: 49%;padding-top: 1rem}
  .overview-content .mesh-section ul li i{width: 4rem;height: 4rem}
  .overview-content .mesh-section ul h3{font-size: 1.25rem}
  .overview-content .mesh-section ul.imgs{margin: 0 auto;width: 100%;padding-bottom: 3rem;}
	.overview-content .mesh-section ul.imgs li { width: 100%;padding-bottom: 3vw; }
	.overview-content .mesh-section ul.imgs li h3{top: 4vw;left: 9vw;font-size: 3.5vw;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .mesh-txt{background: #efefef}
.overview-content .mesh-txt .text{text-align: center;padding: 3em 0 4em}
.overview-content .mesh-txt .text a{color: #4fccd7;text-decoration: none;border-bottom: 1px solid #4fccd7;}
.overview-content .mesh-txt .text p+p{padding-top:1.5em;}
@media screen and (max-width: 736px){
  .overview-content .mesh-txt .text{padding: 0}
  .overview-content .mesh-txt .text p+p{padding:1.5rem 6% 2rem;}
}