@charset "utf-8";
/* CSS Document */

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on January 23, 2017 
@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

body{
	font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
	color: #6d6e71;
	background: #f7f7f7;	
}
* {
	border:0;
	padding:0;
	margin:0;
}
h1{
	font-size: 40px;
	line-height: 44px;
}
#header{
	background: #fff;
	height:75px;
}
.h-logo{
	float: left;
	width: 170px;
	padding: 25px 0px;
}
.h-lang{
	float: left;
	width:100px;
	padding: 25px 0px;
}
.h-lang a{
	color: #6d6e71;
	text-decoration: none;
	font-size: 14px;
	font-family: Roboto, "Microsoft JhengHei", 微軟正黑體, "Microsoft YaHei", 微軟雅黑, simHei, 黑體, Arial, sans-serif, Verdana;
}
.h-tag{
	float: right;
	padding: 25px 0px;
}
.wrapper{
	min-width: 960px;
}
.container{
	max-width:960px;
	min-width: 960px;
	margin-left: auto;
	margin-right: auto;
	 padding: 0 20px;
    box-sizing: border-box;
}
.h-gap{
	height: 40px;
}
#hero{
	background-image: url(../img/mp-cn-hero-bg.jpg);
	background-size: cover;
	color: #fff;
	min-height: 300px;
}

#hero p {
	font-size: 22px;
	    max-width: 518px;
}
#footer{
	background:#3f4048;
	color: #fff;
	font-size: 12px;
	padding:15px 0;
	text-align: center;
}
#footer a{
	color: #fff;
}
.topic{
	color: #0e4e96;
	font-size: 20px;
	margin-bottom: 20px;
}
.form-topic{
	font-size: 22px;
	color: #344048;
	text-align: center;
}
.form-wrap{
	width: 315px;
    height: 625px;
}
.cont-right{
	float: right;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-top: -275px;
	border-bottom: 4px solid #0e4e96;
}
.cont-left{
	float: left;
	width:60%;
}
.list-right, .list-left{
	width:50%; 
	float: left;
}
.list-left{
	padding-top:60px;
}
.list-right{
	padding-top:30px;
}
.list-right ul{
	margin-left: 30px;
}
.list-right .topic{
	margin-left: 30px;
}
.list-right ul li{
	list-style-position: inside;
	list-style-image: url(../img/check.png);
	line-height: 34px;
}


.img-para img{
	width:50px;
	float: left;
    padding-right: 30px;
	margin-bottom: 30px;
}
.highlights{
	margin-top:20px;
	margin-bottom: 50px;
}
iframe table{
	width:100%;
}

@media all and (max-width: 980px) {
	.wrapper{
	min-width: 320px;
}

 .container{
	min-width:320px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
	 box-sizing: border-box;
}
	.hide-xs{
		display: none;
	}
	.cont-right {
    margin-top: 15px; 
	float:none;
		    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}
	.h-lang {
    float: right;
	text-align: right;
}
	.full-in-mobile{
		width:100%;
	}
	.img-para{
		text-align: center;
	}
	.img-para img {
    width: 50px;
    float: none;
    padding-right: 0;
	display: block;
    margin: 10px auto;
	margin-top: 40px;
}
	.list-right .topic {
    margin-left: 0;
}
	#hero {
    text-align: center;
		min-height:230px;
}
	.form-wrap {
    width: 100%;
}
	h2 {
    font-size: 34px;
    line-height: 38px;
}
	#hero p {
    font-size: 18px;
    margin-top: -24px;
		    max-width: 100%;
}
	.form-topic{
		text-align:center;
	}
}