@charset "utf-8";

body {

	margin: 0px auto;

	padding: 0px auto;

	font-size: 13px;

	line-height: 22px;

	font-family: Arial, Helvetica, Tahoma, sans-serif;

	font-weight: normal;

	background: url(../images/website/bg_boy.jpg);

}

* {

	margin: 0px auto;

	padding: 0px auto;

	outline: none;

	text-decoration: none;

}

.clr {

	clear: both;

}

ul {

	padding: 0px;

}

img {

	border: 0;

}

.pagewrap {

	position: relative;

	width: 1200px;

	margin: 0 auto;

}

.showText p {

	padding-bottom: 15px;

}

.showText img {

	display: block;

	margin: 0 auto;

	height: auto;

	max-width: 100%;

}

.showText ul {

	padding-bottom: 15px;

}

.showText ul h2 {

	padding-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

	color: #333;

}

.showText ul li {

	margin-left: 30px;

}

.header {

	padding: 10px 0;

	background: #3F5197;

}

.header.fixed {

	position: fixed;

	top: 0 !important;

	z-index: 400;

	background: #3F5197;

	width: 100%;

}

.header:after, .header:before {

	content: "";

	position: inherit;

	top: 0px;

	left: 0;

	right: 0;

}

.header.fixed:after, .header.fixed:before {

	position: absolute;

}

.header:before {

	top: auto;

	bottom: 0px;

}

.logo_top {

	float: left;

	background: #fff;

	padding: 5px 9px;

}

.menu {

	float: right;

	padding-top: 10px;

}

.menu ul {

	float: left;

}

.menu ul li {

	float: left;

	position: relative;

	z-index: 999;

	list-style: none;

}

.menu ul li a {

	color: #fff;

	text-transform: uppercase;

	font-weight: 400;

	font-size: 14px;

	font-weight: bold;

	line-height: 45px;

	padding: 0 20px;

	display: block;

	position: relative;

	z-index: 2;

	white-space: nowrap;

}

.menu ul li:hover a {

	background: #3daabb;

	color: #fff;

}

.menu ul ul {

	position: absolute;

	top: 50px;

	left: 0px;

	width: auto;

	min-width: 100%;

	padding: 10px;

	background: #fff;

	border-top: solid 4px #3daabb;

	border-bottom: solid 4px #3daabb;

	visibility: hidden;

	opacity: 0;

	z-index: 10;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	box-shadow: 2px 2px 3px rgba(0,0,0,.3), -2px 0px 3px rgba(0,0,0,.3);

}

.menu ul li:hover ul {

	top: 45px;

	visibility: visible;

	opacity: 1;

}

.menu ul ul li {

	float: none;

	width: 100%;

	margin: 0;

	background: none;

}

.menu ul ul li a {

	background: #fff;

	white-space: nowrap;

	padding: 0 10px !important;

	color: #fff;

	font-weight: normal;

	font-size: 13px;

	text-transform: none;

}

.menu ul li:hover li a {

	background: #fff;

	color: #333;

	line-height: 32px;

}

.menu ul li:hover li a:hover {

	color: #fff;

	background: #3daabb;

}

.bannerInside {

	height: 500px;

	width: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}

.bannerMain {

	position: relative;

	overflow: hidden;

	height: 500px;

}

.banner li {

	float: left;

	width: 100%;

	height: 500px;

	list-style: none;

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	cursor: default;

	position: relative;

}

.posBL {

	left: 0px;

	bottom: 0px;

}

.pagiBanner {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 40px;

	margin: auto;

	width: auto;

	text-align: center;

	z-index: 10;

}

.pagiBanner a {

	display: inline-block;

	vertical-align: text-top;

	width: 15px;

	height: 15px;

	background: #ccc;

	text-indent: -100000px;

	border-radius: 10px;

	margin: 0 5px;

	box-shadow: 1px 1px 3px rgba(0,0,0,.2);

	border: solid #fff 1px;

}

.pagiBanner a.selected {

	background: #125DC4;

	border: solid #fff 1px;

}

.box_slide_banner {

	position: absolute;

	top: 30%;

	left: 0;

	z-index: 2;

	background: rgba(0, 0, 0, 0.6);

	padding: 20px 20px 20px 50px;

	width: 30%;

	color: #eee;

	font-size: 15px;

	line-height: 25px;

}

