@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
ol,ul,dl{padding:0 0px}
#textEditor{overflow:hidden;position:relative}
#textEditor .navbox{background: -webkit-linear-gradient(270deg, #f7f7f7 0%, #f7f7f7 100%);padding:20px 30px;border-radius:20px;border: 1px solid #e8e8e8;margin-top: 30px;}
#textEditor .topBar{width:calc(100% - 0px);padding:10px 20px;font-size:1.4em;line-height:1.6em;transition:all 0.3s;display:flex;align-items:center;justify-content:space-between}
#textEditor .topBar:after{content:"";position:absolute;left:0;width:0;border-bottom-color:transparent;border-left-color:transparent;bottom:-16px}
#textEditor .topBar .box{display:flex;text-align:center;align-items:flex-start;flex-direction:column}
#textEditor .topBar .box i{font-size:30px;cursor:pointer;display:flex;align-items:center;border-radius:5px;border:gainsboro 1px solid;padding:7px 12px}
#textEditor .topBar .box .fa span{font-size:15px;margin-left:2px}
#textEditor .topBar .box .tit h2{font-size:25px;color: #000000;margin-bottom: 10px;}
#textEditor .topBar .box:last-child{margin-left:0;width:auto;text-align:left;display:flex;flex-direction:row;align-items:center}
#textEditor .infoWrap{overflow:hidden;margin-left:0;padding:20px 0 20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
#textEditor .infoWrap.collapsed{height:0;padding:0;padding-top:0}
#textEditor .infoWrap ul li{padding:10px 30px;border-bottom:1px #ccc dashed}
#textEditor .infoWrap ul li a{display:flex;align-items:center;font-size:17px;color:#4e4e4e}
#textEditor .infoWrap ul li a .fa{margin-right:10px;display:none}
#textEditor .infoWrap ul li a:before{content:"";width:10px;height:10px;background:#a8a8a8;border-radius:50%;display:inline-block;margin:0 15px 0 0}
#textEditor .infoWrap ul li:hover{background:#bcbcbc40}
#textEditor .infoWrap ul li h5{font-size:22px;color:#104a65}
#textEditor .infoWrap ul li h5 i{color:#25a746}
#textEditor .infoWrap ul li p{padding-left:30px;font-size:16px}
#textEditor .iconBtn{position:absolute;width:45px;height:45px;background:#03a9f4;right:25px;top:8px;border:2px #e6f7ff solid;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;font-size:26px;color:#e6f7ff;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}
#textEditor .iconBtn i{display:flex;flex-direction:column;align-items:center;justify-content:center}
.flexJbox{display:flex}
.flexJbox .leftbox{display:flex;flex-direction:column;width:50%}
.flexJbox .rightbox{display:flex;flex-direction:column;width:50%}
#textEditor .infobox{padding:20px}
#textEditor .infobox .boxn{margin-bottom: 50px;border-bottom: #aaaaaa6b 1px solid;padding-bottom: 30px;}
#textEditor .infobox .mlist h5{color:#4f4f4f;font-size:22px;margin:0px 0 10px}
#textEditor .infobox .mlist h4{font-size: 22px;margin: 20px 0;}
#textEditor .infobox .imgbox{margin:30px 0}
#textEditor .infobox p{margin:30px 0;letter-spacing:1px;font-size:1.05rem;text-align:justify;line-height:180%}
#textEditor .infobox p a{color: #3F51B5;}
#textEditor .infobox .mlist{padding: 5px 0;}
#textEditor .infobox h3{color: #3F51B5;font-size:22px;margin:0px 0 10px;margin-bottom: 20px;border-bottom: #aaaaaa6b 1px solid;padding-bottom: 20px;margin-top: 10px;width: 100%;display: inline-block;}
#textEditor .infobox h3 a{
    color: #3F51B5;
    font-size: 22px;
}
#textEditor .infobox .mlist h2{font-size: 21px;}
#textEditor .infobox .mlist ol{list-style:decimal outside;padding-left:30px}
#textEditor .infobox .mlist ol li{margin-bottom:4px}
#textEditor .infobox .mlist ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:100%;margin:40px 0 20px 0;gap:40px}
#textEditor .infobox .mlist ul li >div{padding:40px 30px;background-color:#ffffff;border-radius:50px;letter-spacing: 1px;font-size: 1rem;text-align: justify;line-height: 180%;}
#textEditor .infobox .mlist ul li >div strong{position:relative;font-size:22px;padding-bottom: 20px;margin-bottom: 20px;display:inline-block;width:100%;text-align:center}
#textEditor .infobox .mlist ul li >div strong::after{content:"";position:absolute;right:0;bottom:0;display:block;width:100%;height:1px;background:rgba(0,0,0,0.12)}
#textEditor .infobox .titleJ{position:relative}
#textEditor .infobox .titleJ{position:relative}
#textEditor .infobox .titleJ h2{font-weight:700;line-height:180%;align-items:center;color: #000000;font-size: 30px;margin: 20px 0 0;}
#box05 .titleJ h2{text-align:center}
#textEditor .infobox .imgJ{margin:20px 0}
#textEditor .infobox .imgJ img{height:360px;width:100%;object-fit:cover}
#textEditor ul.topBox {margin: 30px 0;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
#textEditor ul.topBox li{position:relative;background: #fff;padding: 35px 20px;}
#textEditor ul.topBox li img{width:80px;margin: 0 auto 30px;display: block;}
#textEditor ul.topBox li h3{text-align:center;font-size: 20px;color: #323232;}
#textEditor ul.topBox li article{font-size: 16px;margin-top: 20px;text-align: center;}
#faq_list li { margin-bottom: 30px; }
#faq_list li .title { padding: 10px 45px 10px 5px; }
#faq_list li .title label { padding: 0 0 0 10px; width: 70px; }
#faq_list li .title font { width: calc(100% - 80px); font-size: 18px; }
#faq_list li .info { padding: 15px 35px 15px 85px; font-size: 14px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#textEditor table{margin:15px 0;width:100%;border-collapse:collapse}
#textEditor tbody tr:nth-child(2n){background: #ededed;}
#textEditor td, #textEditor th{padding:10px;border:1px solid #f6f6f6;vertical-align: middle !important;text-align: center;}
#box06 p{margin-bottom:30px;}
#textEditor i.fa{margin-left:10px}
#textEditor td i.fa-check{color:#149000}
#textEditor td i.fa-close{color:#ba0f0f}
#textEditor .csaebox .case{background:url(/images/re-make/info/pro-desc-pc.png) no-repeat 50% 0% / cover;overflow:hidden;background-size:contain}
#textEditor .csaebox .case a{display:block;background:no-repeat 50% 0% / 100%;margin: 11px 38px 30px;}
#textEditor .csaebox .case a img{width:100%}
#textEditor .csaebox{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin:60px 0}
#textEditor .moreJ{text-align:center;display:flex;align-items:center;justify-content:center}
#textEditor .moreJ a{position:relative;z-index:1;padding:14px 20px;display:inline-block;max-width:240px;width:100%;font-size:16px;text-align:center;letter-spacing:1px;background-color:#eeeeee;border-radius:35px;display:flex;align-items:center;justify-content:space-around}
#textEditor .moreJ a svg{margin-left:0.5em;width:18px;height:18px;fill:#434343}
.threeG{display:grid;justify-content:center;grid-template-columns:1fr 32%;gap:20px;justify-items:center;border-radius:50px;padding:50px 80px;background-color:#eeeeee;align-items:center;margin-bottom:70px}
.threeG .sideBox{padding:10px 0;width:100%}
.threeG .sideBox h2{font-weight:700;line-height:180%;align-items:center;color:#323232;font-size: 30px;margin-bottom: 10px;}
.threeG .sideBox p,.threeG .sideBox p strong{font-size:20px}
.threeG .sideBox .infoList{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px}
.threeG .sideBox .infoList li{position:relative;margin-bottom:15px}
.threeG .sideBox .infoList li::after{content:"";display:block;width:1px;height:16px;position:absolute;top:50%;right:-16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;background-color:rgb(55 55 55 / 30%)}
.threeG .sideBox .infoList li:last-child::after{display:none}
.threeG .sideBox .titleBox,.threeG .sideBox .titleBox strong{margin:10px 0;font-weight: 600;color: #37447c;font-size:22px;line-height:160%;letter-spacing:1.32px;margin:20px 0}
.threeG .centerBox{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;width:100%}
.threeG .centerBox .bov:nth-child(1){background:#06bb06}
.threeG .centerBox .bov:nth-child(3){background: #37447c;}
.threeG .centerBox .bov{background:#2196F3;border-radius:10px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;justify-content:center;display:flex;align-items:center;padding:13px 14px;border-radius:0%;width:100%;border-radius:35px}
.threeG .centerBox .bov:hover{background:#606060}
.threeG .centerBox .bov a{font-size:19px;color:#fff;display:flex;gap:10px;padding:5px 20px;width:100%;justify-content:space-between;flex-direction:row-reverse;align-items:center;letter-spacing:1px}
.threeG .centerBox .bov a  img{aspect-ratio:1 /1;height:30px;object-fit:contain}

#faq_list{margin-top:30px;}
#faq_list li { margin-bottom: 30px; }
#faq_list li .title {padding: 10px 15px;border: 1px solid #c9c9c9;position: relative;display: flex;align-items: center;}
#faq_list li .title:after{content:'+';font-size: 20px;}
#faq_list li .title label {padding: 0 0 0 10px;width: 40px;background: -webkit-linear-gradient(left, rgba(56, 131, 224, 1) 0%, rgba(161, 120, 249, 1) 39%, rgba(255, 156, 186, 1) 86%, rgba(255, 152, 116, 1) 100%);background-clip: text;-webkit-background-clip: text;color: transparent;font-weight: 600;}
#faq_list li .title font { width: calc(100% - 80px); font-size: 18px; }
#faq_list li .info {padding: 15px 35px 15px 65px;font-size: 15px;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;line-height: 2;}



@media screen and (max-width:1140px){
    #textEditor ul.topBox{grid-template-columns:repeat(2,1fr)}
	.threeG{grid-template-columns:1fr;padding:40px 40px}
}

@media screen and (max-width:790px){
	#textEditor .infobox .imgJ img{height:199px;object-fit:cover;object-position:50%}
	#textEditor .topBar .box:last-child{flex-direction:column;align-items:flex-start}
	#textEditor .topBar .box .tit h2{font-size:24px}
	#textEditor .topBar .box p{margin-left:0;font-size:15px}
	#textEditor .topBar .box i{font-size:24px}
	#textEditor .iconBtn{width:38px;height:38px;top:18px}
	#textEditor .iconBtn i{font-size:20px}
	#textEditor .infoWrap{padding:0px 0 30px}
	#textEditor .infoWrap ul li a{font-size:18px}
    #textEditor ul.topBox{grid-template-columns:repeat(1,1fr)}
	#textEditor .infobox .titleJ h2,.threeG .sideBox h2{font-size:26px}
	#textEditor .csaebox .case a{margin:20px 70px 30px}
}
@media screen and (max-width:500px){
	#faq_list li .info{padding:15px}
	#textEditor .csaebox .case a{margin:13px 43px 30px}
	#textEditor .navbox{padding:15px 10px}
}