body{
	margin:0;
	padding:0;
	font-family: 'LatoWeb', sans-serif;
	font-style: normal;
	font-size:14px;
	color: #15262e;
	background-color:#FFF;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
a{text-decoration:none; outline:none;}
a:hover{color:#249B39;}

img{border:none; max-width:100%; vertical-align:middle;}
input{outline: none;}
input, textarea{/*safari*/
  /*-webkit-appearance: none;*/
  -webkit-border-radius: 0;
}

#pageWrapper{
	width: 100%;
	overflow: hidden;
}

.aside_nav{
	position: fixed;
	z-index:20;
	top:0;
	right:-360px;
	overflow: hidden;

	width: 360px;
	height: 100%;
	padding: 30px;
	box-sizing: border-box;
	overflow-y: auto;

	color:#FFF;
	background-color: #15262e;
	line-height: 26px;
}
.aside_nav .btn_close{
	text-align: right;
}
.aside_nav .btn_close .fa{
	cursor:pointer;
}
.aside_nav .btn_close .fa:hover{
	color:#249B39;
}
.aside_nav a{
	color:#FFF;
	font-family: 'LatoWebLight';
}
.aside_nav a:hover{
	color:#249B39;
}
.aside_nav a.current{
	color:#249B39;
}
#aside_cover{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	box-sizing: border-box;
	background:url(img/bg_opacity70.png);
    z-index: 10;
    display: none;
}

/*=[drop_nav]===========================*/
#drop_nav{
    position: fixed;
    width: 100%;
    padding: 5px 40px 0;
    box-sizing: border-box;
    top: -100px;
    z-index: 90;
    background-color: #FFF;
    box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.3);
    transition: top .3s linear;
}
#drop_nav.drop{
    top: 0px;
    transition: top .3s linear;
}
#drop_nav .dropWrapper{
	width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
}
#drop_nav #drop_nav_logo {
    width: 110px;
}
#drop_nav nav#nav {
	margin: 10px 40px 0 0;
}
#drop_nav nav#nav ul li {
    padding: 8px 10px 10px 15px;
    background:url(img/nav_border2.png) left top no-repeat;
}

#drop_nav nav#nav ul li .submenu {
    top: 44px;
    font-family: 'LatoWebBold';
}

/*=[header]===========================*/
header{
	width:100%;
	z-index: 90;
	background-color: #FFF;
	box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.3);
}
header #topbar{
	padding:10px 20px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	background:#DDE2E6;
}
header #topbar .fa-search{
	cursor: pointer;
}

header #topbar a{
	display:inline-block;
	padding-right:15px;
	color:#585757;
	font-size:11px;
	font-family: 'LatoWebBold';
	font-weight: normal;
	letter-spacing: 1px;
}
header #topbar a:hover{
	color:#249B39;
}
header #topbar a.current{
	color:#249B39;
}
header #topbar a i{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: center top no-repeat;
	background-size: 100% auto;
	text-align:center;
	color:#FFF;
	font-style:normal;
}
header #topbar a:hover i{
	background: center bottom no-repeat;
	background-size: 100% auto;
}
header #topbar a i.current{
	background: center bottom no-repeat;
	background-size: 100% auto;
}

header input[name=search]{
	display: block;
	width: 100%;
	padding: 20px;
	margin:0;
	box-sizing: border-box;
	border: none;
	background: #f7f7f7;
	font-size: 22px;
	color: #555;
	display: none;
	
	appearance: none;/*remove default style*/
}

header .wrapper{
	width: 1280px;
	padding:35px 40px 0;
	margin: 0 auto;
	box-sizing: border-box;
	/*overflow: hidden;*/
}
#logo{
	float:left;
	width: 200px;
	margin-top: 10px;
}


