body {min-height: 1000px;}
    body:lang(zh) {
        font-family: tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
    }

.iml-why .easy, .iml-why .free, .iml-why .support, .iml-why .fun,.navbar .navbar-brand.logo,.navbar .navbar-brand.logo .hover,.iml-take .iml-take-btn a.desktop, .iml-take .iml-take-btn a.tablet, .iml-take .iml-take-btn a.app{ background:url(../images/default-icons.png) no-repeat;}

.page-container { margin: 0 auto; cursor: default; }
.iml-container{ background: #fff;  padding: 0px; min-height: 1000px;}
.txPhoneNumTip{color:#fff; margin-right:10px;}

.iml-des{ font-size: 30px; color: #989898; }

.btn-outline{color:#19589b;background-color:transparent;border-color:#19589b}
.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:#fff;background-color:#19589b;border-color:#19589b}

.iml-btn-group a{margin: 10px; width: 164px; font-size: 24px;}

.iml-video{padding: 20px 0px; background: #ed9118;}
.iml-video .video{margin: 0px 120px;}

.btmlogobg1{ margin-top:30px;}

.iml-what{text-align: center; padding:20px 0px;}
.iml-what .lead{font-size: 15px; color:#fff; font-family:Arial; margin-bottom:0px; text-shadow:0px 2px 4px rgba(0,0,0,1);}
.iml-what .lead b{font-size:24px;color: #ed9118;}
.iml-what .btn-outline{color:#ed9118;background-color:transparent;border-color:#ed9118}
.iml-what .btn-outline:hover,.iml-what .btn-outline:focus,.iml-what .btn-outline:active{color:#fff;background-color:#ed9118;border-color:#ed9118}


.iml-title{font-size: 32px;}
.iml-lead{font-size: 18px; color: #5b5b5b;}

.half-rule{width: 100px; margin: 40px auto;}

.iml-using-schools{ background: url(../images/banner-logos.jpg) #225d9b repeat center center fixed; height: 560px; text-align: center; padding-top: 110px;}
.iml-using-schools h2{ font-size: 84px; color: #fff;}
.iml-using-schools h2 span{color: #ed9118;}
.iml-using-schools .lead{ font-size: 30px; color: #fff;}
.iml-using-schools .sign-btn{ margin-top: 50px;}
.iml-using-schools .btn-outline{color:#fff;background-color:transparent;border-color:#fff; padding: 15px 30px;}
.iml-using-schools .btn-outline:hover,.iml-using-schools .btn-outline:focus,.iml-using-schools .btn-outline:active{color:#225d9b;background-color:#fff;border-color:#225d9b;}


.iml-why{ background:#f5f5f5; padding: 40px 0;}
.iml-why .easy, .iml-why .free, .iml-why .support, .iml-why .fun{ display: block; width: 75px; height: 75px; margin: 20px 20px 0 0; transition:all 0.1s linear;}
.iml-why .easy{background-position:-627px 0;}
.iml-why .easy-area:hover .easy{background-position:-702px 0px;}
.iml-why .free{background-position:-629px -70px;}
.iml-why .free-area:hover .free{background-position:-704px -70px;}
.iml-why .support{background-position:-630px -227px;}
.iml-why .support-area:hover .support{background-position:-705px -227px;}
.iml-why .fun{background-position:-632px -146px;}
.iml-why .fun-area:hover .fun{background-position:-707px -146px;}
.iml-why .easy-area:hover, .iml-why .easy-area:hover p,.iml-why .free-area:hover,.iml-why .free-area:hover p,.iml-why .support-area:hover,.iml-why .support-area:hover p,.iml-why .fun-area:hover,.iml-why .fun-area:hover p{color:#2661a0; cursor:pointer;}


.iml-why p{ font-size: 16px; color: #555;}
.iml-why .col-sm-6{padding: 20px;}

.iml-take{ background: #fdd761; padding: 20px 0px; text-align: center; position: relative; min-height: 504px;}
.iml-take .everywhere,.iml-take .iml-take-btn{margin-bottom: 20px;}

.iml-take .iml-take-btn a:hover{text-decoration: none;}
.iml-take .iml-take-btn a.desktop, .iml-take .iml-take-btn a.tablet, .iml-take .iml-take-btn a.app{width: 140px; color: #8e7937; text-align: center; margin:0px 15px; display:inline-block; padding-top: 46px;}
.iml-take .iml-take-btn a.desktop{background-position:-126px 0;}
.iml-take .iml-take-btn a.tablet{background-position:-285px 0px;}
.iml-take .iml-take-btn a.app{background-position:-445px 0;}
.iml-take .iml-take-btn a:hover{color:#333;}
.iml-take .iml-take-btn a:hover.desktop{background-position:-126px -80px;}
.iml-take .iml-take-btn a:hover.tablet{background-position:-285px -83px;}
.iml-take .iml-take-btn a:hover.app{background-position:-445px -80px;}


.img-testimonials{padding: 40px 0px;}

.img-testimonials blockquote{ margin: 20px 0px; font-size: 16px; color: #333; border-left: 0px solid #eee;}
.img-testimonials .blockquote-reverse h5:before {content: '\00A0 \2014';}


.iml-social{background:#333; color:#fff; padding: 20px 0px 20px 0px;}
.iml-social .form-control[disabled]{ background: #848484; border: #848484;}
.iml-social .iml-select{border:#666 solid 1px; background: #333; color:#ececec; }
.iml-social .school-list li a{line-height:24px; padding:0px 10px;}
.fa-1-5{font-size: 1.5em;}

.iml-links{ background: #232323; padding: 20px 0px 10px 0px; text-align: center; color: #a6a6a6}
.iml-links .top{padding-bottom: 10px; margin-bottom: 0px;}

.l-online{ background:url(/FrontPage/images/iml-icons.png)no-repeat 0 0;background-position:-2px -6px; _background-position:-2px -3px;}

.iml-links .top a{ margin: 0px 10px; color: #fff;}
.iml-links .copy{padding-top: 5px;}

.navbar .navbar-brand.logo{position:relative; text-indent:-9999px; padding: 0; margin-left:0px; background-position:-120px -162px; width:150px; height:40px;  display:block;margin:10px 0;}
.navbar .navbar-brand.logo .hover{ background-position:-120px -89px; position:absolute;top:0;left:0;width:150px; height:40px; }

.topLetters{padding: 10px 0;}
.topLetters a{ margin: 0 7px;}

.font-letter{font-size: 35pt; font-family: Algerian; border-bottom: solid 1px #ddd;}
.font-num{border-bottom: solid 1px #ddd; font-size: 24px;}

.mini_box{background:#FCFCFC; margin: 0 10px 20px 0; padding: 10px 10px;line-height: 24px; width: 310px; height: 150px;}
.mini_box .network_name{ border-bottom:1px #eee solid; margin-bottom: 10px;}
.mini_box .network_name a{color: #000;}
.mini_box .network_name a:hover{ text-decoration: none;}
.mini_box .network_pic{ text-align: center;}

.testimonial_container{background-color: #FBFBFB;border: 1px solid #DDDDDD;display: block;margin-bottom: 18px;padding: 8px;text-align: left; color: #4f4f4f;}
.testimonial_container footer{text-align:right; margin-top: 10px; color: #000;}
.testimonial_container footer:before {content: '\00A0 \2014';}

.joinbox{background:#fff; padding:10px; border:#ddd solid 1px;}
.joinbox h4{ color:#ed9118; margin-top:0px; text-align:center;}
.schoollistbox ul { list-style: none; margin: 0; padding: 0; padding-left:10px; }
.schoollistbox ul li { list-style: none; margin: 0px; padding: 2px 0;}
.schoollistbox ul li a {text-decoration: none; color: #646464; display: block; font-size: 10px; }
.schoollistbox ul li a:hover {color: #703D04;  background-color: #F7CC57; }
.search_container{margin-bottom:5px;}

/*** integration page ***/
.integration{margin-top:40px; padding:40px 0px 0px 0px; border-top: #c9c9c9 solid 1px;}
.sign-logo a{ display: block; float: left; width: 219px; height: 72px; border: #c9c9c9 solid 1px; margin: 8px;}
.sign-logo a:hover{border-color: #19589b;}
.payment-logo{margin:20px 0px;}
.payment-logo a{ margin:0px 5px;}

/*** Animated ***/
@-webkit-keyframes animatedIntro {
    0% {
        -webkit-transform: translateY(20px);
        opacity: 0;
    }
        
    55% {
        -webkit-transform: translateY(20px);
        opacity: 0;
    }
        
    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}
        
@-moz-keyframes animatedIntro {
    0% {
        -moz-transform: translateY(20px);
        opacity: 0;
    }
        
    55% {
        -moz-transform: translateY(20px);
        opacity: 0;
    }
        
    100% {
        -moz-transform: translateY(0px);
        opacity: 1;
    }
}
        
@-ms-keyframes animatedIntro {
    0% {
        -ms-transform: translateY(20px);
        opacity: 0;
    }
        
    55% {
        -ms-transform: translateY(20px);
        opacity: 0;
    }
        
    100% {
        -ms-transform: translateY(0px);
        opacity: 1;
    }
}
        
@-o-keyframes animatedIntro {
    0% {
        -o-transform: translateY(20px);
        opacity: 0;
    }
        
    55% {
        -o-transform: translateY(20px);
        opacity: 0;
    }
        
    100% {
        -o-transform: translateY(0px);
        opacity: 1;
    }
}
        
@keyframes animatedIntro {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
        
    55% {
        transform: translateY(20px);
        opacity: 0;
    }
        
    100% {
        transform: translateY(0px);
        opacity:1;
    }
}



.iml-des{
    animation:animatedIntro 1s;
	-moz-animation:animatedIntro 1s; /* Firefox */
	-webkit-animation:animatedIntro 1s; /* Safari and Chrome */
	-o-animation:animatedIntro 1s; /* Opera */
}


#what-iml-list{overflow:hidden;}
#what-iml-list h3{color:#fff !important; font-weight:bold; margin-bottom:0px; text-shadow:0px 4px 4px rgba(0,0,0,1);}
#what-iml-list .inner{
	position:relative;
	transform:translateY(550px);
	-moz-transform:translateY(550px);
	-webkit-transform:translateY(550px);		
}

#what-iml-list .go-anim .inner{
	animation:column 300ms 1 normal ease-out forwards;
	-moz-animation:column 300ms 1 normal ease-out forwards;
	-webkit-animation:column 300ms 1 normal ease-out forwards;
}
@keyframes column {
	from {transform:translateY(450px);opacity:1;}
	to {transform:translateY(0);opacity:1;}
}
@-moz-keyframes column {
	from {-moz-transform:translateY(450px);opacity:1;}
	to {-moz-transform:translateY(0);opacity:1;}
}
@-webkit-keyframes column {
	from {-webkit-transform:translateY(450px);opacity:1;}
	to {-webkit-transform:translateY(0);opacity:1;}
}


/** solial area */
.solial-media {width: 310px; margin: 0 auto;}
.solial-media ul{padding: 0px; overflow: hidden;}
.solial-media ul li{ list-style: none; float: left; margin-right: 5px; }
.solial-media ul li a .fa-circle{ color: #8b8b8b;opacity: 0.2;}
.solial-media ul li a:hover .fa-circle{ opacity: 0.5;}
.solial-media ul li a .fa-twitter,.solial-media ul li a .fa-facebook{color: #232323;}
.solial-media ul li a:hover .fa-twitter,.solial-media ul li a:hover .fa-facebook{color: #fff;}
.solial-media .addFan{font-size: 11px; color: #8a8a8a;}
.solial-media iframe{width: 49px; height: 20px !important; margin: 10px 0 0 0px;}



/** for mobile page **/
.mobile-apps{background: url(../images/image_background_app.jpg) no-repeat center center; width: 100%; height: 889px; font-family:Arial;margin-top:10px;}

.mobile-apps p{ margin-bottom:0px;}
.ma-main{width: 1000px; margin: 0 auto; padding-top: 124px; position: relative; height: 889px;}
.ma-title{font-size: 52px; color: #fff; font-weight:100;}
.ma-txt{font-size: 36px; color: #fff; font-weight: 100;}
.ma-down-txt{font-size: 24px; color: #fff; font-weight: 100; margin-top: 20px;}
.ma-sms-language{overflow: hidden; width:500px;}
.ma-sms-language p{color: #fff; margin-top: 10px;font-size: 10px;}
.mobile-num{overflow: hidden; width:448px;}
.mobile-num-input{ width: 287px;background: #fff; height: 62px; padding: 10px;}
.mobile-num-input input{width: 100%; height: 42px; line-height: 42px; font-size: 28px;  border: 0 none;}
.mobile-num-action{ width: 161px; background: #edc806; color: #fff; border: 0 none; height: 62px;}
.mobile-version{margin-top: 20px;}
.mobile-version a{margin-right: 10px;}

.mobile-img{position: absolute; bottom: 0px; right: -100px;}

/*client enhancement*/
.school-list-h{height:265px;}
.img-gap{margin:0 8px;}

#contentDiv{padding:10px 5px;}

.im-mobile-app-download{text-align: center; padding:5px 0px 5px 0; margin:0px; background-color:#163B72;}

.iml-area{position: relative;}

.shadow-filter-img {
  /* For IE 8 */
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=0,Color='#fff')";
  /* chrome */
  -webkit-filter: drop-shadow(1px 0px 0px white);
  /* others */
  filter: drop-shadow(1px 0px 0px white);
}

.video-mask {
  position: absolute;
  top: -90px;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 10;
  background: #2D578B;
  opacity: .5;
}