.box_slide_banner ul h2 {

	color: #fff;

	font-size: 20px;

	text-transform: uppercase;

	padding-bottom: 10px;

}

.footer_top {

	background: #3F5197;

	padding: 20px 0;

	color: rgba(238, 238, 238, 0.68);

}

.left_footer {

	float: left;

	width: 370px;

	margin-right: 15px;

	margin-left: 15px;

}

.left_footer h2 {

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	border-bottom: double 4px rgba(238, 238, 238, 0.68);

	padding-bottom: 10px;

	margin-bottom: 10px;

	text-transform: uppercase;

}

.footer_bottom {

	border-top: solid rgba(238, 238, 238, 0.68) 1px;

	padding: 15px 0;

	background: #3F5197;

	color: rgba(238, 238, 238, 0.68);

}

.footer_bottom ul {

	float: left;

}

.footer_bottom li {

	float: right;

	list-style: none;

}

.footer_bottom a {

	color: rgba(238, 238, 238, 0.68);

}

.footer_bottom a:hover {

	color: #fff;

	text-decoration: underline;

}

.doitac_home {

	padding: 20px;

	background: #eee;

	border-top: dashed #CCCCCC 1px;

}

.logo_thuonghieu {

	float: left;

	width: 190px;

	padding-right: 11px;

	margin-bottom: 0px;

	list-style: none;

}

.logo_thuonghieu img {

	width: 190px;

	height: 90px;

	border: solid #CCC 1px;

}

.logo_thuonghieu:hover {

	opacity: .7;

}

.placeNav {position: absolute;top: 80px;z-index: 3;color: #999;font-size: 25px;width: 25px;line-height: 25px;height: 30px;background: rgba(51, 51, 51, 0.69);text-align: center;opacity: 0;}

.placeNav.prev {

	left: 0;

}

.placeNav.next {

	right: 0;

	text-indent: 3px;

}
.placeNav.prev2 {

	left: 0;

}

.placeNav.next2 {

	right: 0;

	text-indent: 3px;

}
.placeSlide_main:hover .placeNav {

	opacity: 1;

}

.placeNav:hover {

	background: #0072BC;

	color: #fff;

}

.placeSlide_main {

	position: relative;

	overflow: hidden;

}

.placeSlide {

	width: 1300px;

}

.placeSlide_page {

	width: 1300px;

}

.placeSlide_page_conten {

	width: 1000px;

}

#back-top {

	position: fixed;

	bottom: 80px;

	right: 10px;

	z-index: 10;

}

#back-top a {

	display: block;

	width: 35px;

	line-height: 35px;

	background: #3daabb;

	outline: none;

	color: #fff;

	font-size: 12px;

	text-align: center;

	transition: all 0.7s ease 0s;

	-moz-transition: all 0.7s ease 0s;

	-webkit-transition: all 0.7s ease 0s;

}

#back-top a:hover {

	color: #fff;

	background: #F00;

}

.silde_trangchu {

	/* position: relative; */







	/* z-index: 1; */







	/* margin-top: -100px; */







	padding: 30px 0;

	background: #FFF;

}

#onePro_2 {

	width: 280px;

	float: left;

	padding: 5px;

	margin-right: 22px;

	margin-bottom: 20px;

	list-style: none;

	border: solid #CCC 1px;

	height: 355px;

}

#onePro_2 img {

	width: 280px;

	height: 180px;

	display: block;

}

.onePro {

	width: 372px;

	float: left;

	padding: 6px;

	margin-right: 20px;

	list-style: none;

	border: solid #CCC 1px;

}

.onePro .proImg {

	width: 100%;

	height: 200px;
	position:relative;
	text-align: center;
	overflow:hidden;
}

.onePro img {

	max-width: 100%;

	max-height: 100%;

	display: block;

	margin-bottom: 5px;

}

.onePro .hidden img {

	display: none;

}

.onePro h1 a, #onePro_2 h1 a {

	color: #0072BC;

}
.onePro h1{text-align:center;}
.onePro:hover h1 a, #onePro_2:hover h1 a {

	color: #f00;

}