/*=[mobile_search]==============================*/
#mobile_search{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	box-sizing: border-box;
	background-color: #15262e;
    z-index: 100;
    display: none;
}
#mobile_search #inputWrapper{
    position: absolute;
    top: 0;
	bottom:0;
    left: 0;
	right:0;
    width: 80%;
    height: 30px;
	margin:auto;
	box-sizing: border-box;
    z-index: 1;
}
#mobile_search #inputWrapper input{
    width: 90%;
	padding:10px;
	box-sizing: border-box;
	border:none;
	border-bottom:1px #FFF solid;
	background: transparent;
	font-size:16px;
	color:#FFF;
}
#mobile_search #inputWrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
  font-size:16px;
}
#mobile_search #inputWrapper input::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  font-size:16px;
}
#mobile_search #inputWrapper input:-ms-input-placeholder { /* IE 10+ */
  color: #666;
  font-size:16px;
}
#mobile_search #inputWrapper input:-moz-placeholder { /* Firefox 18- */
  color: #666;
  font-size:16px;
}

#mobile_search .btn_close{
	padding:10px;
	text-align: right;
}
#mobile_search .btn_close .fa{
	cursor:pointer;
	color:#FFF;
}
#mobile_search .btn_close .fa:hover{
	color:#249B39;
}

/*=[nav]==============================*/
nav#nav {
	float:right;
	position:relative;
	margin: 19px 40px 0 0;
}
nav#nav ul {
	margin: 0;
	padding: 0;
}
nav#nav ul li {
	position: relative;
	margin: 0;
	padding: 8px 10px 43px 15px;
	list-style: none;
	display: inline-block;
	width: 187px;
	/*border-left:1px #999 solid;*/
	border-bottom: 3px #FFF solid;
	background:url(img/nav_border.png) left top no-repeat;
}
nav#nav ul li:last-child{

}

nav#nav ul li a {
	padding: 3px 0;
	text-decoration: none;
	color: #15262e;
	line-height: 100%;
	font-family: 'LatoWebLight';
}
nav#nav a:hover {

}
nav#nav ul li a.current b{
	color: #15262e;
}
nav#nav ul li a b{
	display: inline-block;
	color: #249B39;
	font-family: 'LatoWebBold';
	font-weight: normal;
	padding-bottom: 8px;
	font-size: 15px;
}
nav#nav ul li .submenu {
	position: absolute;
	top: 110px;
	left: -1px;
	z-index: 1;
	background-color: #15262e;
	color: #FFF;
	line-height: 24px;
	padding:5px;
	box-sizing: border-box;
	display: none;
}
nav#nav ul li .submenu.first {
	width: 416px;
}
nav#nav ul li .submenu .col{
	width: 201px;
	padding: 10px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align:top;
}
nav#nav ul li:hover{
	border-bottom: 3px #249B39 solid;
}
nav#nav ul li:hover .submenu{
	display: block;
}
nav#nav ul li .submenu .col a{
	color:#FFF;
}
nav#nav ul li .submenu .col a.color1{
	color:#76d3fa;
}
nav#nav ul li .submenu .col a:hover{
	color:#249B39;
}

#nav_icon{
	float:right;
	color: #15262e;
	margin-top: 15px;
	font-size:36px;
	display:none;
}
#nav_icon2{
	float:right;
	color: #15262e;
	margin-top: 10px;
	font-size:30px;
}

/*=[mobile header]==============================*/
#mobile_header{
    position: fixed;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    top: -100px;
    z-index: 100;
    background-color: #FFF;
    box-shadow: 0 5px 5px -1px rgba(0, 0, 0, 0.3);
    transition: top .3s linear;
}
#mobile_header.drop{
    top: 0px;
    transition: top .3s linear;
}

#drop_nav_logo2{width:110px;}

