You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2254 lines
34 KiB
2254 lines
34 KiB
@font-face {
|
|
font-family: icielPanton;
|
|
font-weight: bold;
|
|
src: url("../fonts/MyriadPro-Bold.otf") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: icielPanton;
|
|
font-weight: italic;
|
|
src: url("../fonts/icielpanton-light.otf") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: MyriadPro;
|
|
font-weight: regular;
|
|
src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: MyriadPro;
|
|
font-weight: bold;
|
|
src: url("../fonts/MyriadPro-Bold.otf") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: MyriadPro;
|
|
font-weight: italic;
|
|
src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: Androgyne;
|
|
font-weight: regular;
|
|
src: url("../fonts/UTM Androgyne.TTF") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: iCielGotham;
|
|
font-weight: bold;
|
|
src: url("../fonts/GOTHAM-ULTRA.OTF") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: iCielGotham;
|
|
font-weight: regular;
|
|
src: url("../fonts/GOTHAM-MEDIUM.OTF") format("opentype");
|
|
}
|
|
@font-face {
|
|
font-family: iCielGotham;
|
|
font-weight: thin;
|
|
src: url("../fonts/GOTHAM-THIN.OTF") format("opentype");
|
|
}
|
|
|
|
.header
|
|
{
|
|
padding:10px 0px;
|
|
}
|
|
|
|
li
|
|
{
|
|
list-style:none;
|
|
}
|
|
|
|
body
|
|
{
|
|
font-size:15px;
|
|
font-family: "MyriadPro", Arial;
|
|
}
|
|
|
|
.focus
|
|
{
|
|
font-family:Arial;
|
|
}
|
|
|
|
.header, .header .container{
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
/* Language - Search */
|
|
.h-menu.compact
|
|
{
|
|
margin-top:8px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.h-menu.compact .input-control,
|
|
.h-menu.compact .button
|
|
{
|
|
height:28px;
|
|
min-height:28px;
|
|
font-size:12px;
|
|
margin:0px;
|
|
}
|
|
|
|
.h-menu.compact .search
|
|
{
|
|
border-radius:5px;
|
|
}
|
|
|
|
.h-menu.compact .button
|
|
{
|
|
height:26px;
|
|
min-height:26px;
|
|
padding:0px 6px;
|
|
border:0px;
|
|
position:absolute;
|
|
left:163px;
|
|
top:1px;
|
|
}
|
|
|
|
.h-menu.compact > li > a
|
|
{
|
|
padding:7px;
|
|
}
|
|
|
|
.h-menu.compact > li > a:hover
|
|
{
|
|
background-color:transparent;
|
|
}
|
|
|
|
.language-selector{
|
|
margin-left:10px;
|
|
}
|
|
|
|
.language-selector .deselect img
|
|
{
|
|
opacity: 0.3;
|
|
filter: alpha(opacity=30); /* For IE8 and earlier */
|
|
}
|
|
.language-selector .deselect:hover img
|
|
{
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80); /* For IE8 and earlier */
|
|
}
|
|
|
|
.horizontal-menu.compact li {
|
|
margin-left: 0px;
|
|
}
|
|
.horizontal-menu.compact ul {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.horizontal-menu.compact a {
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
color: inherit;
|
|
}
|
|
.horizontal-menu.compact .dropdown-toggle:after {
|
|
bottom: 2px;
|
|
}
|
|
|
|
/* End Language - Search */
|
|
|
|
/* Navigation */
|
|
.app-bar.light {
|
|
background-color:transparent;
|
|
color:#686868;
|
|
padding-left:20px;
|
|
padding-right:20px;
|
|
}
|
|
|
|
.app-bar.light .app-bar-menu, .app-bar.light .app-bar-pullbutton.automatic{
|
|
margin-top:10px;
|
|
}
|
|
|
|
.app-bar.light .app-bar-element.branding{
|
|
background-color:transparent;
|
|
}
|
|
|
|
.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a{
|
|
font-size:14px;
|
|
height:50px;
|
|
line-height:45px;
|
|
padding-left:12px;
|
|
padding-right:12px;
|
|
}
|
|
|
|
/*
|
|
.app-bar.light .app-bar-menu > li > a{
|
|
border-top:solid 5px transparent;
|
|
border-left:solid 1px #E2DAD5;
|
|
}
|
|
*/
|
|
|
|
.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a:hover{
|
|
font-size:14px;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.app-bar.light .app-bar-menu > li > a:hover,
|
|
.app-bar.light .app-bar-menu > li > a.selected{
|
|
/*border-top:solid 5px #568ABD;*/
|
|
color:#2B92D0;
|
|
}
|
|
|
|
.app-bar.light .app-bar-pullmenu .app-bar-menu {
|
|
background-color:transparent;
|
|
}
|
|
|
|
.app-bar.light .app-bar-pullmenu .app-bar-menu > li:hover{
|
|
background-color:transparent;
|
|
}
|
|
|
|
.app-bar.light .app-bar-pullbutton.automatic{
|
|
color:#686868;
|
|
}
|
|
|
|
.app-bar.light .app-bar-pullbutton.automatic:hover{
|
|
color:#568ABD;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.app-bar.light .input-control.email, .input-control.file, .input-control.number, .input-control.password, .input-control.select, .input-control.tel, .input-control.text{
|
|
width:191px;
|
|
}
|
|
|
|
.app-bar.light .app-bar-pullmenu .app-bar-menu li:hover,
|
|
.app-bar.light .app-bar-pullmenu .app-bar-menu li:hover a
|
|
{
|
|
background-color:transparent;
|
|
}
|
|
|
|
/* End Navigation */
|
|
|
|
/* E-Course */
|
|
.e-course
|
|
{
|
|
position:relative;
|
|
}
|
|
|
|
.sl-item{
|
|
position: absolute;
|
|
top:0px;
|
|
}
|
|
|
|
.e-course-content
|
|
{
|
|
position:absolute;
|
|
top:150px;
|
|
width:100%;
|
|
display:table;
|
|
}
|
|
|
|
.e-course-title
|
|
{
|
|
position:absolute;
|
|
top:0px;
|
|
width:100%;
|
|
font-size:42px;
|
|
line-height:50px;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.54);
|
|
padding:30px;
|
|
}
|
|
|
|
.e-course-content .item-title
|
|
{
|
|
background-color:#892E41;
|
|
padding:50px 20px 20px 20px;
|
|
border-radius:120px;
|
|
height:240px;
|
|
width:240px;
|
|
overflow:hidden;
|
|
border:4px solid #FFF;
|
|
margin: auto;
|
|
color:#FFF;
|
|
text-align:center;
|
|
font-size:20px;
|
|
line-height:30px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.e-course-content .item-more
|
|
{
|
|
font-size:14px;
|
|
color:#892E41;
|
|
background-color:#FFF;
|
|
border-radius:18px;
|
|
text-align:center;
|
|
margin:0px 20px;
|
|
margin-top:20px;
|
|
padding:3px 0px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.cb-slideshow,
|
|
.cb-slideshow:after {
|
|
position:relative;
|
|
width:100%;
|
|
height:700px;
|
|
z-index: 0;
|
|
margin:0px;
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.cb-slideshow .sl-item img{
|
|
width:100%;
|
|
/*animation: slideshowImg 12s;*/
|
|
/*-webkit-animation-timing-function: slideshowImg 12s; /* Chrome, Safari, Opera */
|
|
/*animation-timing-function: slideshowImg 12s;*/
|
|
}
|
|
|
|
@keyframes slideshowImg{
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(1.05);
|
|
}
|
|
15% {
|
|
opacity: 1;
|
|
transform: scale(1.1);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1.2) translateX(-4%);
|
|
}
|
|
}
|
|
|
|
.course-list .btn-safety,
|
|
.cb-slideshow .sl-item:nth-child(1) .item-title{
|
|
background-color:#f58f20;
|
|
}
|
|
.course-list .btn-security,
|
|
.cb-slideshow .sl-item:nth-child(2) .item-title{
|
|
background-color:#2681bc;
|
|
}
|
|
.course-list .btn-process,
|
|
.cb-slideshow .sl-item:nth-child(3) .item-title{
|
|
background-color:#ee2e3a;
|
|
}
|
|
.course-list .btn-work,
|
|
.cb-slideshow .sl-item:nth-child(4) .item-title{
|
|
background-color:#922a8d;
|
|
}
|
|
.course-list .btn-product,
|
|
.cb-slideshow .sl-item:nth-child(5) .item-title{
|
|
background-color:#52c1ae;
|
|
}
|
|
.course-list .btn-orientation,
|
|
.cb-slideshow .sl-item:nth-child(6) .item-title{
|
|
background-color:#8a2e42;
|
|
}
|
|
.course-list .btn-sale,
|
|
.cb-slideshow .sl-item:nth-child(7) .item-title{
|
|
background-color:#8dc447;
|
|
}
|
|
|
|
.cb-slideshow .sl-item:nth-child(1) .item-more{
|
|
color:#f58f20;
|
|
}
|
|
.cb-slideshow .sl-item:nth-child(2) .item-more{
|
|
color:#2681bc;
|
|
}
|
|
.cb-slideshow .sl-item:nth-child(3) .item-more{
|
|
color:#ee2e3a;
|
|
}
|
|
.cb-slideshow .sl-item:nth-child(4) .item-more{
|
|
color:#922a8d;
|
|
}
|
|
.cb-slideshow .sl-item:nth-child(5) .item-more{
|
|
color:#52c1ae;
|
|
}
|
|
.cb-slideshow .sl-item:nth-child(6) .item-more{
|
|
color:#8a2e42;
|
|
}
|
|
.cb-slideshow .sl-item:nth-child(7) .item-more{
|
|
color:#8dc447;
|
|
}
|
|
|
|
.horizontal{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
text-align:center;
|
|
}
|
|
.horizontal li{
|
|
display:inline-block;
|
|
}
|
|
.horizontal a{
|
|
display:inline-block;
|
|
margin:15px;
|
|
}
|
|
.course-list a:hover,
|
|
.course-list li.selected a,
|
|
.course-list li.active a{
|
|
border: solid 5px #fff;
|
|
margin:10px;
|
|
}
|
|
.course-list a:hover img,
|
|
.course-list li.selected img,
|
|
.course-list li.active img{
|
|
opacity:1;
|
|
}
|
|
|
|
.course-list img{
|
|
width:70px;
|
|
height:70px;
|
|
opacity:0.5;
|
|
}
|
|
|
|
.course-list{
|
|
position:absolute;
|
|
bottom:30px;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
/* End E-Course */
|
|
|
|
/* About us section */
|
|
.about-us
|
|
{
|
|
margin-top:50px;
|
|
margin-bottom:40px;
|
|
}
|
|
|
|
.v-center-item
|
|
{
|
|
display:table;
|
|
margin: 0 auto;
|
|
height:100%;
|
|
}
|
|
|
|
.v-center-content
|
|
{
|
|
display:table-cell;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
.about-us-title
|
|
{
|
|
text-transform:uppercase;
|
|
text-align:center;
|
|
}
|
|
|
|
.about-us-title.row1
|
|
{
|
|
color:#5D5D5D;
|
|
}
|
|
|
|
.about-us-title.row2
|
|
{
|
|
font-weight:bold;
|
|
color:#BF222F;
|
|
}
|
|
|
|
.about-us-bound
|
|
{
|
|
height:100%;
|
|
display:table;
|
|
}
|
|
|
|
.about-us-overview
|
|
{
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.about-us-header
|
|
{
|
|
text-align:center;
|
|
font-size:40px;
|
|
}
|
|
|
|
.about-us-content
|
|
{
|
|
text-align:justify;
|
|
margin-top:10px;
|
|
line-height: 26px;
|
|
font-family:"icielPanton", Arial;
|
|
}
|
|
|
|
/* End About us section */
|
|
|
|
.customer-detail
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
/*== English section ==*/
|
|
/* English character */
|
|
.english-character
|
|
{
|
|
background-image:url(../images/bg-english.jpg);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
width:100%;
|
|
min-height:400px;
|
|
}
|
|
|
|
.english-title
|
|
{
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
font-size:38px;
|
|
padding-top:60px;
|
|
margin-bottom:50px;
|
|
color:#fff;
|
|
text-align:center;
|
|
}
|
|
|
|
.english-block
|
|
{
|
|
padding:15px;
|
|
width:300px;
|
|
color:#fff;
|
|
text-align:center;
|
|
}
|
|
|
|
.english-block.first
|
|
{
|
|
background-color:#F0C218;
|
|
}
|
|
|
|
.english-block.second
|
|
{
|
|
background-color:#2099D4;
|
|
}
|
|
|
|
.english-block.third
|
|
{
|
|
background-color:#BF222F;
|
|
padding-top:65px;
|
|
border-radius:150px;
|
|
height:300px;
|
|
overflow:hidden;
|
|
position:relative;
|
|
top:-100px;
|
|
margin-bottom:-80px;
|
|
border:4px solid #FFF;
|
|
}
|
|
|
|
.english-block-caption
|
|
{
|
|
text-transform:uppercase;
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
border-bottom:2px solid #fff;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
.english-block-content
|
|
{
|
|
text-align:justify;
|
|
margin-top:5px;
|
|
margin-bottom:70px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.english-block.third .english-block-content
|
|
{
|
|
text-align:center;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.english-block.third .english-block-caption
|
|
{
|
|
margin-left:25px;
|
|
margin-right:25px;
|
|
}
|
|
|
|
/* End English character */
|
|
|
|
/* English cerfiticate */
|
|
.english-cerfiticate
|
|
{
|
|
background-image:url(../images/bg-english-2.jpg);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
width:100%;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
.english-cer
|
|
{
|
|
/* Fallback for web browsers that don't support RGBa */
|
|
background-color: rgb(240, 246, 232);
|
|
/* RGBa with 0.6 opacity */
|
|
background-color: rgba(141, 194, 69, 0.1);
|
|
|
|
text-align:center;
|
|
padding:10px;
|
|
}
|
|
|
|
.english-cer-title
|
|
{
|
|
font-family:"Androgyne", Arial;
|
|
font-size:30px;
|
|
line-height:40px;
|
|
text-transform:uppercase;
|
|
color:#5D5D5D;
|
|
margin-bottom:15px;
|
|
padding-bottom:10px;
|
|
}
|
|
|
|
.english-cer-title-content
|
|
{
|
|
padding-bottom:10px;
|
|
border-bottom:3px solid #5D5D5D;
|
|
}
|
|
|
|
.english-cer-number
|
|
{
|
|
font-size:30px;
|
|
color:#BF222F;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.english-cer-desc
|
|
{
|
|
color:#717171;
|
|
font-size:20px;
|
|
line-height:28px;
|
|
}
|
|
|
|
/* End English cerfiticate */
|
|
|
|
.english-toeic-compare
|
|
{
|
|
text-align:center;
|
|
margin-top:20px;
|
|
}
|
|
|
|
.english-toeic-title
|
|
{
|
|
font-family:"Androgyne", Arial;
|
|
font-size:30px;
|
|
color:#5D5D5D;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.english-toeic-desc
|
|
{
|
|
font-size:22px;
|
|
color:#2C2C2C;
|
|
margin-top:10px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.english-toeic-desc-focus
|
|
{
|
|
font-size:22px;
|
|
color:#BF222F;
|
|
}
|
|
|
|
.section-separate
|
|
{
|
|
height:20px;
|
|
position:relative;
|
|
text-align:center;
|
|
z-index:1000;
|
|
}
|
|
|
|
.section-separate .more
|
|
{
|
|
width:84px;
|
|
height:40px;
|
|
margin: 0 auto;
|
|
z-index:1000;
|
|
}
|
|
|
|
.section-separate-less
|
|
{
|
|
border-bottom:1px solid #E5E5E5;
|
|
}
|
|
|
|
.section-separate-less .less
|
|
{
|
|
width:84px;
|
|
height:40px;
|
|
margin: 0 auto;
|
|
z-index:1000;
|
|
position:relative;
|
|
bottom:3px;
|
|
}
|
|
|
|
/*== End English section ==*/
|
|
|
|
/*== Start LMS section ==*/
|
|
/* LMS Overview */
|
|
.lms-overview
|
|
{
|
|
background-image:url(../images/bg-lms-1.jpg);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
width:100%;
|
|
min-height:100px;
|
|
color:#FFF;
|
|
}
|
|
|
|
.lms-title,
|
|
.lms-name-vn,
|
|
.lms-name-en
|
|
{
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.lms-title
|
|
{
|
|
font-family:"iCielGotham", Arial;
|
|
font-size:66px;
|
|
font-weight:bold;
|
|
color:#FFF;
|
|
padding-top:100px;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
.lms-name-vn{
|
|
font-size:16px;
|
|
font-family:"icielPanton",Arial;
|
|
}
|
|
.lms-name-en{
|
|
font-size:28px;
|
|
line-height:40px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.lms-desc
|
|
{
|
|
font-family:"icielPanton", Arial;
|
|
text-align:justify;
|
|
padding:30px;
|
|
font-size:16px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.lms-left
|
|
{
|
|
position:relative;
|
|
}
|
|
|
|
img.lms-img
|
|
{
|
|
width:100%;
|
|
height:auto;
|
|
position:absolute;
|
|
bottom:-50px;
|
|
left:-100px;
|
|
}
|
|
|
|
.lms-customer-title
|
|
{
|
|
text-transform:uppercase;
|
|
text-align:center;
|
|
color:#6C7D7D;
|
|
font-weight:bold;
|
|
font-size:24px;
|
|
padding-top:30px;
|
|
border-top:1px solid #c5c5c5;
|
|
}
|
|
|
|
.lms-feature img
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
/* End LMS Overview */
|
|
/*== End LMS section ==*/
|
|
|
|
/*== Start Test section ==*/
|
|
/* Test Overview */
|
|
.test-overview
|
|
{
|
|
background-image:url(../images/bg-test-1.jpg);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
width:100%;
|
|
min-height:100px;
|
|
color:#FFF;
|
|
}
|
|
|
|
.test-title-1,
|
|
.test-title-2
|
|
{
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.test-title-1
|
|
{
|
|
font-family:"icielPanton",Arial;
|
|
font-size:24px;
|
|
padding-top:60px;
|
|
line-height:34px;
|
|
}
|
|
|
|
.test-title-2{
|
|
font-size:40px;
|
|
line-height:52px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.test-desc
|
|
{
|
|
font-family:"icielPanton",Arial;
|
|
text-align:justify;
|
|
padding:30px 100px;
|
|
font-size:16px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.test-right
|
|
{
|
|
position:relative;
|
|
}
|
|
|
|
img.test-img
|
|
{
|
|
width:430px;
|
|
position:absolute;
|
|
bottom:-20px;
|
|
}
|
|
|
|
.test-feature img
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
/* End Test Overview */
|
|
|
|
/* Start Test Customer */
|
|
.test-customer-title
|
|
{
|
|
font-size:24px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
margin:30px;
|
|
line-height:32px;
|
|
text-align:center;
|
|
}
|
|
|
|
.test-customer-title-content
|
|
{
|
|
border-bottom:solid 3px #BF222F;
|
|
}
|
|
|
|
.test-customer-desc
|
|
{
|
|
text-align:justify;
|
|
padding:20px;
|
|
line-height:20px;
|
|
}
|
|
|
|
.customer-item
|
|
{
|
|
width:240px;
|
|
height:160px;
|
|
border-right:1px solid #E5E5E5;
|
|
border-bottom:1px solid #E5E5E5;
|
|
}
|
|
|
|
.customer-item.second
|
|
{
|
|
border-bottom:none;
|
|
}
|
|
|
|
.customer-item .item
|
|
{
|
|
width:240px;
|
|
height:160px;
|
|
display:inline-block;
|
|
position:relative;
|
|
}
|
|
|
|
.customer-item-middle
|
|
{
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
vertical-align: middle;
|
|
text-align:center;
|
|
}
|
|
|
|
.customer-item-img
|
|
{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
max-width: 220px;
|
|
max-height: 140px;
|
|
}
|
|
|
|
.customer-item-img img
|
|
{
|
|
max-width: 90%;
|
|
max-height: 140px;
|
|
}
|
|
|
|
.scrollable-v
|
|
{
|
|
width:100%;
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
.scrollable-v-content
|
|
{
|
|
/*width:1000px;*/
|
|
margin:auto;
|
|
text-align:center;
|
|
}
|
|
|
|
.scrollable-v-content .v-list
|
|
{
|
|
display:table;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.scrollable-v-content .v-list li
|
|
{
|
|
margin-right:0px;
|
|
display:table-cell;
|
|
}
|
|
/* End Test Customer */
|
|
|
|
/*== End Test section ==*/
|
|
|
|
.share img
|
|
{
|
|
width:40px;
|
|
margin:10px;
|
|
}
|
|
|
|
/* Footer */
|
|
.footer-nav
|
|
{
|
|
padding:10px;
|
|
background-color:#272E41;
|
|
color:#E5E5E4;
|
|
}
|
|
|
|
.nav-title
|
|
{
|
|
font-family:Arial;
|
|
font-size:15px;
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
padding:15px 0px 0px 5px;
|
|
padding-left:45px;
|
|
}
|
|
|
|
.footer-nav .cell
|
|
{
|
|
border-right:1px solid #444046;
|
|
}
|
|
|
|
.footer-nav .cell:last-child
|
|
{
|
|
border-right:none;
|
|
}
|
|
|
|
.footer-nav .cell a
|
|
{
|
|
color:#939292;
|
|
}
|
|
|
|
.footer-info
|
|
{
|
|
padding:20px;
|
|
font-size:12px;
|
|
line-height:20px;
|
|
background-color:#272E41;
|
|
}
|
|
|
|
.footer-info-value
|
|
{
|
|
color:#fff;
|
|
font-style:italic;
|
|
}
|
|
|
|
.copyright-content
|
|
{
|
|
font-family:"iCielGotham", Arial;
|
|
font-weight:thin;
|
|
text-align:center;
|
|
font-size: 14px;
|
|
padding:10px;
|
|
color:#fff;
|
|
background-color:#272E41;
|
|
border-top:1px solid #444046;
|
|
}
|
|
/* End footer */
|
|
|
|
/* E-Course Detail Banner */
|
|
.ecourse-banner
|
|
{
|
|
background-image:url(../images/ecourse-banner.jpg);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
width:100%;
|
|
min-height:100px;
|
|
color:#FFF;
|
|
position:relative;
|
|
}
|
|
|
|
.ecourse-banner-bound
|
|
{
|
|
padding:100px 60px 60px 60px;
|
|
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.54);
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
font-size:45px;
|
|
font-weight:bold;
|
|
line-height:66px;
|
|
text-align:center;
|
|
border-bottom:2px solid #fff;
|
|
}
|
|
|
|
.ecourse-banner-desc
|
|
{
|
|
font-size:16px;
|
|
line-height:26px;
|
|
}
|
|
/* End E-Course Detail Banner */
|
|
|
|
/*Typical courses*/
|
|
.typical-courses
|
|
{
|
|
padding:20px 0px;
|
|
}
|
|
|
|
.typical-courses-title
|
|
{
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
margin-top:20px;
|
|
}
|
|
|
|
.typical-courses-title .row-1
|
|
{
|
|
font-size:20px;
|
|
line-height:30px;
|
|
color:#000;
|
|
}
|
|
|
|
.typical-courses-title .row-2
|
|
{
|
|
font-size:40px;
|
|
line-height:56px;
|
|
font-weight:bold;
|
|
color:#BF222F;
|
|
}
|
|
|
|
.typical-courses-desc
|
|
{
|
|
font-size:16px;
|
|
line-height:26px;
|
|
text-align:center;
|
|
color:#2C2C2C;
|
|
}
|
|
|
|
.typical-course-list
|
|
{
|
|
text-align:center;
|
|
margin-top:40px;
|
|
}
|
|
|
|
.typical-course-block
|
|
{
|
|
display:inline-block;
|
|
padding:10px;
|
|
}
|
|
|
|
.typical-course-block .typical-course-image img
|
|
{
|
|
width:269px;
|
|
height:143px;
|
|
}
|
|
|
|
.typical-course-block .typical-course-action
|
|
{
|
|
color:#B7B7B7;
|
|
font-style:italic;
|
|
padding:10px;
|
|
}
|
|
|
|
.design-method
|
|
{
|
|
|
|
}
|
|
|
|
.design-method-title
|
|
{
|
|
background-color:#86B13F;
|
|
color:#FFF;
|
|
padding:30px 0px;
|
|
font-size:30px;
|
|
line-height:40px;
|
|
text-transform:uppercase;
|
|
text-align:center;
|
|
}
|
|
|
|
.design-method-title .row-1
|
|
{
|
|
font-size:20px;
|
|
line-height:30px;
|
|
}
|
|
|
|
.design-method-title .row-2
|
|
{
|
|
font-size:40px;
|
|
line-height:56px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.design-method-img img
|
|
{
|
|
width:100%;
|
|
height:auto;
|
|
}
|
|
|
|
|
|
/*End E-course-criteria*/
|
|
|
|
/* Design process */
|
|
.process
|
|
{
|
|
position:relative;
|
|
background-image:url(../images/design-process.jpg);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
width:100%;
|
|
min-height:100px;
|
|
margin-top:50px;
|
|
}
|
|
|
|
.process .process-title
|
|
{
|
|
padding-top:100px;
|
|
padding-bottom:50px;
|
|
text-align:center;
|
|
width:100%;
|
|
}
|
|
.process .process-title-bound
|
|
{
|
|
text-transform:uppercase;
|
|
font-size:28px;
|
|
color:#FFF;
|
|
background-color:#5D5D5D;
|
|
background-color: rgb(93, 93, 93);
|
|
/* RGBa with 0.6 opacity */
|
|
background-color: rgba(93, 93, 93, 0.8);
|
|
padding:5px 10px;
|
|
}
|
|
/* End Design process */
|
|
|
|
/* Start Customer */
|
|
.customer
|
|
{
|
|
border-top:2px solid #c5c5c5;
|
|
}
|
|
|
|
.customer .customer-title
|
|
{
|
|
margin-top:20px;
|
|
padding:10px;
|
|
font-size:24px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
text-align:center;
|
|
color:#6C7D7D;
|
|
}
|
|
|
|
.m-menu.cust-list
|
|
{
|
|
box-shadow:none;
|
|
}
|
|
|
|
.m-menu.cust-list li:hover
|
|
{
|
|
background-color:transparent;
|
|
}
|
|
/* End Customer */
|
|
|
|
/*==== Ebooks ====*/
|
|
.ebooks{
|
|
font-family:"icielPanton";
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.ebooks-banner{
|
|
background:url("../images/ebook-bg.png") no-repeat;
|
|
text-align:center;
|
|
}
|
|
|
|
.ebooks-title{
|
|
text-transform:uppercase;
|
|
color:#fff;
|
|
padding:40px 10px;
|
|
}
|
|
|
|
.ebooks-title .ebooks-title-style1{
|
|
font-size:25px;
|
|
}
|
|
|
|
.ebooks-title .ebooks-title-style2{
|
|
font-size:40px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.ebooks-video-instance{
|
|
cursor:pointer;
|
|
}
|
|
|
|
.overlay{
|
|
display:none;
|
|
text-align:center;
|
|
background-color:rgba(0, 0, 0, 0.901961);
|
|
}
|
|
|
|
.cross{
|
|
position: absolute;
|
|
right: 30px;
|
|
top: -8px;
|
|
font-size: 60px;
|
|
color: #fff;
|
|
/*font-family: 'maven_pro_light200';*/
|
|
cursor: pointer;
|
|
z-index: 999999;
|
|
}
|
|
|
|
.ebooks-overview-title{
|
|
font-size:35px;
|
|
margin:40px 0px 30px 0px;
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.ebooks-style1{
|
|
color:#3D3732;
|
|
}
|
|
|
|
.ebooks-style2{
|
|
color:#83C2E0;
|
|
}
|
|
|
|
.ebooks-overview-content{
|
|
font-size:18px;
|
|
line-height:28px;
|
|
text-align:justify;
|
|
color:#535353;
|
|
display:table-cell;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.ebooks-overview-content .focus{
|
|
color:#2C2C2C;
|
|
}
|
|
|
|
.ebooks-overview-content-bound{
|
|
height:100%;
|
|
display:table;
|
|
}
|
|
|
|
.ebooks-content-platform{
|
|
background-color:#97B643;
|
|
color:#fff;
|
|
}
|
|
|
|
.ebooks-content-platform-content{
|
|
text-align:justify;
|
|
}
|
|
|
|
.ebooks-content-platform-title,
|
|
.ebooks-content-compatible-title,
|
|
.ebooks-content-report-title,
|
|
.ebooks-content-drm-title,
|
|
.ebooks-content-enrichment-title,
|
|
.ebooks-content-quiz-title{
|
|
text-align:center;
|
|
font-size:28px;
|
|
line-height:36px;
|
|
padding:10px;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.ebooks-content-platform,
|
|
.ebooks-content-compatible,
|
|
.ebooks-content-report,
|
|
.ebooks-content-drm,
|
|
.ebooks-content-enrichment,
|
|
.ebooks-content-quiz{
|
|
padding:40px 0px;
|
|
font-size:18px;
|
|
line-height:26px;
|
|
text-align:center;
|
|
font-family:"icielPanton";
|
|
}
|
|
|
|
.ebooks-content-title-sub
|
|
{
|
|
font-size:20px;
|
|
}
|
|
|
|
.ebooks-content-compatible-content,
|
|
.ebooks-content-report-content{
|
|
padding-top:30px;
|
|
}
|
|
|
|
.ebooks-content-report{
|
|
background-color:#0a93cf;
|
|
color:#fff;
|
|
}
|
|
|
|
.ebooks-content-drm,
|
|
.ebooks-content-quiz{
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
.ebooks-content-drm-content,
|
|
.ebooks-content-quiz-content{
|
|
color:#797A7A;
|
|
padding-bottom:30px;
|
|
}
|
|
|
|
.ebooks-content-enrichment{
|
|
background-color:#f79f46;
|
|
}
|
|
|
|
.ebooks-content-quiz{
|
|
margin-bottom:-40px;
|
|
}
|
|
|
|
/*==== End Ebooks ====*/
|
|
|
|
/*==== Start General Intro ====*/
|
|
.general-intro-banner
|
|
{
|
|
}
|
|
|
|
.general-intro-banner img
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.introduction
|
|
{
|
|
padding:30px 0px;
|
|
text-align:center;
|
|
}
|
|
|
|
.introduction-title
|
|
{
|
|
padding:10px 0px;
|
|
font-size:36px;
|
|
color:#565556;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.introduction-desc
|
|
{
|
|
font-size:16px;
|
|
line-height:26px;
|
|
color:#918F8F;
|
|
text-align:justify;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
.key-value
|
|
{
|
|
color:#FFF;
|
|
text-align:justify;
|
|
padding-top:20px;
|
|
background-image:url(../images/bg-key-value.png);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
background-color:#F6F6F6;
|
|
}
|
|
|
|
.key-value .key-value-content
|
|
{
|
|
padding-bottom:100px;
|
|
}
|
|
|
|
.key-value-title
|
|
{
|
|
text-transform:uppercase;
|
|
text-align:center;
|
|
font-size:16px;
|
|
padding:10px 0px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.key-value-desc
|
|
{
|
|
font-size:14px;
|
|
line-height:20px;
|
|
}
|
|
|
|
.key-value-block
|
|
{
|
|
padding:15px;
|
|
margin:10px 30px;
|
|
}
|
|
|
|
.key-value-block.green
|
|
{
|
|
background-color:#149347;
|
|
}
|
|
|
|
.key-value-block.yellow
|
|
{
|
|
background-color:#FBD913;
|
|
}
|
|
|
|
.key-value-block.orange
|
|
{
|
|
background-color:#F05B24;
|
|
}
|
|
|
|
.key-value-block.grey
|
|
{
|
|
background-color:#595959;
|
|
}
|
|
|
|
.key-value-block.violet
|
|
{
|
|
background-color:#2F358F;
|
|
}
|
|
|
|
.key-value-center
|
|
{
|
|
color:#565556;
|
|
background-color:#FFF;
|
|
font-size:34px;
|
|
font-weight:bold;
|
|
padding:8px 20px;
|
|
border-radius:20px;
|
|
border:2px solid #565556;
|
|
}
|
|
|
|
/*==== End General Intro ====*/
|
|
|
|
/*==== Start Partner ====*/
|
|
.partner
|
|
{
|
|
padding:20px 0px;
|
|
text-align:center;
|
|
}
|
|
|
|
.partner-title
|
|
{
|
|
font-size:36px;
|
|
font-weight:bold;
|
|
padding:20px 0px;
|
|
}
|
|
|
|
.partner-list .partner-block
|
|
{
|
|
margin:15px;
|
|
padding:10px 20px;
|
|
border:1px solid #F38E20;
|
|
border-radius:15px;
|
|
}
|
|
|
|
.partner-list .partner-block .logo
|
|
{
|
|
padding:10px 0px;
|
|
border-bottom:3px solid #F38E20;
|
|
}
|
|
|
|
.partner-list .partner-block .logo img
|
|
{
|
|
max-width:400px;
|
|
max-height:100px;
|
|
}
|
|
|
|
.partner-list .partner-block .desc
|
|
{
|
|
padding-top:20px;
|
|
padding-bottom:10px;
|
|
color:#5B5B5B;
|
|
font-size:16px;
|
|
line-height:24px;
|
|
text-align:justify;
|
|
}
|
|
|
|
.main-customer
|
|
{
|
|
padding:20px 0px;
|
|
text-align:center;
|
|
}
|
|
|
|
.main-customer-title
|
|
{
|
|
font-size:36px;
|
|
font-weight:bold;
|
|
padding:10px 0px;
|
|
}
|
|
|
|
.main-customer-list img
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
|
|
/*==== End Partner ====*/
|
|
|
|
/*==== Start Contact ====*/
|
|
|
|
.contact-banner img
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.contact
|
|
{
|
|
background-image:url(../images/bg-contact.png);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
min-height:300px;
|
|
padding:20px 0px;
|
|
}
|
|
|
|
.contact-title
|
|
{
|
|
padding:10px 0px;
|
|
margin-bottom:50px;
|
|
font-size:36px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
}
|
|
|
|
.contact-block
|
|
{
|
|
padding:20px;
|
|
width:300px;
|
|
margin:auto;
|
|
text-align:left;
|
|
font-size:14px;
|
|
line-height:24px;
|
|
background-color:#FFF;
|
|
border:1px solid #F38E20;
|
|
border-radius:15px;
|
|
box-shadow: 5px 5px 5px #888888;
|
|
position:relative;
|
|
}
|
|
|
|
.contact-block.item-1
|
|
{
|
|
-ms-transform: rotate(-20deg); /* IE 9 */
|
|
-webkit-transform: rotate(-20deg); /* Safari */
|
|
transform: rotate(-20deg); /* Standard syntax */
|
|
position:relative;
|
|
left:-130px;
|
|
}
|
|
|
|
.contact-block.item-2
|
|
{
|
|
-ms-transform: rotate(10deg); /* IE 9 */
|
|
-webkit-transform: rotate(10deg); /* Safari */
|
|
transform: rotate(10deg); /* Standard syntax */
|
|
position:relative;
|
|
right:-130px;
|
|
top:-100px;
|
|
}
|
|
|
|
.contact-block .title
|
|
{
|
|
font-size:22px;
|
|
line-height:34px;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
color:#1057a4;
|
|
}
|
|
|
|
.contact-block .stick
|
|
{
|
|
position:absolute;
|
|
top:-50px;
|
|
right:150px;
|
|
}
|
|
/*==== End Contact ====*/
|
|
|
|
|
|
/* Contact footer */
|
|
.contact-footer{
|
|
background-image:url(../images/bg-contact-footer.jpg);
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-repeat: none;
|
|
width:100%;
|
|
min-height:400px;
|
|
}
|
|
|
|
.contact-footer-content{
|
|
padding: 50px 0px;
|
|
color:#fff;
|
|
font-size:16px;
|
|
line-height:24px;
|
|
}
|
|
|
|
.contact-footer-title{
|
|
font-size:30px;
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
margin-top:20px;
|
|
}
|
|
|
|
.contact-footer-block{
|
|
width:400px;
|
|
padding:25px;
|
|
margin:30px 0px;
|
|
/*background-color:rgba(18,115,158,0.6);*/
|
|
background-color:rgba(54,93,131,0.6);
|
|
}
|
|
|
|
.back-to-top{
|
|
width:50px;
|
|
height:50px;
|
|
position:fixed;
|
|
bottom: 10px;
|
|
right:10px;
|
|
cursor:pointer;
|
|
display:none;
|
|
}
|
|
|
|
.process-detail
|
|
{
|
|
text-align:center;
|
|
padding:50px 0px;
|
|
}
|
|
|
|
.design-process-step
|
|
{
|
|
padding:8px;
|
|
border-radius:60px;
|
|
height:120px;
|
|
width:120px;
|
|
margin: 100px 40px;
|
|
color:#FFF;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
font-size:72px;
|
|
font-family:Arial;
|
|
line-height:88px;
|
|
font-weight:bold;
|
|
display:inline-block;
|
|
cursor:pointer;
|
|
position:relative;
|
|
}
|
|
|
|
.design-process-step:hover
|
|
{
|
|
/*border-radius:120px;
|
|
height:240px;
|
|
width:240px;*/
|
|
}
|
|
|
|
.design-process-step.upper
|
|
{
|
|
position:relative;
|
|
top:-60px;
|
|
}
|
|
|
|
.design-process-step.lowwer
|
|
{
|
|
position:relative;
|
|
bottom:-60px;
|
|
}
|
|
|
|
.design-process-step.step1,
|
|
.design-process-step-detail.step1
|
|
{
|
|
background-color:#F0C218;
|
|
border:8px solid #F8D975;
|
|
}
|
|
|
|
.design-process-step.step1:hover
|
|
{
|
|
background-color:#F0C218;
|
|
border:8px solid #DBA705;
|
|
}
|
|
|
|
.design-process-step.step2,
|
|
.design-process-step-detail.step2
|
|
{
|
|
background-color:#2099D4;
|
|
border:8px solid #52C2EF;
|
|
}
|
|
|
|
.design-process-step.step2:hover
|
|
{
|
|
background-color:#2099D4;
|
|
border:8px solid #0986B7;
|
|
}
|
|
|
|
.design-process-step.step3,
|
|
.design-process-step-detail.step3
|
|
{
|
|
background-color:#BF222F;
|
|
border:8px solid #E95769;
|
|
}
|
|
|
|
.design-process-step.step3:hover
|
|
{
|
|
background-color:#BF222F;
|
|
border:8px solid #990214;
|
|
}
|
|
|
|
.design-process-step.step4,
|
|
.design-process-step-detail.step4
|
|
{
|
|
background-color:#8DC245;
|
|
border:8px solid #B8D775;
|
|
}
|
|
|
|
.design-process-step.step4:hover
|
|
{
|
|
background-color:#8DC245;
|
|
border:8px solid #6FAA13;
|
|
}
|
|
|
|
.design-process-step.step5,
|
|
.design-process-step-detail.step5
|
|
{
|
|
background-color:#E76C24;
|
|
border:8px solid #F69463;
|
|
}
|
|
|
|
.design-process-step.step5:hover
|
|
{
|
|
background-color:#E76C24;
|
|
border:8px solid #D34C09;
|
|
}
|
|
|
|
.design-process-step-detail
|
|
{
|
|
padding:35px;
|
|
border-radius:130px;
|
|
height:260px;
|
|
width:260px;
|
|
overflow:hidden;
|
|
color:#FFF;
|
|
text-align:justify;
|
|
vertical-align:middle;
|
|
font-size:14px;
|
|
line-height:20px;
|
|
display:none;
|
|
position:absolute;
|
|
font-weight:normal;
|
|
cursor:auto;
|
|
}
|
|
|
|
/*==== Responsive ====*/
|
|
/* Desktop */
|
|
@media screen and (min-width: 800px) {
|
|
img.lms-img
|
|
{
|
|
bottom:-20px;
|
|
left:-60px;
|
|
}
|
|
|
|
.lms-title
|
|
{
|
|
padding-top:40px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
img.lms-img
|
|
{
|
|
bottom:-40px;
|
|
left:-100px;
|
|
}
|
|
|
|
.lms-title
|
|
{
|
|
padding-top:60px;
|
|
}
|
|
}
|
|
|
|
/* Large desktop */
|
|
@media screen and (min-width: 1200px) {
|
|
img.lms-img
|
|
{
|
|
bottom:-40px;
|
|
left:-100px;
|
|
}
|
|
.lms-desc
|
|
{
|
|
padding-left:50px;
|
|
padding-right:50px;
|
|
}
|
|
.test-desc
|
|
{
|
|
padding-left:150px;
|
|
padding-right:150px;
|
|
}
|
|
}
|
|
/* Very Large desktop */
|
|
@media screen and (max-width: 1200px) {
|
|
.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a{
|
|
padding-left:8px;
|
|
padding-right:8px;
|
|
}
|
|
}
|
|
/* tablet landscape*/
|
|
@media only screen and (max-width: 1024px) {
|
|
.about-us
|
|
{
|
|
margin-top:20px;
|
|
margin-bottom:30px;
|
|
}
|
|
|
|
.test-desc
|
|
{
|
|
padding-left:50px;
|
|
padding-right:50px;
|
|
}
|
|
}
|
|
/* tablet portrait */
|
|
@media only screen and (max-width: 800px) {
|
|
.about-us
|
|
{
|
|
margin-top:10px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
img.lms-img
|
|
{
|
|
bottom:-10px;
|
|
left:-20px;
|
|
}
|
|
|
|
.lms-title
|
|
{
|
|
padding-top:30px;
|
|
}
|
|
|
|
.test-desc
|
|
{
|
|
padding-left:30px;
|
|
padding-right:30px;
|
|
}
|
|
|
|
.test-title-1
|
|
{
|
|
padding-top:50px;
|
|
}
|
|
|
|
.course-list
|
|
{
|
|
bottom:40px;
|
|
}
|
|
}
|
|
/* Phones landscape*/
|
|
@media only screen and (max-width: 640px) {
|
|
.english-block
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.english-block-content
|
|
{
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
.english-block.third
|
|
{
|
|
padding-top:10px;
|
|
border-radius:0px;
|
|
height:auto;
|
|
position:relative;
|
|
top:0px;
|
|
margin-bottom:10px;
|
|
border:none;
|
|
}
|
|
|
|
.english-block.third .english-block-caption
|
|
{
|
|
margin-left:0px;
|
|
margin-right:0px;
|
|
}
|
|
|
|
img.lms-img
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
.lms-title
|
|
{
|
|
padding-top:30px;
|
|
}
|
|
|
|
img.test-img
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
.test-title-1
|
|
{
|
|
padding-top:30px;
|
|
}
|
|
|
|
.e-course-title
|
|
{
|
|
|
|
}
|
|
|
|
.e-course-content{
|
|
display:none;
|
|
}
|
|
|
|
.course-list li a
|
|
{
|
|
margin:5px;
|
|
}
|
|
}
|
|
/* Phones portrait*/
|
|
@media only screen and (max-width: 480px) {
|
|
|
|
}
|
|
@media only screen and (max-width: 360px) {
|
|
|
|
}
|
|
@media only screen and (max-width: 320px) {
|
|
|
|
}
|
|
|
|
/*==== Responsive ====*/
|
|
/* Desktop */
|
|
@media screen and (min-width: 800px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:450px;
|
|
}
|
|
|
|
.e-course-title{
|
|
padding:15px;
|
|
}
|
|
|
|
.e-course-content{
|
|
top:120px;
|
|
}
|
|
|
|
.course-list{
|
|
bottom:20px;
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
right:30px;
|
|
bottom:90px;
|
|
font-size:40px;
|
|
}
|
|
|
|
.criteria-title .row-1
|
|
{
|
|
font-size:20px;
|
|
line-height:30px;
|
|
}
|
|
|
|
.criteria-title .row-2
|
|
{
|
|
font-size:40px;
|
|
}
|
|
|
|
.process .process-title-bound
|
|
{
|
|
font-size:28px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:500px;
|
|
}
|
|
|
|
.e-course-title{
|
|
padding:15px;
|
|
}
|
|
|
|
.e-course-content{
|
|
top:120px;
|
|
}
|
|
|
|
.course-list{
|
|
bottom:20px;
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
right:70px;
|
|
bottom:90px;
|
|
}
|
|
}
|
|
|
|
/* Large desktop */
|
|
@media screen and (min-width: 1200px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:600px;
|
|
}
|
|
|
|
.e-course-title{
|
|
padding:30px;
|
|
}
|
|
|
|
.e-course-content{
|
|
top:160px;
|
|
}
|
|
|
|
.course-list{
|
|
bottom:30px;
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
right:120px;
|
|
bottom:130px;
|
|
}
|
|
}
|
|
/* Very Large desktop */
|
|
@media screen and (min-width: 1366px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:600px;
|
|
}
|
|
.ecourse-banner-title
|
|
{
|
|
font-size:60px;
|
|
line-height:76px;
|
|
}
|
|
.ecourse-banner-desc
|
|
{
|
|
font-size:18px;
|
|
line-height:28px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1600px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:600px;
|
|
}
|
|
.ecourse-banner-title
|
|
{
|
|
font-size:60px;
|
|
line-height:76px;
|
|
}
|
|
.ecourse-banner-desc
|
|
{
|
|
font-size:18px;
|
|
line-height:28px;
|
|
}
|
|
|
|
.lms-title
|
|
{
|
|
padding-top:140px;
|
|
font-size:80px;
|
|
}
|
|
/*Kiennt*/
|
|
.lms-name-vn
|
|
{
|
|
font-size:24px;
|
|
}
|
|
.lms-name-en
|
|
{
|
|
font-size:40px;
|
|
line-height:52px;
|
|
}
|
|
.lms-desc
|
|
{
|
|
font-size:20px;
|
|
}
|
|
.about-us-content
|
|
{
|
|
font-size:17px;
|
|
line-height:28px;
|
|
}
|
|
|
|
.typical-courses-title .row-1,
|
|
.design-method-title .row-1
|
|
{
|
|
font-size:26px;
|
|
}
|
|
|
|
.typical-courses-title .row-2,
|
|
.design-method-title .row-2
|
|
{
|
|
font-size:54px;
|
|
line-height:70px;
|
|
}
|
|
|
|
.typical-courses-desc
|
|
{
|
|
font-size:20px;
|
|
}
|
|
}
|
|
/* tablet landscape*/
|
|
@media only screen and (max-width: 1024px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:500px;
|
|
}
|
|
}
|
|
/* tablet portrait */
|
|
@media only screen and (max-width: 800px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:450px;
|
|
}
|
|
|
|
.e-course-title{
|
|
padding:15px;
|
|
}
|
|
|
|
.e-course-content{
|
|
top:120px;
|
|
}
|
|
|
|
.course-list{
|
|
bottom:20px;
|
|
}
|
|
|
|
.course-list img{
|
|
width:50px;
|
|
height:50px;
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
right:30px;
|
|
bottom:40px;
|
|
font-size:34px;
|
|
}
|
|
|
|
.criteria-title .row-1
|
|
{
|
|
font-size:16px;
|
|
line-height:24px;
|
|
}
|
|
|
|
.criteria-title .row-2
|
|
{
|
|
font-size:34px;
|
|
}
|
|
|
|
.process .process-title
|
|
{
|
|
top:50px;
|
|
}
|
|
|
|
.process .process-title-bound
|
|
{
|
|
font-size:20px;
|
|
}
|
|
}
|
|
/* Phones landscape*/
|
|
@media only screen and (max-width: 640px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:360px;
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
right:20px;
|
|
bottom:30px;
|
|
font-size:30px;
|
|
line-height:40px;
|
|
}
|
|
|
|
.contact-block.item-1
|
|
{
|
|
-ms-transform: rotate(0deg); /* IE 9 */
|
|
-webkit-transform: rotate(0deg); /* Safari */
|
|
transform: rotate(0deg); /* Standard syntax */
|
|
position:relative;
|
|
margin:10px auto;
|
|
left:0px;
|
|
}
|
|
|
|
.contact-block.item-2
|
|
{
|
|
-ms-transform: rotate(0deg); /* IE 9 */
|
|
-webkit-transform: rotate(0deg); /* Safari */
|
|
transform: rotate(0deg); /* Standard syntax */
|
|
position:relative;
|
|
margin:10px auto;
|
|
right:0px;
|
|
top:0px;
|
|
}
|
|
|
|
.contact-block .stick
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
.contact-title{
|
|
margin-bottom:0px;
|
|
}
|
|
}
|
|
/* Phones portrait*/
|
|
@media only screen and (max-width: 480px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:270px;
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
right:15px;
|
|
bottom:20px;
|
|
font-size:24px;
|
|
line-height:30px;
|
|
}
|
|
|
|
.criteria-title .row-1
|
|
{
|
|
font-size:14px;
|
|
line-height:20px;
|
|
}
|
|
|
|
.criteria-title .row-2
|
|
{
|
|
font-size:26px;
|
|
}
|
|
|
|
.process .process-title
|
|
{
|
|
top:30px;
|
|
}
|
|
|
|
.process .process-title-bound
|
|
{
|
|
font-size:16px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 360px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:200px;
|
|
}
|
|
|
|
.ecourse-banner-title
|
|
{
|
|
right:10px;
|
|
bottom:10px;
|
|
font-size:20px;
|
|
line-height:26px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 320px) {
|
|
.ecourse-banner-bound,
|
|
.cb-slideshow{
|
|
height:180px;
|
|
}
|
|
} |