.onePro h1, #onePro_2 h1 {

	font-size: 14px;

	color: #0072BC;

	padding: 5px;

	font-weight: bold;

	text-transform: uppercase;

}

.onePro h2, #onePro_2 h2 {

	font-size: 13px;

	color: #333;

	padding: 5px;

	font-weight: normal;

}

.services_home {

	border-top: solid #CCC 1px;

	border-bottom: solid #CCC 1px;

	/* margin-top: 20px; */







	padding-top: 30px;/* background: url(../images/website/bgaaa_a.jpg); */

}

.services_home ul {

float: left;

padding: 20px;

width: 360px;

list-style: none;

min-height: 385px;
}

.services_home ul li img {

	width: 340px;

	height: 210px;

	border: solid #CCC 1px;

	padding: 5px;

	display: block;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

	background: #fff;

}

.services_home h1 {

	text-align: center;

	font-size: 30px;

	line-height: 40px;

	font-weight: bold;

	color: #f00;

	padding-bottom: 20px;

	text-transform: uppercase;

}

.services_home ul h2 {

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	color: #0072BC;

	padding-bottom: 10px;

	padding-top: 10px;

	text-transform: uppercase;

	line-height: 30px;

}

.services_home ul:hover h2 {

	color: #f00;

}

.services_home ul p {

	text-align: center;

	font-size: 13px;

	font-weight: normal;

	color: #666;

	padding: 0;

	margin: 0;

}

.tintuc_home_id {

	padding: 8em 0em 8em 0em;

	background: url(../images/website/bg_tintuc.jpg) no-repeat center fixed;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	-ms-background-size: cover;

}

.tintuc_home_id h3 {

	color: #0072BC;

	text-shadow: 1px 1px #fff;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 30px;

	line-height: 50px;

	padding-bottom: 40px;

	text-align: center;

}

.blog_home_id {

	float: left;

	background: #fff;

	width: 560px;

	padding: 10px;

	height: 180px;

	margin-right: 10px;

	margin-left: 10px;

	margin-bottom: 20px;

	box-shadow: 2px 2px 5px rgba(0,0,0,.15), -2px 0px 5px rgba(0,0,0,.15);

	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.15), -2px 0px 5px rgba(0,0,0,.15);

}

.blog_home_id li {

	float: left;

	width: 235px;

	height: 180px;

	list-style: none;

}

.blog_home_id li img {

	width: 235px;

	height: 180px;

}

.blog_home_id ul {

	float: left;

	background: #fff;

	padding: 10px 20px;

	width: 285px;

	color: #666;

}

.blog_home_id ul h2 {

	padding-bottom: 10px;

	text-transform: none;

	color: #666;

	font-size: 18px;

	font-weight: bold;

	line-height: 24px;

}

.blog_home_id ul h2:hover {

	color: #0072BC;

	text-decoration: underline;

}

.hinhanh_home {

	padding-top: 40px;

	background: #fff;

}

.hinhanh_home ul h2 {

	text-align: center;

	font-size: 30px;

	line-height: 40px;

	font-weight: bold;

	color: #0072BC;

	padding-bottom: 20px;

	text-transform: uppercase;

}

.hinhanh_home ul li {

	float: left;

	overflow: hidden;

	width: 20%;

	height: 220px;

	position: relative;

	list-style: none;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}

.hinhanh_home ul li img {

	width: 100%;

	height: 100%;

}

.hinhanh_home ul li:hover, .titnoibat_id li:hover, .banner_right ul li:hover {

	-webkit-filter: brightness(50%);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}

.lienhe_id_home {

	padding: 40px 0;

	background: #fff;

}

.lienhe_id_home ul {

	text-align: center;

}

.lienhe_id_home ul li {

	text-decoration: none;

	text-transform: uppercase;

	font-size: 1em;

	border: 1px solid #000;

	padding: 1em 2em;

	background: #3F5197;

	color: #fff;

	border: none;

	font-weight: 700;

	list-style: none;

	display: inline-block;

	margin-top: 15px;

}

.lienhe_id_home ul li:hover {

	background: #0072BC;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

}

.lienhe_id_home ul h2 {

	text-transform: uppercase;

	color: #0072BC;

	font-size: 20px;

	font-weight: bold;

	line-height: 35px;

	padding-bottom: 15px;

}

