.cc.main article .body .text-circle{margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;max-width:520px;position:relative;cursor:pointer}.cc.main article .body .text-circle div{background-color:#25378d;padding:1em;width:170px;height:170px;margin:.25em;position:relative}.cc.main article .body .text-circle div h3{color:#fff;margin:0;font-size:1.2em;position:absolute;font-weight:700}.cc.main article .body .text-circle div .more-icon{color:#fff;margin:0;font-size:1.5em;position:absolute}.cc.main article .body .text-circle div .sub-text{position:absolute;background-color:#fff;z-index:1;box-shadow:0 5px 10px 2px rgba(0,0,0,.1);padding:0;height:auto;width:230px;visibility:hidden;opacity:0;transition:visibility 0s,opacity .15s linear}.cc.main article .body .text-circle div:active .sub-text,.cc.main article .body .text-circle div:focus .sub-text,.cc.main article .body .text-circle div:hover .sub-text{visibility:visible;opacity:1}.cc.main article .body .text-circle .quart:focus{outline:0}.cc.main article .body .text-circle .quart:hover{background-color:#11183b}.cc.main article .body .text-circle .quart1{border-radius:170px 0 0 0}.cc.main article .body .text-circle .quart1 h3{bottom:50%;top:50%;right:25%}.cc.main article .body .text-circle .quart1 .sub-text{bottom:2em;left:-6em}.cc.main article .body .text-circle .quart1 .more-icon{bottom:20%;right:50%;left:50%}.cc.main article .body .text-circle .quart2{border-radius:0 170px 0 0}.cc.main article .body .text-circle .quart2 h3{bottom:50%;top:50%;right:25%}.cc.main article .body .text-circle .quart2 .sub-text{bottom:2em;right:-6em}.cc.main article .body .text-circle .quart2 .more-icon{bottom:20%;right:45%}.cc.main article .body .text-circle .quart3{border-radius:0 0 0 170px}.cc.main article .body .text-circle .quart3 h3{top:25%;right:25%}.cc.main article .body .text-circle .quart3 .sub-text{top:2em;left:-6em}.cc.main article .body .text-circle .quart3 .more-icon{top:37%;right:50%;left:50%}.cc.main article .body .text-circle .quart4{border-radius:0 0 170px 0}.cc.main article .body .text-circle .quart4 h3{top:25%;left:25%}.cc.main article .body .text-circle .quart4 .sub-text{top:2em;right:-6em}.cc.main article .body .text-circle .quart4 .more-icon{top:37%;left:40%}.cc.main article .body .text-circle .quart4 .icon-en{top:37%!important;left:35%!important}@media screen and (max-width:520px){.cc.main article .body .text-circle{display:block;border:1px #25378d solid}.cc.main article .body .text-circle .quart1,.cc.main article .body .text-circle .quart2,.cc.main article .body .text-circle .quart3,.cc.main article .body .text-circle .quart4{border-radius:0;width:auto;height:initial;background-color:transparent}.cc.main article .body .text-circle .quart1 h3,.cc.main article .body .text-circle .quart2 h3,.cc.main article .body .text-circle .quart3 h3,.cc.main article .body .text-circle .quart4 h3{position:initial;text-align:center;background-color:#25378d;font-size:26px;font-size:1.625rem}.cc.main article .body .text-circle .quart1 .sub-text,.cc.main article .body .text-circle .quart2 .sub-text,.cc.main article .body .text-circle .quart3 .sub-text,.cc.main article .body .text-circle .quart4 .sub-text{visibility:inherit;opacity:1;position:initial;top:initial;bottom:initial;left:initial;right:initial;width:auto;box-shadow:none}.cc.main article .body .text-circle .quart1 .more-icon,.cc.main article .body .text-circle .quart2 .more-icon,.cc.main article .body .text-circle .quart3 .more-icon,.cc.main article .body .text-circle .quart4 .more-icon{display:none}.cc.main article .body .large-screen-only{display:none}}