/*=[mobile nav]==============================*/
#mobile_nav{
	display:none;
	overflow-y: scroll;
	overflow-x: hidden;
}
#mobile_nav ul{ margin:0; padding:0;}
#mobile_nav ul li{
	width:100%;
	padding:0;
	box-sizing: border-box;
	background-color:#16272e;
	list-style-type:none;
	border-bottom:1px #888 solid;
	font-size:18px;
}
#mobile_nav ul li a{
	color:#FFF;
	padding:12px 20px;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
	font-family: 'LatoWebBold';
}
#mobile_nav ul li li{ background-color:#5e676c;}
#mobile_nav ul li li a{  color:#14252c;}
#mobile_nav ul li li a.color1{color:#76d3fa;}
#mobile_nav ul li li li{ background-color:#dde2e6;}
#mobile_nav ul li li li a{  color:#14252c;}
#mobile_nav ul ul{ display: none;}

#mobile_nav ul li .more{display: inline-block; color:#FFF;  padding:0 8px; float:right; font-size:20px;}

/*=[section]==============================*/
section .wrapper{
	width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
	text-align:center;
	overflow: hidden;
}

/*=[banner]==============================*/
#banner .wrapper{
	background-size:auto 100% !important;
}

/*=[breadcrumb]==============================*/
#breadcrumb{
	width: 100%;
	color:#FFF;
	background:#c8c9cb;
}
#breadcrumb .wrapper{
	padding:13px 40px;
	line-height: 16px;
	text-align:left;
	font-size:14px;
}
#breadcrumb .wrapper img{
	vertical-align:top;
	margin-right: 5px;
}
#breadcrumb .wrapper a{
	color:#FFF;
}
#breadcrumb .wrapper a:hover{
	color:#249B39;
}


/*=[pages]===========================*/
#content .wrapper #pages{
	text-align:left;
	color:#6f6f6f;
	margin:20px 0 100px;
	font-size:18px;
}
#content .wrapper #pages a{
	display: inline-block;
	margin: 0 5px;
	color:#6f6f6f;
}
#content .wrapper #pages a.current{
	color:#249B39;
}

/*=[fix placeholder style]===========================*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #dcdcdc;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #dcdcdc;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #dcdcdc;
}
:-moz-placeholder { /* Firefox 18- */
	color: #dcdcdc;
}

/*=[footer]===========================*/
footer {
	position:relative;
	padding:35px 50px;
	background-color:#DDE2E6;
	box-sizing: border-box;
}
footer a{
	color: #15262e;
}
footer #footer_top{
	width: 100%;
	overflow: hidden;
}
footer #footer_top img{
	width: 145px;
}
footer #footer_top #epaper{
	position:relative;
	float: right;
	padding: 5px 5px;
	margin-top: 3px;
	border:1px #333 solid;
	box-sizing: border-box;
}
footer #footer_top #epaper span#label{
	display: inline-block;
	width: 210px;
	height: 42px;
	padding: 15px;
	border:none;
	box-sizing: border-box;
	color: #FFF;
	background-color: #16272e;
	font-size: 12px;
	letter-spacing: 1px;
	font-family: 'LatoWebBold';
	font-weight: normal;
	vertical-align: top;
	text-align: center;
}
footer #footer_top #epaper input{
	display: inline-block;
	width: 280px;
	height: 46px;
	padding: 15px;
	margin: 0;
	border:none;
	border-radius:0;
	box-sizing: border-box;
	/*background: url(img/icon_subscribe.png) #FFF right center no-repeat;*/
	background:#FFF;
	font-size: 12px;
	vertical-align: top;
}
footer #footer_top #epaper #btn_subscribe{
	position:absolute;
	top:10px;
	right:10px;
	width:32px;
	z-index:10;
	cursor:pointer;
}

footer #footer_bottom{
	width: 100%;
	padding-top: 50px;
	overflow: hidden;
}
footer #footer_bottom #social_icon a{
	display: inline-block;
	width: 31px;
	height: 31px;
	margin-right: 10px;
	background: center top no-repeat;
}
footer #footer_bottom #social_icon a:hover{
	background: center bottom no-repeat;
}

footer #footer_bottom #copyright{
	float: right;
	margin-top: 10px;
	
}
footer #footer_bottom #copyright a{
	margin-right: 0;
}