.lienhe_id_home ul p, .hinhanh_home ul p {

	color: #888;

	font-size: 16px;

	font-weight: bold;

	line-height: 25px;

	width: 50%;

	text-align: center;

	padding-bottom: 20px;

}

.page_conten {

	margin-top: 30px;

	margin-bottom: 30px;

}

.left_conten {

	float: left;

	width: 775px;

	margin-right: 29px;

	background: #fff;

	border: double 4px #ccc;

	padding: 20px;

}

.right_conten {

	float: left;

	width: 300px;

	background: #fff;

	border: double 4px #ccc;

	padding: 20px;

}

.title_page {

	border-bottom: double 4px #ccc;

	padding-bottom: 10px;

	margin-bottom: 20px;

}

.title_page h2 {

	font-size: 22px;

	font-weight: bold;

	color: #0072BC;

	line-height: 30px;

	text-transform: uppercase;

}

.title_page_right {

	border-bottom: double 4px #ccc;

	padding-bottom: 10px;

	margin-bottom: 20px;

}

.title_page_right h2 {

	font-size: 20px;

	font-weight: bold;

	color: #333;

	line-height: 30px;

	text-transform: capitalize;

}

.contact {

	padding-bottom: 20px;

}

.contact .left {

	width: 44.7%;

	float: left;

}

.contact .right {

	width: 55%;

	float: right;

}

.formBox li {

	display: block;

	position: relative;

	margin-bottom: 10px;

}

.formBox li input, .formBox li textarea {

	border: solid 1px #E1E1E1;

	height: 38px;

	color: #999;

	padding: 0 10px 0 45px;

}

.formBox li textarea {

	padding: 10px 10px 10px 45px;

	height: 168px;

}

.contact .left input {

	width: 79%;

}

.contact .right input, .contact .right textarea {

	width: 86.5%;

}

.formBox li:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 45px;

	height: 40px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index: 10;

}

.formBox li.name:after {

	background-image: url("../images/website/contact/c_name.png")

}

.formBox li.phone:after {

	background-image: url("../images/website/contact/c_phone.png");

}

.formBox li.mail:after {

	background-image: url("../images/website/contact/c_mail.png");

}

.formBox li.local:after {

	background-image: url("../images/website/contact/c_local.png");

}

.formBox li.subject:after {

	background-image: url("../images/website/contact/c_subject.png");

}

.formBox li.mess:after {

	background-image: url("../images/website/contact/c_mess.png");

}

.formBox li.code:after {

	background-image: url("../images/website/contact/c_code.png");

}

.formBox .button {

	float: right;

	text-transform: uppercase;

	font-size: 15px;

	padding: 0 20px;

	margin-left: 10px;

	height: 38px;

	line-height: 40px;

	margin-bottom: 10px;

	color: #FFF;

	background: #3f5197;

	white-space: nowrap;

}

.formBox .button:hover {

	color: #FFF;

	background: #3daabb;

}

.formBox li span {

	position: absolute;

	right: 0;

	top: 0;

	line-height: 42px;

	padding: 0 10px;

	font-weight: bold;

	z-index: 2;

	letter-spacing: 1px;

	user-select: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-o-user-select: none;

	-ms-user-select: none;

}

.one-news {

	padding-bottom: 20px;

}

.news-img {

	width: 250px;

	height: 170px;

	float: left;

	border: solid 1px #ccc;

	padding: 5px;

	background: #FFF;

}

.news-img:hover {

	border: solid 1px #999999;

	padding: 5px;

	background: #FFF;

	opacity: .8

}

.news-img img {

	width: 250px;

	height: 170px;

	margin: 0px;

	border: none;

}

.news-view {

	width: 495px;

	float: right;

	line-height: 22px;

}

.news-day {

	font-size: 13px;

	color: #333;

	border-bottom: solid 1px #eee;

	padding: 6px 0px;

	background: url(../images/website/icon_day.png) center left no-repeat;

	padding-left: 20px;

	margin-bottom: 5px;

}

.tieude_tintuc h1 {

	color: #DA593A;

	font-size: 16px;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 30px;

}

.tieude_tintuc h2, .tieude_tintuc h2 a {

	color: #e95504;

	font-size: 15px;

	font-weight: bold;

	text-transform: none;

}

