.dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .setBetween { display: flex; justify-content: space-between; } .setRowCenter { display: flex; align-items: center; } .setColumnCenter { display: flex; align-items: center; } .setCenter { display: flex; flex-direction: column; align-items: center; justify-content: center; } .ra { border-radius: 0.2rem; overflow: hidden; } .bs { box-shadow: 0 0 0.5rem #ebebeb; } .box-shadow { box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1); } .btn { padding: 0.3rem 0.9rem; background-color: #3b52f6; color: #fff !important; border-radius: 2rem; font-size: 0.9rem; display: inline-block; width: auto; } .btn.s1 { background-color: transparent; border: 1px solid #3b52f6; color: #3b52f6 !important; } .a-hover:hover { color: #3b52f6; } .fb { font-family: "robotobold"; } .see-container section { padding-top: 0; } .see-container section.main-0 { padding-top: 5rem; padding-bottom: 4.5rem; } .see-container .main-title { margin-bottom: 2rem; } .see-container .main-title * { text-align: left; } .see-container .main-title h2 { font-size: 2rem; margin-bottom: 0; } .see-container .main-title p { color: #333; max-width: 100%; } .see-container * { line-height: 1.8; } .see-container .t p { font-size:0.9rem; color: #3b52f6; margin-bottom: 0.9rem; } .see-container .t h1 { font-size:2.4rem; font-weight: bold; } .see-container h2 { line-height: 1.4; font-family: "robotobold"; } .see-container h3 { font-size: 1.3rem; line-height: 1.6; margin-top: 0.9rem; font-family: "robotoMedium"; } .see-container h4 { font-size: 1.3rem; margin: 0.9rem 0; font-family: "robotoMedium"; } .see-container h5 { font-size: 0.9rem; } .see-container h6 { font-size: 0.9rem; } .see-container em, .see-container strong { font-weight: bold; } .see-container .mt { margin-top: 2rem; } .title-p{ font-size: 0.9rem; font-family: "robotoLight"; } .see-container .m1 { margin-top: 4rem; } .see-container .m1 em { text-decoration: underline; } .see-container .m2{ margin-top:4rem; } .main-1 .main-center strong{ font-size: 1.3rem; font-weight: bold; } .LightCourse p{ font-family: "robotoLight"; font-size: 0.9rem; } .college strong{ font-size:1.3rem; font-weight: bold; } .Students-title{ font-size: 0.9rem; font-family: 'robotoLight'; line-height:0.9rem; } .study-programs{ font-size: 0.9rem; font-family: 'robotoLight'; line-height:0.9rem; line-height:0.9rem } .see-container .m2 ol { box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35); border-radius: 0.25rem 0.25rem 0rem; padding: 1.3rem; } .see-container .m3 .main-title { margin-bottom: 0; } .see-container .m3 .text { display: flex; align-items: center; } .see-container .m3 .text p { font-size: 0.9rem; max-width: 40rem; } .see-container .m3 .text p, .see-container .m3 .text p * { font-size: 0.9rem; font-family: 'robotoLight'; } .title-p{ font-size: 0.9rem; font-family: 'robotoLight'; } .see-container .m3 .img { max-width: 15rem; margin-left: 5rem; } .see-container .m3 .img img { margin-top: 0; } .see-container ol li { line-height: 3; display: flex; align-items: flex-start; position: relative; padding: 0.5rem 0; font-family: "robotoLight"; } .see-container ol li p, .see-container ol li em { display: inline-block; } .see-container ol li em { width: 19rem; font-weight: bold; flex-shrink: 0; margin-right: 0.9rem; padding-left: 0.9rem; position: relative; font-size:0.9rem; font-weight: lighter; } .see-container ol li em::before { content: ""; position: absolute; top: 50%; left: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background-color: #3b52f6; transform: translateY(-50%); } .see-container .more { text-align: right; margin-top: 2rem; } .see-container .more a, .see-container .more * { color: #3b52f6; } .see-container .table { box-shadow: 0 0 0.5rem #ccc; border: 1px solid #3b52f6; } .see-container .table .th { display: flex; } .see-container .table .th > div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #3b52f6; padding: 0.5rem 0; border-left: 1px solid #fff; } .see-container .table .th > div:first-of-type { border-left: none; } .see-container .table .th > div * { color: #fff; } .see-container .table .tb h5 { font-size: 1.3rem; font-weight: bold; color: #3b52f6; } .see-container .table .tb h6 { font-size:0.9rem; } .see-container .table .tb .con span { display: inline-block; color: #666; font-size:0.9rem; margin-left: 0.5rem; } .see-container .table .tb .con > div { display: flex; margin-bottom: 0.5rem; } .see-container .table .tb .con > div h6 { margin-bottom: 0; } .see-container .table .tb .con > div > div > div { display: flex; align-items: center; } .see-container .table .tb .top { display: flex; } .see-container .table .tb .top > div { flex: 1; border-left: 1px solid #3b52f6; position: relative; padding: 0.9rem; } .see-container .table .tb .top > div > div >p{ font-family: "robotoLight"; } .see-container .table .tb .top > div:first-of-type { border-left: none; } .see-container .table .tb .top h5 { color: #333; } .see-container .table .tb .top ol { min-height: 15rem; } .see-container .table .tb .top ol li { list-style-position: outside; line-height: 2; padding: 0; } .see-container .table .tb .bottom { display: flex; border-top: 1px solid #3b52f6; } .see-container .table .tb .bottom > div { width: calc(100% / 3); border-left: 1px solid #3b52f6; padding: 0.9rem; } .see-container .table .tb .bottom > div > span { display: inline-block; margin-bottom: 0.9rem; font-family: "robotoLight"; } .see-container .table .tb .bottom > div:first-of-type { border-left: none; padding-left: 6rem; } .see-container .table .tb .bottom .two { width: calc((100% / 3) * 2); } .see-container img { margin-top: 0.9rem; } .main-4{ } .main-4 .main-title{ font-size: 2rem; margin-bottom: 0; font-family:'robotobold'; } .main-4 .main-content{ padding: 3rem 3rem 0 3rem; } .mian-left{ float: left; width: 120px; } .mian-left>div{ height:60px; font-size:0.9rem; font-family: 'robotobold'; position: relative; line-height:60px!important; padding-left:50px; } .mian-left>div:before{ content: ''; display: block; width: 10px; height: 10px; border-radius: 10px; background:#0536f9; position: absolute; top:25px; left:25px; } .main-right{ float: right; width:calc(100% - 125px); box-shadow: 0rem 0.15rem 0.9rem 0rem rgb(32 30 29 / 35%); border-radius: 0.25rem 0.25rem 0rem; padding: 0 2rem 0 2rem; } .main-right>div{ height:60px; font-size:0.9rem; font-family: 'robotoLight'; position: relative; line-height:60px!important; color:#282828; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .boder-none{ border-bottom:none!important; } .main-content:after{ content:''; display: block; clear:both; width: 0; height: 0; overflow: hidden; } .main-QA .container{ padding: 0 3rem 0 3rem; } .main-QA .content .accordion li .submenu { display: none; padding:0 2rem 0.9rem 2rem; transition: none !important; } .main-QA .content .accordion li h6 { font-size:0.9rem; margin-top: 0!important; margin-bottom: 0.5rem; font-weight: 500; color: #000; } .main-QA .content .accordion li p { line-height: 1.6; font-family: 'robotoLight'; } .main-QA .content .accordion li h5 span{ font-size: 0.9rem; } .main-QA .content .accordion li.open h5 span{ font-size: 0.9rem; } .Students-title strong{ font-size: 0.9rem!important; } @media screen and (max-width: 768px) { .see-container .t h1 { font-size: 2rem; } .see-container * { line-height: 1.6; } .see-container ol { padding: 0.9rem; } .see-container ol li { flex-direction: column; } .main-4 .main-content{ padding: 3rem 0 0 0; } } @media screen and (max-width: 768px) { .main-QA .container{ padding: 0 0 0 0; } .see-container .m3 .img { display: none; } .see-container .t h1 { font-size: 2rem; } .see-container * { line-height: 1.6; } .see-container ol { padding: 1rem; } .see-container ol li { flex-direction: column; } .sroll-tabel { display: none; } .mb-tabel { display: block !important; } .mb-tabel .item { margin-bottom: 2rem; } .mb-tabel .item .i-th { display: inline-flex; align-items: center; padding: 0.3rem; background-color: #3b52f6; } .mb-tabel .item .i-th p { font-size: 0.9rem; color: #fff; } .mb-tabel .item .i-tb { box-shadow: 0 0 0.5rem #ebebeb; } .mb-tabel .item .i-tb h5 { margin-top: 1rem; } .mb-tabel .item .des { padding: 1rem; } .mb-tabel .item .i-tb-bottom { border: 1px solid #3b52f6; padding: 2rem; } .mb-tabel .item .i-tb-bottom h5 { text-align: center; margin-bottom: 1rem; color: #3b52f6; margin-top: 0; } .mb-tabel .item .i-tb-bottom h6 { margin-bottom: 0; } .mb-tabel .item .i-tb-bottom span { font-size: 0.8rem; color: #3b52f6; } .mb-tabel .item .i-tb-bottom .con > div, .mb-tabel .item .i-tb-bottom .con > div > div > div { display: flex; } }