UNPKG

cdnem

Version:

Education Malaysia CDN Css and Js

3,092 lines (3,071 loc) 102 kB
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;400;500;600;700;800;900&display=swap'); body { font-family:'Roboto Slab', serif; padding-right:0!important } ::-moz-selection { color: #fff; background: #2bbbad } ::selection { color: #fff; background: #2bbbad } ::-webkit-scrollbar { width: 7px } ::-webkit-scrollbar-track { background: #fff } ::-webkit-scrollbar-thumb { background-color:#2bbbad; border-radius: 5px } .vertically-scrollbar { display: block; overflow-y:none; margin-bottom:15px } .vertically-scrollbar::-webkit-scrollbar { height:5px; background-color:#eee; /* or add it to the track */ } .vertically-scrollbar::-webkit-scrollbar-thumb { background-color:#2bbbad; border-radius: 5px } a { -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; outline:0; } a:hover { -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; color:#2bbbad } h1, h2 { font-weight:500; line-height:30px } h3, h4, h5, h6 { font-weight:500; line-height:24px } , a, li, p, span, table, td, th, tr { font-size:17px; font-weight:500; color:#000; line-height:1.5; letter-spacing:-.010em; text-align:justify } .com-sp { padding:60px 0 } .pad-top-0 { padding-top:0 } .mar10 { margin-top:30px } .mar5 { margin-top:15px } .mar40 { margin-top:87px } .mar30 { margin-top:60px } .pad20 { padding-top:20px; padding-bottom:20px } .pad-bot-0 { padding-bottom:0 } .pad-bot-70 { padding-bottom:70px } .pad-bot-50 { padding-bottom:50px } .pad-bot-30 { padding-bottom:30px } .con-title { text-align:center; margin-bottom:15px } .con-title h2 { font-size:36px; margin-top:0; margin-bottom:15px; line-height:40px } .con-title h2 span { font-size:36px; font-weight:700; color:#00897b; line-height:40px } .con-title p { font-size:18px; color:#3f444a; font-weight:300 } .pad-all-20 { padding:20px } .mar-bot-0 { margin-bottom:0 } .pad-top-173 { padding-top:173px } .wed-top { color:#fff; margin:0 auto; padding:10px 0; max-width:100%; border:0; box-shadow:0 4px 7px hsla(0, 0%, 1%, .47); width:100%; top:0; transition:transform .2s ease-in; position:fixed; z-index:6; background:#fff } .wed-logo { float:left; width:20% } .wed-logo a img { width:230px; padding:7px 0 } .wed-menu { float:right; padding-top:14px } .wed-menu ul { margin-bottom:0 } .wed-menu ul li { float:left; display:inline-block } .wed-menu ul li:nth-child(2) { padding-right:10px } .wed-menu ul li a { color:#363a3c; padding:8px 10px 5px 10px } .web-search-form input { background:#fff!important; border:0!important; height:45px!important; border-radius:2px!important; padding:0 10px!important; box-sizing:border-box!important; font-size:14px!important } .web-search-form input[type=submit] { background:0 0!important } .wed-search-1 { padding:250px 0 100px 0; width:70%; margin:0 auto; text-align:center; position:relative } .wed-search-1 h1 { color:#fff; font-size:40px } .wed-search-1 p { font-size:18px; color:#fff; padding-bottom:15px } .web-search-form label { top:16px; left:18px; font-size:12px; font-family:'Roboto Slab', serif } .wed-search:before { content:''; background:#141e30; background:linear-gradient(to right, rgba(36, 59, 85, .55), rgba(20, 30, 48, .82)); background:linear-gradient(to right, rgba(36, 59, 85, .55), rgba(20, 30, 48, .82)); position:absolute; bottom:0; top:0; left:0; right:0 } .web-search-form div { padding-left:5px; padding-right:5px } .wed-sear-btn { height:45px; line-height:45px; background-color:#994b97; background:linear-gradient(to bottom, #9a4c98, #6a3179); outline:0 } .wed-top-phone { border:1px solid #6b6a6a; border-radius:50px } .wed-hom-title { text-align:center; padding-bottom:15px; padding-top:24px } .wed-hom-title h2 { font-size:34px; font-family:'Roboto Slab', serif } .wed-hom-title h2:after { display:block; content:''; width:230px; height:26px; margin:0 auto; margin-top:20px } .wed-hom-title h2 span { font-size:34px; font-family:'Roboto Slab', serif; color:#6e337c } .wed-hom-title p { font-size:16px; color:#828282 } .web-hom-grid { position:relative; overflow:hidden; border:1px solid #dcdcdc; margin-bottom:30px } .web-hom-grid a img { width:100%; background:#ff5722; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .web-hom-grid:hover img { opacity:.5; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .wed-grid-img { background:#ff9800 } .wed-grid-img img { width:100% } .wed-grid-text { position:absolute; bottom:0; width:100%; padding:25px } .wed-grid-text h4 { color:#fff; font-size:24px } .wed-grid-text p { color:#fff; font-size:16px; margin-bottom:0 } .web-hom-grid:before { content:''; position:absolute; background:linear-gradient(to top, rgba(23, 19, 53, .74) 25%, rgba(255, 255, 255, 0) 100%); top:0; bottom:0; left:0; width:100% } .wed-grid-img-2 img { width:100% } .wed-hom-pop { border:1px solid #dedede } .wed-grid-2-text { padding:5px 15px 0 15px } .wed-grid-2-text h4 { color:#fff; text-overflow:ellipsis; white-space:pre; overflow:hidden } .wed-grid-2-text p { color:#fff; padding-top:8px; font-size:15px } .fix-rati span { color:#fff; font-weight:500; font-size:16px } .fix-rati i { color:#ff9800; font-size:18px } .fix-rat-1 i { font-size:12px } .fix-rat-1 span { font-size:12px; color:#c6bfc6 } .wed-pop-bon h4 { font-size:16px } .wed-pop-bon p { font-size:14px } .wed-grid-text-2 { padding:12px } .wed-hom-tes { position:relative; overflow:hidden; height:365px; border:1px solid #dadada; padding:15px } .wed-hom-tes:hover { overflow-y:auto } .wed-hom-tes ul { margin-bottom:0 } .wed-hom-tes ul li { display:block; width:100%; padding-bottom:18px; padding-top:18px; border-bottom:1px solid #dadada } .wed-hom-tes ul li img { float:left; width:92px; height:92px; border-radius:50px; display:inline-block } .wed-user-test { margin-left:115px } .wed-user-test h5 { font-size:20px; font-family:'Roboto Slab', serif } .wed-user-test p { font-size:15px } .wed-user-test span { font-size:14px; font-style:italic } .wed-hom-happy { background:#6e3f77; padding:150px 30px; margin-top:45px; border-radius:5px; background:url(../images/bg.html) no-repeat; position:relative; background-size:cover } .wed-hom-happy:before { content:''; background:#73716f; background:linear-gradient(to right, rgba(0, 0, 0, .55), rgba(20, 30, 48, 0)); background:linear-gradient(to right, rgba(0, 0, 0, .55), rgba(20, 30, 48, 0)); position:absolute; bottom:0; top:0; left:0; right:0 } .wed-hom-happy h2 { color:#fff; font-family:'Roboto Slab', serif; font-size:55px; padding-bottom:15px } .wed-hom-happy p { color:#fff; font-size:18px; padding-bottom:20px; padding-top:15px } .wed-hom-happy a { background:#e91e63; font-size:14px } .wed-hom-happy a:hover { color:#fff; background-color:#823f89 } .wed-hom-happy a:focus { color:#fff } .wed-video iframe { width:100%; height:365px } .wed-hom-title-tes { padding-bottom:25px; text-align:center } .wed-hom-title-tes h2 { font-size:22px } .wed-hom-app { background:#49446f; padding:40px 25px } .foot-align div { display:inline-block; font-size:18px; color:#fff; vertical-align:middle; margin-bottom:0; padding:0 35px } .wed-hom-app span { margin:-5px 0 0 } .wed-hom-app a { margin-top:20px; margin-bottom:20px; text-transform:uppercase; font-size:34px; color:#fff } .wed-hom-app a:hover { color:#fff } .foot-align { margin:0 auto; display:table } .wed-hom-footer { padding:80px 0 35px 0; background:#002147; border-bottom: 1px groove #6a83a0; } .wed-hom-footer h4 { font-size:15px; color:#d6d6d6; padding-bottom:25px; text-transform:uppercase } .wed-hom-footer p { font-size:14px; color:#838384 } .wed-hom-footer p a { font-size:14px; color:#fff; text-decoration:underline } .wed-hom-footer p a:hover{ color:#2abaac } .wed-foot-link { border-bottom:1px groove #6a83a0; padding:0px 0px 35px 0px } .wed-foot-link span{ color:#fff; margin-bottom:10px; display: block;} .wed-foot-link ul li { width:50%; float:left } .wed-foot-link ul li a { color:#838384; font-size:14px } .wed-foot-link ul li a:hover { color:#2abaac; } .wed-foot-link div { border-right:1px groove #6a83a0 } .wed-foot-link div:last-child { border-right:0 solid #dadada } .wed-video2 { padding:50px 0; background:#f1f1f1 } .wed-foot-link-1 { padding-top:25px } .wed-foot-link-1 span{ color:#fff; margin-bottom:10px; display: block;} .wed-foot-link-1 ul { position:relative; overflow:hidden } .wed-foot-link-1 ul li { float:left; padding-right:8px } .wed-foot-link-1 ul li a i { width:35px; height:35px; text-align:center; border:1px solid #00897b; background-color:#fff; border-radius:20px; font-size:20px; line-height:35px } .fb { color:#3b5998 } .tw { color:#00acee } .pn { color:#e60023 } .yt { color:red } .ln { color:#0e76a8 } .wed-foot-link-1 ul li a img { width:140px } .wed-rights { background:#002147 } no-repeat -22px -116px; float:left } .man-drop { position:relative; background:#fff; padding:18px; border-radius:2px; position:absolute; width:80%; margin-left:-35%; margin-top:20px; box-shadow:0 6px 20px -1px hsla(0, 0%, 1%, .22); display:none } .shadow { box-shadow:0 6px 20px -1px hsla(0, 0%, 1%, .22) } .man-drop ul li { width:29%; padding-bottom:10px; border-bottom:1px solid #dfdfdf; margin:5px } .man-drop ul li a { color:#333; vertical-align:middle; font-size:15px; font-weight:500; display:block; padding:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .man-drop ul li a img { width:32px } .man-drop:after { border-color:#333; border-top-color:#1f4363; border-width:9px; margin-left:-9px } .man-drop:before { top:-12px; left:48%; content:" "; height:15px; width:28px; position:absolute; -15px } .desk-hide { display:none } .mob-close { display:none } .mob-close { position:fixed; top:9px; font-size:17px; border:1px solid #fff; padding:3px 7px 0 7px; border-radius:2px; background:#fff; color:#803e88; right:15px; cursor:pointer } .wed-filter { position:relative; overflow:hidden; padding-top:130px; width:70%; margin:0 auto; text-align:center } .wed-filter h1 { color:#fff } .wed-filter p { color:#fff } .cen-filter ul { position:relative; overflow:hidden; margin-bottom:0 } .cen-filter ul li { width:31.555%; border:1px solid #dfdfdf; margin:5px; float:left } .cen-filter ul li a { color:#333; vertical-align:middle; font-size:15px; font-weight:500; display:block; padding:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left } .cen-filter ul li a:hover { background:#dfdfdf } .cen-filter ul li a:focus { background:#dfdfdf } .cen-filter ul li a img { width:32px } .wed-filt-change { position:relative; background:#fff; padding:3% 27px 41% 27px; border-radius:2px; margin-top:20px; box-shadow:0 6px 20px -1px hsla(0, 0%, 1%, .22); margin-bottom:100px } .wed-filt-nav { width:100%; border-top:1px solid #dfdfdf; margin-top:20px; padding-top:20px; display:none } .wed-filt-nav ul li { float:left; width:50% } .wed-filt-nav ul li a { background:#2e2b44 } .wed-filt-nav ul li a:hover { background:#342e65; color:#fff } .wed-filt-nav ul li a:focus { color:#fff } .cen-filter { -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .fil-2 { transform:scale(0) } .fil-3 { transform:scale(0) } .fil-4 { transform:scale(0) } .fil-5 { transform:scale(0) } .filt-eff { transform:scale(0) } .filt-eff-1 { transform:scale(1) } .wed-sel-filter { position:absolute; width:94% } .wed-sel-filter h4 { text-align:left; color:#607d8b; padding-left:6px } .wed-sel-filter form input[type=submit] { background:#342e65; color:#fff; font-size:16px; padding:10px 42px; border-radius:2px; border:0 } .ed-top { background:#002147 } .ed-com-t1-left ul li { float:left; display:inline-block } .ed-com-t1-left ul li a { color:#a3adb9; padding:5px 14px; line-height:35px; border-right:1px solid #043267; font-size:12px } .ed-com-t1-right { float:right } .ed-com-t1-right ul li { float:left; display:inline-block } .ed-com-t1-right ul li a { color: #fff!important; padding: 10px 12px; line-height: 33px; font-size: 12px; } .ed-com-t1-right ul li:nth-child(1) a { background:#00897b; cursor: pointer; } .ed-com-t1-right ul li:nth-child(2) a { background:#dc5a21; cursor: pointer; } .main-menu { float:right; width:80% } .main-menu ul { float:right } .main-menu ul li { float:left; display:inline-block } .main-menu ul li a { color:#000; padding:0 10px; line-height:69px; font-size:14px; text-transform:uppercase; position:relative } .main-menu ul li a:hover { color:#2bbbad } .main-menu ul li a:after { content:""; position:absolute; width:100%; height:3px; bottom:12px; left:0; color:#00897b; visibility:hidden; -webkit-transform:scaleX(0); transform:scaleX(0); transition:all .15s ease-in; z-index:1 } .main-menu ul li a:hover:after { visibility:visible; transform:scaleX(1); transition:all .25s ease-out } .main-menu ul li:last-child a { padding-right:0 } .ed-sub-menu:after { content:"\f107"; font-family:FontAwesome; padding:5px 5px; position:relative; top:0; font-size:14px; font-weight:900 } .ed-sub-drop-menu:after { content:"\f105"; font-family:FontAwesome; padding:5px 5px; position:relative; top:-5px; font-size:14px; font-weight:900; float:right } .menu-about:after { display:none } .mm1-s2 a:after { display:none } .mm2-com a:after { display:none } .slider { height:500px!important } .slider:after { position:absolute; content:''; background:#333; bottom:0; top:0; left:0; right:0 } .caption h3 { font-size:60px } .caption h5 { font-size:32px } .hom-p1 { position:relative; overflow:hidden } .hom-p1-img { float:left; width:25% } .hom-p1-img img { width:100% } .hom-p1-con { float:left; width:75%; padding-left:15px } .hom-p1-con h4 { margin-bottom:18px; font-size:24px } .hom-p1-com { background:#fff; position:relative; overflow:hidden; padding:18px; border-radius:2px; border:1px solid #e0e0e0 } .btn-read { color:#fff; background:#22bff1; background:-webkit-linear-gradient(to top, #1ab4e6, #2bcbfd); background:linear-gradient(to top, #1ab4e6, #2bcbfd); padding:7px 10px; line-height:40px; border-radius:3px; text-transform:uppercase; font-weight:500; font-size:12px } .pop-cour { background:#f5f5f5 } .pop-co::before { content:''; position:absolute; background:linear-gradient(to top, #1d242a 15%, rgba(0, 0, 0, 0) 100%); top:0; bottom:0; left:0; width:100% } .home-top-cour { position:relative; overflow:hidden; background:#fff; padding:15px 0; margin-bottom:20px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; } .home-top-cour img { width:100% } .home-top-cour1 img { width:100%; color:#000 } .home-top-cour1 { border:1px solid grey } .home-top-cour1 .hover { border:1px solid grey } .home-top-cour-desc span { text-transform:uppercase; font-size:12px } .home-top-cour-desc h3 { font-size:20px; color:#00897b; margin-top:0px!important; font-weight:400!important } .home-top-cour-desc h4 { font-size:14px; padding-bottom:8px } .home-top-cour-desc p { margin-bottom:0; font-size:15px } .home-top-cour-rat { position:absolute; background:#607d8b; padding:0 5px; font-weight:600; color:#fff; right:15px; top:0; font-size:14px; border-radius:2px } .list-number { position:relative; overflow:hidden; width:100%; padding-top:10px } .hom-list-share { position:relative; overflow:hidden; width:100%; padding-top:4px } .hom-list-share ul { margin-bottom:0; padding:0 } .hom-list-share ul li { float:left; list-style-type:none; display:inline-block; width:33.333% } .hom-list-share ul li:nth-child(1) a { color:#fff; border:1px solid #149acc; background:#1aa5d8; background:linear-gradient(to bottom, #1aa5d8, #1386b1); text-transform:uppercase; font-weight:700 } .hom-list-share ul li a { display:block; border:1px solid #ececec; margin:2px; padding:3px 2px; font-size:12px; color:#8a8a8a; text-align:center; font-weight:600 } .hom-list-share ul li a i { padding-right:5px } .ho-ex-title { margin-bottom:35px } .ho-ex-title h4 { padding-left:15px; font-size:26px } .ho-ex-title h4:before { position:absolute; content:""; width:4px; height:20px; margin-top:3px; background:#03294f; top:2px; left:15px } .ho-event ul li { border-bottom:1px solid #e0e0e0; padding:15px 0; position:relative; overflow:hidden } .ho-event ul li:hover { background:#f8f8f8 } .ho-ev-img { border-radius:3px; display:inline-block; float:left; color:#fff; text-align:center; padding:0; margin-right:5px; margin-left:10px; text-transform:uppercase; width:22%; padding:2px 4px; border:1px solid #e0e0e0; background:#fff } .ho-ev-img img { width:100% } .ho-ev-date { border-radius:3px; display:inline-block; float:left; color:#fff; text-align:center; padding:5px 0; margin-right:20px; text-transform:uppercase; width:20%; background:#02294e; background:-webkit-linear-gradient(to top, #012951, #03294e); background:linear-gradient(to top, #012951, #03294e) } .ho-ev-date span:first-child { display:block; font-size:25px; font-weight:500; margin-top:0; line-height:25px; color:#fff } .ho-ev-date span:last-child { font-size:12px; color:#fff } .ho-ev-link { float:left; width:65%; padding:14px 10px 5px 10px } .ho-ev-link a h4 { color:#00897b; border-bottom:0; text-overflow:ellipsis; white-space:pre; overflow:hidden; letter-spacing:0 } .ho-ev-link p { color:#203245; margin-bottom:0; text-overflow:ellipsis; white-space:pre; overflow:hidden } .ho-ev-link span { color:#959595; font-size:12px; font-weight:500 } .ho-ev-link-full { width:100% } .ho-ev-latest { position:relative; overflow:hidden; width:100%; padding:35px; /*margin-bottom:30px;*/ border-radius:4px } .ho-ev-latest:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to top, #00e6cf, rgb(204, 204, 204, )) } .ho-lat-ev p { color:#e2e2e2; margin-bottom:0; font-size:14px } .ho-st-login { position:relative; overflow:hidden; background:#ececec; padding:10px 5px 18px 5px; border-bottom-left-radius:4px; border-bottom-right-radius:4px } .ho-st-login form input { background:#fff; border-radius:2px; margin-bottom:4px; padding:0 15px; box-sizing:border-box; font-size:14px; border:1px solid #cecece; height:45px } .ho-st-login form input[type=submit] { margin-bottom:0; width:100% } .ho-st-login form label { left:20px!important; top:15px; font-size:13px } .cor-apply { background:#03294e; padding:10px 0 18px 0; border:4px dotted #333; border-radius:4px } .cor-apply form input { border:1px solid #cecece; height:35px } .light-btn { color:#fff; background:#f36b3b; background:-webkit-linear-gradient(to top, #ef612f, #f36b3b); background:linear-gradient(to top, #ef612f, #f36b3b); padding:0 10px; line-height:40px; border-radius:3px; text-transform:uppercase; font-weight:800; font-size:16px; display:block; text-align:center } .tabs-hom-reg { background:0 0 } .tabs-content { position:relative; overflow:hidden; height:360px!important } .field-com.select-dropdown { border:1px solid #fff; height:40px } .cor-left-app-tit { padding-top:8px; padding-bottom:8px } .cor-left-app-tit h4 { font-size:24px; padding-bottom:4px; color:#fff } .cor-left-app-tit p { font-size:14px; color:#9c9c9c } .hom-enq { background:#fff; border:1px solid #cacaca; padding:25px } .hom-enq h3 { color:#333 } .hom-enq p { color:#929292 } .hom-enq label { left:15px; font-size:12px; top:13px } .hom-enq form input { border:1px solid #c5c5c5; height:45px; margin-bottom:5px; padding:8px; box-sizing:border-box; border-radius:2px; background:#fff } .hom-enq form textarea { border:1px solid #c5c5c5; height:50px; border-radius:2px; background:#fff } .btn-submit { color:#fff; background:#e74715; background:-webkit-linear-gradient(to top, #d83d0c, #ff5722); background:linear-gradient(to top, #d83d0c, #ff5722); padding:4px 34px; line-height:32px; border-radius:3px; text-transform:uppercase; font-weight:500; font-size:14px } .ed-com-t1-social { position:relative; overflow:hidden; margin-top:-9px; float:right; } .ed-com-t1-social ul li { float:left; margin-right:20px } .ed-com-t1-social ul li a { line-height:26px } .ed-com-t1-social ul li a i { width:15px; height:30px; padding:20px 4px; text-align:center; border-right:0 solid #002147; } .search-top { background:#002147; padding:12px 0; box-shadow:0 4px 15px 0 rgba(0, 0, 0, .32); width:100%; border-top:1px solid #dedede } .search-form { width:60%; margin:0 auto } .sf-type { float:left; width:75% } .sf-input input { width:100%; border:0; background:url(../images/search.png) no-repeat left center #fff; background-size:17px; background-position-x:12px; color:#464646; font-weight:500; text-transform:capitalize; padding:8px; border:1px solid #fff; padding:8px 45px; margin:0; border-top-left-radius:2px; border-bottom-left-radius:2px; font-size:14px } .sf-list { display:none; position:absolute; width:43.8%; background:#fff; z-index:99; box-shadow:0 26px 64px 0 rgba(0, 0, 0, .6); border-bottom-left-radius:8px; border-bottom-right-radius:8px; height:300px; overflow-y:hidden } .sf-list:hover { overflow-y:auto } .sf-list ul li a { display:block; color:#2b333a; padding:10px; border-bottom:1px solid #efefef; font-size:14px; font-weight:600 } .sf-list ul li a:hover { background:#eee } .sf-list ul li:last-child a { border-bottom:0 solid #efefef } .sf-submit { float:left; width:25% } .sf-submit input { width:100%; border:0; color:#fff; font-weight:600; text-transform:uppercase; padding:13px; border:1px solid #00897b; border-top-right-radius:2px; border-bottom-right-radius:2px; background:#00897b; background:-webkit-linear-gradient(to top, #00897b, #00897b); background:linear-gradient(to top, #00897b, #00897b) } .slider-arr { color:#fff; position:absolute; font-size:18px; top:50%; width:50px; height:50px; padding:17px; border-radius:50px } .slider-con h2 { font-size:50px; text-transform:uppercase; line-height:50px } .slider-con h2 span { font-size:50px; text-transform:uppercase; font-weight:700; line-height:28px; color:#00897b } .slider-con p { font-size:20px; color:#fff; margin-bottom:40px; margin-top:30px; line-height:30px; font-weight:300 } .slider-con a { padding:14px 45px; line-height:45px; border-radius:3px; text-transform:uppercase; font-weight:600; font-size:14px; height:45px; text-align:center; margin:0 10px } .bann-btn-1 { background:#f36b3b; background:-webkit-linear-gradient(to top, #ef612f, #f36b3b); background:linear-gradient(to top, #ef612f, #f36b3b); color:#fff; border:1px solid #f36b3b } .bann-btn-1:hover { border:1px solid #fff; background:#fff; color:#333 } .bann-btn-2 { border:1px solid #e0e0e0; color:#e0e0e0 } .bann-btn-2:hover { border:1px solid #fff; background:#fff; color:#333 } .item img { margin:0px!important } .top-revi { float:left; position:relative; overflow:hidden; padding:5px 5px 5px 5px; width:20% } .top-revi img { width:50px; height:50px; float:left; margin-right:10px; border-radius:5px } .top-revi h4 { float:left; display:block } .top-revi p { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:left; margin-bottom:0; font-size:12px; width:70% } .top-star-rat { margin-bottom:0; line-height:10px; float:left; display:block } .top-star-rat i { font-size:10px } .top-logo { padding:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all 1s ease; background:#fff } .pop-form input { font-size:16px } .ff3 { border:1px solid #c3c3c3; padding:25px; border-top:0 } .wed-hom-ser { margin-top:-200px; } .wed-hom-ser ul { margin-bottom:0; margin:0 auto; display:table; position:relative; padding:80px 5px 0 5px } .wed-hom-ser ul li { float:left; display:inline; text-align:center; margin:5px } .wed-hom-ser ul li a { background:#dc5a21; width:110px; height:110px; display:block; padding:25px 2px 10px 2px; text-align:center; color:#fff; border-radius:70px; font-family:'Roboto Slab', serif; position:relative; overflow:hidden; line-height:18px; font-size:11px } .wed-hom-ser ul li a:hover { -webkit-transform:scale(1.1); transform:scale(1.1); background:#002147; color:#fff } .wed-hom-ser ul li a img { display:table; text-align:center; margin:0 auto; padding-bottom:5px } .wed-hom-ser ul li a h4 { font-size:32px; color:#002147; font-weight:600; margin-bottom:5px } .wed-hom-ser ul li a span { color:#898d92; font-size:12px; letter-spacing:2px } .ed-course-in { margin-bottom:30px; border-radius:3px; position:relative; overflow:hidden; width:80%; height:50% } .course-overlay img { height:80%; width:100% } .course-overlay span { position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%); font-size:17px; font-weight:500; color:#fff; z-index:1 } .ed-course-in a.course-overlay img { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out } .ed-course-in a:after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0 0 0 / 40%) } .ed-course-in:hover a.course-overlay img { -webkit-transform:scale(1.1); transform:scale(1.1) } .full-bot-book { background:#f36b3b; padding:40px 0; position:relative; overflow:hidden } .bot-book { position:relative; overflow:hidden; width:100%; display:block } .bb-img img { width:90px } .bb-text h4 { color:#fff; font-size:26px; text-transform:uppercase; padding-bottom:15px } .bb-text p { color:#fff5f3; margin-bottom:0 } .bb-link { position:relative; overflow:hidden } .bb-link a { border:1px solid #fff; color:#fff; border-radius:50px; padding:15px 20px; line-height:60px } .breadcrumb { font-size:12px; padding:10px 0; margin:0px 15px 8px 15px; } .breadcrumb li { display:inline-block } .breadcrumb li a { color:#999; text-decoration:none } .breadcrumb li a:hover { color:#348fd6 } .breadcrumb>li+li:before { color:#b7b7b7; padding:0 5px; content:"/\00a0" } .button, .button a, button.btn { display:inline-block; color:#fff; cursor:pointer; text-decoration:none; font-size:14px; padding:7px 15px 8px; border:0; border-radius:2px; background:#00897b!important; transition:all .2s } .addmissionBlock a:hover, .button a:hover, .button:hover, button.btn:hover { background:#00897b } @media (max-width:1024px) { .logo1 { margin-left:50px } } @media (max-width:640px) { .breadcrumb>li+li:before { padding:0 1px } } @media screen and (max-width:480px) { .breadcrumb { font-size:12px; overflow-x:auto; white-space:nowrap } } @media screen and (max-width:480px) { .breadcrumb { font-size:12px } } @media (max-width:420px) { .logo1 { width:146px } } .cor-img img { width:100% } .cor-con-mid p, li { color:#203245; line-height:24px } .cor-p1 { border-bottom:1px solid #d2d2d2; padding-bottom:10px; margin-bottom:0; margin-top:0!important } .cor-p1 h2 { margin-top:0; color:#203245; font-size:30px } .cor-p1 span { color:#959595; font-size:14px; font-weight:400 } .cor-p2 { margin-bottom:40px; position:relative; overflow:hidden } .cor-p2 ul li { float:left; width:33.333%; text-align:center; font-weight:500; color:#012951; font-size:18px } .cor-p2 ul li img { display:block; margin:0 auto; margin-bottom:18px } .cor-p2-inn { border:1px solid #dbdbdb; padding:15px; margin:5px; border-radius:2px } .cor-p3 { border:1px solid #d2d2d2; padding-bottom:20px; padding:30px; margin-bottom:40px } .cor-p3 h3 { margin-top:0; color:#012951; font-size:18px } .cor-p3 h4 { margin-bottom:30px; display:inline-block; color:#00897b; border-radius:2px; border-bottom:2px solid #00897b; font-weight:500; font-size:24px } .cor-p3 span { display:inline-block; background:#00897b; color:#fff; padding:6px 10px; border-radius:2px; border-bottom:2px solid #000; font-weight:500; font-size:16px } .cor-p4 { margin-bottom:40px } .cor-p4 h3 { color:#203245; font-size:21px; margin-bottom:25px; margin-top:50px; font-weight:600!important } .cor-p5 { border-top:1px solid #d2d2d2; margin-top:30px; border-bottom:1px solid #d2d2d2; padding-bottom:10px } .cor-p5 h3 { margin-bottom:25px; margin-top:50px } .cor-p5 h4 { padding:25px 0 18px 0 } .cor-p5 ul li a { font-weight:500; padding:10px } .cor-p51 ul li a { font-weight:500!important; padding:0!important } .cor-p5 ul li a img { width:18px; margin-right:5px } .cor-p6 { margin-top:50px } .cor-p6 h3 { color:#203245; font-size:24px; margin-top:0; margin-bottom:30px } .cor-p6-revi { position:relative; overflow:hidden; border-bottom:1px solid #e7e7e7; margin-bottom:30px; padding-bottom:15px } .cor-p6-revi-left { float:left; width:15% } .cor-p6-revi-left img { width:100%; padding:0 30px 15px 0; border-radius:5px } .cor-p6-revi-right { float:left; width:85% } .cor-p6-revi-right h4 { margin-bottom:12px; color:#203245 } .cor-p6-revi-right span { color:#959595; font-size:12px; font-weight:500 } .cor-p7-revi input { height:45px; position:relative; padding:15px 24px; box-sizing:border-box; box-shadow:none; border:1px solid #e8e8e8; text-indent:0; line-height:12px; -webkit-transition:border-color .4s, color .4s; transition:border-color .4s, color .4s; width:100%; font-size:14px; background:#fff } .cor-p7-revi textarea { height:100px; position:relative; padding:15px 24px; box-sizing:border-box; box-shadow:none; border:1px solid #e8e8e8; text-indent:0; line-height:12px; -webkit-transition:border-color .4s, color .4s; transition:border-color .4s, color .4s; width:100%; font-size:14px; background:#fff } .cor-p7-revi input[type=submit] { margin-bottom:0; padding:0 45px; line-height:45px; border-radius:3px; text-transform:uppercase; font-weight:600; font-size:14px; height:45px; text-align:center; background:#f36b3b; background:-webkit-linear-gradient(to top, #ef612f, #f36b3b); background:linear-gradient(to top, #ef612f, #f36b3b); color:#fff; border:1px solid #f36b3b; width:100% } .cor-p7-revi label { font-size:14px; left:20px!important; top:12px } .my-acc-form label { font-size:15px; font-weight:500; color:#000 } .cor-mid-img img { width:700px; border-radius:15px } .pg-inn { background:#fff; padding:10px; } .cor-side-com { position:relative; overflow:hidden; margin-bottom:35px } .cor-tim-tab h4 { padding:15px 0 25px 0 } .cor-tim-tab ul li { background:url(../images/book.png) no-repeat left center; padding-left:50px; margin-bottom:20px; font-size:13px } .cor-tim-tab p { font-size:13px } .de-left-tit { background:#03294e; padding:10px; border-radius:2px } .de-left-tit h4 { color:#fff } .pro-cover { width:100%; height:194px; display:block; background-size:cover } .pro-menu { background:#2bbbad; box-shadow:0 4px 10px hsla(0, 0%, 0%, .08); position:relative; z-index:2 } .pro-menu ul { margin-bottom:0; display:table; margin-left:25px } .pro-menu ul li { display:inline-block } .pro-act { background:#002147; color:#fff!important } .pro-menu ul li a { padding:17px 20px; line-height:53px; color:#fff; font-size:14px!important; font-weight:500; border-right:1px solid #002147 } .pro-menu ul li a:hover { background:#002147; color:#fff } .pro-user { position:relative; margin-top:0; box-shadow:0 5px 18px -11px rgba(150, 150, 150, .8); border:1px solid #f3f2f2; border-bottom:0; z-index:9 } .pro-user img { width:100%; border:10px solid #fff; border-radius:150px; box-shadow:0 5px 18px -11px rgba(150, 150, 150, .8) } .pro-university { position:relative; margin-top:0; border-bottom:0; z-index:9 } .pro-university img { width:60%; border:0 solid #fff; box-shadow:1px 5px 18px -11px rgba(150, 150, 150, .8); border-radius:150px } .pro-user-bio { background:#fff; padding:25px; box-shadow:0 5px 18px -11px rgba(150, 150, 150, .8); border:1px solid #f3f2f2 } .pro-user-bio ul li { padding-bottom:10px } .pro-user-bio ul li a { color:#333 } .pro-user-bio ul li a i { margin-right:5px; width:20px } .pro-user-bio ul li:last-child { padding-bottom:0 } .pro-user-bio ul li:nth-child(2) { border-bottom:1px solid #e9edf1; margin-bottom:15px; padding-bottom:15px } .pro-con { padding:35px 50px } .pro-con-table { border:1px solid #f7f8f9; padding:5px 15px; margin-top:25px } .pro-con-table tr { line-height:50px } .pro-con-table tr:hover { background:#f3f3f3 } .pro-con-table th { font-weight:600; padding:10px } .pro-con-table td { padding:10px; font-size:13px } .pro-edit { background:#203245; color:#fff!important; padding:1px 4px; border-radius:2px; font-size:13px } .pro-user-act { background:#469c49; color:#fff; padding:1px 4px; border-radius:2px; font-size:13px } .pro-user-de-act { background:#8794a0 } .pro-user-page { border:1px solid #d8d8d8; padding:5px 20px 30px 20px; position:relative; overflow:hidden } .pro-user-page h5 { font-size:16px; margin-top:22px } .pro-user-page label { margin-right:20px; font-size:15px!important } .btn-pro-submit { margin-top:24px; background:#f2323b; background:linear-gradient(to bottom, #ff4d56, #f12f38); color:#fff; padding:14px; font-weight:600; font-size:15px; text-transform:uppercase } .btn-upload { height:46px!important } .pro-ad-img { width:100px; padding:12px } .h-gal { position:relative; overflow:hidden } .h-gal ul { margin-bottom:0 } .h-gal ul li { float:left; display:inline-block; width:33.333% } .h-gal ul li img { width:100%; padding:5px } .h-vid iframe { width:100%; border:0; height:200px } .h-blog ul { margin-bottom:0 } .h-blog ul li { border-bottom:1px solid #00897b; padding:16px 0; position:relative; overflow:hidden } .h-blog ul li a span { font-family:'Roboto Slab', serif; font-size:13px; display:block; margin-bottom:10px; color:#a5a0a1 } .h-blog ul li a img { float:left; width:35px; height:35px; border-radius:50px; margin-right:15px } .h-blog ul li a h5 { color:#333; font-size:15px; margin-top:0; text-overflow:ellipsis; white-space:pre; overflow:hidden; text-transform:capitalize; margin-bottom:5px; letter-spacing:0 } .h-blog ul li a p { padding-left:50px; margin-bottom:0; color:#969595; font-size:12px; line-height:18px } .bot-gal h4 { margin-top:0; padding-bottom:14px; font-size:16px; text-transform:uppercase; letter-spacing:1px; margin-bottom:30px; color:#112842 } .bot-gal h5 { font-size:16px; text-transform:uppercase; margin-bottom:15px; letter-spacing:1px; margin-top:25px; color:#112842 } .bot-gal p { margin-bottom:0 } .log-in-pop { position:relative; overflow:hidden; background:#ffece4; width:60%; margin:0 auto; margin-top:12% } .log-in-pop-left { float:left; width:40%; background:url(../images/new-singUp-left.jpg); padding:14% 6%; color:#fff; height:100%; bottom:0 } .log-in-pop-left h1 { color:#fff; font-size:32px } .log-in-pop-left h1 span { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:capitalize; color:#fff; font-size:24px } .log-in-pop-left p { color:#fff } .log-in-pop-left h4 { color:#fff; margin-bottom:15px; margin-top:15px; border-top:1px solid #002e63; padding-top:15px } .log-in-pop-left ul { margin-bottom:0 } .log-in-pop-left ul li { margin-bottom:5px } .log-in-pop-left ul li a { display:block; background:#3f51b5; color:#fff; padding:12px; border-radius:2px; font-weight:600; font-size:14px; float: left; margin-right:5px; } .log-in-pop-left ul li:nth-child(1) a { background:#39579a } .log-in-pop-left ul li:nth-child(2) a { background:#24a9e6 } .log-in-pop-left ul li:nth-child(3) a { background:#f24033 } .log-in-pop-left ul li a i { padding-right:0px } .log-in-pop-right { float:left; width:60%; padding:25px; } .log-in-pop-right1 { width:100%; padding:32px } .log-in-pop-right h4 { font-size:24px; } .log-in-pop-right a { color:#333; cursor:pointer } .log-in-pop-right form label { font-size:12px!important; font-weight:200; left:15px; top:14px } .log-in-pop-right form input { border:1px solid #dfdfdf; padding:4px; box-sizing:border-box; height:35px; font-size:14px; color:#000; margin-bottom:3px; background:#fff; padding-left:10px } .log-in-pop-right form textarea { border:1px solid #dfdfdf; padding:8px; box-sizing:border-box; height:70px; border-radius:2px } .log-in-pop-right form input[type=submit] { color:#fff; height:20px } .padd-top { margin-top:15px } .log-in-btn { background:#00897b; color:#fff; padding:2px 10px; font-weight:600 } .pop-close { color:#333; width:20px; height:20px; display:inline-block; position:absolute; top:15px; right:10px; z-index: 9 } /* .pop-close:hover { transform:rotate(180deg); }*/ .pop-close img { width:16px; transition: transform .7s ease-in-out; } .pop-close img:hover { transform: rotate(360deg); } .modal-open { overflow:inherit!important } .log-ch-bx p label { left:1px; top:10px; color:#727070 } .in2-top-logo { background:#002147 } .in2-search-top { background:#013673; border-top:1px solid #002147 } .in2-main-menu ul li a { color:#fff } .in2-dropdown-content { background-color:#002147; box-shadow:0 4px 5px rgba(0, 0, 0, .37) } .in2-dropdown-content li a { border-bottom:1px solid #032954 } .in2-dropdown-content li a:hover { background:#013673 } .in2-ban { margin-top:72px; background:url(../images/pro-bg.jpg) no-repeat center center #333; padding:80px 0; background-size:cover; position:relative } .in2-ban:before { content:''; position:absolute; background:linear-gradient(to top, rgba(2, 35, 74, .95) 14%, rgba(0, 33, 71, .87) 66%); top:0; bottom:0; left:0; width:100% } .in2-bi { position:relative; overflow:hidden; width:90%; margin:0 auto } .in2-bi-left { width:70%; padding-top:35px } .in2-bi-left h1 { color:#fff; text-transform:capitalize; font-size:52px } .in2-bi-left p { color:#949494; font-size:18px } .in2-bi-form { position:relative; overflow:hidden; background:#fff; box-sizing:border-box; padding:25px; border-radius:4px; box-shadow:0 16px 40px -10px #000; border-bottom:5px solid #f06433 } .in2-bi-form h4 { text-align:center } .in2-bi-form input { border:1px solid #e8e8e8; height:45px; margin-bottom:4px } .in2-bi-form label { color:#0e0e0e; left:20px; top:15px; font-size:16px; font-family:'Roboto Slab', serif } .stu-db { position:relative; background:#f7f8f9 } .udb { padding:50px 25px; position:relative; overflow:hidden } .udb-sec { position:relative; overflow:hidden; margin-bottom:25px; background:#fff; padding:25px; border-radius:2px; border:1px solid #f3f2f2 } .udb-sec h4 { padding-bottom:10px; border-bottom:1px solid #eeeeef; margin-bottom:15px; text-transform:uppercase; color:#203245 } .udb-sec h4 img { margin-right:10px; vertical-align:bottom; width:24px } .sdb-cours { position:relative; overflow:hidden; padding-top:25px } .sdb-cours ul li { width:50%; float:left; padding-right:15px; margin-bottom:15px } .list-mig-like-com { position:relative; border-radius:5px; background:#14addb; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .list-mig-like-com:before { content:''; position:absolute; background:linear-gradient(to top, rgba(0, 0, 0, .82) 10%, rgba(84, 84, 84, .35) 80%); top:0; bottom:0; left:0; width:100%; border-radius:5px } .list-mig-lc-img img { width:100%; border-radius:5px } .list-mi-pr { top:15px } .list-mig-lc-con { position:absolute; width:100%; margin-top:-92px; padding:20px 20px 0 20px; display:block } .list-mig-lc-con h5 { font-size:18px; color:#fff; padding-top:10px; padding-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden } .list-mig-lc-con h6 { font-size:14px; color:#fff; position:absolute; top:-20px; border:1px solid #fff; padding:8px 10px 3px 10px; border-radius:18px; margin-bottom:5px; padding-bottom:10px } .list-mig-lc-con p { color:#c1c1c1 } .sdb-cours ul li:nth-child(3) { margin-bottom:0 } .sdb-cours ul li:nth-child(4) { margin-bottom:0 } .udb-time-line ul { padding:0; padding-top:25px } .udb-time-line ul li { position:relative; overflow:hidden; padding-left:70px; padding-bottom:20px } .udb-time-line ul li:hover .fa-clock-o { background:#00897b; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .udb-time-line ul li i { width:35px; height:35px; background:#517ce6; border-radius:50%; text-align:center; padding:8px 10px; margin-left:-68px; position:absolute; z-index:99; color:#fff; font-size:17px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .days h4 { margin:25px 0 15px 0; font-size:16px; font-weight:600; font-family:'Roboto Slab', serif; color:#213d44 } .udb-time-line ul li h4 { margin-top:7px } .udb-time-line ul li p { padding-top:0 } .l-info-pack-plac::after { content:''; background:#eeeeef; position:absolute; width:1px; top:0; bottom:0; height:100%; left:19px } .days h4 span { color:#929596; font-weight:600 } .sdb-cl-tim { position:relative; overflow:hidden; width:100% } .sdb-cl-day { float:left; width:25% } .sdb-cl-day h5 { text-transform:uppercase } .sdb-cl-day span { font-size:12px; color:#9ba3ab } .sdb-cl-class { float:left; width:75% } .sdb-cl-class ul { padding-top:0 } .sdb-cl-class ul li { padding-left:0 } .sdb-cl-class-tim { float:left; width:25%; border-right:1px solid #dcdcdc } .sdb-cl-class-tim span { display:block; color:#203245; font-weight:600; font-size:14px } .sdb-cl-class-name { float:left; width:85%; padding-left:25px; position:relative } .sdb-cl-class-name h5 span { float:right; font-size:10px; color:#00897b; border:1px solid #000; border-radius:5px; padding:0 7px } .sdn-hall-na { font-size:12px; color:#9ba3ab } .sdb-cl-class-name::after { content:''; background:#00897b; position:absolute; width:7px; top:9px; bottom:0; height:7px; left:9px; border-radius:25px } .sdb-cl-class-name-lev::after { background:#bfa12e } .sdb-tabl-com tr { color:#969595; border-bottom:1px solid #d0d0d0 } .sdb-tabl-com tr td { font-size:15px; color:#333; padding:14px 14px 14px 0 } .sdb-bot-edit { margin-top:25px } .sdb-bot-edit p { padding-bottom:10px } .sdb-btn { background:#2f4f73; font-size:12px; font-weight:600 } .sdb-btn i { margin-right:10px; font-size:14px; vertical-align:initial } .sdb-btn:hover { background:#476990; color:#fff } .sdb-btn:active { background:#476990; color:#fff } .sdb-btn:focus { background:#476990; color:#fff } .backdrop { background-color:#ededed } .mm-pos { position:absolute; width:100%; right:0; left:0 } .about-mm, .admi-mm, .cour-mm { display:none } .m-menu { position:absolute; overflow:hidden; width:100%; box-shadow:0 7px 12px -4px rgba(0, 0, 0, .45); background:#fff; z-index:999;/*background:url(../images/mm-col-bg.png) no-repeat right bottom, #fff;*//*margin-top:-7px; padding:20px 10px padding:0px 10px*/ } .mm1-com { width:25%; float:left; box-sizing:border-box; padding:20px 30px; border-right:1px solid #eaeaea } .mm1-com h4 { border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:10px; text-transform:uppercase; font-size:14px } .mm1-com ul li { display:block; width:100%; position:relative; padding-left:15px } .mm1-com ul li a { font-size:14px; color:#203245; line-height:31px; padding:5px 0px; text-transform:capitalize } .mm1-com ul li a:after { bottom:0 } .mm1-cour-com { width:20% } .ed-dr-men-mar-top { padding-top:30px; display:inline-block } .mm1-s1 img { width:100% } .mm1-s2 p { font-size:15px; color:#203245 } .mm1-s4 { border-right:0 solid #eaeaea } .m-menu-inn>.mm1-s2>.mm-r-m-btn { background:#002147; padding:4px 10px; color:#fff; font-size:11px; border-radius:3px; height:30px; line-height:24px } .mm1-com>.ed-course-in>a { padding:0 } .mm2-com p { font-size:12px; color:#203245 } .mm2-com>.ed-course-in { margin-bottom:15px } .m-menu-inn>.mm2-com>a { background:#002147; padding:4px 10px; color:#fff; font-size:11px; border-radius:3px; height:30px; line-height:24px } .m-menu-inn ul li:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:400; text-decoration:inherit; color:#000; font-size:16px; padding-right:.5em; position:absolute; top:3px; left:0 } .share-btn { margin-top:10px; position:relative; overflow:hidden } .share-btn ul { padding:0; margin-bottom:0 } .share-btn ul li { display:inline-block; margin-right:4px; line-height:40px } .share-btn ul li a { text-transform:uppercase; color:#fff; font-weight:600; font-size:10px; padding:8px 12px; border-radius:3px } .share-btn ul li:nth-child(1) a { background:#3b5998 } .share-btn ul li:nth-child(2) a { background:#00aced } .share-btn ul li:nth-child(3) a { background:#d34836 } .share-btn ul li i { padding-right:5px } .icon-float { position:fixed; top:35%; z-index:999; right:0 } .icon-float ul { padding:0 } .icon-float ul li { list-style-type:none } .icon-float ul li a { display:block; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; padding:0 } .icon-float ul li a i { padding:8px; width:40px; height:32px; text-align:center; color:#fff } .icon-float ul li a:hover { transform:rotateY(-180deg) } .icon-float ul li a:hover i { transform:rotateY(180deg) } .fb1 { background:#3b5998 } .gp1 { background:#dd4b39 } .tw1 { background:#1da1f2 } .li1 { background:#0077b5 } .yt1 { background:#cd201f } .wa1 { background:#34af23 } .sh { background:#fff; padding:10px 0; font-size:11px; text-align:center; color:#333; border-top-left-radius:5px } .sh1 { background:#333; border-bottom-left-radius:5px } .about-sp { padding:0 30px } .ed-advan ul li { float:left; width:33.33%; padding:25px 25px 15px 25px; box-sizing:border-box } .ed-advan ul li:nth-child(1) { border-bottom:1px solid #eee; border-right:1px solid #eee } .ed-advan ul li:nth-child(2) { border-bottom:1px solid #eee; border-right:1px solid #eee } .ed-advan ul li:nth-child(3) { border-bottom:1px solid #eee; } .ed-advan ul li:nth-child(4) { border-right:1px solid #eee; } .ed-advan ul li:nth-child(5) { border-right:1px solid #eee; } .ed-advan ul li:nth-child(6) { } .ed-ad-img { float:left } .ed-ad-img img { width:50px; opacity:.8 } .ed-ad-dec { float:left; width:100%; } .ed-ad-dec h4 { margin-bottom: 20px; font-size: 20px; margin-top: 12px; padding-left: 65px; } .ed-ad-dec p { font-size:13px; line-height:20px } .ed-ad-dec a { background:#002147; padding:4px 10px; color:#fff; font-size:11px; border-radius:3px; height:30px; line-height:24px } .ed-ad-dec a { color: #fff; margin: 0; padding:8px 15px; font-size: 12px; cursor: pointer; text-transform: uppercase; border-radius: 3px; border: 0; transition: all .4s; font-weight: bold; text-decoration: none; background-color: #00897b; } .ed-ad-dec a:hover, .ed-ad-dec a:focus { color: #fff!important; background:#002147 } .s18-agenda { background:#f4f4f4; background:linear-gradient(90deg, #ebebeb 32%, #f4f4f4 11%) } .s18-age-tit { width:480px; height:115px; margin:0 auto; background-position:111px -495px; text-align:center; padding-top:25px } .s18-age-tit h2 { font-size:38px; padding-bottom:12px } .s18-age-event { position:relative } .s18-age-event ul { margin-top:0 } .s18-age-event ul li { position:relative; overflow:hidden; padding-left:70px } .age-eve-com { width:55px; height:55px; border-radius:50%; margin-left:-69px; position:absolute; z-index:99; background:#517ce6 } .age-eve-com img { width:32px; text-align:center; box-sizing:border-box; margin-left:11px; margin-top:12px } .s18-age-event ul li h4 { margin-top:-34px; font-weight:600; font-size:18px } .s18-age-event ul li h5 { margin-top:0; font-weight:600; font-size:16px } .s18-age-event ul li p { padding-top:0; font-size:15px; text-align:justify } .s18-age-event::after { content:''; background:#ececec; position:absolute; width:1px; top:0; bottom:0; height:97%; left:28px } .ed-eve-time { width:100%; border-bottom:1px solid #ececec; padding:10px 10px 25px 10px; margin-bottom:25px; box-sizing:border-box; position:relative; overflow:hidden } .ed-bor-bot-0 { border-bottom:0 } .ed-eve-time-tim { float:left; width:25%; box-sizing:border-box } .ed-eve-time-tim span { font-weight:300; font-size:16px } .ed-eve-time-msg { float:left; width:75%; padding-right:80px; box-sizing:border-box } .age-dwarr-btn { width:28px; height:28px; position:absolute; right:0; top:10px; background-position:-358px -196px; background-color:#425473; border-radius:50px } .age-dwarr-btn i { color:#fff; font-weight:700; text-align:center; font-size:18px; padding:6px 8px } .age-dwarr-btn>.fa-angle-up { padding:4.2px 8px } .age-eve-1 { background-position:-345px -114px } .age-eve-2 { background-position:-412px -113px } .age-eve-3 { background-position:-476px -113px } .age-eve-4 { background-position:-542px -113px } .age-eve-5 { background-position:-605px -113px }