img { border:none;max-width: 100%;}
.cloudSecurity-banner>div{background: url(./img/cloudSecurity-banner.jpg);}
.cloudConcierge-banner>div{background:url(./img/cloudConcierge-banner.jpg); }
.opsnow-banner>div{background-image: url(./img/opsnow-banner.jpg);}
.cloudSecurity-nav li{width: 50%;float: left;height: 98px; text-align: center;}
.TrendMicro-table>li{float: left;}
.TrendMicro-cell{width: 24%;}
.TrendMicro-cell01 {width: 14%;}
.TrendMicro-cell>div:first-child{height: 108px;background: #4ca6db;text-align:center;}
.TrendMicro-cell>div:first-child i{display: block;width: 100%;}
.TrendMicro-cell>div:first-child i img{height: auto;margin: 10px}
.TrendMicro-cell>div:first-child span{display: block;width: 100%;color: #fff;font-size: 18px}
.TrendMicro-cell{background: #4ca6db;}
.text-size01{padding: 48px 24px;}
.text-size02{padding-bottom: 36px;}
.color-b,.color-b>div:first-child{background: #565d67!important}
.color-bu,.color-bu>div:first-child{background: #2481f8!important}
.TrendMicro-cell ul{ background: #fff; height: 100%; padding-top: 30px}
.TrendMicro-cell>div:last-child{height: 226px; padding: 3px;}
.TrendMicro-cell>div:last-child li{padding:3px 20px; line-height: 24px;font-size: 16px;}
.TrendMicro-cell>div:last-child li:before,.g-contain li:before,.AhnLab-content li:before,.col-02 li:before{content: " ";width: 6px;height: 6px;line-height: 16px;display: inline-block;border-radius: 50%;background: #555;margin-right: 10px}
.TrendMicro-cell01 i,.TrendMicro-cell01 span{display: block;text-align: center;color: #000;font-size: 16px;line-height: 2}
.TrendMicro-cell01 div{padding-top: 150px}
.TrendMicro-table{margin-top: 50px}
.TrendMicro-btn{width: 100%;text-align: center;line-height: 90px;border: 1px #ccc solid;margin-top: 60px}
.TrendMicro-btn a{color: #2481f8;font-size: 24px;display: block;width: 100%;height: 100%}
.TrendMicro-detail{background: #f6f6f6}
.TrendMicro-detail-list td{padding: 15px 15px;font-size: 16px;border:1px #ccc solid;margin: 0 0 -1px -1px; }
.TrendMicro-detail-list th{height: 72px;font-size: 20px;text-align: center;}
.TrendMicro-detail-list table>tr>td{float: left;width: 22%;text-align: center;}
.TrendMicro-detail-list tr>th{background: #565d67;color: #fff}
.TrendMicro-detail-list tr>th:nth-child(2){background: #4ca6db}
.TrendMicro-detail-list tr>th:nth-child(3){background: #2481f8}
.TrendMicro-detail-list table>tr>td:nth-child(2),.TrendMicro-detail-list table>tr>td:nth-child(3){width: 39%}
.g-contain td{border:1px solid #ccc;}
.g-contain tr>td:first-child{width: 158px;text-align: center;font-size: 20px;padding: 20px 10px;color: #fff;border:1px #fff solid;background: #2481f8}
.g-contain tr>td:last-child{width: calc(100% - 158px);font-size: 16px;line-height: 2;padding: 20px 30px}
.tab-content-header h2{margin-top: 70px}
.AhnLab-cell{text-align: center;}
.AhnLab-cell>a{display: inline-block;padding:20px 30px;color: #2481f8;font-size: 18px;margin-right: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.4);border-radius: 3px;font-weight: bold;margin-bottom: 100px }
.AhnLab-content{background: #f2f2f2}
.AhnLab-content table,#tablepress{width: 100%}
.AhnLab-content td,#tablepress td{border:1px #ccc solid;padding: 0.6rem 1rem;width: 234px;font-size: 16px}
.AhnLab-content .title{width: 110px;border-color: #fff}
.AhnLab-content .title span{display: inline-block;width: 20px;height: auto;font-size: 20px;color: #fff}
.AhnLab-content td i{color:#2481f8;display: block; font-size: 18px;text-align: center;}
.AhnLab-content td span{display: block;text-align: center;}
.AhnLab-content .title,.row-5 .column-1{background: #565d67}
.AhnLab-content .table-cellbu{background: #4ca6db}
.AhnLab-content li{margin: 5px 0 }
.AhnLab-content .table-cellb{background: #2481f8}
.AhnLab-content .row-c{text-align: center;font-weight: bold;font-size: 18px}
#tablepress .column-1{width: 72px;}
#tablepress .column-1{color: #fff}
#tablepress td{text-align: center;}
#tablepress .row-1 .column-1{background:  #858daa}
#tablepress .row-1 .column-3{background: #2481f8;color: #fff}
#tablepress .row-1 .column-2{background: #edeef0}
#tablepress .row-5 .column-2{background: #fcfdff}
.cloudsec-foot{width: 100%;text-align:center;}
.cloudsec-foot h3{font-size: 20px ;color: #000;padding: 90px 0 30px;}
.cloudsec-foot img{width: 80%;}
.GSC-banner>div{background: url(./img/gsc-banner.jpg);}
.gsc-list>li{width: 20%;padding: 5px;float: left;}
.gsc-list>li>div{border: 1px rgba(0,0,0,0.1) solid;height: 585px;}
.gsc-list>li i{display: block;width: 100%;height: 205px;text-align: center;padding-top: 50px;border-bottom: 1px rgba(0,0,0,0.1) solid}
.gsc-list>li h3{text-align: center;font-size: 18px;color: #000;margin:40px 0;padding: 0 15px }
.gsc-list>li ul{padding-left: 35px;padding-right:15px;}
.gsc-list>li li{list-style: disc;font-size: 15px;line-height: 1.5;margin: 5px 0}
.gsc-list>li:nth-child(2) i{background: #6bd3ff}
.gsc-list>li:nth-child(3) i{background: #4ca6db}
.gsc-list>li:nth-child(4) i{background: #2481f8}
.gsc-list>li:nth-child(5) i{background: #565d67}
.gsc-list>li:hover>div{border-color:#00aaff;box-shadow: 0 0 10px rgba(0,0,0,0.3) }
.container h2 i{color: #00aaff}
.gsc-k h4{text-align: center;font-size: 22px;color: #000;padding-bottom: 40px}
.gsc-k div{text-align: center;}
.gsc-k div img{width: 80%}
.gsc-t h2{padding-bottom: 0}
.gsc-t{text-align: center;}
.gsc-t .cloud-title{border-bottom: 1px rgba(0,0,0,0.1) solid}
.gsc-t h3{font-size: 30px;padding-bottom: 40px}
.g-image-h img{width: 543px;max-width: 100%;margin-bottom: 70px}
.g-image-t img{width: 1030px;max-width: 100%;}
.cloudConcierge-banner .contain{padding-right: 160px;padding-top: 160px;text-align: right;}
.cloudConcierge-banner h5{float: right;}
.c-img{text-align: center;margin-bottom: 100px}
.c-img img {width: 887px;max-width: 90%;}
#concierge .c-wrapper{width: 100%;min-height: 240px;border: 1px rgba(0,0,0,0.1) solid;margin-bottom: 20px}
#concierge .c-wrapper .col-01{width: 240px;text-align: center;float: left;}
#concierge .c-wrapper .col-02{width: calc(100% - 240px);float: left;}
#concierge .c-wrapper .col-01 img{padding-top:38px }
#concierge .c-wrapper .col-02 h5{font-size: 20px;text-align: left;padding: 60px 0 20px;color: #000}
#concierge .c-wrapper:hover{border: 1px #00aaff solid;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.fl-list,.fr-list{font-size: 16px;line-height: 2;display: inline-block;}
.fl-list{margin-right: 80px;}
.col-02 li{font-size: 16px}
#tablepress-con,#tablepress-15{width: 100%}
#tablepress-con td,#tablepress-15 td{padding: 15px;text-align: center;border: 1px #ccc solid;font-size: 16px}
#tablepress-con .row-1{background: #2481f8;color: #fff;height: 72px;text-align: center;}
#tablepress-con .row-1 td{width: 25%;border-right:1px #fff solid;font-size: 20px}
.concierge-f h2{padding-top:100px;padding-bottom: 40px}
.concierge-f h4{text-align: center;font-size: 26px;padding-top:60px;padding-bottom: 40px }
.concierge-f img{width: 100%}
.concierge-f h4 i{color: #2481f8}
#tablepress-15 .column-1{color: #000}
#tablepress-15 .row-2 .column-1,#tablepress-15 .row-2 .column-2{color: #000;background: #d1d6dd;border-right-color:#fff }
#tablepress-15 .row-5 .column-1{background: #fff}
#tablepress-15 .row-1 td{background: #2481f8;font-size: 20px;color: #fff}
.opsnow-container .container h5{padding-bottom: 25px;}
.left-wrapper{float: left;width: 41.6666%}
.right-wrapper{float: left;width: 58.333%;text-align: center;padding:0 2%;}
.right-wrapper img{width: 90%}
.o-wrapper li{padding: 50px 0 40px;border-bottom: 1px #ccc dashed}
.left-wrapper h3{font-size: 30px;font-weight: bold;padding-top: 30px;padding-bottom: 20px}
.left-wrapper p{line-height: 1.6;padding-bottom: 5px;font-size: 16px}
.pos-btn a{display: inline-block;padding: 7px 30px;border:1px #2481f8 solid;font-size: 18px;color: #2481f8;margin-top: 20px}  
.ops-table{display: flex;flex-wrap: wrap;margin-top: 70px}
.ops-cell{padding: 20px;width: 33.3333%;} 
.ops-cell>div{width: 100%;text-align: center;}
.ops-cell  h3{font-size: 20px;padding: 50px 15px 20px;color: #555;font-weight: 700}
.ops-cell  p{font-size: 16px;padding: 0 15px 30px}
.ops-cell span{display: block;}
.ops-cell:hover>div{box-shadow: 0 0 10px rgba(0,0,0,0.4)}
.ops-cell:hover h3{color: #0af}
.ops-cantant{background: url(./img/opsnow-foot.jpg);height: 356px;background-size: cover;background-position: 50% 100%;color: #fff}
.ops-cantant h2{text-align: center;font-size: 36px;line-height: 2;padding-top: 90px;}
.ops-cantant h5{ text-align: center; font-size: 16px}
@media (min-width: 1000px) and (max-width: 1280px){.TrendMicro-cell ul{padding-top: 15px}
.right-wrapper img{padding-top: 30px}
.ops-cell>div{height: 315px}}
@media (min-width: 320px) and (max-width: 999px){.left-wrapper,.right-wrapper{width: 100%;float: none}
.right-wrapper{  padding-top: 40px;}
.gsc-list>li{width: 50%;    margin-bottom: 20px}
.gsc-list>li img{max-width: 80%;}
.gsc-list>li>div{max-width: 280px;margin: 0 auto}
.AhnLab-content td{padding: 10px }
.optimization-nav ul, .cloudSecurity-nav ul{width: 100%}
.left-wrapper h3{font-size: 24px;padding-top: 0}}
@media (min-width: 768px) and (max-width: 999px){
.cloudConcierge-banner .contain{padding-top: 70px;text-align: left;}
.TrendMicro-cell ul{padding-top: 15px}
.TrendMicro-cell{width: 35%;margin-bottom: 20px}
.TrendMicro-cell01{width: 30%}}
@media (min-width: 320px) and (max-width: 767px){
.cloudConcierge-banner .contain{padding-top: 15px;text-align: left;padding-right:0;}
.cloudConcierge-banner h5{float: left;}
.concierge-f h2{padding-top: 40px;}
.concierge-f h4{padding-top: 30px;padding-bottom: 20px;}
.ops-cell{width: 100%;max-width: 500px;margin: 0 auto}
.cloudSecurity-nav li{height: 58px}
.TrendMicro-cell{width: 100%}
.TrendMicro-cell01{width: 100%;}
.TrendMicro-cell01 div{padding: 50px 0;position: relative;}
.TrendMicro-cell01 i img{transform: rotate(90deg);}
.TrendMicro-cell01 span{position: absolute;left: 30%;top: 10px;width: 20px;height: auto;}
.TrendMicro-cell01 .span2{position: absolute;right: 30%;top: 10px;width: 20px;height: auto;}
.TrendMicro-cell01 div{padding: 60px 0;margin: 20px 0}
.TrendMicro-cell02 div{padding: 94px 0;margin: 20px 0 }
.TrendMicro-detail-list th{font-size: 16px}
.TrendMicro-detail-list td{text-align: center;}
.g-contain tr>td:first-child{width: 100px}
.g-contain tr>td:last-child{width: calc(100% - 100px)}
.g-contain tr>td:last-child{line-height: 1.6}
.g-contain tr>td:last-child div,.g-contain tr>td:last-child li{padding: 5px 0}}
@media (min-width: 320px) and (max-width: 520px){#concierge .c-wrapper .col-01,#concierge .c-wrapper .col-02{padding: 0 15px;width: 100%;}}
@media (min-width: 320px) and (max-width: 480px){
.gsc-list>li{width: 100%;}
.gsc-list>li>div{height: auto;}
.gsc-list>li ul{margin-bottom: 30px}}