body,
body > .page-content-wrapper,
html {
overflow: visible !important;
}
.omada {
font-size: 16px;
font-family: manrope;
}
.omada .bold {
font-weight: 700;
}
.omada .medium {
font-weight: 500;
}
.omada .regular {
font-weight: 400;
}
.omada .light {
font-weight: 300;
}
.omada .white {
color: #fff;
}
.omada .tp-color {
color: #4acbd6;
}
.omada .smb-color {
color: #005564;
}
.omada .omada-blue {
color: #0069cb;
}
.omada .omada-light-green{
color: #00e194;
}
.omada .omada-green {
color: #008055;
}
.omada .omada-grey {
color: #6d6d6d;
}
.omada .omada-deep-green {
color: #0a5a5a;
}
.omada .omada-green-yellow {
color: #a6ef00;
}
.omada .text-left {
text-align: left;
}
.omada .text-center {
text-align: center;
}
.omada .text-right {
text-align: right;
}
.omada .no-wrap {
white-space: nowrap;
}
.omada .m-show {
display: none;
}
.omada sup {
font-size: 0.5556em;
}
.omada h2 {
font-size: 3.125em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.5em;
}
.omada h2.page-section-title {
font-size: 2.8em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.73em;
}
.omada h2.page-section-title-underline {
font-size: 3em;
font-weight: 300;
line-height: 1.2;
padding-bottom: 0.375em;
border-bottom: 0.5px solid rgba(43, 43, 43, 0.3);
}
.omada h3,
.omada h2.h3,
.omada p.h3 {
font-size: 2em;
font-weight: 300;
line-height: 1.2;
padding-bottom: 0.5em;
}
.omada h3.page-section-title-point {
font-size: 2em;
font-weight: 300;
line-height: 1.2;
padding-bottom: 0.5em;
}
.omada h4,
.omada p.h4 {
font-size: 1.5em;
font-weight: 300;
line-height: 1.2;
padding-bottom: 0.25em;
}
.omada h5,
.omada p.h5,
.omada span.h5 {
display: block;
font-size: 1.375em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.375em;
}
.omada h6,
.omada p.h6,
.omada span.h6 {
display: block;
font-size: 1.25em;
line-height: 1.2;
padding-bottom: 0.5em;
}
.omada p {
font-size: 1em;
line-height: 1.48;
}
.omada a {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.omada a:hover {
text-decoration: underline;
color: #00a870;
}
.omada button {
text-decoration: none;
background: none;
outline: none;
border: none;
cursor: pointer;
}
.omada input {
border: none;
outline: none;
background: unset;
caret-color: #00a870;
}
.omada img,
.omada video {
width: 100%;
display: block;
margin: 0 auto;
}
.omada img.icon {
width: auto;
height: 3.75em;
display: block;
}
.omada img.prod-img {
width: 15.625em;
height: auto;
display: block;
}
.omada img.arrow-down {
width: 1.25em;
height: auto;
margin: 0 0 0 2em;
display: block;
transition: transform 500ms;
}
.omada img.icon-arrow-link {
display: inline;
width: 0.625em;
height: auto;
margin: 0 0 0 0.25em;
}
.omada img.rotate {
transform: rotate(180deg);
}
.omada ul {
list-style: none;
padding: 0;
margin: 0;
}
.omada .link-noline,
.omada .link-img,
.omada .video {
text-decoration: none;
color: inherit;
line-height: normal;
display: block;
}
.omada .link-img {
transition: transform 300ms;
}
.omada .link-noline-green {
text-decoration: none;
color: #00a870;
display: inline-block;
margin-top: 1.25em;
}
.omada .link-noline-green-20 {
font-size: 1.25em;
}
.omada .link-noline-green-16 {
font-size: 1em;
}
.omada .link-noline-white {
text-decoration: none;
color: #fff;
display: inline-block;
}
.omada .link-noline-black {
text-decoration: none;
color: #000;
display: inline-block;
}
.omada .link-underline {
text-decoration: none;
border-bottom: 0.1em solid;
display: inline-block;
}
.omada .link-button-bg-green {
color: #fff;
text-decoration: none;
padding: 0.5em 1.5em;
margin-top: 2.25em;
background-color: #00a870;
border-radius: 4px;
display: inline-block;
}
.omada .link-button-bg-green0_1 {
color: rgba(10, 90, 90, 1);
text-decoration: none;
padding: 0.25em 0.75em;
margin-top: 1.25em;
background-color: rgba(0, 168, 112, 0.1);
border-radius: 4px;
display: inline-block;
}
.omada .link-button-bg-green:hover {
color: #fff;
text-decoration: none;
background-color: #05c178;
}
.omada .link-button-bg-green0_1:hover {
color: rgba(10, 90, 90, 1);
text-decoration: none;
background-color: rgba(0, 168, 112, 0.3);
}
.omada .link-with-icon {
display: flex;
align-items: center;
}
.omada .link-video {
position: relative;
}
.omada .link-video::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 5em;
height: 5em;
background: url(./img/icon-play-video.svg) center / 100% no-repeat;
}
.omada .page-section {
max-width: 120em;
margin: 0 auto;
}
.omada .page-section-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.omada .page-section-header-underline {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.5px solid rgba(43, 43, 43, 0.3);
}
.omada .page-section-header-underline a{
transform: translate(0,-0.2em);
}
.omada .page-section-row {
margin: 0 auto;
}
.omada .page-section-row + .page-section-row {
margin-top: 2.5em;
}
.omada .omada-container {
width: 95em;
margin: 0 auto;
position: relative;
}
.omada .omada-wrapper {
width: 85em;
margin: 0 auto;
}
.omada .row-flex-list {
width: 100%;
box-sizing: border-box;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.omada .link-item-list {
padding: 0 2em;
}
.omada .link-item-list .link-item + .link-item {
border-top: 0.5px solid rgba(43, 43, 43, 0.3);
}
.omada .link-item-list .link-item-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 2em 0;
}
.omada .link-item-list .link-item-content {
display: none;
padding-bottom: 2em;
}
.omada .top-reset-0 {
margin-top: 0em;
}
.omada .visuallyhidden {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
border: 0;
clip-path: inset(0 0 99.9% 99.9%);
height: 1px;
overflow: hidden;
padding: 0;
width: 1px;
}
@media (min-width: 1921px) {
.omada {
font-size: 0.8333vw;
}
}
@media (max-width: 1680px) {
.omada {
font-size: 14px;
}
}
@media (max-width: 1440px) {
.omada {
font-size: 12px;
}
}
@media (max-width: 1200px) {
.omada {
font-size: 10px;
}
}
@media (max-width: 1024px) {
.omada {
font-size: 8px;
}
}
@media (max-width: 736px) {
.omada {
font-size: 10.35px;
}
.omada h2 {
font-size: 6.875vw;
font-weight: 400;
}
.omada h2.page-section-title {
font-size: 6vw;
font-weight: 400;
padding-bottom: 7.8vw;
}
.omada h2.page-section-title-underline {
font-size: 6vw;
font-weight: 400;
}
.omada h3,
.omada h2.h3,
.omada p.h3 {
font-size: 4.5vw;
font-weight: 400;
}
.omada h3.page-section-title-point {
font-size: 4.5vw;
font-weight: 400;
}
.omada h4,
.omada p.h4 {
font-size: 4vw;
font-weight: 400;
}
.omada h5,
.omada p.h5,
.omada a.h5,
.omada span.h5 {
font-size: 3.75vw;
font-weight: 400;
}
.omada h6,
.omada p.h6,
.omada a.h6,
.omada span.h6 {
font-size: 3.5vw;
font-weight: 400;
}
.omada p {
font-size: 3.5vw;
}
.omada a {
font-size: 3.5vw;
}
.omada .page-section {
max-width: 100vw;
}
.omada .page-section-header {
display: block;
}
.omada .page-section-header-underline {
display: block;
}
.omada .page-section-row + .page-section-row {
margin-top: 6.25vw;
overflow-x: scroll;
}
.omada .page-section-row.m-show table {
width: 200vw;
}
.omada .omada-container {
width: auto;
/* height: 100%; */
}
.omada .omada-wrapper {
width: auto;
}
.omada .row-flex-list {
display: block;
}
.omada .link-item-list {
padding: 0 4vw;
}
.omada .link-item-list .link-item-header {
padding: 4vw 0;
}
.omada .link-item-list .link-item-content {
padding-bottom: 4vw;
}
.omada img.icon {
height: 10vw;
}
.omada img.prod-img {
width: 30vw;
}
.omada img.arrow-down {
width: 4vw;
margin-left: 4vw;
}
.omada img.icon-arrow-link {
width: 2.25vw;
margin: 0 0 0 1vw;
}
.omada .link-noline-green {
margin-top: 3vw;
}
.omada .link-noline-green-20 {
font-size: 3.75vw;
}
.omada .link-noline-green-16 {
font-size: 3.25vw;
}
.omada .page-section-header-underline .link-noline-green {
margin-top: 0vw;
padding-bottom: 2vw;
}
.omada .link-button-bg-green {
margin-top: 5vw;
}
.omada .m-show {
display: block;
}
.omada .m-hide {
display: none;
}
}
@media (max-width: 414px) {
.omada {
font-size: 2.5vw;
}
}
.solutiondetail-page .solutiondetail-banner {
height: 48em;
background-image: url(./img/a.jpg);
background-position: top;
background-color: #fafafa;
background-repeat: no-repeat;
background-size: 120em;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
}
.solutiondetail-page .solutiondetail-banner .text {
padding-right: 56%;
text-align: left;
color: #ffffff;
}
.solutiondetail-page .solutiondetail-banner .text h1{
font-size: 3.37em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.5em;
}
.solutiondetail-page .solutiondetail-banner .text h2{
font-size: 2.25em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.5em;
}
.solutiondetail-page .solutiondetail-banner .text p:last-child {
padding-top: 2.6em;
}
.solutiondetail-page .solutiondetail-banner .text a {
/* text-decoration: solid; */
text-decoration: underline #00e194;
}
.solutiondetail-page .solutiondetail-banner .text p span {
font-size: 1.22em;
font-weight: 400;
}
.solutiondetail-page .solutiondetail-banner .text a span {
font-size: 1.22em;
/* text-decoration: underline; */
}
.solutiondetail-page .solutiondetail-banner a.play-out{
color: #fff;
font-weight: 500;
display: flex;
align-items: center;
position: absolute;
left: -0.5em;
bottom: -10em;
width: unset;
height: unset;
text-decoration: none;
}
.solutiondetail-page .solutiondetail-banner .video-play {
width: 4em;
height: 4em;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-banner {
height: 133vw;
background-image: url(./m/a.jpg);
background-size: 100%;
display: block;
background-color: #0b111d;
}
.solutiondetail-page .solutiondetail-banner .omada-container{
height: 100%;
}
.solutiondetail-page .solutiondetail-banner .text {
padding: 10vw 5vw 0;
text-align: center;
}
.solutiondetail-page .solutiondetail-banner .text p span {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-banner .text p:last-child {
padding-top: 4vw;
}
.solutiondetail-page .solutiondetail-banner .text h1{
font-size: 6.67vw;
font-weight: 400;
line-height: 1.2;
padding-bottom: 5vw;
}
.solutiondetail-page .solutiondetail-banner .text h2{
font-size: 4.07vw;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.5em;
}
.solutiondetail-page .solutiondetail-banner .text a span {
font-size: 3.33vw;
/* text-decoration: underline; */
}
.solutiondetail-page .solutiondetail-banner .video-play{
height: 8vw;
width: 8vw;
}
.solutiondetail-page .solutiondetail-banner a.play-out{
color: #00e194;
bottom: 8.3vw;
left: 50%;
transform: translate(-50%,0);
}
}
.solutiondetail-page .solutiondetail-topology .text {
text-align: left;
padding: 8.9em 0 6.3em;
width: 95em;
margin: 0 auto;
}
.solutiondetail-page .solutiondetail-topology .text p {
padding: 0;
}
.solutiondetail-page .solutiondetail-topology .text p span {
font-size: 1.26em;
}
.solutiondetail-page .solutiondetail-topology .page-section-content {
padding-top: 2em;
}
.solutiondetail-page .solutiondetail-topology .info + .info {
margin-top: 1em;
}
.solutiondetail-page .solutiondetail-topology .img {
position: relative;
width: 95em;
height: 28.5em;
margin: 0;
margin-top: 0;
background: url(./img/d-tuopu.jpg) top / 84em no-repeat;
}
.solutiondetail-page .solutiondetail-topology .ul-features {
margin-top: 6.3em;
width: 100%;
padding: 3em 5em 0em 5em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
box-sizing: border-box;
background: #f7f7f7;
}
.solutiondetail-page .solutiondetail-topology .ul-features li {
display: flex;
vertical-align: top;
flex-direction: column;
width: 21em;
padding-bottom: 3em;
}
.solutiondetail-page .solutiondetail-topology .icon {
display: inline-block;
vertical-align: middle;
width: 3em;
height: auto;
margin: 0 0em 1.2em 0;
}
.solutiondetail-page .solutiondetail-topology .icon-box {
display: inline-block;
vertical-align: top;
}
.solutiondetail-page .solutiondetail-topology .icon-desc {
display: inline-block;
vertical-align: top;
width: calc(100% - 2em);
}
.solutiondetail-page .solutiondetail-topology .icon-desc p {
font-size: 1.125em;
font-weight: 400;
}
.solutiondetail-page .solutiondetail-topology .desc {
/* background: red; */
position: absolute;
text-align: center;
}
.solutiondetail-page .solutiondetail-topology .desc-b {
display: inline-block;
font-size: 1em;
font-weight: 500;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-topology .desc-m {
display: block;
font-size: 1em;
font-weight: 400;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-topology .desc-s {
display: block;
font-size: 0.875em;
font-weight: 400;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-topology .cloud {
display: block;
font-size: 0.75em;
font-weight: 500;
line-height: 1.2;
color: #fff;
}
.solutiondetail-page .solutiondetail-topology .desc-icon {
display: inline-block;
width: 1.25em;
height: auto;
margin: 0 0.5em 0 0;
}
.solutiondetail-page .solutiondetail-topology .point {
font-weight: 700;
}
.solutiondetail-page .solutiondetail-topology .grey-box {
display: block;
background-color: #f5f5f5;
padding: 1em 1.5em;
border-radius: 5px;
display: flex;
justify-content: space-between;
}
.solutiondetail-page .solutiondetail-topology .grey-box .desc-m {
max-width: 24%;
}
.solutiondetail-page .solutiondetail-topology .desc-1 {
top: 20%;
left: 6.5%;
right: 79%;
}
.solutiondetail-page .solutiondetail-topology .desc-2 {
top: 12.75%;
left: 25.5%;
right: 68%;
}
.solutiondetail-page .solutiondetail-topology .desc-3 {
top: 20%;
left: 37%;
right: 51%;
/* display: none; */
}
.solutiondetail-page .solutiondetail-topology .desc-4 {
top: 48%;
left: 41%;
right: 50.4%;
/* background: red; */
}
.solutiondetail-page .solutiondetail-topology .desc-5 {
top: 20%;
left: 59%;
right: 28%;
}
.solutiondetail-page .solutiondetail-topology .desc-6 {
top: 28.5%;
left: 84.5%;
right: 6%;
}
.solutiondetail-page .solutiondetail-topology .desc-7 {
top: 40%;
left: 8%;
right: 88%;
text-align: right;
}
.solutiondetail-page .solutiondetail-topology .desc-8 {
top: 87.75%;
left: 9.5%;
right: 80.2%;
}
.solutiondetail-page .solutiondetail-topology .desc-9 {
top: 75.5%;
left: 22.2%;
right: 75.2%;
}
.solutiondetail-page .solutiondetail-topology .desc-10 {
top: 87.75%;
left: 24.2%;
right: 65.2%;
}
.solutiondetail-page .solutiondetail-topology .desc-11 {
top: 87.75%;
left: 50%;
right: 38.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-12 {
top: 87.75%;
left: 63.75%;
right: 19.75%;
}
.solutiondetail-page .solutiondetail-topology .desc-13 {
top: 83.75%;
left: 87.2%;
text-align: left;
right: 6%;
}
.solutiondetail-page .solutiondetail-topology .desc-14 {
top: 47%;
left: 63.5%;
right: 28.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-15 {
top: 66%;
left: 63.5%;
right: 28.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-16 {
top: 26%;
left: 72.75%;
right: 20.75%;
}
.solutiondetail-page .solutiondetail-topology .desc-17 {
top: 26%;
left: 79.75%;
right: 13.75%;
}
.solutiondetail-page .solutiondetail-topology .desc-18 {
top: 26%;
left: 86.75%;
right: 6.75%;
}
.solutiondetail-page .solutiondetail-topology .desc-19 {
top: 46%;
left: 72.75%;
right: 16.75%;
}
.solutiondetail-page .solutiondetail-topology .desc-20 {
top: 66%;
left: 72.25%;
right: 15.75%;
}
.solutiondetail-page .solutiondetail-topology .desc-21 {
top: 89%;
left: 72.25%;
right: 15.75%;
}
.solutiondetail-page .solutiondetail-topology .desc-22 {
top: 8%;
left: 27%;
right: 53%;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-topology {
margin: 0 auto;
}
.solutiondetail-page .solutiondetail-topology .text {
width: auto;
padding: 10vw 5vw 0;
text-align: left;
}
.solutiondetail-page .solutiondetail-topology .icon-box{
text-align: left;
}
.solutiondetail-page .solutiondetail-topology .icon-desc p {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-topology .text p span {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-topology .page-section-content {
padding-top: 5vw;
}
.solutiondetail-page .solutiondetail-topology .info + .info {
margin-top: 2vw;
}
.solutiondetail-page .solutiondetail-topology .img {
width: auto;
height: 231vw;
margin: 0 0 16vw;
background: url(./m/d-tuopu.jpg) top / 100% no-repeat;
}
.solutiondetail-page .solutiondetail-topology .desc-b {
font-size: 3vw;
}
.solutiondetail-page .solutiondetail-topology .desc-m {
font-size: 3.33vw;
line-height: 1.5;
font-weight: 300;
}
.solutiondetail-page .solutiondetail-topology .desc-s {
font-size: 3vw;
line-height: 1;
}
.solutiondetail-page .solutiondetail-topology .ul-features {
width: auto;
padding: 9.25vw 5vw;
margin: 0 5vw;
/* text-align: left; */
}
.solutiondetail-page .solutiondetail-topology .ul-features li {
width: 37vw;
text-align: center;
}
.solutiondetail-page .solutiondetail-topology .ul-features li.li-7,
.solutiondetail-page .solutiondetail-topology .ul-features li.li-8{
padding-bottom: 0;
}
.solutiondetail-page .solutiondetail-topology .icon-desc {
width: 100%;
text-align: left;
}
.solutiondetail-page .solutiondetail-topology .cloud {
font-size: 2vw;
}
.solutiondetail-page .solutiondetail-topology .internet {
font-size: 3vw;
}
.solutiondetail-page .solutiondetail-topology .desc-1 {
top: 31.6%;
left: 47%;
right: 5.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-2 {
/* top: 23%; */
/* left: 61%; */
/* right: 14.5%; */
top: 26.7%;
left: 14%;
right: 71.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-3 {
/* top: 19.5%; */
/* left: 74%; */
/* right: 19%; */
top: 58%;
left: 6%;
right: 64.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-4 {
/* top: 6%; */
/* left: 43%; */
/* right: 41.6%; */
top: 65%;
left: 6%;
right: 73.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-5 {
/* top: 23.5%; */
/* left: 44%; */
/* right: 41.6%; */
/* top: 13%; */
/* left: 43%; */
/* right: 41.6%; */
top: 58%;
left: 48%;
right: 5.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-6 {
/* top: 10%; */
/* left: 32%; */
/* right: 59%; */
/* top: 10%; */
/* left: 26%; */
/* right: 57%; */
top: 43.8%;
left: 49%;
right: 7.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-7 {
/* top: 10%; */
/* left: 10%; */
/* right: 72%; */
top: 20%;
left: 71%;
right: 10%;
text-align: left;
}
.solutiondetail-page .solutiondetail-topology .desc-8 {
top: 12.6%;
left: 12%;
right: 58%;
}
.solutiondetail-page .solutiondetail-topology .desc-9 {
top: 8%;
left: 42.5%;
right: 45%;
}
.solutiondetail-page .solutiondetail-topology .desc-10 {
top: 12.6%;
left: 52%;
right: 16%;
}
.solutiondetail-page .solutiondetail-topology .desc-11 {
top: 79%;
left: 6%;
right: 59.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-12 {
top: 79.5%;
left: 52%;
right: 7.5%;
/* display: none; */
}
.solutiondetail-page .solutiondetail-topology .desc-13 {
top: 94.15%;
left: 52%;
text-align: center;
right: 10.5%;
}
.solutiondetail-page .solutiondetail-topology .desc-14 {
top: 56.5%;
left: 41%;
right: 43%;
top: 54%;
left: 43.5%;
right: 33%;
/* background: red; */
}
.solutiondetail-page .solutiondetail-topology .desc-15 {
top: 71%;
left: 41%;
right: 43%;
top: 54%;
left: 72.5%;
right: 2%;
/* background: red; */
}
.solutiondetail-page .solutiondetail-topology .desc-16 {
top: 43%;
left: 58%;
right: 30%;
top: 67.5%;
left: 12%;
right: 62%;
}
.solutiondetail-page .solutiondetail-topology .desc-17 {
top: 43%;
left: 71%;
right: 18%;
top: 78.5%;
left: 12%;
right: 62%;
}
.solutiondetail-page .solutiondetail-topology .desc-18 {
top: 43%;
left: 83.5%;
right: 5.5%;
top: 89.5%;
left: 12%;
right: 62%;
}
.solutiondetail-page .solutiondetail-topology .desc-19 {
top: 58%;
left: 58%;
right: 23%;
top: 67.5%;
left: 42%;
right: 32%;
/* background: red; */
}
.solutiondetail-page .solutiondetail-topology .desc-20 {
top: 73%;
left: 58%;
right: 23%;
top: 67.5%;
left: 72%;
right: 3%;
/* background: red; */
}
.solutiondetail-page .solutiondetail-topology .desc-21 {
top: 100%;
left: 66%;
right: 0%;
}
.solutiondetail-page .solutiondetail-topology .desc-22 {
top: 22%;
left: 37%;
right: 11%;
}
}
.solutiondetail-page .solutiondetail-features {
position: relative;
background-color: #fafafa;
}
.solutiondetail-page .solutiondetail-features .ul-features {
width: 100%;
padding: 5em 0;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.solutiondetail-page .solutiondetail-features .ul-features li {
display: inline-block;
vertical-align: top;
width: 24%;
}
.solutiondetail-page .solutiondetail-features .icon {
display: inline-block;
vertical-align: middle;
width: 1.25em;
height: auto;
margin: 0 0.5em 0 0;
}
.solutiondetail-page .solutiondetail-features .icon-box {
display: inline-block;
vertical-align: top;
}
.solutiondetail-page .solutiondetail-features .icon-desc {
display: inline-block;
vertical-align: top;
width: calc(100% - 4em);
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-features .ul-features {
width: 100%;
padding: 15vw 5vw;
display: block;
}
.solutiondetail-page .solutiondetail-features .ul-features li {
display: block;
width: 100%;
}
.solutiondetail-page .solutiondetail-features .ul-features li + li {
margin-top: 8vw;
}
.solutiondetail-page .solutiondetail-features .icon {
width: 4.75vw;
margin: 0 2.5vw 0 0;
}
.solutiondetail-page .solutiondetail-features .icon-desc {
width: calc(100% - 8vw);
}
}
.solutiondetail-page .solutiondetail-comparison .text {
text-align: left;
padding: 8.76em 0 4.68em;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item{
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item.item3{
padding-bottom: 0;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box{
width: 50%;
box-sizing: border-box;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container{
display: flex;
flex-wrap: nowrap;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul{
/* flex: 1; */
font-size: 1.28em;
list-style-type: disc;
margin-left: 1em;
/* width: 22em; */
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul li{
/* list-style-type: disc; */
position: relative;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul li span{
height: 0.2em;
width: 0.2em;
border-radius: 50%;
background-color: #000;
position: absolute;
color: #000;
position: absolute;
left: -1em;
top: 0.65em;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul:first-child{
width: 52%;
padding-right: 2em;
box-sizing: content-box;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul:nth-child(2){
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box h3{
font-size: 1.68em;
font-weight: 400;
padding-right: 20%;
line-height: 1.33;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box p{
font-size: 1.28em;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item {
padding-bottom: 5.7em;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .img-box{width: 50%;background-repeat: no-repeat;background-position: 0 50%;position: relative;background-size: 100%;height: 22em;}
.solutiondetail-page .solutiondetail-comparison .item-container .item1 .img-box{
background-image: url(./img/f1.png);
}
.solutiondetail-page .solutiondetail-comparison .item-container .item1 .txt-box{
padding-right: 6em;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box{
background-image: url(./img/f2.png);
display: flex;
align-items: center;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item3 .img-box{
background-image: url(./img/f3.png);
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .txt-box{
padding-left: 2.34em;
}
.solutiondetail-page .solutiondetail-comparison h2 {
/* padding-bottom: 0; */
}
.solutiondetail-page .solutiondetail-comparison .img-box-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.solutiondetail-page .solutiondetail-comparison .img-box {
display: inline-block;
vertical-align: top;
width: 49%;
margin-top: 0;
}
.solutiondetail-page .solutiondetail-comparison .txt {
padding: 2.8em 0 5.5em;
text-align: left;
}
.solutiondetail-page .solutiondetail-comparison .txt h3 {
font-size: 1.125em;
font-weight: 500;
}
.solutiondetail-page .solutiondetail-comparison .txt p {
font-size: 1.125em;
}
.solutiondetail-page .solutiondetail-comparison .img {
position: relative;
width: 100%;
height: 25.75em;
margin: 0 auto;
background-position: top;
background-repeat: no-repeat;
background-size: 100%;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box img{
height: 3.75em;
padding-right: 0;
padding-bottom: 0.7em;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-list{
padding-left: 25em;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-row{
display: flex;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-list img{
height: 2.5em;
width: auto;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-list .icon-row img{
width: 4em;
height: auto;
}
.solutiondetail-page .solutiondetail-comparison .img-box-1 .img {
background-image: url(./img/c1.png);
}
.solutiondetail-page .solutiondetail-comparison .img-box-2 .img {
background-image: url(./img/c2.png);
}
.solutiondetail-page .solutiondetail-comparison .img-box-3 .img {
background-image: url(./img/c3.png);
}
.solutiondetail-page .solutiondetail-comparison .img-box-4 .img {
background-image: url(./img/c4.png);
position: relative;
}
.solutiondetail-page .solutiondetail-comparison .img-box-4 .img ul {
position: absolute;
display: flex;
justify-content: space-around;
text-align: center;
color: #fff;
width: 100%;
height: 100%;
/* top: 9em; */
align-items: center;
}
.solutiondetail-page .solutiondetail-comparison .img-box-4 .img ul li {
width: 20%;
}
.solutiondetail-page .solutiondetail-comparison .img-box-4 .img ul li img {
width: 3.6em;
}
.solutiondetail-page .solutiondetail-comparison .img-box-4 .img ul li p {
font-size: 1.5em;
}
.solutiondetail-page .solutiondetail-comparison .desc {
position: absolute;
text-align: center;
}
.solutiondetail-page .solutiondetail-comparison .desc-mb {
display: block;
font-size: 2.25em;
font-weight: 500;
line-height: 1;
}
.solutiondetail-page .solutiondetail-comparison .desc-b {
display: block;
font-size: 1.5em;
font-weight: 400;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-comparison .desc-sb {
display: block;
font-size: 1.375em;
font-weight: 400;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-comparison .desc-m {
display: block;
font-size: 1em;
font-weight: 400;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-comparison .desc-s {
display: block;
font-size: 1em;
font-weight: 300;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-comparison .desc-ss {
display: block;
font-size: 0.75em;
font-weight: 400;
line-height: 1.2;
}
.solutiondetail-page .solutiondetail-comparison .desc-icon {
display: inline-block;
width: 0.75em;
height: auto;
margin: 0;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-comparison .text {
padding: 18vw 5vw 8.3vw;
text-align: left;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul li span{
height: 3px;
width: 3px;
border-radius: 10px;
background-color: #000;
position: absolute;
color: #000;
position: absolute;
left: -1em;
top: 0.65em;
}
.solutiondetail-page .solutiondetail-comparison .img-box-list {
display: block;
width: 90vw;
margin: 0 auto;
}
.solutiondetail-page .solutiondetail-comparison .img-box {
display: block;
width: 100%;
padding-top: 8.3vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-list{
padding-left: 49vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-row{
display: flex;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-list img{
height: 6vw;
width: auto;
padding-bottom: 1vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box .icon-list .icon-row img{
width: 9vw;
height: auto;
}
.solutiondetail-page .solutiondetail-comparison .txt {
padding: 3vw 0 0;
}
.solutiondetail-page .solutiondetail-comparison .img {
height: 49.5vw;
}
.solutiondetail-page .solutiondetail-comparison .desc-mb {
font-size: 4.75vw;
}
.solutiondetail-page .solutiondetail-comparison .desc-b {
font-size: 3.75vw;
}
.solutiondetail-page .solutiondetail-comparison .desc-sb {
font-size: 3.75vw;
}
.solutiondetail-page .solutiondetail-comparison .desc-m {
font-size: 3vw;
}
.solutiondetail-page .solutiondetail-comparison .desc-s {
font-size: 2.5vw;
}
.solutiondetail-page .solutiondetail-comparison .desc-ss {
font-size: 1.75vw;
}
.solutiondetail-page .solutiondetail-comparison .txt h3 {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-comparison .txt p {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-comparison .desc-icon {
width: 2.75vw;
}
.solutiondetail-page .solutiondetail-comparison .img-box-4 .img ul li img {
width: 6vw;
}
.solutiondetail-page .solutiondetail-comparison .img-box-4 .img ul li p {
font-size: 3vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container{
margin: 0 5vw;
width: auto;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item.item2{
flex-direction: column-reverse;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box{
width: auto;
box-sizing: border-box;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container{
display: flex;
flex-wrap: wrap;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul{
/* flex: 1; */
font-size: 3.33vw;
list-style-type: disc;
margin-left: 1em;
/* width: 22em; */
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul li{
/* list-style-type: disc; */
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul:first-child{
width: auto;
padding-right: 2em;
box-sizing: content-box;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box .list-container ul:nth-child(2){
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box h3{
font-size: 4.44vw;
font-weight: 400;
padding-right: 0;
line-height: 1.33;
padding-bottom: 3.5vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .txt-box p{
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item {
padding-bottom: 12.8vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item .img-box{width: 90vw;background-repeat: no-repeat;background-position: 0 bottom;position: relative;background-size: 90vw;height: 44vw;}
.solutiondetail-page .solutiondetail-comparison .item-container .item1 .img-box{
background-image: url(./img/f1.png);
height: 44vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item1 .txt-box{
padding-right: 0;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .img-box{
background-image: url(./img/f2.png);
height: 36vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item3 .img-box{
background-image: url(./img/f3.png);
height: 36vw;
}
.solutiondetail-page .solutiondetail-comparison .item-container .item2 .txt-box{
padding-left: 0;
}
}
.solutiondetail-page .solutiondetail-scenarios .text {
padding: 9.3em 0 0;
}
.solutiondetail-page .solutiondetail-scenarios .text p {
padding: 2.3em 0 0;
}
.solutiondetail-page .solutiondetail-scenarios .text p span {
font-size: 1.26em;
}
.solutiondetail-page .solutiondetail-scenarios .video-container{
width: 100%;
padding-top: 4.68em;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-scenarios .text {
padding: 18.6vw 5vw 0;
}
.solutiondetail-page .solutiondetail-scenarios .text p {
padding-top: 8.3vw;
}
.solutiondetail-page .solutiondetail-scenarios .text p span {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-scenarios .video-container{
width: auto;
margin: 0 5vw;
padding-top: 8.3vw;
}
}
.solutiondetail-page .solutiondetail-products .text {
padding: 6em 0 2.5em;
}
.solutiondetail-page .solutiondetail-products .category-row + .category-row {
margin-top: 5em;
}
.solutiondetail-page .solutiondetail-products .category-row-txt {
padding-bottom: 1.5em;
}
.solutiondetail-page .solutiondetail-products .category-title {
font-size: 2.25em;
font-weight: 300;
line-height: 1.2;
padding-bottom: 0.5em;
}
.solutiondetail-page .solutiondetail-products .category-row-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.solutiondetail-page .solutiondetail-products .product-item {
display: flex;
flex-direction: column;
width: 22.5em;
height: auto;
box-sizing: border-box;
}
.solutiondetail-page .solutiondetail-products .img-box {
width: 22.5em;
height: 22.5em;
background-color: #fafafa;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.solutiondetail-page .solutiondetail-products .product-img {
width: 15.625em;
height: auto;
margin: 0 auto;
transition: transform 300ms;
}
.solutiondetail-page .solutiondetail-products .link-img:hover {
transform: scale(1.06);
}
.solutiondetail-page .solutiondetail-products .txt {
padding: 1em 0 0;
text-align: left;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.solutiondetail-page .solutiondetail-products .txt-content {
flex-grow: 1;
}
.solutiondetail-page .solutiondetail-products .product-title {
font-size: 1.25em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.5em;
}
.solutiondetail-page .solutiondetail-products .note {
font-size: 1em;
font-weight: 300;
line-height: 1.3333;
color: #636363;
}
.solutiondetail-page .solutiondetail-products .note-wrapper {
padding: 3.5em 0 6em;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-products .text {
padding: 10vw 5vw 4vw;
}
.solutiondetail-page .solutiondetail-products .category-row + .category-row {
margin-top: 8vw;
}
.solutiondetail-page .solutiondetail-products .category-row-txt {
padding: 0 5vw;
}
.solutiondetail-page .solutiondetail-products .category-row-list {
margin: 0 5vw;
}
.solutiondetail-page .solutiondetail-products .category-title {
font-size: 4.75vw;
padding-bottom: 0;
}
.solutiondetail-page .solutiondetail-products .product-item {
width: 44vw;
margin-top: 6.25vw;
}
.solutiondetail-page .solutiondetail-products .img-box {
width: 44vw;
height: 44vw;
}
.solutiondetail-page .solutiondetail-products .product-img {
width: 34vw;
}
.solutiondetail-page .solutiondetail-products .txt {
padding: 3vw 0 0;
}
.solutiondetail-page .solutiondetail-products .product-title {
font-size: 3.75vw;
padding-bottom: 2vw;
}
.solutiondetail-page .solutiondetail-products .note {
font-size: 3vw;
}
.solutiondetail-page .solutiondetail-products .note-wrapper {
padding: 6vw 5vw 15vw;
}
}
.solutiondetail-page .solutiondetail-easy-to-use .text p span {
font-size: 1.26em;
font-weight: 400;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu {
width: auto;
margin: 0 auto;
padding: 0 0 2.5em;
display: flex;
justify-content: center;
cursor: pointer;
}
.solutiondetail-page .solutiondetail-easy-to-use .text {
text-align: left;
padding: 9.3em 0 0em;
width: 95em;
margin: 0 auto;
}
.solutiondetail-page
.solutiondetail-easy-to-use
.text
.page-section-header-underline {
border: none;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu .omada-tab.active {
/* background-color: #e5f6f0; */
border-bottom: 4px solid #008055;
/* color: #0a5a5a; */
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-1 {
background-image: url(./img/e-1.png?2);
/* padding-bottom: 37.0625em; */
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-2 {
background-image: url(./img/e-2.png?2);
/* padding-bottom: 37.0625em; */
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .img .sub-desc{
position: absolute;
font-weight: 400;
/* background: red; */
text-align: center;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .img .sub-desc span{
font-size: 1.125em;
line-height: 1.25;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-4 .desc1 {
top: 30%;
left: 10%;
right: 68%;
text-align: left;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-4 .desc2 {
top: 80%;
left: 15%;
right: 66.5%;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc {
display: none;
min-height: 28.35em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc.desc-4 .product-container{
justify-content: start;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc.desc-4 .product-container .product-item{
margin-right: 1.5em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc.active {
display: flex;
flex-wrap: wrap;
}
.solutiondetail-page .solutiondetail-easy-to-use .bg {
position: absolute;
left: 0;
right: 0;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-1 .info {
position: absolute;
font-size: 1.40625em;
font-weight: 300;
line-height: 1.2;
width: 25em;
text-align: left;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-2 .info {
position: absolute;
font-size: 1.40625em;
font-weight: 300;
line-height: 1.2;
width: 25em;
text-align: left;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-1 .info1 {
top: 1em;
left: 1em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-2 .info1 {
top: 1em;
left: 1em;
}
.solutiondetail-page .solutiondetail-easy-to-use .btn-prev {
display: none;
}
.solutiondetail-page .solutiondetail-easy-to-use .btn-next {
display: none;
}
@media (max-width: 1024px) {
.solutiondetail-page .solutiondetail-easy-to-use {
font-size: 10px;
}
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-easy-to-use {
font-size: 10.35px;
height: auto;
padding: 0;
}
.solutiondetail-page .solutiondetail-easy-to-use .omada-container {
padding: 18.7vw 0vw 0;
position: relative;
}
.solutiondetail-page .solutiondetail-easy-to-use .w-container {
width: auto;
max-width: 100%;
}
.solutiondetail-page .solutiondetail-easy-to-use .text {
text-align: left;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-container {
width: auto;
overflow-x: scroll;
margin: 0 5vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .text p span {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc.desc-4 .img .sub-desc span {
font-size: 3.5vw;
line-height: 1;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-4 .desc1 {
top: 19%;
left: 5%;
right: 68%;
text-align: left;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-4 .desc2 {
top: 72%;
left: 13%;
right: 66.5%;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc.desc-4 .product-container{
justify-content: space-between;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc.desc-4 .product-container .product-item{
margin-right: 0;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-1 {
background-image: url(./m/e-1.jpg?2);
/* padding-bottom: 75vw; */
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-2 {
background-image: url(./m/e-2.jpg?2);
/* padding-bottom: 75vw; */
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
.solutiondetail-page .solutiondetail-easy-to-use .text h2 {
font-size: 6vw;
font-weight: 400;
padding: 0 0;
}
.solutiondetail-page .solutiondetail-easy-to-use .text h3 {
padding: 0 20px 0.5em;
}
.solutiondetail-page .solutiondetail-easy-to-use .text p {
/* font-size: 3.33vw; */
padding: 0;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu {
width: 40em;
}
.solutiondetail-page .solutiondetail-easy-to-use .btn-prev {
width: 8.33vw;
height: 8.33vw;
/* opacity: 1; */
background-color: unset;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
display: block;
position: absolute;
bottom: 330vw;
z-index: 2;
left: 5vw;
background-image: url(./img/prev.jpg);
}
.solutiondetail-page .solutiondetail-easy-to-use .btn-next {
width: 8.33vw;
height: 8.33vw;
background-color: unset;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
display: block;
position: absolute;
bottom: 330vw;
right: 5vw;
background-image: url(./img/next.jpg);
}
}
@media (max-width: 414px) {
.solutiondetail-page .solutiondetail-easy-to-use {
font-size: 2.5vw;
}
}
.solutiondetail-page .solutiondetail-easy-to-use .radio {
position: fixed;
top: -9999px;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu {
width: 100%;
margin: 0 auto;
padding: 0 0 3.75em;
display: flex;
/* justify-content: space-between; */
cursor: pointer;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li {
min-width: unset;
color: #2b2b2b;
text-align: center;
/* background-color: #f5f5f5; */
border-radius: 0;
border-bottom: 1px solid #bebebe;
width: auto;
flex: 1;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu .li-2 {
/* margin-left: 1.5em; */
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li:hover {
background-color: #f7f8f8;
color: #0a5a5a;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li .header {
display: flex;
flex-direction: row;
align-items: center;
/* padding: 1.4em 0 1em; */
cursor: pointer;
background: none;
border: none;
width: 100%;
color: unset;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li .option {
font-size: 1.65em;
font-weight: 400;
line-height: 1;
padding: 0.6875em 0.5em;
flex: 1;
}
.solutiondetail-page
.solutiondetail-easy-to-use
#e-radio-1:checked
~ .ul-menu
.li-1,
.solutiondetail-page
.solutiondetail-easy-to-use
#e-radio-2:checked
~ .ul-menu
.li-2 {
background-color: #e5f6f0;
border: 2px solid #00a870;
color: #0a5a5a;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap {
margin: 0 auto;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc {
display: none;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .active .desc {
display: block;
}
.solutiondetail-page
.solutiondetail-easy-to-use
#e-radio-1:checked
~ .desc-wrap
.desc.desc-1,
.solutiondetail-page
.solutiondetail-easy-to-use
#e-radio-2:checked
~ .desc-wrap
.desc.desc-2 {
display: block;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .txt {
min-height: 3em;
padding: 0 5em 0 0em;
FONT-WEIGHT: 500;
width: 50%;
/* background: #f7f7f7; */
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-start;
box-sizing: border-box;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .txt h3 {
font-size: 2.8em;
line-height: 1.2;
font-weight: 400;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .txt p span {
font-size: 1.26em;
font-weight: 400;
line-height: 1.48;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .txt p.note {
padding-left: 1.8em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .img {
/* position: relative; */
width: 50%;
height: 27.5em;
margin: 0 auto;
background-position: top center;
background-repeat: no-repeat;
background-size: auto 100%;
overflow: hidden;
/* min-height: 28.35em; */
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc h3{
font-size: 2.25em;
font-weight: 400;
width: 100%;
padding: 3em 0 1.3em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .h4{
font-size: 1.5em;
font-weight: 400;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container{
display: flex;
justify-content: space-between;
width: 100%;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item{
width: 22.7em;
padding: 2.85em;
background-color: #fafafa;
box-sizing: border-box;
position: relative;
height: 41.5em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item .product-name{
color: #008055;
font-weight: 500;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item .product-name span{
font-size: 1.125em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item ul{
list-style: disc;
list-style-type: disc;
padding-left: 1em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item ul li{font-size: 1.125em;/* list-style: disc; *//* list-style-type: disc; */position: relative;}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item ul li span:first-child{
height: 0.2em;
width: 0.2em;
border-radius: 50%;
background-color: #000;
position: absolute;
color: #000;
position: absolute;
left: -1em;
top: 0.65em;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item .link-p{color: #008055;position: absolute;text-decoration: underline;bottom: 3em;}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-1 .img {
background-image: url(./img/e1.jpg);
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-2 .img {
background-image: url(./img/e2.jpg);
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-3 .img {
background-image: url(./img/e3.jpg);
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-4 .img {
background-image: url(./img/e4.jpg);
position: relative;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .desc {
position: absolute;
line-height: normal;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .desc span {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
}
.solutiondetail-page .solutiondetail-easy-to-use
.scenario-list
li {
list-style-type: none;
background: url(./img/list-type.png) no-repeat;
background-size: 1.3em;
background-position: 0em 0.35em;
padding: 0 0px 1em 1.8em;
}
@media (max-width: 1024px) {
.solutiondetail-page .solutiondetail-easy-to-use {
font-size: 10px;
}
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-easy-to-use {
font-size: 10.35px;
max-width: 100vw;
margin: 0 auto;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .desc span {
font-size: 2.96vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .w-container {
width: auto;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc {
min-height: unset;
flex-direction: column;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item ul li span:first-child{
height: 3px;
width: 3px;
border-radius: 50%;
background-color: #000;
position: absolute;
color: #000;
position: absolute;
left: -1em;
top: 0.65em;
}
.solutiondetail-page .solutiondetail-easy-to-use .text {
padding: 0;
text-align: left;
width: auto;
padding-bottom: 7.8vw;
margin: 0 5vw;
}
.solutiondetail-page .solutiondetail-easy-to-use h2 {
font-size: 5.625vw;
padding: 0 0 0vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .txt h3 {
font-size: 5.55vw;
}
.solutiondetail-page
.solutiondetail-easy-to-use
.desc-wrap
.desc
.txt
p
span {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-easy-to-use p {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu {
padding: 0 0 4.2vw;
margin: 0;
justify-content: unset;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li {
min-width: 37vw;
/* border: 0px solid #fff; */
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li:hover {
background-color: #fff;
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li .header {
/* padding: 4vw 0 3vw; */
}
.solutiondetail-page .solutiondetail-easy-to-use .ul-menu li .option {
font-size: 3.33vw;
padding: 2vw 0vw;
}
.solutiondetail-page
.solutiondetail-easy-to-use
#e-radio-1:checked
~ .ul-menu
.li-1,
.solutiondetail-page
.solutiondetail-easy-to-use
#e-radio-2:checked
~ .ul-menu
.li-2 {
/* border-bottom: 3px solid #005564; */
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .txt {
min-height: 40vw;
padding: 5vw 5vw 8vw;
width: auto;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .img {
height: 92vw;
background-size: 100%;
width: 100%;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-1 .img {
background-image: url(./m/e1.jpg);
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-2 .img {
background-image: url(./m/e2.jpg);
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-3 .img {
background-image: url(./m/e3.jpg);
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc-4 .img {
background-image: url(./m/e4.jpg);
position: relative;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .title {
font-size: 3.75vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .info {
font-size: 3.25vw;
}
.solutiondetail-page .solutiondetail-easy-to-use
.scenario-list
li {
list-style-type: none;
background: url(./img/list-type.png) no-repeat;
background-size: 3.15vw;
background-position: 0em 0.35em;
padding: 0 0px 3.7vw 6vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc h3{
font-size: 5vw;
font-weight: 400;
width: auto;
padding: 14vw 5vw 5vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .h4{
font-size: 3.88vw;
font-weight: 400;
padding-bottom: 4vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container{
display: flex;
justify-content: space-between;
width: auto;
flex-wrap: wrap;
margin: 0 5vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item{
width: 43.5vw;
padding: 0vw 3.5vw 20vw;
background-color: #fafafa;
box-sizing: border-box;
position: relative;
height: auto;
margin-bottom: 2vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item .product-name{
color: #008055;
font-weight: 500;
padding-bottom: 4vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item .product-name span{
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item ul{
list-style: disc;
list-style-type: disc;
padding-left: 1.8vw;
margin-left: 2vw;
}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item ul li{font-size: 3.33vw;/* list-style: disc; *//* list-style-type: disc; */}
.solutiondetail-page .solutiondetail-easy-to-use .desc-wrap .desc .product-container .product-item .link-p{color: #008055;position: absolute;text-decoration: underline;bottom: 4.5vw;}
}
@media (max-width: 414px) {
.solutiondetail-page .solutiondetail-easy-to-use {
font-size: 2.5vw;
}
}
.solutiondetail-page .solutiondetail-aws .text {
padding: 8.76em 0 4.68em;
}
.solutiondetail-page .solutiondetail-aws .text p {
padding: 2.5em 0 0;
}
.solutiondetail-page .solutiondetail-aws .text p span {
font-size: 1.26em;
}
.solutiondetail-page .solutiondetail-aws .video-container{
width: 100%;
/* padding-top: 4.68em; */
position: relative;
width: 95em;
height: 27.5em;
margin: 0;
margin-top: 0;
background: url(./img/aws.jpg) top / 95em no-repeat;
box-sizing: border-box;
display: flex;
align-items: center;
padding: 0 53% 0 12em;
}
.solutiondetail-page .solutiondetail-aws .video-container p{
font-size: 1.26em;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-aws .text {
padding: 18vw 5vw 8.3vw;
}
.solutiondetail-page .solutiondetail-aws .text p {
padding-top: 4.7vw;
}
.solutiondetail-page .solutiondetail-aws .text p span {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-aws .video-container{
width: 100%;
/* padding-top: 4.68em; */
position: relative;
width: auto;
height: 87vw;
margin: 0 5vw;
margin-top: 0;
background: url(./m/aws.jpg) top / 90vw no-repeat;
box-sizing: border-box;
display: flex;
align-items: unset;
padding: 13.7vw 8vw 0;
}
.solutiondetail-page .solutiondetail-aws .video-container p{
font-size: 2.78vw;
}
}
.solutiondetail-page .solutiondetail-description{/* background-color: #fafafa; */padding: 5em 0;}
.solutiondetail-page .solutiondetail-description p a{
font-size: 1em;
line-height: 1.48;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-description{
padding: 9vw 5vw;
}
.solutiondetail-page .solutiondetail-description p span{
font-size: 2.8vw;
}
}
.solutiondetail-page .solutiondetail-products-resources {
/* margin-bottom: 7em; */
}
.solutiondetail-page .solutiondetail-products-resources .text {
padding-top: 6em;
}
.solutiondetail-page .solutiondetail-products-resources .img-box {
width: 22.5em;
height: 22.5em;
background-color: #fafafa;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.solutiondetail-page .solutiondetail-products-resources .link-img:hover {
transform: scale(1.06);
}
.solutiondetail-page .solutiondetail-products-resources .resource-img {
width: 15.625em;
height: 15.625em;
}
.solutiondetail-page .solutiondetail-products-resources .swiper-container {
margin-top: 4.68em;
}
.solutiondetail-page .solutiondetail-products-resources .swiper-wrapper {
height: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide {
width: 23.5%;
height: auto;
display: flex;
flex-direction: column;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt {
padding: 1.5em 0 8.3em;
text-align: left;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt p{
font-size: 1.125em;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt p.h4{
font-size: 1.5em;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt
.txt-content {
/* flex-grow: 1; */
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt
.txt-content
.txt-footer
p
span {
font-size: 1.125em;
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-products-resources {
max-width: 100vw;
margin-bottom: 0;
}
.solutiondetail-page .solutiondetail-products-resources .text {
padding: 18vw 5vw 8.3vw;
}
.solutiondetail-page .solutiondetail-products-resources .text .page-section-header-underline{
padding-bottom: 7.8vw;
}
.solutiondetail-page .solutiondetail-products-resources .text h2{
padding-bottom: 6vw;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt
.txt-content
p.h4 {
font-size: 3.33vw;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt
.txt-footer
p {
font-size: 3.33vw;
}
.solutiondetail-page .solutiondetail-products-resources .img-box {
width: 42.5vw;
height: 42.5vw;
}
.solutiondetail-page .solutiondetail-products-resources .resource-img {
width: 34vw;
height: 34vw;
}
.solutiondetail-page .solutiondetail-products-resources .swiper-container {
margin: 0vw 5vw 0;
overflow-x: hidden;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide {
width: 42.5vw;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-pagination {
position: relative;
width: 90vw;
margin-top: 8vw;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-slide
.txt {
padding: 4.6vw 0;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-pagination
.swiper-pagination-bullet {
width: 2vw;
height: 2vw;
margin: 0 2vw;
background: #2b2b2b;
border: 0.5px solid #2b2b2b;
}
.solutiondetail-page
.solutiondetail-products-resources
.swiper-container
.swiper-pagination
.swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 2.75vw;
height: 2.75vw;
background: url(./img/icon-page-point.svg) center / 100% no-repeat;
border: none;
}
}
@media (max-width: 736px) {
}
.solutiondetail-page .solutiondetail-table {
margin-bottom: 7em;
}
.solutiondetail-page .solutiondetail-table .text .page-section-header-underline{
margin-bottom: 2.3em;
padding-top: 9.3em;
}
.solutiondetail-page .solutiondetail-table .text {
padding-top: 0;
}
.solutiondetail-page .solutiondetail-table .text p{
font-size: 1.32em;
}
.solutiondetail-page .solutiondetail-table .page-section-row {
padding-top: 4.68em;
/* overflow: hidden; */
/* overflow-x: scroll; */
}
.solutiondetail-page .solutiondetail-table .page-section-row thead{
font-size: 1.17em;
font-weight: 500;
}
.solutiondetail-page .solutiondetail-table .page-section-row table tr{
border-bottom: 1px solid #d5d5d5;
}
.solutiondetail-page .solutiondetail-table .page-section-row table tr:first-child{
border-top: none;
}
.solutiondetail-page .solutiondetail-table .page-section-row table tr.last-row{
border: none;
}
.solutiondetail-page .solutiondetail-table .page-section-row thead .sticky-before{
background-color: #fafafa;
border: none;
}
.solutiondetail-page .solutiondetail-table .page-section-row td,
.solutiondetail-page .solutiondetail-table .page-section-row th
{
padding: 1.8em 0;
}
.solutiondetail-page .solutiondetail-table .page-section-row td ul li{
list-style-type: disc;
}
.solutiondetail-page .solutiondetail-table .page-section-row .first-td{
font-weight: 500;
}
.solutiondetail-page .solutiondetail-table .page-section-row td.row-table{
padding: 0;
}
.solutiondetail-page .solutiondetail-table .page-section-row td.row-table table{
width: 100%;
}
.sticky-table-box .sticky-table {
font-size: 1.125em;
}
.solutiondetail-page .solutiondetail-table {
width: 100%;
margin: 0 auto;
position: relative;
}
/* è¡¨æ ¼è¾¹æ¡† */
.solutiondetail-page .solutiondetail-table table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
/* è¡¨æ ¼å•å…ƒæ ¼ */
.solutiondetail-page .solutiondetail-table td,
.solutiondetail-page .solutiondetail-table th {
border-bottom: 1px solid #d5d5d5;
padding: 1%;
width: 19.5%;
box-sizing: border-box;
vertical-align: middle;
text-align: left;
font-size: 0.9375em;
font-weight: 300;
line-height: 1.3333;
}
/* å†…åµŒè¡¨æ ¼æ ·å¼ */
.solutiondetail-page .solutiondetail-table table table {
width: 100%;
border-collapse: collapse;
margin: 0;
}
/* åˆ—è¡¨å¤´æ ·å¼ */
.solutiondetail-page .solutiondetail-table .fixed {
position: fixed;
display: block;
width: 100%;
max-width: 1366px;
background-color: #fff;
z-index: 99;
}
.solutiondetail-page .solutiondetail-table .fixed .first-td {
width: 18.7825em;
}
/* åˆ—æ ‡é¢˜æ ·å¼ */
.solutiondetail-page .solutiondetail-table .col-title {
font-size: 1.125em;
font-weight: 500;
line-height: 1.2;
width: 39%;
}
/* è¡Œæ ‡é¢˜æ ·å¼ */
.solutiondetail-page .solutiondetail-table .row-title {
font-size: 1em;
font-weight: 500;
line-height: 1.2;
}
/* å†…åµŒè¡¨æ ¼çš„å•å…ƒæ ¼æ ·å¼ */
.solutiondetail-page .solutiondetail-table .row-table {
padding: 0;
border: none;
}
/* ç¬¬ä¸€åˆ—ç‰¹æ®Šæ ·å¼ */
.solutiondetail-page .solutiondetail-table .first-td {
width: 22%;
/* border-right: 1px solid #000; */
}
.solutiondetail-page .solutiondetail-table .first-td.double {
width: 11%;
padding-right: 1em;
}
.solutiondetail-page .solutiondetail-table p.point {
position: relative;
font-size: 0.9375em;
line-height: 1.3333;
}
.solutiondetail-page .solutiondetail-table p.point::before {
content: '';
width: 0.2em;
height: 0.2em;
border-radius: 50%;
background-color: #000;
position: absolute;
top: 0.5em;
left: -0.5em;
}
@media (max-width: 1680px) {
.solutiondetail-page .solutiondetail-table {
font-size: 14px;
}
}
@media (max-width: 1440px) {
.solutiondetail-page .solutiondetail-table {
font-size: 12px;
}
}
@media (max-width: 736px) {
.solutiondetail-page .solutiondetail-table {
font-size: 10.35px;
max-width: 88.75vw;
margin: 0 auto;
}
.solutiondetail-page .solutiondetail-table .text .page-section-header-underline{
margin-bottom: 8.3vw;
padding-top: 0;
}
.solutiondetail-page .solutiondetail-table .page-section-row {
padding-top: 0;
/* overflow: hidden; */
overflow-x: scroll;
position: relative;
}
.solutiondetail-page .solutiondetail-table .btn-container.active{position: fixed;left: 5.625vw;width: 88.75vw;}
.solutiondetail-page .solutiondetail-table .btn-container{
position: absolute;
top: 137vw;
left: 0;
width: 88.75vw;
}
.solutiondetail-page .solutiondetail-table .btn-container .table-btn{
width: 8vw;
height: 8vw;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 8vw;
}
.solutiondetail-page .solutiondetail-table .btn-container .table-btn.btn-left{background-image: url(./img/prev.jpg);position: absolute;left: 0;}
.solutiondetail-page .solutiondetail-table .btn-container .table-btn.btn-right{background-image: url(./img/next.jpg);left: unset;position: absolute;right: 0;}
.solutiondetail-page .solutiondetail-table .btn-container
.solutiondetail-page .solutiondetail-table .w-container {
width: auto;
}
.solutiondetail-page .solutiondetail-table .text {
padding: 0 0 8.3vw;
text-align: left;
}
.solutiondetail-page .solutiondetail-table h2 {
font-size: 5.625vw;
padding: 15vw 0 7.8vw;
}
.solutiondetail-page .solutiondetail-table h3 {
font-size: 4.375vw;
padding: 0 0 3.125vw;
}
.solutiondetail-page .solutiondetail-table p {
font-size: 3.75vw;
}
.solutiondetail-page .solutiondetail-table p.note {
font-size: 3vw;
}
.solutiondetail-page .solutiondetail-table p.point {
font-size: 3vw;
}
.solutiondetail-page .solutiondetail-table p.point::before {
width: 0.2em;
height: 0.2em;
top: 0.5em;
left: -0.5em;
}
.solutiondetail-page .solutiondetail-table .note-container {
margin-top: 6.25vw;
}
.solutiondetail-page .solutiondetail-table table {
/* max-width: 88.75vw; */
overflow-x: auto;
}
/* è¡¨æ ¼è¾¹æ¡† */
.solutiondetail-page .solutiondetail-table table {
width: 300vw;
overflow-x: scroll;
}
/* è¡¨æ ¼å•å…ƒæ ¼ */
.solutiondetail-page .solutiondetail-table table td,
.solutiondetail-page .solutiondetail-table table th {
font-size: 3vw;
}
/* è¡¨å¤´æ ·å¼ */
.solutiondetail-page .solutiondetail-table table .col-title {
font-size: 3.75vw;
}
/* è¡¨å¤´æ ·å¼ */
.solutiondetail-page .solutiondetail-table table .row-title {
font-size: 3vw;
}
/* ç¬¬ä¸€åˆ—ç‰¹æ®Šæ ·å¼ */
.solutiondetail-page .solutiondetail-table table .first-td {
width: 16%;
}
.solutiondetail-page .solutiondetail-table table .first-td.double {
width: 8%;
padding-right: 2vw;
}
}
@media (max-width: 414px) {
.solutiondetail-page .solutiondetail-table {
font-size: 2.5vw;
}
}
#view-all-table {
display: block;
width: 100%;
margin: 0 auto;
background: url(./img/arrow.png) 53% 70% / 0.8em no-repeat;
position: absolute;
bottom: 0;
}
video::cue {
color: #000;
font-size: 16px;
background: none;
font-size: 0.75em;
}
.tp-ada-videoContainer{
max-width:unset !important
}