header .full .logo {
	width:77px;
	height:71px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
footer div.FL {
	background-image: url(../images/00-foot-logo@2x.png);
	background-size: 72px 66px;
}
.index .highlight li {
	padding-top: 240px;
	margin-bottom: 20px;
}
.index .highlight li:nth-child(1) {
	background: url(../images/01-highlight-01@2x.png) top center no-repeat;
	background-size: 244px;
}
.index .highlight li:nth-child(2) {
	background: url(../images/01-highlight-02@2x.png) top center no-repeat;
	background-size: 244px;
}
.index .highlight li:nth-child(3) {
	background: url(../images/01-highlight-03@2x.png) top center no-repeat;
	background-size: 244px;
}
.index .highlight li div { display: none; }
}
@media screen and (max-width: 980px) {
.full {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
}
header nav ul li a {
	font-size: 12px;
	letter-spacing: 1px;
	padding: 14px 13px;
}
header nav ul li:last-child a { padding: 14px 18px; }
footer, footer div.FR { text-align: center; }
footer div.FR {
	position: static;
	right: auto;
}
footer div.FR {
	width: 100%;
	border-top: 1px solid #3c3c3c;
	padding-top: 30px;
}
footer div.FL, footer div.FR ul {
	float: none;
	display: inline-block;
}
footer div.FL {
	width: auto;
	text-align: left;
	padding-bottom: 22px;
}
footer .full { padding: 38px 0 32px; }
footer .social {
	padding-top: 15px;
	margin-right: 0;
}
#footer-logo {
    width: auto;
}

