.dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .setBetween { display: flex; justify-content: space-between; } .setRowCenter { display: flex; justify-content: 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; border-radius: 2rem; font-size: 0.9rem; } .btn.s1 { background-color: transparent; border: 1px solid #3b52f6; color: #3b52f6; } .a-hover:hover { color: #3b52f6; } .fb { font-family: "robotoMedium"; } .list-banner .left p { font-size: 1.3rem; color: #3b52f6; } .main-title { margin-bottom: 2rem; } .main-title * { text-align: left; } .main-title h2 { margin-bottom: 0; line-height: 1.4 !important; } .main-title p { color: #000; max-width: 100%; margin-top: 0 !important; } .credit .main-1 { padding-top: 0; } .credit section:not(:first-of-type) { padding-top: 0; } .credit .container * { line-height: 2; } .credit .container p { color: #000; font-family:'robotoLight'!important; margin-top: 0.9rem; } .credit .container em { font-weight: bold; font-family: "robotoMedium"; font-size: 0.9rem; } .credit .container .f-img img { float: right; max-width: 20.9rem; } .credit .container .item-list1 { display: flex; justify-content: space-between; } .credit .container .item-list1 h6 { font-family: "robotoMedium"; text-align: center; line-height: 1.4; min-height: 3.2rem; margin-bottom: 0.9rem; } .credit .container .item-list1 .item { width: 30%; position: relative; border: 1px solid #000; margin-top: 0.9rem; padding: 0.9rem; } .credit .container .item-list1 .item::after { content: attr(num); position: absolute; bottom: 0; right: 0.9rem; font-size: 1.3rem; color: #3b52f6; font-family: "robotoMedium"; } .credit .container .item-list2 .item { position: relative; margin-top: 2rem; box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35); padding: 0.9rem; color: #000; font-family:'robotoLight'!important; } .credit .container .item-list2 .item::before { content: ""; position: absolute; right: calc(100% + 0.9rem); top: 0; width: 0.9rem; height: 0.9rem; background-color: #3b52f6; } .credit .con3 .f-img p { color: #000; font-family:'robotoLight'!important; margin-bottom: 0.9rem; } .credit .con4 .bor { border-radius: 0.25rem; padding: 2rem; font-size: 1.3rem; font-weight: bold; max-width: 66rem; margin: 2rem auto; background-image: url(../images/4623.png); background-size: 100% 100%; background-repeat: no-repeat; } .credit .con4 .bor p { margin-top: 0; font-size: 0.9rem; } .credit .con6 * { text-align: center; } .credit .con6 h4 { color: #3b52f6; line-height: 1.2; } @media screen and (max-width: 768px) { .credit .container .f-img img { display: none; } .credit .con4 .bor { background-image: none; box-shadow: 0 0 0.5rem #ebebeb; } .credit .main-1 .container * { font-size: 0.9rem; line-height: 1.6; } .credit .main-1 .container h4 { font-size: 1.3rem; } .credit .main-1 .container strong { font-size: 0.9rem; } .credit .main-1 .container .f-img img { display: none; } .credit .main-1 .container .item-list1 { flex-wrap: nowrap; overflow-x: scroll; } .credit .main-1 .container .item-list1 .item { flex-shrink: 0; width: 15rem; margin-right: 0.9rem; } .credit .main-1 .container .item-list1 .item:last-of-type { margin-right: 0; } .credit .main-2 .c-tit h2 { font-size: 1.3rem; } .credit .main-2 .school h3 { margin-bottom: 0.9rem; font-size: 1.3rem; } .credit .main-2 .item > div { width: 100% !important; } .credit .main-2 .item .img { display: none; } .credit .main-2 .item .text { padding-top: 0.9rem; } .credit .main-2 .item .text div { padding-bottom: 0.9rem; } }