#suscribe_box{
	width:600px;
	padding:40px 20px;
	text-align:center;
	box-sizing: border-box;
}
#suscribe_box a.btn{
	display:inline-block;
	width:137px;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	color:#FFF;
	background:#5D676C;
	font-family: 'LatoWebLight';
}
#suscribe_box a.btn:hover{
	background-color:#249B39;
}


#alertMessage_suscribe{
	width:600px;
	padding:40px 20px;
	text-align:center;
	box-sizing: border-box;
}
#alertMessage_suscribe a.btn{
	display:inline-block;
	width:137px;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	color:#FFF;
	background:#5D676C;
	font-family: 'LatoWebLight';
}
#alertMessage_suscribe a.btn:hover{
	background-color:#249B39;
}


/*=[scrollup]===========================*/
#scrollup {
	position: fixed;
	color:#666;
	right: 15px;
    bottom: 10px;
	width: 40px;
    height: 40px;
	z-index:20;
	display: none;
	cursor:pointer;
}

.middle_wrapper{
	display: inline-block;
	vertical-align: middle;
}
.fl_left{float:left;}
.fl_right{float:right;}
.left{text-align:left}
.right{text-align:right;}
.center{text-align:center;}
.clear{clear:both;}

/*.pc{display: block}*/
.mobile{display: none;}
.pad{display: none;}
.phone{display: none;}

@media screen and (max-width: 1300px) {
	header .wrapper{width:100%;}
	section .wrapper{width:100%;}
}


/*=[PAD]=========*/
@media screen and (max-width: 1200px) {
	/*
	.pc{display: none}
	.mobile{display: block;}
	*/
	.pad{display: block;}

	header #topbar a{
		display:inline-block;
		padding-right:10px;
		color:#585757;
		font-size:11px;
		font-family: 'LatoWebBold';
		font-weight: normal;
		letter-spacing: 1px;
	}

	header #topbar a.btn_asidenav{display: none;}
	header .wrapper{
		padding:35px 40px 35px;
	}
	#logo{
		width: 140px;
		margin-top: 0;
	}
	#mobile_header{
	    padding: 10px 40px;
	}

	#nav_icon{display:block;}
	nav#nav {display:none;}	
	#mobile_nav{
		position:absolute;
		width:100%;
		top:265px;
		left:0;
		z-index:100;
		display:none;
	}
	#mobile_nav ul li a{
		color:#FFF;
		padding:12px 40px;
		display:inline-block;
		width:100%;
		box-sizing: border-box;
		font-family: 'LatoWebBold';
	}
	
	/*=[footer]=========*/
	footer {
		position: relative;
		padding:20px;
	}
	footer #footer_top img{
		width: 130px;
	}
	footer #footer_top #epaper{
		padding: 5px 5px;
		margin-top: 10px;
		width: 400px;
	}
	
	footer #footer_top #epaper input{
		display: inline-block;
		width: 55%;
		height: 32px;
		padding: 10px;
		font-size: 12px;
	}
	footer #footer_top #epaper #btn_subscribe{
		top:8px;
		width:26px;
	}
	footer #footer_top #epaper span#label{
		display: inline-block;
		width: 45%;
		height: 32px;
		padding: 10px 5px;
		font-size: 10px;

	}
	footer #footer_bottom{
		padding-top: 30px;	}

	footer #footer_bottom #social_icon a{
		display: inline-block;
		width: 26px;
		height: 26px;
		margin-right: 5px;
		background: center top no-repeat;
		background-size: 100% auto;
	}
	footer #footer_bottom #social_icon a:hover{
		background: center bottom no-repeat;
		background-size: 100% auto;
	}
	footer #footer_bottom #copyright{
		font-size: 12px;
	}
}


