/*OPACITY*/ /*TRANSITION*/ /*TRANSFORM*/ /*FLEXBOX*/ /*BORDER RADIUS*/ /*BOX SIZING*/ /*...VARIABLE...*/ @media screen and (max-width: 480px) { #breadcrumbPage { height: auto; line-height: 24px; } #breadcrumbPage ul { display: inherit; } #breadcrumbPage ul li { display: inline-block; } } .outer { padding-top: 85px; } @media screen and (max-width: 640px) { .outer { padding-top: 65px; } } .m-top { margin-top: 30px !important; } @media screen and (max-width: 768px) { .m-top { margin-top: 15px !important; } } @media screen and (max-width: 480px) { .m-top { margin-top: 15px !important; } } .m-top-10 { margin-top: 30px; } .mt40 { margin-top: 42px; } #opencampus .boxOuter { position: relative; padding: 30px 45px; } @media screen and (max-width: 900px) { #opencampus .boxOuter { padding: 30px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter { padding: 30px 15px; } } #opencampus .boxOuter .imgTop { position: absolute; top: -50px; width: 100%; left: 0; text-align: center; } #opencampus .boxOuter .imgTop .SP { display: none; } @media screen and (max-width: 640px) { #opencampus .boxOuter .imgTop { top: -42px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .imgTop .PC { display: none; } #opencampus .boxOuter .imgTop .SP { display: block; } } #opencampus .boxOuter .firstText { margin-top: 40px; margin-bottom: 40px; } #opencampus .boxOuter .firstText p { text-align: center; font-size: 24px; font-weight: bold; color: #373737; } #opencampus .boxOuter .firstText p span { font-size: 33px; font-weight: bold; color: #6fa02d; position: relative; top: 5px; } #opencampus .boxOuter .firstText p br { display: none; } @media screen and (max-width: 900px) { #opencampus .boxOuter .firstText span { font-size: 28px; } #opencampus .boxOuter .firstText p { font-size: 18px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .firstText { margin-top: 30px; margin-bottom: 30px; } #opencampus .boxOuter .firstText p br { display: block; } } #opencampus .boxOuter .firstRow { max-width: 748px; width: 100%; margin: auto; margin-bottom: 40px; } #opencampus .boxOuter .firstRow .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 10px; } #opencampus .boxOuter .firstRow .item span { width: 209px; text-align: center; font-size: 18px; color: #FFF; font-weight: bold; padding: 8.5px 0; } #opencampus .boxOuter .firstRow .item span.orange { background-color: #fda700; } #opencampus .boxOuter .firstRow .item span.blue { background-color: #2e80c9; } #opencampus .boxOuter .firstRow .item span.green { background-color: #a0d325; } #opencampus .boxOuter .firstRow .item p { font-size: 16px; color: #373737; width: 539px; padding: 10px 0; padding-left: 25px; padding-right: 15px; background-color: #EEE; } @media screen and (max-width: 900px) { #opencampus .boxOuter .firstRow .item { /* @include flex-direction(column);*/ -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 15px; } #opencampus .boxOuter .firstRow .item p { padding: 10px; width: 100%; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .firstRow .item { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .firstRow .item span { width: 100%; } } #opencampus .boxOuter .firstRow .announcement { font-size: 18px; /* color: #e12727; */ } #opencampus .boxOuter .firstRow .announcement p{ font-weight: bold; } #opencampus .boxOuter .firstRow .announcement ul li{ list-style-type: disc; margin-left: 20px; } #opencampus .boxOuter .secondRow, #opencampus .boxOuter .fifthRow { margin-bottom: 30px; } @media screen and (max-width: 768px) { #opencampus .boxOuter .secondRow, #opencampus .boxOuter .fifthRow { margin-bottom: 0; } } #opencampus .boxOuter .secondRow .head, #opencampus .boxOuter .fifthRow .head { font-size: 20px; font-weight: bold; color: #373737; border-bottom: 3px dotted #bfbfbf; padding-bottom: 7px; margin-bottom: 15px; } #opencampus .boxOuter .secondRow .inner, #opencampus .boxOuter .fifthRow .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #opencampus .boxOuter .fifthRow .inner2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } #opencampus .boxOuter .secondRow .inner .item, #opencampus .boxOuter .fifthRow .inner .item { width: 431px; } #opencampus .boxOuter .fifthRow .inner2 .item { width: 431px; } #opencampus .boxOuter .secondRow .inner .item .heading, #opencampus .boxOuter .fifthRow .inner .item .heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 35px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; color: #FFF; } #opencampus .boxOuter .fifthRow .inner2 .item .heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 35px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; color: #FFF; } #opencampus .boxOuter .secondRow .inner .item .heading.blue, #opencampus .boxOuter .fifthRow .inner .item .heading.blue { background-color: #2e80c9; } #opencampus .boxOuter .secondRow .inner .item .heading.pink, #opencampus .boxOuter .fifthRow .inner .item .heading.pink { background-color: #f98586; } #opencampus .boxOuter .fifthRow .inner2 .item .heading.pink { background-color: #f98586; } #opencampus .boxOuter .secondRow .inner .item .heading img, #opencampus .boxOuter .fifthRow .inner .item .heading img { margin-right: 10px; } #opencampus .boxOuter .secondRow .inner .item .heading p, #opencampus .boxOuter .fifthRow .inner .item .heading p { font-size: 20px; font-weight: bold; margin-right: 10px; } #opencampus .boxOuter .fifthRow .inner2 .item .heading p { font-size: 20px; font-weight: bold; margin-right: 10px; } #opencampus .boxOuter .secondRow .inner .item .heading span, #opencampus .boxOuter .fifthRow .inner .item .heading span { font-size: 13px; font-weight: bold; } #opencampus .boxOuter .fifthRow .inner2 .item .heading span { font-size: 13px; font-weight: bold; } #opencampus .boxOuter .secondRow .inner .item ul, #opencampus .boxOuter .fifthRow .inner .item ul { background-image: url(../img/bgOpenCampus.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } #opencampus .boxOuter .fifthRow .inner2 .item ul { background-image: url(../img/bgOpenCampus.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } #opencampus .boxOuter .secondRow .inner .item ul li, #opencampus .boxOuter .fifthRow .inner .item ul li { padding: 13px; padding-bottom: 45px; position: relative; border-bottom: 1px solid #EEE; } #opencampus .boxOuter .fifthRow .inner2 .item ul li { padding: 13px; padding-bottom: 45px; position: relative; border-bottom: 1px solid #EEE; } #opencampus .boxOuter .secondRow .inner .item ul li .inner, #opencampus .boxOuter .fifthRow .inner .item ul li .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; margin-bottom: 15px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; margin-bottom: 15px; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image { width: 178px; height: 94px; background-color: #FFF; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .image { width: 178px; height: 94px; background-color: #FFF; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img1, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img1 { background-image: url(../../../img/opencampus/BannerNew/2-biru.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img2, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img2 { background-image: url(../../../img/opencampus/BannerNew/2-merah.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img3, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img3 { background-image: url(../../../img/opencampus/BannerNew/3.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img4, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img4 { background-image: url(../../../img/opencampus/BannerNew/4.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img5, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img5 { background-image: url(../../../img/opencampus/BannerNew/5.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img6, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img6 { background-image: url(../../../img/opencampus/BannerNew/6.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img7, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img7 { background-image: url(../../../img/opencampus/BannerNew/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img8, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img8 { background-image: url(../../../img/opencampus/BannerNew/8.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img9, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img9 { background-image: url(../../../img/opencampus/BannerNew/9.png); } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .image.img9 { background-image: url(../../../img/opencampus/BannerNew/9.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img10, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img10 { background-image: url(../../../img/opencampus/BannerNew/10.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img11, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img11 { background-image: url(../../../img/opencampus/BannerNew/11.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img12, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img12 { background-image: url(../../../img/opencampus/BannerNew/12.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img13, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img13 { background-image: url(../../../img/opencampus/BannerNew/13.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img14, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img14 { background-image: url(../../../img/opencampus/bannerJuny/appertize7_30.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img15, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img15 { background-image: url(../../../img/opencampus/bannerJuny/regular9_14.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img16, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img16 { background-image: url(../../../img/opencampus/bannerJuny/appertize9_14.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img17, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img17 { background-image: url(../../../img/opencampus/bannerJuny/regular10_26.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img18, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img18 { background-image: url(../../../img/opencampus/bannerJuny/appertize10_26.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img19, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img19 { background-image: url(../../../img/opencampus/bannerJuny/regular8_4.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img20, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img20 { background-image: url(../../../img/opencampus/bannerJuny/appertize8_4.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img21, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img21 { background-image: url(../../../img/opencampus/bannerAugust2019/regular8_25.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img22, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img22 { background-image: url(../../../img/opencampus/bannerAugust2019/appertize8_25.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img23, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img23 { background-image: url(../../../img/opencampus/March2021/2-merah.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img24, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img24 { background-image: url(../../../img/opencampus/March2021/4-biru.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img25, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img25 { background-image: url(../../../img/opencampus/March2021/4-merah.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img26, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img26 { background-image: url(../../../img/opencampus/March2021/3-biru.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img25, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img25 { background-image: url(../../../img/opencampus/BannerNew/6.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img26, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img26 { background-image: url(../../../img/opencampus/BannerNew/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img27, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img27 { background-image: url(../../../img/opencampus/March2021/3a.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img28, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img28 { background-image: url(../../../img/opencampus/March2021/7-10_Pink5.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img29, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img29 { background-image: url(../../../img/opencampus/March2021/2.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img30, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img30 { background-image: url(../../../img/opencampus/March2021/7-24_Pink6.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img31, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img31 { background-image: url(../../../img/opencampus/March2021/4.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img32, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img32 { background-image: url(../../../img/opencampus/March2021/8-7_Pink7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img33, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img33 { background-image: url(../../../img/opencampus/March2021/8-21_Biru8.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img34, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img34 { background-image: url(../../../img/opencampus/March2021/8-21_Pink8.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img35, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img35 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img36, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img36 { background-image: url(../../../img/opencampus/March2021/9-11_Pink9.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img37, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img37 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img38, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img38 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img39, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img39 { background-image: url(../../../img/opencampus/March2021/10-9_Pink10.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img40, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img40 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img41, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img41 { background-image: url(../../../img/opencampus/March2021/10-24_Pink11.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img42, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img42 { background-image: url(../../../img/opencampus/March2021/11-13_Biru12.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img43, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img43 { background-image: url(../../../img/opencampus/March2021/11-13_Pink12.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img44, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img44 { background-image: url(../../../img/opencampus/March2021/11-28_Biru13.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img45, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img45 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img46, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img46 { background-image: url(../../../img/opencampus/March2021/12-11_Biru14.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img47, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img47 { background-image: url(../../../img/opencampus/March2021/12-11_Pink14.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img48, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img48 { background-image: url(../../../img/opencampus/March2021/1-8_Biru15.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img49, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img49 { background-image: url(../../../img/opencampus/March2021/1-8_Pink15.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img50, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img50 { background-image: url(../../../img/opencampus/March2021/2-5_Biru16.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img51, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img51 { background-image: url(../../../img/opencampus/March2021/2-5_Pink16.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img52, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img52 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img53, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img53 { background-image: url(../../../img/opencampus/March2021/3-12_Pink17.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img54, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img54 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img55, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img55 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img56, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img56 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img57, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img57 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img58, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img58 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img59, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img59 { background-image: url(../../../img/opencampus/March2021/7.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.img60, #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img60 { background-image: url(../../../img/opencampus/March2021/7.png); } /* START 過去に開催したオープンキャンパス */ #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgR11_17, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgR11_17 { background-image: url(../../../img/opencampus/Juni2020/food/item-3.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgA11_17, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgA11_17 { background-image: url(../../../img/opencampus/Juni2020/cake/item-03.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgR12_21, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgR12_21 { background-image: url(../../../img/opencampus/Juni2020/cake/Item-02-2.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgA12_21, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgA12_21 { background-image: url(../../../img/opencampus/April2020/food/item-1.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgR1_18, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgR1_18 { background-image: url(../../../img/opencampus/April2020/cake/item-1.png); } /* END */ #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgA1_18, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgA1_18 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize1_18.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgR2_2, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgR2_2 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular2_2.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgA2_2, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgA2_2 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize2_2.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgR2_29, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgR2_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular2_29.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgA2_29, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgA2_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize2_29.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgR3_29, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgR3_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular3_29.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image.imgA3_29, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.imgA3_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize3_29.png); } #opencampus .boxOuter .secondRow .inner .item ul li .inner .text, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text { width: 56%; padding-left: 12px; padding-top: 5px; color: #373737; font-weight: bold; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text { width: 56%; padding-left: 12px; padding-top: 5px; color: #373737; font-weight: bold; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .text .date, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text .date { font-size: 15px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text .date { font-size: 15px; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .text .time, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text .time { font-size: 15px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text .time { font-size: 15px; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .text .title, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text .title { font-size: 18px; font-feature-settings: "palt"; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text .title { font-size: 18px; font-feature-settings: "palt"; } #opencampus .boxOuter .secondRow .inner .item ul li .desc, #opencampus .boxOuter .fifthRow .inner .item ul li .desc { font-size: 13px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .desc { font-size: 13px; } #opencampus .boxOuter .secondRow .inner .item ul li a, #opencampus .boxOuter .fifthRow .inner .item ul li a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 130px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .fifthRow .inner2 .item ul li a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 130px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .secondRow .inner .item ul li a i, #opencampus .boxOuter .fifthRow .inner .item ul li a i { margin-left: 7px; font-size: 16px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .secondRow .inner, #opencampus .boxOuter .fifthRow .inner { /* @include flex-direction(column);*/ /* @include align-items(center);*/ } #opencampus .boxOuter .secondRow .inner .item, #opencampus .boxOuter .fifthRow .inner .item { width: 48%; margin-bottom: 30px; } #opencampus .boxOuter .fifthRow .inner2 .item { width: 48%; margin-bottom: 30px; } #opencampus .boxOuter .secondRow .inner .item ul li .inner, #opencampus .boxOuter .fifthRow .inner .item ul li .inner { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: unset; -moz-flex-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: unset; -moz-flex-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } @media screen and (max-width: 480px) { #opencampus .boxOuter .secondRow .inner, #opencampus .boxOuter .fifthRow .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #opencampus .boxOuter .fifthRow .inne2r { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #opencampus .boxOuter .secondRow .inner .item, #opencampus .boxOuter .fifthRow .inner .item { width: 100%; } #opencampus .boxOuter .fifthRow .inner2 .item { width: 100%; } #opencampus .boxOuter .secondRow .inner .item ul, #opencampus .boxOuter .fifthRow .inner .item ul { border: 1px solid #EEE; } #opencampus .boxOuter .fifthRow .inner2 .item ul { border: 1px solid #EEE; } #opencampus .boxOuter .secondRow .inner .item ul li, #opencampus .boxOuter .fifthRow .inner .item ul li { height: unset; padding-bottom: 13px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li { height: unset; padding-bottom: 13px; } #opencampus .boxOuter .secondRow .inner .item ul li .inner, #opencampus .boxOuter .fifthRow .inner .item ul li .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .image, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image { width: 100%; height: 40vw; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .image { width: 100%; height: 40vw; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .text, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .secondRow .inner .item ul li .inner .text .date, #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text .date { display: inline; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text .date { display: inline; } #opencampus .boxOuter .secondRow .inner .item ul li a, #opencampus .boxOuter .fifthRow .inner .item ul li a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .secondRow .inner .item .heading p, #opencampus .boxOuter .fifthRow .inner .item .heading p { font-size: 18px;} } #opencampus .boxOuter .fifthRow2 { margin-bottom: 30px; } @media screen and (max-width: 768px) { #opencampus .boxOuter .fifthRow2 { margin-bottom: 0; } } #opencampus .boxOuter .fifthRow2 .head { font-size: 20px; font-weight: bold; color: #373737; border-bottom: 3px dotted #bfbfbf; padding-bottom: 7px; margin-bottom: 15px; } #opencampus .boxOuter .fifthRow2 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #opencampus .boxOuter .fifthRow2 .inner2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } #opencampus .boxOuter .fifthRow2 .inner.center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #opencampus .boxOuter .fifthRow2 .inner .item { width: 431px; } #opencampus .boxOuter .fifthRow2 .inner2 .item { width: 431px; } #opencampus .boxOuter .fifthRow2 .inner .item .heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 35px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; color: #FFF; } #opencampus .boxOuter .fifthRow2 .inner2 .item .heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; height: 35px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; color: #FFF; } #opencampus .boxOuter .fifthRow2 .inner .item .heading.blue { background-color: #2e80c9; } #opencampus .boxOuter .fifthRow2 .inner .item .heading.pink { background-color: #f98586; } #opencampus .boxOuter .fifthRow2 .inner2 .item .heading.pink { background-color: #f98586; } #opencampus .boxOuter .fifthRow2 .inner .item .heading img { margin-right: 10px; } #opencampus .boxOuter .fifthRow2 .inner .item .heading p { font-size: 20px; font-weight: bold; margin-right: 10px; } #opencampus .boxOuter .fifthRow2 .inner2 .item .heading p { font-size: 20px; font-weight: bold; margin-right: 10px; } #opencampus .boxOuter .fifthRow2 .inner .item .heading span { font-size: 13px; font-weight: bold; } #opencampus .boxOuter .fifthRow2 .inner2 .item .heading span { font-size: 13px; font-weight: bold; } #opencampus .boxOuter .fifthRow2 .inner .item ul { background-image: url(../img/bgOpenCampus.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul { background-image: url(../img/bgOpenCampus.png); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li { padding: 13px; padding-bottom: 45px; position: relative; border-bottom: 1px solid #EEE; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li { padding: 13px; padding-bottom: 45px; position: relative; border-bottom: 1px solid #EEE; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; margin-bottom: 15px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; margin-bottom: 15px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image { width: 178px; height: 94px; background-color: #FFF; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .image { width: 178px; height: 94px; background-color: #FFF; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img1 { background-image: url(../../../img/opencampus/March2021/1-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img2 { background-image: url(../../../img/opencampus/March2021/1-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img3 { background-image: url(../../../img/opencampus/March2021/2-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img4 { background-image: url(../../../img/opencampus/March2021/2-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img5 { background-image: url(../../../img/opencampus/March2021/3-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img6 { background-image: url(../../../img/opencampus/March2021/3-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img7 { background-image: url(../../../img/opencampus/March2021/4-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img8 { background-image: url(../../../img/opencampus/March2021/4-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img9 { background-image: url(../../../img/opencampus/March2021/9.png); } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .image.img9 { background-image: url(../../../img/opencampus/March2021/9.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img10 { background-image: url(../../../img/opencampus/March2021/10.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img11 { background-image: url(../../../img/opencampus/March2021/11.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img12 { background-image: url(../../../img/opencampus/March2021/12.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img13 { background-image: url(../../../img/opencampus/March2021/13.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img14 { background-image: url(../../../img/opencampus/March2021/14.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img15 { background-image: url(../../../img/opencampus/March2021/regular9_14.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img16 { background-image: url(../../../img/opencampus/March2021/appertize9_14.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img17 { background-image: url(../../../img/opencampus/March2021/regular10_26.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img18 { background-image: url(../../../img/opencampus/March2021/appertize10_26.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img19 { background-image: url(../../../img/opencampus/March2021/regular8_4.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img20 { background-image: url(../../../img/opencampus/March2021/appertize8_4.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img21 { background-image: url(../../../img/opencampus/March2021/regular8_25.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img22 { background-image: url(../../../img/opencampus/March2021/appertize8_25.png); } /* OLD */ #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img1old { background-image: url(../../../img/opencampus/April2020/1-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img2old { background-image: url(../../../img/opencampus/April2020/1-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img3old { background-image: url(../../../img/opencampus/July2020/2-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img4old { background-image: url(../../../img/opencampus/July2020/2-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img5old { background-image: url(../../../img/opencampus/July2020/3-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img6old { background-image: url(../../../img/opencampus/July2020/3-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img7old { background-image: url(../../../img/opencampus/July2020/4-biru.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img8old { background-image: url(../../../img/opencampus/July2020/4-merah.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img9old { background-image: url(../../../img/opencampus/July2020/9.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img10old { background-image: url(../../../img/opencampus/July2020/10.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img11old { background-image: url(../../../img/opencampus/July2020/11.png); } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img12old { background-image: url(../../../img/opencampus/July2020/1.png); } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img13old { background-image: url(../../../img/opencampus/July2020/2.png); } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img14old { background-image: url(../../../img/opencampus/July2020/4.png); } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img15old { background-image: url(../../../img/opencampus/July2020/5.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img16old { background-image: url(../../../img/opencampus/July2020/8.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img17old { background-image: url(../../../img/opencampus/July2020/9.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img18old { background-image: url(../../../img/opencampus/July2020/10.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img19old { background-image: url(../../../img/opencampus/July2020/11.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img20old { background-image: url(../../../img/opencampus/Aug2020/1a.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img21old { background-image: url(../../../img/opencampus/Aug2020/1b.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img22old { background-image: url(../../../img/opencampus/Aug2020/2a.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img23old { background-image: url(../../../img/opencampus/Aug2020/2b.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img24old { background-image: url(../../../img/opencampus/Aug2020/3a.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img25old { background-image: url(../../../img/opencampus/Aug2020/3b.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img26old { background-image: url(../../../img/opencampus/BannerNew/2.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img27old { background-image: url(../../../img/opencampus/BannerNew/3.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.img28old { background-image: url(../../../img/opencampus/BannerNew/4.png); } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image.img29old { background-image: url(../../../img/opencampus/BannerNew/5.png); } /* OLD */ #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgR11_17 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular11_17.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgA11_17 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize11_17.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgR12_21 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular12_21.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgA12_21 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize12_21.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgR1_18 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular1_18.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgA1_18 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize1_18.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgR2_2 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular2_2.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgA2_2 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize2_2.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgR2_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular2_29.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgA2_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize2_29.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgR3_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/regular3_29.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image.imgA3_29 { background-image: url(../../../img/opencampus/bannerSeptember2019/appertize3_29.png); } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .text { width: 56%; padding-left: 12px; padding-top: 5px; color: #373737; font-weight: bold; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .text { width: 56%; padding-left: 12px; padding-top: 5px; color: #373737; font-weight: bold; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .text .date { font-size: 15px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .text .date { font-size: 15px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .text .time { font-size: 15px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .text .time { font-size: 15px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .text .title { font-size: 18px; font-feature-settings: "palt"; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .text .title { font-size: 18px; font-feature-settings: "palt"; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .desc { font-size: 13px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .desc { font-size: 13px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 130px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 130px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .fifthRow2 .inner .item ul li a i { margin-left: 7px; font-size: 16px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .fifthRow2 .inner { /* @include flex-direction(column);*/ /* @include align-items(center);*/ } #opencampus .boxOuter .fifthRow2 .inner .item { width: 48%; margin-bottom: 30px; } #opencampus .boxOuter .fifthRow2 .inner2 .item { width: 48%; margin-bottom: 30px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: unset; -moz-flex-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: unset; -moz-flex-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } @media screen and (max-width: 480px) { #opencampus .boxOuter .fifthRow2 .inner .item .heading p { font-size: 18px; } #opencampus .boxOuter .fifthRow2 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #opencampus .boxOuter .fifthRow2 .inner2 { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #opencampus .boxOuter .fifthRow2 .inner .item { width: 100%; } #opencampus .boxOuter .fifthRow2 .inner2 .item { width: 100%; } #opencampus .boxOuter .fifthRow2 .inner .item ul { border: 1px solid #EEE; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul { border: 1px solid #EEE; } #opencampus .boxOuter .fifthRow2 .inner .item ul li { height: unset; padding-bottom: 13px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li { height: unset; padding-bottom: 13px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .image { width: 100%; height: 40vw; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .image { width: 100%; height: 40vw; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .fifthRow2 .inner .item ul li .inner .text .date { display: inline; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li .inner .text .date { display: inline; } #opencampus .boxOuter .fifthRow2 .inner .item ul li a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .fifthRow2 .inner2 .item ul li a { position: relative; margin: auto; margin-top: 10px; } } #opencampus .boxOuter .thirdRow { margin-bottom: 20px; } #opencampus .boxOuter .thirdRow .heading { background-color: #fda700; width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; height: 35px; color: #FFF; font-weight: bold; } #opencampus .boxOuter .thirdRow .heading img { margin: 0 7px; } #opencampus .boxOuter .thirdRow .heading p { font-size: 17px; font-weight: bold; } #opencampus .boxOuter .thirdRow .boxThird { background-image: url(../img/bgBig.png); background-size: cover; background-position: center; padding: 20px 15px 55px; position: relative; border-bottom: 1px solid #EEEEEE; } #opencampus .boxOuter .thirdRow .boxThird .upText { text-align: center; font-size: 24px; font-weight: bold; color: #373737; line-height: 1; margin-bottom: 20px; } #opencampus .boxOuter .thirdRow .boxThird ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #opencampus .boxOuter .thirdRow .boxThird ul li { width: 418px; } #opencampus .boxOuter .thirdRow .boxThird ul li .image { margin-bottom: 15px; background-color: #FFF; } #opencampus .boxOuter .thirdRow .boxThird ul li .text .title { font-size: 24px; font-weight: bold; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 5px; } #opencampus .boxOuter .thirdRow .boxThird ul li .text .title img { margin-right: 10px; margin-top: 5px; } @media screen and (max-width: 768px) { #opencampus .boxOuter .thirdRow .boxThird ul li .text .title img { margin-top: 0px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow .boxThird ul li .text .title img { margin-top: 0px; } } #opencampus .boxOuter .thirdRow .boxThird ul li .text .title.blue { color: #2e80c9; } #opencampus .boxOuter .thirdRow .boxThird ul li .text .title.pink { color: #f98586; } #opencampus .boxOuter .thirdRow .boxThird ul li .text .desc { font-size: 17px; color: #646160; } #opencampus .boxOuter .thirdRow .boxThird ul li .text .desc .small { font-size: 12px; } #opencampus .boxOuter .thirdRow .boxThird a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .thirdRow .boxThird a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .thirdRow .boxThird { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .thirdRow .boxThird ul { padding-bottom: 5px; } #opencampus .boxOuter .thirdRow .boxThird ul li { width: 48%; } #opencampus .boxOuter .thirdRow .boxThird ul li .text .title { font-size: 18px; } #opencampus .boxOuter .thirdRow .boxThird ul li .text .desc { font-size: 15px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow .boxThird { padding-bottom: 20px; } #opencampus .boxOuter .thirdRow .boxThird .upText { font-size: 18px; } #opencampus .boxOuter .thirdRow .boxThird ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } #opencampus .boxOuter .thirdRow .boxThird ul li { width: 100%; margin-bottom: 15px; } #opencampus .boxOuter .thirdRow .boxThird a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .firstRow .announcement { font-size: 15px; } } #opencampus .boxOuter .thirdRow2 { margin-bottom: 20px; } #opencampus .boxOuter .thirdRow2 .heading { background-color: #fda700; width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; height: 35px; color: #FFF; font-weight: bold; } #opencampus .boxOuter .thirdRow2 .heading img { margin: 0 7px; } #opencampus .boxOuter .thirdRow2 .heading p { font-size: 20px; font-weight: bold; } #opencampus .boxOuter .thirdRow2 .boxThird { background-image: url(../img/bgBig.png); background-size: cover; background-position: center; padding: 20px 15px 55px; position: relative; border-bottom: 1px solid #EEEEEE; } #opencampus .boxOuter .thirdRow2 .boxThird .upText { text-align: center; font-size: 24px; font-weight: bold; color: #373737; line-height: 1; margin-bottom: 20px; } #opencampus .boxOuter .thirdRow2 .boxThird ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #opencampus .boxOuter .thirdRow2 .boxThird ul li { width: 418px; } #opencampus .boxOuter .thirdRow2 .boxThird ul li .image { margin-bottom: 15px; background-color: #FFF; } #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .title { font-size: 24px; font-weight: bold; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 5px; } #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .title img { margin-right: 10px; margin-top: 5px; } @media screen and (max-width: 768px) { #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .title img { margin-top: 0px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .title img { margin-top: 0px; } } #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .title.blue { color: #2e80c9; } #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .title.pink { color: #f98586; } #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .desc { font-size: 18px; color: #646160; } #opencampus .boxOuter .thirdRow2 .boxThird a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .thirdRow2 .boxThird a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .thirdRow2 .boxThird { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .thirdRow2 .boxThird ul { padding-bottom: 5px; } #opencampus .boxOuter .thirdRow2 .boxThird ul li { width: 48%; } #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .title { font-size: 18px; } #opencampus .boxOuter .thirdRow2 .boxThird ul li .text .desc { font-size: 15px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow2 .boxThird { padding-bottom: 20px; } #opencampus .boxOuter .thirdRow2 .boxThird .upText { font-size: 18px; } #opencampus .boxOuter .thirdRow2 .boxThird ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } #opencampus .boxOuter .thirdRow2 .boxThird ul li { width: 100%; margin-bottom: 15px; } #opencampus .boxOuter .thirdRow2 .boxThird a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .firstRow .announcement { font-size: 15px; } } #opencampus .boxOuter .thirdRow3 { margin-bottom: 30px; } #opencampus .boxOuter .thirdRow3 .heading { background-color: #2e80c9; width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; height: 35px; color: #FFF; font-weight: bold; } #opencampus .boxOuter .thirdRow3 .heading img { margin: 0 7px; } #opencampus .boxOuter .thirdRow3 .heading p { font-size: 20px; font-weight: bold; } #opencampus .boxOuter .thirdRow3 .boxThird { background-image: url(../img/bgBig.png); background-size: cover; background-position: center; padding: 20px 15px 55px; position: relative; border-bottom: 1px solid #EEEEEE; } #opencampus .boxOuter .thirdRow3 .boxThird .upText { text-align: center; font-size: 24px; font-weight: bold; color: #373737; line-height: 1; margin-bottom: 20px; } #opencampus .boxOuter .thirdRow3 .boxThird ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #opencampus .boxOuter .thirdRow3 .boxThird ul li { width: 418px; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .image { margin-bottom: 15px; background-color: #FFF; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .title { font-size: 24px; font-weight: bold; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 5px; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .title img { margin-right: 10px; margin-top: 5px; } @media screen and (max-width: 768px) { #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .title img { margin-top: 0px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .title img { margin-top: 0px; } } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .title.blue { color: #2e80c9; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .title.pink { color: #f98586; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .desc { font-size: 17px; color: #646160; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .desc .small { font-size: 12px; } #opencampus .boxOuter .thirdRow3 .boxThird a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .thirdRow3 .boxThird a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .thirdRow3 .boxThird { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .thirdRow3 .boxThird ul { padding-bottom: 5px; } #opencampus .boxOuter .thirdRow3 .boxThird ul li { width: 48%; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .title { font-size: 18px; } #opencampus .boxOuter .thirdRow3 .boxThird ul li .text .desc { font-size: 15px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow3 .boxThird { padding-bottom: 20px; } #opencampus .boxOuter .thirdRow3 .boxThird .upText { font-size: 18px; } #opencampus .boxOuter .thirdRow3 .boxThird ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } #opencampus .boxOuter .thirdRow3 .boxThird ul li { width: 100%; margin-bottom: 15px; } #opencampus .boxOuter .thirdRow3 .boxThird a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .firstRow .announcement { font-size: 15px; } } #opencampus .boxOuter .thirdRow4 { margin-bottom: 30px; } #opencampus .boxOuter .thirdRow4 .heading { background-color: #f98586; width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; height: 35px; color: #FFF; font-weight: bold; } #opencampus .boxOuter .thirdRow4 .heading img { margin: 0 7px; } #opencampus .boxOuter .thirdRow4 .heading p { font-size: 20px; font-weight: bold; } #opencampus .boxOuter .thirdRow4 .boxThird { background-image: url(../img/bgBig.png); background-size: cover; background-position: center; padding: 20px 15px 55px; position: relative; border-bottom: 1px solid #EEEEEE; } #opencampus .boxOuter .thirdRow4 .boxThird .upText { text-align: center; font-size: 24px; font-weight: bold; color: #373737; line-height: 1; margin-bottom: 20px; } #opencampus .boxOuter .thirdRow4 .boxThird ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } #opencampus .boxOuter .thirdRow4 .boxThird ul li { width: 418px; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .image { margin-bottom: 15px; background-color: #FFF; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .title { font-size: 24px; font-weight: bold; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 5px; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .title img { margin-right: 10px; margin-top: 5px; } @media screen and (max-width: 768px) { #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .title img { margin-top: 0px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .title img { margin-top: 0px; } } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .title.blue { color: #2e80c9; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .title.pink { color: #f98586; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .desc { font-size: 17px; color: #646160; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .desc .small { font-size: 12px; } #opencampus .boxOuter .thirdRow4 .boxThird a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .thirdRow4 .boxThird a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .thirdRow4 .boxThird { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .thirdRow4 .boxThird ul { padding-bottom: 5px; } #opencampus .boxOuter .thirdRow4 .boxThird ul li { width: 48%; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .title { font-size: 18px; } #opencampus .boxOuter .thirdRow4 .boxThird ul li .text .desc { font-size: 15px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .thirdRow4 .boxThird { padding-bottom: 20px; } #opencampus .boxOuter .thirdRow4 .boxThird .upText { font-size: 18px; } #opencampus .boxOuter .thirdRow4 .boxThird ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } #opencampus .boxOuter .thirdRow4 .boxThird ul li { width: 100%; margin-bottom: 15px; } #opencampus .boxOuter .thirdRow4 .boxThird a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .firstRow .announcement { font-size: 15px; } } #opencampus .boxOuter .fourthRow { margin-bottom: 30px; } #opencampus .boxOuter .fourthRow .heading { position: relative; width: 100%; text-align: center; color: #FFF; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; background-color: #a0d325; font-weight: bold; font-size: 20px; padding: 3px 0; } #opencampus .boxOuter .fourthRow .box4 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 304px; padding: 15px; position: relative; } #opencampus .boxOuter .fourthRow .box4 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .fourthRow .box4 .inner .image { width: 418px; height: 276px; background-image: url(../img/imgBriefing.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .fourthRow .box4 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .fourthRow .box4 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .fourthRow .box4 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .fourthRow .box4 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .fourthRow .box4 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .fourthRow .box4 a i { margin-left: 7px; font-size: 16px; } #opencampus .boxOuter .fourthRow .box5 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 525px; padding: 15px; position: relative; } #opencampus .boxOuter .fourthRow .box5 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .fourthRow .box5 .inner .image { width: 340px; height: 460px; background-image: url(../img/BannerIjo.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .fourthRow .box5 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .fourthRow .box5 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .fourthRow .box5 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .fourthRow .box5 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .fourthRow .box5 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .fourthRow .box5 a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .fourthRow .box4 { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .fourthRow .box4 .inner .image { width: 50%; height: 28vw; } #opencampus .boxOuter .fourthRow .box4 .inner .text { width: 50%; } #opencampus .boxOuter .fourthRow .box4 .inner .text h2 { font-size: 20px; } #opencampus .boxOuter .fourthRow .box4 .inner .text p { font-size: 16px; } #opencampus .boxOuter .fourthRow .box5 { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .fourthRow .box5 .inner .image { width: 50%; height: 55vw; } #opencampus .boxOuter .fourthRow .box5 .inner .text { width: 50%; } #opencampus .boxOuter .fourthRow .box5 .inner .text h2 { font-size: 20px; } #opencampus .boxOuter .fourthRow .box5 .inner .text p { font-size: 16px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .fourthRow .box4 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .fourthRow .box4 .inner .image { width: 100%; height: 49vw; margin-bottom: 10px; } #opencampus .boxOuter .fourthRow .box4 .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .fourthRow .box4 .inner .text h2 { font-size: 18px; } #opencampus .boxOuter .fourthRow .box4 .inner .text p { font-size: 14px; } #opencampus .boxOuter .fourthRow .box4 a { position: relative; margin: auto; margin-top: 15px; } #opencampus .boxOuter .fourthRow .box5 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .fourthRow .box5 .inner .image { width: 80%; height: 75vw; margin-bottom: 10px; margin: auto auto 10px auto; } #opencampus .boxOuter .fourthRow .box5 .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .fourthRow .box5 .inner .text h2 { font-size: 18px; } #opencampus .boxOuter .fourthRow .box5 .inner .text p { font-size: 14px; } #opencampus .boxOuter .fourthRow .box5 a { position: relative; margin: auto; margin-top: 15px; } } #opencampus .boxOuter .sevenRow { margin-bottom: 30px; } #opencampus .boxOuter .sevenRow .heading { position: relative; width: 100%; text-align: center; color: #FFF; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; background-color: #2e80c9; font-weight: bold; font-size: 20px; padding: 3px 0; } #opencampus .boxOuter .sevenRow .box4 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 304px; padding: 15px; position: relative; } #opencampus .boxOuter .sevenRow .box4 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .sevenRow .box4 .inner .image { width: 418px; height: 276px; background-image: url(../img/imgBriefing.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .sevenRow .box4 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .sevenRow .box4 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .sevenRow .box4 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .sevenRow .box4 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .sevenRow .box4 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .sevenRow .box4 a i { margin-left: 7px; font-size: 16px; } #opencampus .boxOuter .sevenRow .box5 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 525px; padding: 15px; position: relative; } #opencampus .boxOuter .sevenRow .box5 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .sevenRow .box5 .inner .image { width: 340px; height: 460px; background-image: url(../img/BannerIjo.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .sevenRow .box5 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .sevenRow .box5 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .sevenRow .box5 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .sevenRow .box5 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .sevenRow .box5 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .sevenRow .box5 a i { margin-left: 7px; font-size: 16px; } #opencampus .boxOuter .sevenRow .box5 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 525px; padding: 15px; position: relative; } #opencampus .boxOuter .sevenRow .box5 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .sevenRow .box5 .inner .image { width: 340px; height: 460px; background-image: url(../img/BannerIjo.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .sevenRow .box5 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .sevenRow .box5 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .sevenRow .box5 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .sevenRow .box5 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .sevenRow .box5 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .sevenRow .box5 a i { margin-left: 7px; font-size: 16px; } #opencampus .boxOuter .sevenRow .box6 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 525px; padding: 15px; position: relative; } #opencampus .boxOuter .sevenRow .box6 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .sevenRow .box6 .inner .image { width: 340px; height: 460px; background-image: url(../../../img/opencampus/March2021/2-biru.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .sevenRow .box6 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .sevenRow .box6 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .sevenRow .box6 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .sevenRow .box6 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .sevenRow .box6 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .sevenRow .box6 a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .sevenRow .box4 { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .sevenRow .box4 .inner .image { width: 50%; height: 28vw; } #opencampus .boxOuter .sevenRow .box4 .inner .text { width: 50%; } #opencampus .boxOuter .sevenRow .box4 .inner .text h2 { font-size: 20px; } #opencampus .boxOuter .sevenRow .box4 .inner .text p { font-size: 16px; } #opencampus .boxOuter .sevenRow .box5 { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .sevenRow .box5 .inner .image { width: 50%; height: 55vw; } #opencampus .boxOuter .sevenRow .box5 .inner .text { width: 50%; } #opencampus .boxOuter .sevenRow .box5 .inner .text h2 { font-size: 20px; } #opencampus .boxOuter .sevenRow .box5 .inner .text p { font-size: 16px; } #opencampus .boxOuter .sevenRow .box6 { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .sevenRow .box6 .inner .image { width: 50%; height: 55vw; } #opencampus .boxOuter .sevenRow .box6 .inner .text { width: 50%; } #opencampus .boxOuter .sevenRow .box6 .inner .text h2 { font-size: 20px; } #opencampus .boxOuter .sevenRow .box6 .inner .text p { font-size: 16px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .sevenRow .box4 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .sevenRow .box4 .inner .image { width: 100%; height: 49vw; margin-bottom: 10px; } #opencampus .boxOuter .sevenRow .box4 .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .sevenRow .box4 .inner .text h2 { font-size: 18px; } #opencampus .boxOuter .sevenRow .box4 .inner .text p { font-size: 14px; } #opencampus .boxOuter .sevenRow .box4 a { position: relative; margin: auto; margin-top: 15px; } #opencampus .boxOuter .sevenRow .box5 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .sevenRow .box5 .inner .image { width: 80%; height: 75vw; margin-bottom: 10px; margin: auto auto 10px auto; } #opencampus .boxOuter .sevenRow .box5 .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .sevenRow .box5 .inner .text h2 { font-size: 18px; } #opencampus .boxOuter .sevenRow .box5 .inner .text p { font-size: 14px; } #opencampus .boxOuter .sevenRow .box5 a { position: relative; margin: auto; margin-top: 15px; } #opencampus .boxOuter .sevenRow .box6 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .sevenRow .box6 .inner .image { width: 80%; height: 75vw; margin-bottom: 10px; margin: auto auto 10px auto; } #opencampus .boxOuter .sevenRow .box6 .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .sevenRow .box6 .inner .text h2 { font-size: 18px; } #opencampus .boxOuter .sevenRow .box6 .inner .text p { font-size: 14px; } #opencampus .boxOuter .sevenRow .box6 a { position: relative; margin: auto; margin-top: 15px; } } #opencampus .boxOuter .eightRow { margin-bottom: 30px; } #opencampus .boxOuter .eightRow .heading { position: relative; width: 100%; text-align: center; color: #FFF; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; background-color: #f98586; font-weight: bold; font-size: 20px; padding: 3px 0; } #opencampus .boxOuter .eightRow .box4 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 304px; padding: 15px; position: relative; } #opencampus .boxOuter .eightRow .box4 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .eightRow .box4 .inner .image { width: 418px; height: 276px; background-image: url(../img/imgBriefing.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .eightRow .box4 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .eightRow .box4 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .eightRow .box4 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .eightRow .box4 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .eightRow .box4 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .eightRow .box4 a i { margin-left: 7px; font-size: 16px; } #opencampus .boxOuter .eightRow .box5 { background-image: url(../img/bgFull.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 525px; padding: 15px; position: relative; } #opencampus .boxOuter .eightRow .box5 .inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #opencampus .boxOuter .eightRow .box5 .inner .image { width: 340px; height: 460px; background-image: url(../img/BannerIjo.png); background-size: cover; background-position: center; background-repeat: no-repeat; } #opencampus .boxOuter .eightRow .box5 .inner .text { width: 51%; padding-left: 20px; } #opencampus .boxOuter .eightRow .box5 .inner .text h2 { font-size: 24px; font-weight: bold; color: #373737; margin-bottom: 5px; } #opencampus .boxOuter .eightRow .box5 .inner .text p { font-size: 18px; color: #646160; } #opencampus .boxOuter .eightRow .box5 .inner .text .small { font-size: 12px; } #opencampus .boxOuter .eightRow .box5 a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .eightRow .box5 a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .eightRow .box4 { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .eightRow .box4 .inner .image { width: 50%; height: 28vw; } #opencampus .boxOuter .eightRow .box4 .inner .text { width: 50%; } #opencampus .boxOuter .eightRow .box4 .inner .text h2 { font-size: 20px; } #opencampus .boxOuter .eightRow .box4 .inner .text p { font-size: 16px; } #opencampus .boxOuter .eightRow .box5 { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .eightRow .box5 .inner .image { width: 50%; height: 55vw; } #opencampus .boxOuter .eightRow .box5 .inner .text { width: 50%; } #opencampus .boxOuter .eightRow .box5 .inner .text h2 { font-size: 20px; } #opencampus .boxOuter .eightRow .box5 .inner .text p { font-size: 16px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .eightRow .box4 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .eightRow .box4 .inner .image { width: 100%; height: 49vw; margin-bottom: 10px; } #opencampus .boxOuter .eightRow .box4 .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .eightRow .box4 .inner .text h2 { font-size: 18px; } #opencampus .boxOuter .eightRow .box4 .inner .text p { font-size: 14px; } #opencampus .boxOuter .eightRow .box4 a { position: relative; margin: auto; margin-top: 15px; } #opencampus .boxOuter .eightRow .box5 .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #opencampus .boxOuter .eightRow .box5 .inner .image { width: 80%; height: 75vw; margin-bottom: 10px; margin: auto auto 10px auto; } #opencampus .boxOuter .eightRow .box5 .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .eightRow .box5 .inner .text h2 { font-size: 18px; } #opencampus .boxOuter .eightRow .box5 .inner .text p { font-size: 14px; } #opencampus .boxOuter .eightRow .box5 a { position: relative; margin: auto; margin-top: 15px; } } #opencampus .boxOuter .openVideo { margin-bottom: 25px; } #opencampus .boxOuter .openVideo p { margin-bottom: 5px; text-align: center; font-weight: bold; } #opencampus .boxOuter .openVideo img { width: 380px; margin-left: auto; margin-right: auto; display: block } #opencampus .boxOuter .fifthRow .inner .item ul li { padding-bottom: 30px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .fifthRow .inner { /* @include flex-direction(column);*/ /* @include align-items(center);*/ } #opencampus .boxOuter .fifthRow .inner .item { width: 48%; margin-bottom: 30px; } #opencampus .boxOuter .fifthRow .inner .item ul li .inner { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: unset; -moz-flex-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .fifthRow .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #opencampus .boxOuter .fifthRow .inner2 { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #opencampus .boxOuter .fifthRow .inner .item { width: 100%; } #opencampus .boxOuter .fifthRow .inner2 .item { width: 100%; } #opencampus .boxOuter .fifthRow .inner .item ul { border: 1px solid #EEE; } #opencampus .boxOuter .fifthRow .inner2 .item ul { border: 1px solid #EEE; } #opencampus .boxOuter .fifthRow .inner .item ul li { height: unset; padding-bottom: 13px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li { height: unset; padding-bottom: 13px; } #opencampus .boxOuter .fifthRow .inner .item ul li .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .image { width: 100%; height: 40vw; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .image { width: 100%; height: 40vw; } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text { width: 100%; padding-left: 0; } #opencampus .boxOuter .fifthRow .inner .item ul li .inner .text .date { display: inline; } #opencampus .boxOuter .fifthRow .inner2 .item ul li .inner .text .date { display: inline; } #opencampus .boxOuter .fifthRow .inner .item ul li a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .fifthRow .inner2 .item ul li a { position: relative; margin: auto; margin-top: 10px; } } #opencampus .boxOuter .sixRow { margin-bottom: 20px; } #opencampus .boxOuter .sixRow .heading { background-color: #a0d325; width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; height: 35px; color: #FFF; font-weight: bold; } #opencampus .boxOuter .sixRow .heading img { margin: 0 7px; } #opencampus .boxOuter .sixRow .heading p { font-size: 20px; font-weight: bold; } #opencampus .boxOuter .sixRow .boxThird { background-image: url(../img/bgBig.png); background-size: cover; background-position: center; padding: 20px 15px 55px; position: relative; border-bottom: 1px solid #EEEEEE; } #opencampus .boxOuter .sixRow .boxThird .upText { text-align: center; font-size: 24px; font-weight: bold; color: #373737; line-height: 1; margin-bottom: 20px; } #opencampus .boxOuter .sixRow .boxThird ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } #opencampus .boxOuter .sixRow .boxThird ul li { width: 418px; } #opencampus .boxOuter .sixRow .boxThird ul li .image { margin-bottom: 15px; background-color: #FFF; } #opencampus .boxOuter .sixRow .boxThird ul li .text .title { font-size: 24px; font-weight: bold; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 5px; } #opencampus .boxOuter .sixRow .boxThird ul li .text .title img { margin-right: 10px; margin-top: 5px; } @media screen and (max-width: 768px) { #opencampus .boxOuter .sixRow .boxThird ul li .text .title img { margin-top: 0px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .sixRow .boxThird ul li .text .title img { margin-top: 0px; } } #opencampus .boxOuter .sixRow .boxThird ul li .text .title.blue { color: #2e80c9; } #opencampus .boxOuter .sixRow .boxThird ul li .text .title.pink { color: #f98586; } #opencampus .boxOuter .sixRow .boxThird ul li .text .desc { font-size: 18px; color: #646160; } #opencampus .boxOuter .sixRow .boxThird a { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 165px; height: 40px; background-color: #d02747; color: #FFF; font-size: 16px; font-weight: bold; } #opencampus .boxOuter .sixRow .boxThird a i { margin-left: 7px; font-size: 16px; } @media screen and (max-width: 900px) { #opencampus .boxOuter .sixRow .boxThird { height: unset; border: 1px solid #EEE; } #opencampus .boxOuter .sixRow .boxThird ul { padding-bottom: 5px; } #opencampus .boxOuter .sixRow .boxThird ul li { width: 48%; } #opencampus .boxOuter .sixRow .boxThird ul li .text .title { font-size: 18px; } #opencampus .boxOuter .sixRow .boxThird ul li .text .desc { font-size: 15px; } } @media screen and (max-width: 480px) { #opencampus .boxOuter .sixRow .boxThird { padding-bottom: 20px; } #opencampus .boxOuter .sixRow .boxThird .upText { font-size: 18px; } #opencampus .boxOuter .sixRow .boxThird ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } #opencampus .boxOuter .sixRow .boxThird ul li { width: 100%; margin-bottom: 15px; } #opencampus .boxOuter .sixRow .boxThird a { position: relative; margin: auto; margin-top: 10px; } #opencampus .boxOuter .firstRow .announcement { font-size: 15px; } } .buttonReg { padding-top: 45px; } .buttonReg a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 350px; height: 60px; background-color: #d02747; color: #FFF; font-size: 20px; font-weight: bold; margin: auto; } .buttonReg2 { padding-top: 0; } .buttonReg2 a { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; right: 0; bottom: 0; width: 350px; height: 60px; background-color: #d02747; color: #FFF; font-size: 20px; font-weight: bold; margin: auto; } #flow .boxOuter { padding: 30px 45px 20px; } #flow .boxOuter .head { color: #373737; font-size: 20px; font-weight: bold; border-bottom: 4px dotted #bfbfbf; padding-bottom: 5px; margin-bottom: 25px; } #flow .boxOuter ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #flow .boxOuter ul li { width: 265px; border: 2px solid #e5dfd6; padding: 15px; position: relative; margin-bottom: 27px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #flow .boxOuter ul li .step { text-align: center; color: #666666; font-size: 14px; font-weight: bold; margin-bottom: 5px; } #flow .boxOuter ul li .step img { margin-right: 3px; margin-bottom: 0; display: inline-block; } #flow .boxOuter ul li .title { text-align: center; font-weight: bold; font-size: 20px; color: #373737; margin-bottom: 5px; } #flow .boxOuter ul li img { margin-bottom: 10px; } #flow .boxOuter ul li .desc { font-size: 16px; color: #646160; } #flow .boxOuter ul li:before { width: 31px; content: " "; background-image: url(../img/icArrow.png); position: absolute; right: -40px; top: 50%; height: 32px; } #flow .boxOuter ul li:nth-child(3):before { display: none; } #flow .boxOuter ul li:nth-child(6):before { display: none; } @media screen and (max-width: 900px) { #flow .boxOuter ul li { width: 45%; } #flow .boxOuter ul li img { display: block; margin: auto; margin-bottom: 10px; } #flow .boxOuter ul li:nth-child(2):before { display: none; } #flow .boxOuter ul li:nth-child(3):before { display: block; } #flow .boxOuter ul li:nth-child(4):before { display: none; } } @media screen and (max-width: 480px) { #flow .boxOuter { padding: 30px 15px 20px; } #flow .boxOuter .head { font-size: 18px; } #flow .boxOuter ul li { width: 100%; } #flow .boxOuter ul li:before { display: none; } #flow .boxOuter ul li:nth-child(3):before { display: none; } } .informations { margin-bottom: 40px; margin-top: 40px; } .informations .boxWhite { background-color: #FFF; padding: 30px 45px; border: 1px solid #dedfe4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .informations .boxWhite .head { border-bottom: 4px dotted #bfbfbf; font-size: 20px; font-weight: bold; color: #373737; padding-bottom: 5px; margin-bottom: 15px; } .informations .boxWhite ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .informations .boxWhite ul li { width: 275px; } .informations .boxWhite ul li a { display: block; } .informations .boxWhite ul li a .image { width: 100%; height: 192px; margin-bottom: 10px; } .informations .boxWhite ul li a .text .date { font-size: 16px; color: #b3b3b3; font-weight: bold; } .informations .boxWhite ul li a .text .title { font-size: 18px; font-weight: bold; color: #373737; } @media screen and (max-width: 900px) { .informations .boxWhite { padding: 30px; } .informations .boxWhite ul li { width: 32%; } } @media screen and (max-width: 480px) { .informations .boxWhite { padding: 30px 15px; } .informations .boxWhite ul { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .informations .boxWhite ul li { width: 100%; margin-bottom: 20px; } .informations .boxWhite ul li a .image { height: 45vw; } .informations .boxWhite ul li a .text .date { font-size: 14px; } .informations .boxWhite ul li a .text .title { font-size: 16px; } } @media screen and (max-width: 767px) { .PC { display: none; } } .SP { display: none; } @media screen and (max-width: 767px) { .SP { display: block; } } .fifthRow3 .inner { display: flex; justify-content: space-between; flex-wrap: wrap; } .fifthRow3 .inner .item { width: 48.5%; margin-bottom: 3%; } @media screen and (max-width: 767px) { .fifthRow3 .inner .item { width: 100%; margin-bottom: 15px; } } /*# sourceMappingURL=opencampus.css.map */