.index .highlight ul, .index .tools ul { text-align: center; }
.index .highlight ul li, .index .tools ul li {
	float: none;
	display: inline-block;
	vertical-align: top;
}
.index .welcome {
	height: auto;
	background: url(../images/01-welcome-bk-1000.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/01-welcome-bk-1000.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/01-welcome-bk-1000.jpg', sizingMethod='scale')";
}
.index .welcome .full {
	padding: 60px;
	text-align: center;
}
.index .welcome h2 { position: static; }
.index .welcome p {
	position: static;
	width: 100%;
	margin: 15px 0 25px;
}
.index .welcome img {
	position: static;
	margin-bottom: 20px;
}
.index .welcome iframe, .index .welcome video {
	position: static;
	width: 460px;
}
section.trial .full {
	position: static;
	padding-top: 45px;
	padding-bottom: 60px;
	text-align: center;
}
section.trial h2 { text-align: center; }
section.trial p { width: 100%; }
section.trial a {
	position: static;
	top: auto;
	right: auto;
	margin-top: 30px;
}
.subpage.register .hero .hgroup {
	width: 450px;
}
.subpage.register .hero .social-login {
	right: 30px;
}
.content.greybk section.block, .content.greybk .hgroup {
	margin-top: 0;
}
section.s-feedback .full {
	width: 100%;
	padding: 0 85px;
}
.subpage.faq .tabs {
	padding-right: 30px;
	padding-left: 40px;
}
.subpage.faq .tab-link {
	margin-left: -6px;
}
}
 @media screen and (max-width: 840px) {
/* Change hero image in mobile */
.subpage.about .hero {
	background: url(../images/05-about-hero_m.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-about-hero_m.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-about-hero_m.jpg', sizingMethod='scale')";
}
section.s-feedback {
	background: url(../images/05-feedback-bk_m.jpg) center center no-repeat;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-feedback-bk_m.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/05-feedback-bk_m.jpg', sizingMethod='scale')";
}

h1 {
	font-size: 32px;
	font-weight: 700;
	line-height: 35px;
}
header { padding-bottom: 10px; }
header nav { text-align: center; }
header .logo {
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}
header nav ul {
	position: absolute;
	width: 100%;
	left: 0;
	margin-top: 10px;
}
header nav ul li { float: none; }
header nav ul li a {
	display: block;
	width: 100%;
	background: #222;
	padding: 16px 0;
	font-size: 14px;
}
header nav ul li a:after, header nav ul li a.active:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #333;
	top: 0;
	left: 0;
	margin-left: 0;
}
header nav ul li:last-child a { padding: 20px 0; }
header nav a.menu {
	display: block;
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);
}
.content.index .hero {
	background: url(../images/01-hero-index_760.jpg) center center no-repeat;
	background-size: auto;
}
.index .hero .hgroup, .subpage .hero .hgroup, .subpage.register .hero .hgroup {
	width: 99%;
	padding: 0;
	text-align: center;
	z-index: 1;
	font-size: 16px;
}
.hero .hgroup a.btn { display: block; }
#login .hero { width:100%; }
#login .hero h1 { margin-top: 33px; }
#login .content { padding: 30px; }
#login .content .email-login, .social-login {
	float: none;
	width: 100%;
}
#login .content .email-login {
	border-right: none;
	border-bottom: 1px solid #d5d5d5;
	padding-right: 0;
	padding-bottom: 35px;
	margin-bottom: 35px;
}
#login .content .FL, #login .content .FR { float: none; }
#login .content .email-login .or-line {
	padding: 0 10px;
	top: 302px;
	left: 50%;
	margin-left: -17px;
}
#login .content input[type=password] { margin-bottom: 15px; }
#login .content input[type=submit] { margin-top: 15px; }
#login .content .forget { margin-top: 10px; }
#forget-pw.overlay .block { width: 100%; }
.subpage.register .hero .social-login {
	position: static;
	top: auto;
	right: auto;
	margin-top: -160px;
}
.content.subpage .hero, .subpage .hero .full {
	height: 440px;
}
.subpage.register .hero .hgroup {
	margin-top: -150px;
}
.register form .FL, .register form .FR {
	width:100%;
	padding-right: 0;
	padding-left: 0;
}
.register form .academic { padding-right: 126px; }
.register form .year { width: 70px !important; }
.register form div div:first-child {
	padding-bottom: 20px;
}
.register form .work div, .register form .edu div {
	padding-bottom: 0 !important;
}
.subpage.how .point li.FL, .subpage.how .point li.FR, .subpage.about .point li.FL, .subpage.about .point li.FR, .subpage.mission .point li.FL, .subpage.mission .point li.FR {
	float: none;
	width: 100%;
	text-align: center;
	max-width: none;
	margin: 0;
}
.subpage.how .point, .subpage.about .point, .subpage.mission .point {
	padding-bottom: 50px;
	border-bottom: 1px solid #e9e9e9;
}
.subpage.how .point:last-of-type, .subpage.about .point:last-of-type, .subpage.mission .point:last-of-type {
	border-bottom: none;
}
.subpage.how .point h2, .subpage.about .point h2, .subpage.mission .point h2 {
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}
.subpage.about .team li {
	min-width: 215px;
}
section.s-feedback .full {
	margin-top: 30px;
	font-size: 18px;
	line-height: 26px;
}
section.s-feedback #slider p .name {
	margin-top: 25px;
}
.subpage.contact .hero .hgroup {
	width: auto;
	text-align: left;
	font-size: 16px;
}
.subpage.contact .hero {
	height: 600px;
}
.subpage.contact .text .FL {
	width: 52%;
}
.subpage.contact .text .FR {
	width: 48%;
}
 }
 @media screen and (max-width: 600px) {
#back-top {
	display: none !important;
}
h2 {
	font-size: 30px;
}
footer div.FL {
	text-align: center;
	background-position: top center;
	padding: 85px 0 25px;
}
footer div.FL ul {
	text-align: center;
	padding: 0;
}
footer div.FL ul li {
	float: none;
	display: inline-block;
	margin: 0 10px;
}
footer div.FR ul li {
	float: none;
	padding: 10px 0;
}
footer div.FR ul li a { padding: 0; }
.red.btn { font-size: 18px; }
.index .highlight li, .index .tools li { width: 100%;  margin-right: 0;}
.index .welcome .full { padding: 60px 0; }
.index .welcome p { padding: 0 30px; }
.index .welcome img {
	margin: 0 auto;
	width: 320px;
	margin-bottom: 20px;
	margin-right: 0;
}
.index .welcome iframe {
	margin: 0 auto;
	width: 320px;
}
.index .welcome h2 {
	font-size: 40px;
}
section.trial a { font-size: 18px; }
.fb-login a span, .weibo-login a span { display: none; }
.fb-login a:after { content: "Facebook" }
.weibo-login a:after { content: "Weibo" }
#login .content .email-login .or-line { top: 299px; }
#login .hero h1 { margin: 0 0 5px; }
#forget-pw.overlay form div {
	margin-top: 40px;
	margin-right: 0;
}
#forget-pw.overlay form input.btn {
	position: static;
	top: auto;
	right: auto;
	margin-top: 10px;
	width: 100%;
}
.subpage.how .point .video a {
	display: block;
}
.subpage.how .point .video a:first-child {
	margin-right: 0;	
}
.subpage.plans .submit {
	margin-top: 20px;
}
section.s-feedback a.prev, section.s-feedback a.next {
	display: none;
}
section.s-feedback {
	padding-top: 50px;
}
section.s-feedback .full {
	padding: 0;
	font-size: 16px;
	line-height: 22px;
}
.subpage.contact .text .FL, .subpage.contact .text .FR {
	width: 100%;
	float: none;
}
.FR .country:first-child h3 {
	margin-top: 40px;
}
.FR .country p span {
	width: 100%;
}
.subpage.faq .tabs {
	padding: 0;
}
.subpage.faq .tab-link {
	float: left;
	margin-left: 0;
	font-size: 20px;
	padding: 20px 10px;
}
.subpage.faq .cat {
	padding-top: 60px;
}
.index .welcome video {
        margin: 0 auto;
        width: 320px;
}
#login .content .email-login .or-line {
top: auto;
bottom: 240px;
}

.subpage.blog .blog_cat{
    width: 100%;
	padding :40px 0px 20px 0px;
}
.subpage.blog .blog_content{
    width: 100%;
	padding :0px 0px 80px 0px;
}

}

/*
For Contact - Google Map
*/

 @media screen and (max-width: 1130px) {
.subpage.contact .hero .hgroup {
	left: 80px;
	margin-left: 0;
}
 }
  @media screen and (max-width: 416px) {
.subpage.contact .hero .hgroup {
	top: 56px;
	left: 0;
	padding: 0 30px;
	text-align: center;
}
 }

/*
For Floating QR code
*/

 @media screen and (max-width: 600px) {
#qr-box {
	display: none !important;
}
}