/*=[PHONE]=========*/
@media screen and (max-width: 760px) {
	.pc{display: none}
	.mobile{display: block;}
	.phone{display: block;}

	header #topbar a{
		padding-right:0;
		padding-left:10px;
	}
	header .wrapper{
		padding:20px;
	}
	#logo{
		width: 140px
		margin-top0;
	}
	#mobile_header{
	    padding: 10px 20px;
	}
	#mobile_nav{
		position:absolute;
		width:100%;
		top:235px;
		left:0;
		z-index:100;
		display:none;
	}
	#mobile_nav ul li a{
		color:#FFF;
		padding:12px 20px;
		display:inline-block;
		width:100%;
		box-sizing: border-box;
		font-family: 'LatoWebBold';
	}
	/*=[content]=========*/
	
	#alertMessage_suscribe{width:100%;}
    	
	/*=[breadcrumb]==============================*/
	#breadcrumb .wrapper{
		padding:10px;
		font-size:12px;
	}

	#content .wrapper #pages{
		text-align:center;
	}

	/*=[footer]=========*/
	footer {
		position: relative;
		padding:20px;
	}
	footer #footer_top img{
		width: 130px;
		margin-bottom: 20px;
	}
	footer #footer_top #epaper{
		float: none;
		width: 100%;
		padding: 0;
		margin-top: 20px;
		border:none;
		border-bottom: 1px #999 solid;
	}
	footer #footer_top #epaper span#label{
		display: inline-block;
		width: initial;
		padding: 0;
		font-size: 12px;
		color: #15262e;
		background:transparent;
	}
	footer #footer_top #epaper input{
		display: inline-block;
		width: initial;
		padding: 0;
		font-size: 12px;
		margin: -8px 0 0 10px;
		background:transparent;
	}
	footer #footer_top #epaper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		color: #555;
	}
	footer #footer_top #epaper input::-moz-placeholder { /* Firefox 19+ */
		color: #555;
	}
	footer #footer_top #epaper input:-ms-input-placeholder { /* IE 10+ */
		color: #555;
	}
	footer #footer_top #epaper input:-moz-placeholder { /* Firefox 18- */
		color: #555;
	}
	footer #footer_top #epaper #btn_subscribe{
		top:-5px;
	}
	footer #footer_bottom{
		padding-top: 20px;
	}
	footer #footer_bottom #social_icon{
		display: none;
	}
	/*
	footer #footer_bottom #social_icon{
		position: absolute;
		top: 40px;
		right: 20px;
	}
	footer #footer_bottom #social_icon a{
		display: inline-block;
		width: 26px;
		height: 26px;
		margin-right: 5px;
		background: center top no-repeat;
		background-size: 100% auto;
	}
	footer #footer_bottom #social_icon a:hover{
		background: center bottom no-repeat;
		background-size: 100% auto;
	}
	*/
	footer #footer_bottom #copyright{
		float: none;
		font-size: 12px;
		margin: 0;
		line-height:20px;
	}
	footer #footer_bottom #copyright span{
		display:block;
	}

	footer #social_icon2 .icon{
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px #999 solid;
		vertical-align: middle;
	}
	footer #social_icon2 .icon::after { 
	    content: " > ";
	    float: right;
	    margin-top: 5px;
	}

	footer #social_icon2 .icon a{
		display: inline-block;
		width: 26px;
		height: 26px;
		margin-right: 10px;
		background: left top no-repeat;
		background-size: 100% auto;
		vertical-align: middle;
	}
	footer #social_icon2 .icon a:hover{
		background: left bottom no-repeat;
		background-size: 100% auto;
	}

	#suscribe_box{width:100%;}
}



/*=[沛濬]=========*/
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}


form label.ValidatorError { float: none; color: #249B39; font-size: 11px; text-align: left; font-weight: bold; padding: 5px 0 0 5px; }
form label.ValidatorError span {padding: 0 20px 0 0;}
form span.ValidatorError { float: none; color: #249B39; font-size: 11px; text-align: left; font-weight: bold; padding: 5px 0 0 5px; }

#suscribe_box .ValidatorError { float: none; color: #249B39; font-size: 11px; text-align: left; padding: 5px 0 0 5px; }

#content .wrapper .item{
	margin-right: 1%!important;
}