a{color:#d65a1a;transition:.5s}a:hover,a:active,a:focus{color:#999;outline:none;text-decoration:none}a.clear-style{color:#000}p{font-size:16px !important;padding:0;margin:0;font-family:"Kanit",sans-serif;color:#000}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 20px 0;padding:0;font-family:"Kanit",sans-serif;color:#000}h1,.h1{font-size:36px !important}@media only screen and (max-width: 480px){h1,.h1{font-size:32px !important}}h2,.h2{font-size:32px !important}@media only screen and (max-width: 480px){h2,.h2{font-size:28px !important}}h3,.h3{font-size:28px !important}@media only screen and (max-width: 480px){h3,.h3{font-size:20px !important}}h4,.h4{font-size:20px !important}@media only screen and (max-width: 480px){h4,.h4{font-size:18px !important}}h5,.h5{font-size:18px !important}@media only screen and (max-width: 480px){h5,.h5{font-size:16px !important}}h6,.h6{font-size:16px !important}.detail-body h1,.projectType-body h1{font-size:28px !important}@media only screen and (max-width: 480px){.detail-body h1,.projectType-body h1{font-size:20px !important}}.detail-body h2,.projectType-body h2{font-size:20px !important}@media only screen and (max-width: 480px){.detail-body h2,.projectType-body h2{font-size:18px !important}}.detail-body h3,.projectType-body h3{font-size:18px !important}@media only screen and (max-width: 480px){.detail-body h3,.projectType-body h3{font-size:16px !important}}.detail-body h4,.projectType-body h4{font-size:16px !important}@media only screen and (max-width: 480px){.detail-body h4,.projectType-body h4{font-size:16px !important}}.detail-body h5,.detail-body h6,.projectType-body h5,.projectType-body h6{font-size:16px !important}.contact-box a{color:#000 !important;transition:.5s}.contact-box a:hover,.contact-box a:active,.contact-box a:focus{color:#d65a1a !important;outline:none;text-decoration:none}a.grey{color:#999 !important}a.grey:hover,a.grey:active,a.grey:focus{color:#d65a1a !important}body{background:#fff;color:#000;font-family:"Kanit",sans-serif !important;font-size:16px;font-weight:400}.body{margin-left:20%}@media only screen and (max-width: 768px){.body{margin:0 auto;padding-top:60px;width:90%}}.body--ip-more{margin:0 auto}@media only screen and (max-width: 768px){.body--ip-more{margin:0 auto;padding-top:0;width:100%}}a{color:#fafafa;text-decoration:none !important}a:hover{color:#d65a1a;text-decoration:none !important}hr{border-top:1px solid #000 !important}.header{width:20%;background-color:#ddd;position:fixed;height:100%;overflow:auto}@media only screen and (max-width: 768px){.header{display:none;width:100%;z-index:5}}footer{margin-left:20%;padding:20px 0;bottom:0}@media only screen and (max-width: 1200px){footer{position:inherit}}@media only screen and (max-width: 768px){footer{margin:0 auto;width:90%}}footer{font-family:"Kanit",sans-serif}footer a{float:left;display:block;text-align:center;padding:14px}section{margin:0 20px}@media only screen and (max-width: 768px){section{margin:0}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.flex{display:flex !important}.flex-center{align-content:center;align-items:center}.flex-between{justify-content:space-between}.inline-block{display:inline-block}.content-center{justify-content:center}.display-show{display:block}.display-none{display:none !important}.bg-dttip{background-position:center;background-repeat:no-repeat;background-size:cover}.clear-position{position:inherit}.fixed-position{position:fixed}@media only screen and (max-width: 768px){.fixed-position{position:inherit}}.p-0{padding:0}.p-xs{padding:5px}.p-s{padding:10px}.p-m{padding:20px}.p-l{padding:30px}.p-xl{padding:40px}.pt-xs{padding-top:0}.pt-xs{padding-top:5px}.pt-s{padding-top:10px}.pt-m{padding-top:20px}.pt-l{padding-top:30px}.pt-xl{padding-top:40px}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:5px}.pb-s{padding-bottom:10px}.pb-m{padding-bottom:20px}.pb-l{padding-bottom:30px}.pb-xl{padding-bottom:40px}.pl-0{padding-left:0}.pl-xs{padding-left:5px}.pl-s{padding-left:10px}.pl-m{padding-left:20px}.pl-l{padding-left:30px}.pl-xl{padding-left:40px}.pr-0{padding-right:0}.pr-xs{padding-right:5px}.pr-s{padding-right:10px}.pr-m{padding-right:20px}.pr-l{padding-right:30px}.pr-xl{padding-right:40px}.m-0{margin:0}.m-xs{margin:5px}.m-s{margin:10px}.m-m{margin:20px}.m-l{margin:30px}.m-xl{margin:40px}.mt-0{margin-top:0}.mt-xs{margin-top:5px}.mt-s{margin-top:10px}.mt-m{margin-top:20px}.mt-l{margin-top:30px}.mt-xl{margin-top:40px}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:5px}.mb-s{margin-bottom:10px}.mb-m{margin-bottom:20px}.mb-l{margin-bottom:30px}.mb-xl{margin-bottom:40px}.ml-0{margin-left:0}.ml-xs{margin-left:5px}.ml-s{margin-left:10px}.ml-m{margin-left:20px}.ml-l{margin-left:30px}.ml-xl{margin-left:40px}.mr-0{margin-right:0}.mr-xs{margin-right:5px}.mr-s{margin-right:10px}.mr-m{margin-right:20px}.mr-l{margin-right:30px}.mr-xl{margin-right:40px}.red{color:red !important}.green{color:#45a049 !important}.grey{color:#999 !important}.yellow{color:#fede00 !important}.orange{color:#d65a1a !important}.black{color:#000 !important}.cursor{cursor:pointer}.off-cursor{cursor:unset !important}.wh-100{width:100%;height:100%}.wh-90{width:90%;height:90%}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semi-bold{font-weight:600}.font-bold{font-weight:700}input[type=text],input[type=date],input[type=password],input[type=email],input[type=number],input[type=time],select,textarea{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #999;border-radius:4px;box-sizing:border-box}input[type=submit]{width:100%;background-color:#ddd;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer;transition:.2s}input[type=submit]:hover{background-color:#4d4d4d}.form-control:focus{border-color:#d65a1a !important;box-shadow:inset 0 0 0 .2rem rgba(255,90,26,.25) !important}.form-control.auto{width:auto}#fileName{height:38px;border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}table{font-family:"Kanit",sans-serif}table .fa-edit{color:#d65a1a}.report-table{margin:20px 0 0 0}.report-table thead{background-color:#d65a1a;color:#fff}.report-table thead,.report-table tr,.report-table tbody,.report-table th,.report-table td{text-align:center}.table-auto{width:auto !important}img{display:block;margin-left:auto;margin-right:auto;width:100%}.logo{width:auto;height:80px;border-radius:0;margin:10px 0}.logo--autm{height:50px}.img-logo{display:initial;width:15px;transition:.2s}a:hover .img-logo{filter:invert(50%) sepia(80%) saturate(3623%) hue-rotate(359deg) brightness(101%) contrast(107%)}.img-fit-cover{-o-object-fit:cover;object-fit:cover}.img-container{position:relative;width:50%}.img-cover{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.img-middle{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.img-container:hover .img-cover{opacity:.3}.img-container:hover .img-middle{opacity:1}.img-middle .text{background-color:#d65a1a;color:#fff;font-size:16px;padding:16px 32px;transition:.2s;cursor:pointer;border-radius:5px}.img-middle .text:hover{background-color:#4d4d4d}.dttip-logo{text-align:center;margin:10px auto auto 10px}.dttip-logo p{font-size:5px !important;margin-bottom:0}.dttip-logo .logo{margin:0 auto;height:60px}nav{font-size:16px !important;padding-top:40px;z-index:1}nav ul{padding-top:20px;list-style-type:none;margin:0;padding:0}nav li a,nav li span{display:block;color:#000;padding:8px 16px;text-decoration:none}li.title.active,li.title.active span,nav li a.title.active,nav li span.title.active{background-color:#4d4d4d !important;color:#fff}nav li a.active{background-color:#d65a1a;color:#fff}nav li a:hover:not(.active),nav li span:hover:not(.active){background-color:#4d4d4d;color:#fff}nav .logo{margin:0 0 20px 20px}.menu-bar{display:none;cursor:pointer;top:20px;right:5%;position:absolute;z-index:5}@media only screen and (max-width: 768px){.menu-bar{display:inline-block}}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#333;margin:6px 0;transition:.4s}.change .bar1{transform:rotate(-45deg) translate(-9px, 6px)}.change .bar2{opacity:0}.change .bar3{transform:rotate(45deg) translate(-8px, -8px)}.ipPatentActive,.tableActive,.reportActive{display:none}ul{list-style:none;margin:0;padding:0}#img-thumb .modal-dialog{max-width:80%}#img-thumb .modal-body{padding:0}#img-thumb .close{position:absolute;top:5%;right:5%}.modal-open{position:relative}#createNumEstimate .modal-dialog,#createNote .modal-dialog,#deleteItem .modal-dialog{position:absolute;min-width:unset;width:100%;top:50%;left:0;transform:translateY(-50%);margin:0}@media only screen and (min-width: 576px){#createNumEstimate .modal-dialog,#createNote .modal-dialog,#deleteItem .modal-dialog{left:50%;transform:translate(-50%, -50%);min-width:450px}}#createNumEstimate .modal-footer,#createNote .modal-footer,#deleteItem .modal-footer{flex-wrap:inherit}#createNumEstimate .modal-footer,#createNote .modal-footer,#editEstimate .modal-footer{display:block}#createNumEstimate .modal-footer .btn,#createNote .modal-footer .btn,#editEstimate .modal-footer .btn{min-width:150px;width:auto}#successModal a,#uploadPrModal a,#checkedModal a,#modal-loading a{color:#000}#successModal a:hover,#uploadPrModal a:hover,#checkedModal a:hover,#modal-loading a:hover{color:#d65a1a}#successModal .modal-dialog,#uploadPrModal .modal-dialog,#checkedModal .modal-dialog,#modal-loading .modal-dialog{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;min-width:500px}@media only screen and (max-width: 768px){#successModal .modal-dialog,#uploadPrModal .modal-dialog,#checkedModal .modal-dialog,#modal-loading .modal-dialog{max-width:100% !important;width:100% !important;margin:0 !important;min-width:unset}}#uploadPrModal .modal-body,#checkedModal .modal-body{max-height:300px;overflow-y:auto}#checkedModal .modal-footer{display:initial;text-align:right}.loading-spinner{width:30px;height:30px;border:2px solid #d65a1a;border-radius:50%;border-top-color:rgba(0,0,0,.0666666667);display:inline-block;animation:loadingspinner .7s linear infinite}@keyframes loadingspinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.container-login{width:100%;min-height:100vh;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1}.container-login::before{background-image:linear-gradient(to right, rgba(214, 90, 26, 0.9) 0%, rgba(59, 66, 74, 0.9) 100%)}.container-login::before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:-1}.login-box{width:600px;min-height:550px;border-radius:10px;overflow:hidden;padding:55px 55px 37px 55px;margin:0 auto;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media only screen and (max-width: 768px){.login-box{width:500px;padding:35px 35px 17px 35px}}@media only screen and (max-width: 480px){.login-box{width:350px;min-height:450px;padding:10px}}@media only screen and (max-width: 360px){.login-box{width:100%}}@media only screen and (max-width: 480px){.login-group,.add-name{padding:20px}}.login-group input,.add-name input{background-color:rgba(0,0,0,0);border:none;border-radius:0;outline:none}.login-group input:-webkit-autofill,.add-name input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset !important}.login-group input:focus,.add-name input:focus{border:0;background:rgba(0,0,0,0);border-bottom:1px solid #000}.login-group input:focus,.add-name input:focus,.login-group input:focus-visible,.add-name input:focus-visible{border:0;background:rgba(0,0,0,0);border-bottom:1px solid #000}.login-group input::-moz-placeholder, .add-name input::-moz-placeholder{color:#4d4d4d}.login-group input::placeholder,.add-name input::placeholder{color:#4d4d4d}.login-group a,.add-name a{color:#4d4d4d !important}.login-group a:hover,.login-group a:active,.login-group a:focus,.add-name a:hover,.add-name a:active,.add-name a:focus{color:#fafafa !important}.err-input{color:red}.password-box{position:relative}.eye{right:0;cursor:pointer;opacity:.5}.btn{color:#fff;width:100%}.btn-grad-orange{background-image:linear-gradient(to right, #d65a1a 0%, #4d4d4d 51%, #d65a1a 100%)}.btn-grad-orange{margin:10px;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.2s;background-size:200% auto;color:#fff !important;border-radius:10px;display:block}.btn-grad-orange:hover{background-position:right center;transition:.2s;color:#fff !important;text-decoration:none}.btn-auto{min-width:250px;width:auto}@media only screen and (max-width: 768px){.btn-auto{min-width:100px}}.btn-contain{min-width:inherit;width:auto}.btn-file{display:none}.btn-choose{position:absolute;top:0;left:0;z-index:1;border-top-left-radius:4px !important;border-bottom-left-radius:4px !important;min-width:150px}.upload-group{position:relative}.upload-group .btn-delete{position:absolute;top:20%;right:20px}.btn-clear{width:50px}.btn-orange{background-color:#d65a1a !important;border-color:#d65a1a !important;color:#fff !important}.btn-orange:hover{background-color:#999 !important;border-color:#999 !important;color:#fff !important}.btn-orange.active{background-color:#999 !important;border-color:#999 !important;color:#fff !important}.btn-grey{background-color:#999 !important;border-color:#999 !important;color:#fff !important}.btn-grey:hover{background-color:#d65a1a !important;border-color:#d65a1a !important;color:#fff !important}.chart-body .form-control{width:auto;cursor:pointer}@media only screen and (max-width: 768px){.chart-body .flex{display:initial !important}}@media only screen and (max-width: 768px){.chart-body .flex h2{margin-top:20px}}#chartContainer{height:370px;width:100%}.chart-container{width:100%;max-width:100%;height:400px;position:relative}canvas{width:100% !important;height:auto !important}.page-link{color:#000 !important}.page-item.active .page-link{z-index:3;color:#fff !important;background-color:#d65a1a !important;border-color:#d65a1a !important}#reportContainer{min-height:800px;min-width:1330px}@media only screen and (max-width: 1200px){#reportContainer{min-height:600px;min-width:800px}}@media only screen and (max-width: 1024px){#reportContainer{min-height:500px;min-width:500px}}@media only screen and (max-width: 768px){#reportContainer{min-height:450px;min-width:700px}}@media only screen and (max-width: 480px){#reportContainer{min-height:50px;min-width:300px}}.life-cycle .cycle{width:700px;padding-top:50px;padding-bottom:50px}@media only screen and (max-width: 1200px){.life-cycle .cycle{width:600px}}@media only screen and (max-width: 1024px){.life-cycle .cycle{width:500px}}@media only screen and (max-width: 480px){.life-cycle .cycle{padding-top:20px;width:200px}}@media only screen and (max-width: 360px){.life-cycle .cycle{width:140px}}.life-cycle h2{font-weight:700;color:#d65a1a}@media only screen and (max-width: 768px){.life-cycle h2{font-size:18px !important}}@media only screen and (max-width: 480px){.life-cycle h2{font-size:16px !important}}.life-cycle h3{font-size:18px !important;color:#4d4d4d}@media only screen and (max-width: 1200px){.life-cycle h3{font-size:16px !important;font-weight:700}}@media only screen and (max-width: 480px){.life-cycle h3{font-size:12px !important}}.life-cycle p.num,.life-cycle p.desc{margin-bottom:0}@media only screen and (max-width: 480px){.life-cycle p.num,.life-cycle p.desc{display:none}}.life-cycle .content{position:relative}.life-cycle .card{position:absolute;border:none;background-color:rgba(0,0,0,0)}.life-cycle .card--1{top:0;left:587px}@media only screen and (max-width: 1200px){.life-cycle .card--1{top:0;left:495px}}@media only screen and (max-width: 1024px){.life-cycle .card--1{left:422px}}@media only screen and (max-width: 768px){.life-cycle .card--1{left:357px}}@media only screen and (max-width: 480px){.life-cycle .card--1{top:-30px;left:unset;right:0}}.life-cycle .card--1 .card-content{position:relative}.life-cycle .card--1 .card-content:before{content:"";display:block;width:2px;height:50px;background:#000;top:90px;right:275px;position:absolute}@media only screen and (max-width: 1200px){.life-cycle .card--1 .card-content:before{height:50px;top:85px}}@media only screen and (max-width: 1024px){.life-cycle .card--1 .card-content:before{height:70px;top:70px}}@media only screen and (max-width: 768px){.life-cycle .card--1 .card-content:before{background:unset}}.life-cycle .card--2{top:300px;right:0}@media only screen and (max-width: 1200px){.life-cycle .card--2{top:255px;right:20px}}@media only screen and (max-width: 1024px){.life-cycle .card--2{top:150px;right:0}}@media only screen and (max-width: 768px){.life-cycle .card--2{top:100px;left:555px}}@media only screen and (max-width: 480px){.life-cycle .card--2{top:75px;left:235px}}@media only screen and (max-width: 360px){.life-cycle .card--2{top:40px;left:185px}}.life-cycle .card--2 .card-content{position:relative}.life-cycle .card--2 .card-content:before{content:"";display:block;width:70px;height:2px;background:#000;right:225px;top:52px;position:absolute}@media only screen and (max-width: 1200px){.life-cycle .card--2 .card-content:before{width:40px;right:195px}}@media only screen and (max-width: 1024px){.life-cycle .card--2 .card-content:before{width:40px;top:120px;right:185px}}@media only screen and (max-width: 768px){.life-cycle .card--2 .card-content:before{background:unset}}.life-cycle .card--3{top:470px;right:130px}@media only screen and (max-width: 1200px){.life-cycle .card--3{top:410px;right:105px}}@media only screen and (max-width: 1024px){.life-cycle .card--3{top:330px;right:80px}}@media only screen and (max-width: 768px){.life-cycle .card--3{width:70px;top:315px;left:560px}}@media only screen and (max-width: 480px){.life-cycle .card--3{width:70px;top:140px;left:235px}}@media only screen and (max-width: 360px){.life-cycle .card--3{top:100px;left:185px}}.life-cycle .card--3 .card-content{position:relative}.life-cycle .card--3 .card-content:before{content:"";display:block;width:50px;height:2px;background:#000;right:145px;top:20px;position:absolute}@media only screen and (max-width: 1200px){.life-cycle .card--3 .card-content:before{right:110px}}@media only screen and (max-width: 1024px){.life-cycle .card--3 .card-content:before{width:30px;right:110px}}@media only screen and (max-width: 768px){.life-cycle .card--3 .card-content:before{background:unset}}.life-cycle .card--4{bottom:-25px;left:509px}@media only screen and (max-width: 1200px){.life-cycle .card--4{bottom:-35px;left:429px}}@media only screen and (max-width: 1024px){.life-cycle .card--4{left:364px}}@media only screen and (max-width: 768px){.life-cycle .card--4{bottom:-30px;left:275px}}@media only screen and (max-width: 480px){.life-cycle .card--4{bottom:-10px;left:125px;width:55px}}@media only screen and (max-width: 360px){.life-cycle .card--4{bottom:-20px;left:105px;width:55px}}.life-cycle .card--4 .card-content{position:relative}.life-cycle .card--4 .card-content:before{content:"";display:block;width:2px;height:35px;background:#000;left:6px;top:-32px;position:absolute}@media only screen and (max-width: 768px){.life-cycle .card--4 .card-content:before{background:unset}}.life-cycle .card--5{top:545px;left:130px}@media only screen and (max-width: 1200px){.life-cycle .card--5{top:481px;left:64px}}@media only screen and (max-width: 1024px){.life-cycle .card--5{top:425px;left:110px}}@media only screen and (max-width: 768px){.life-cycle .card--5{top:415px;left:40px}}@media only screen and (max-width: 480px){.life-cycle .card--5{width:110px;left:0;top:unset;bottom:35px}}@media only screen and (max-width: 360px){.life-cycle .card--5{bottom:0}}.life-cycle .card--5 .card-content{position:relative}.life-cycle .card--5 .card-content:before{content:"";display:block;width:80px;height:2px;background:#000;left:164px;top:30px;position:absolute}@media only screen and (max-width: 1024px){.life-cycle .card--5 .card-content:before{left:86px;top:3px}}@media only screen and (max-width: 768px){.life-cycle .card--5 .card-content:before{background:unset}}.life-cycle .card--6{top:350px;left:30px}@media only screen and (max-width: 1200px){.life-cycle .card--6{top:310px;left:15px}}@media only screen and (max-width: 1024px){.life-cycle .card--6{top:250px}}@media only screen and (max-width: 768px){.life-cycle .card--6{width:110px;top:245px;left:0}}@media only screen and (max-width: 480px){.life-cycle .card--6{top:100px}}@media only screen and (max-width: 360px){.life-cycle .card--6{top:75px}}.life-cycle .card--6 .card-content{position:relative}.life-cycle .card--6 .card-content:before{content:"";display:block;width:50px;height:2px;background:#000;left:200px;top:50px;position:absolute}@media only screen and (max-width: 1200px){.life-cycle .card--6 .card-content:before{left:180px}}@media only screen and (max-width: 1024px){.life-cycle .card--6 .card-content:before{width:20px;left:170px}}@media only screen and (max-width: 768px){.life-cycle .card--6 .card-content:before{background:unset}}.life-cycle .card--7{top:170px;left:75px}@media only screen and (max-width: 1200px){.life-cycle .card--7{top:163px;left:90px}}@media only screen and (max-width: 1024px){.life-cycle .card--7{top:155px;left:45px}}@media only screen and (max-width: 768px){.life-cycle .card--7{top:105px;left:0}}@media only screen and (max-width: 480px){.life-cycle .card--7{width:80px;left:0;top:40px}}@media only screen and (max-width: 480px){.life-cycle .card--7{top:15px}}.life-cycle .card--7 .card-content{position:relative}.life-cycle .card--7 .card-content:before{content:"";display:block;width:140px;height:2px;background:#000;left:100px;top:138px;position:absolute}@media only screen and (max-width: 1200px){.life-cycle .card--7 .card-content:before{width:70px;top:100px;left:110px}}@media only screen and (max-width: 1024px){.life-cycle .card--7 .card-content:before{width:55px;top:95px;left:100px}}@media only screen and (max-width: 768px){.life-cycle .card--7 .card-content:before{background:unset}}.life-cycle .card--8{top:0;left:220px}@media only screen and (max-width: 1200px){.life-cycle .card--8{left:160px}}@media only screen and (max-width: 1024px){.life-cycle .card--8{left:90px}}@media only screen and (max-width: 768px){.life-cycle .card--8{top:-30px;left:70px}}@media only screen and (max-width: 480px){.life-cycle .card--8{left:0}}.life-cycle .card--8 .card-content{position:relative}.life-cycle .card--8 .card-content:before{content:"";display:block;width:2px;height:65px;background:#000;left:168px;top:105px;position:absolute}@media only screen and (max-width: 1200px){.life-cycle .card--8 .card-content:before{height:50px}}@media only screen and (max-width: 1024px){.life-cycle .card--8 .card-content:before{top:92px}}@media only screen and (max-width: 768px){.life-cycle .card--8 .card-content:before{background:unset}}.valueGroup{background-color:#ddd;padding:20px;border-radius:5px;margin-bottom:10px}.card-num{border:1px solid #d65a1a !important;text-align:center}.card-num .head{font-size:80px !important;margin-bottom:0}.container-form{width:100%;min-height:100vh;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1}.container-form::before{content:"";background-image:linear-gradient(to right, rgba(214, 90, 26, 0.9) 0%, rgba(59, 66, 74, 0.9) 100%);position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:-1}.form-box{width:80%;min-height:550px;border-radius:10px;overflow:hidden;margin:0 auto;background-color:#fff}@media only screen and (max-width: 768px){.form-box{width:75%;padding:35px 35px 17px 35px}}@media only screen and (max-width: 480px){.form-box{width:100%;min-height:450px;padding:10px}}.form-group{margin-bottom:20px;padding:40px}@media only screen and (max-width: 768px){.form-group{padding:5px}}.box--researcher{background-color:#ddd;padding:20px;border-radius:10px}.search-group--pr{background-color:#ddd;margin:5px 0;padding:10px;border-radius:5px}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}.sending-group{position:relative;min-height:100px}.sending-group .container{height:50px;width:40px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.sending-group .container::after{color:#000;font-weight:700;position:absolute;bottom:-50px;left:-10px}.sending-group .box{position:relative;height:50px;width:40px;animation:box 5s infinite linear}.sending-group .border{background:#000;position:absolute}.sending-group .border.one{height:4px;top:0;left:0;animation:border-one 5s infinite linear}.sending-group .border.two{top:0;right:0;height:100%;width:4px;animation:border-two 5s infinite linear}.sending-group .border.three{bottom:0;right:0;height:4px;width:100%;animation:border-three 5s infinite linear}.sending-group .border.four{bottom:0;left:0;height:100%;width:4px;animation:border-four 5s infinite linear}.sending-group .line{height:4px;background:#000;position:absolute;width:0%;left:25%}.sending-group .line.one{top:25%;width:0%;animation:line-one 5s infinite linear}.sending-group .line.two{top:45%;animation:line-two 5s infinite linear}.sending-group .line.three{top:65%;animation:line-three 5s infinite linear}@keyframes border-one{0%{width:0}10%{width:100%}100%{width:100%}}@keyframes border-two{0%{height:0}10%{height:0%}20%{height:100%}100%{height:100%}}@keyframes border-three{0%{width:0}20%{width:0%}30%{width:100%}100%{width:100%}}@keyframes border-four{0%{height:0}30%{height:0%}40%{height:100%}100%{height:100%}}@keyframes line-one{0%{left:25%;width:0}40%{left:25%;width:0%}43%{left:25%;width:50%}52%{left:25%;width:50%}54%{left:25%;width:0%}55%{right:25%;left:auto}63%{width:10%;right:25%;left:auto}100%{width:10%;right:25%;left:auto}}@keyframes line-two{0%{width:0}42%{width:0%}45%{width:50%}53%{width:50%}54%{width:0%}60%{width:50%}100%{width:50%}}@keyframes line-three{0%{width:0}45%{width:0%}48%{width:50%}51%{width:50%}52%{width:0%}100%{width:0%}}@keyframes box{0%{opacity:1;margin-left:0px;height:50px;width:40px}55%{margin-left:0px;height:50px;width:40px}60%{margin-left:0px;height:35px;width:50px}74%{msthin-left:0}80%{margin-left:-50px;opacity:1}90%{height:35px;width:50px;margin-left:50px;opacity:0}100%{opacity:0}}.summary-group{text-align:center;display:flex;height:100px;width:100%;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.summary-group .card{display:flex;flex-direction:column;border:1px solid #d65a1a;padding:10px;margin:5px;transition:.5s;min-width:auto}.summary-group .card:hover{background-color:#d65a1a}.summary-group .card:hover p{color:#fff !important}