.tieude_tintuc {

	color: #f00;

	font-size: 18px;

	font-weight: bold;

	padding-bottom: 6px;

	text-transform: uppercase;

	line-height: 25px;

}

.tieude_tintuc a {

	color: #333;

	font-weight: bold;

	font-size: 17px;

	text-transform: none;

}

.tieude_tintuc a:hover {

	text-decoration: underline;

	color: #F63E42;

}

.other_news #right_title {

	margin-bottom: 10px;

}

.other_news li {

	list-style-type: disc;

	margin-left: 25px;

	font-size: 15px;

	line-height: 26px;

	color: #777;

}

.other_news li a, .news_right ul li a {

	color: #333;

	font-size: 15px;

	display: block;

}

.other_news li a span {

	color: #666;

	font-size: 12px;

}

.other_news li:hover, .other_news li:hover a, .news_right ul li a:hover {

	color: #0067B1;

	text-decoration: underline;

}

.nums {

	color: #FFF;

	float: right;

	margin-top: 5px;

}

.nums li {

	float: right;

	list-style: none;

	line-height: 18px;

}

.nums a {

	font-size: 15px;

	display: block;

	margin: 0 3px 0 0;

	padding: 3px 8px;

	color: #FFF;

	font-family: 'Acme', sans-serif;

	background-color: #34AED4;

	text-decoration: none;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-o-border-radius: 5px;

}

.nums a:hover, .nums a.active, .nums a.stay:hover {

	background-color: #0072BC;

	color: #FFF;

}

.nums a.stay {

	background-color: #f00;

	color: #FFF;

}

.box_home {

	padding: 20px;

	margin-top: 20px;

	background: #fff;

	box-shadow: 2px 2px 5px rgba(0,0,0,.08), -2px 0px 5px rgba(0,0,0,.08);

	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.08), -2px 0px 5px rgba(0,0,0,.08);

}

/* Tables - extracted from Bootstrap and changed so it applies by default */







table {

	width: 100%;

	border: 1px solid #eee;

}

th {

	background-color: #F8F8F8;

}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {

	padding: 10px;

	line-height: 1.42857143;

	vertical-align: top;

}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {

	border: 1px solid #eee;

}

.albumView {

	min-height: 300px;

	padding: 0 20px 20px 0px;

}

.albumView .galleria-info {

	visibility: hidden;

}

.album_box {

	width: 242px;

	height: auto;

	float: left;

	margin-bottom: 16px;

	margin-right: 8px;

	margin-left: 8px;

	list-style: none;

}

.album_thumb {

	display: block;

	width: 100%;

	height: auto;

	position: relative;

	text-align: center;

	overflow: hidden;

	margin-bottom: 8px;

}

.album_thumb img {

	display: block;

	margin: 0px auto;

	width: 280px;

	height: 200px;

}

.album_thumb #thumb_bor {

	position: absolute;

	top: 0;

	left: 0;

	width: 270px;

	height: 190px;

	border: solid 5px rgba(0, 0, 0, 0.06);

	background: url(../images/website/album-over.png) no-repeat center center;

	-webkit-transition: all .2s;

	-moz-transition: all .2s;

	-ms-transition: all .2s;

	-o-transition: all .2s;

	transition: all .2s;

	background-size: 0px 0px;

}

.album_thumb:hover #thumb_bor {

	background-size: 100% 100%;

}

.album_box h1 {

	text-align: center;

}

.album_box h1 a {

	display: block;

	color: #999;

	font-weight: bold;

	font-size: 13px;

}

.album_box h1 a:hover {

	color: #F00;

}

.titnoibat_id {

	border-bottom: dotted #CCCCCC 1px;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

.titnoibat_id li {

	float: left;

	list-style: none;

	width: 110px;

}

.titnoibat_id li img {

	width: 110px;

	height: 80px;

}

.titnoibat_id ul {

	width: 175px;

	float: left;

	margin-left: 15px;

}

.titnoibat_id ul h2 {

	font-size: 14px;

	font-weight: bold;

	color: #333;

	padding-bottom: 10px;

}

.titnoibat_id ul h2:hover {

	color: #f00;

}

.titnoibat_id ul h3 {

	font-size: 13px;

	background: url(../images/website/icon_day.png) center left no-repeat;

	padding-left: 25px;

	font-weight: normal;

	color: #666;

}

.hotro_right h2 {

	background: url(../images/website/phone.jpg) center left no-repeat;

	padding-left: 40px;

	font-size: 16px;

	font-weight: bold;

	color: #f00;

	line-height: 45px;

}

.hotro_right h3 {

	background: url(../images/website/email.jpg)center left no-repeat;

	padding-left: 40px;

	font-size: 16px;

	font-weight: normal;

	color: #666;

	line-height: 45px;

}

.hotro_right ul li {

	list-style: none;

	padding: 10px;

	float: left;

}

.hotro_right ul li img {

	width: 130px;

	height: auto;

}

.box_right {

	margin-bottom: 20px;

}

.banner_right ul li {

	list-style: none;

	line-height: 0;

	padding-bottom: 5px;

}

.banner_right ul li img {

	width: 300px;

	height: auto;

}

.hoitdap_id ul {

	border-bottom: dotted #CCCCCC 1px;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.hoitdap_id ul h2 {

	font-size: 16px;

	color: #069;

	font-weight: bold;

	padding-bottom: 10px;

}

.lang_top {

	float: right;

	margin-top: 22px;

}

.lang_top ul li {

	float: left;

	margin-left: 10px;

	list-style: none;

}

.lang_top ul li:hover {

	opacity: .7;

}

.lang_top ul li img {

	border: solid #FFF 1px;

}

#popSlide {

	position: fixed;

	right: 0;

	bottom: -330px;

	z-index: 100;

	width: 280px;

	height: 360px;

	transition: bottom .2s ease-in-out;

	-webkit-transition: bottom .2s ease-in-out;

	-moz-transition: bottom .2s ease-in-out;

	-o-transition: bottom .2s ease-in-out;

	box-shadow: -2px -2px 4px rgba(0,0,0,.2);

	-webkit-box-shadow: -2px -2px 4px rgba(0,0,0,.2);

	overflow: hidden;

}

#popSlide.active {

	bottom: 0px;

}

#popSlide h6 {

	display: block;

	position: relative;

	font-size: 15px;

	text-transform: uppercase;

	padding: 0 15px 0 45px;

	color: #fff;

	height: 30px;

	line-height: 35px;

	cursor: pointer;

}

#popSlide, #popSlide h6, #popSlide h6 span {

	border-radius: 5px 0 0 0;

	-webkit-border-radius: 5px 0 0 0;

	-moz-border-radius: 5px 0 0 0;

	-o-border-radius: 5px 0 0 0;

	background: #ED1C22;

	transition: all 0.7s ease 0s;

	-moz-transition: all 0.7s ease 0s;

	-webkit-transition: all 0.7s ease 0s;

}

#popSlide #form_kh {

	background: #fff;

	padding: 10px 20px;

}

#popSlide #form_kh li {

	list-style: none;

	margin-bottom: 10px;

}

#popSlide #form_kh li input, #popSlide #form_kh li textarea {

	border: solid 1px #E1E1E1;

	height: 38px;

	color: #999;

	padding: 0 10px 0 10px;

	width: 96%;

}

#popSlide #form_kh li .button {

	text-transform: uppercase;

	font-size: 15px;

	padding: 0 20px;

	height: 38px;

	line-height: 40px;

	margin-bottom: 10px;

	color: #FFF;

	background: #004B97;

	white-space: nowrap;

	transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	width: 88%;

	text-align: center;

	display: block;

}

#popSlide h6:hover, #popSlide h6.active {

	background-color: #f60 !important;

}

#popSlide h6 span {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	width: 30px;

	line-height: 30px;

	text-align: center;

	color: #555;

	font-size: 25px;

	background: #fff;

}

#popSlide #slidePop {

	display: block;

	height: 200px;

	width: 100%;

	position: relative;

}
.newhot{position:absolute; right:0px; top:0px;}
.newhot img{width:30px; height:auto;}
.slidehome li{float:left; list-style:none;}
.onePro .slidehome img {

	max-width: 100%;

	max-height: 100%;

	display: block;

	margin-bottom: 5px;
	width: 100%;
}