@import "font.css";
@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/bg_body.jpg) no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -msa-background-size: cover;
}
* {
	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;
}
.padding_pagewrap {
	padding: 0 10px;
}
.showText h2 {
	color: #f60;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
	text-transform: uppercase;
	line-height: 25px;
}
.showText p {
	padding-bottom: 15px;
}
.showText img {
	display: block;
	margin: 0 auto;
	height: auto;
	max-width: 100%;
}
.showText ul {
	padding-bottom: 15px;
}
.showText ul li {
	margin-left: 35px;
}
.header {
	padding: 25px 0;
	background: #fff;
}
.logo_top {
	float: left;
}
.logo_top li {
	list-style: none;
	line-height: 0;
	float: left;
}
.logo_top h2 {
	color: #f60;
	float: left;
	padding-left: 20px;
	margin-left: 20px;
	text-transform: uppercase;
	font-family: "VNF-Oswald", serif;
	font-size: 28px;
	font-weight: normal;
	border-left: solid #f60 1px;
	line-height: 55px;
}
.box_menu {
	background: #339933;
	position: relative;
	line-height: 0;
}
#menu {
	/* float: left; */
	text-align: center;
}
#menu > li {
	display: inline-block;
	vertical-align: text-top;
	position: relative;
}
#menu > li > a {
	padding: 1px 25px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#menu li:hover > a {
	color: #fff;
	background: #f60;
}
#menu li a {
	display: block;
	height: 45px;
	line-height: 45px;
	position: relative;
	z-index: 5;
	color: #fff;
}
#menu li ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99999;
	margin-top: 15px;
	border-bottom: solid 4px #f60;
	border-left: solid 1px #f60;
	box-shadow: 2px 1px 2px rgba(0,0,0,.3);
	visibility: hidden;
	opacity: 0;
	padding-top: 15px;
	background: #fff;
}
#menu li li {
	position: relative;
}
#menu li:hover li ul {
	top: 0px;
	left: 100%;
	opacity: 0;
	visibility: hidden;
	margin-left: 20px;
}
#menu li:hover ul, #menu li:hover li:hover ul {
	margin-top: 0;
	margin-left: 0;
	visibility: visible;
	opacity: 1;
}
#menu li ul li {
	white-space: nowrap;
	text-align: left;
	display: block;
	background: #fff;
	padding: 0 15px;
	min-width: 180px;
}
#menu li ul li:last-child {
	padding-bottom: 10px;
}
#menu li ul li a {
	padding: 0 15px;
	border-bottom: solid 1px #F0F0F5;
	border-top: solid 1px #fff;
	position: relative;
	line-height: 35px;
	height: 35px;
	color: #333;
	transition: padding .2s linear;
	-webkit-transition: padding .2s linear;
	-moz-transition: padding .2s linear;
	-o-transition: padding .2s linear;
	-ms-transition: padding .2s linear;
}
#menu li ul li:first-child a {
	border-top: none;
}
#menu li ul li:last-child a {
	border-bottom: none;
}
#menu li ul li > a:before {
	content: attr(icons);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 18px;
	line-height: 30px;
	transition: left .2s linear;
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-o-transition: left .2s linear;
	-ms-transition: left .2s linear;
}
#menu li ul li:hover > a {
	padding: 0 10px 0 20px;
}
#menu li ul li:hover > a:before {
	left: 8px;
}
#menu li ul li li:first-child {
	padding-top: 10px;
}
#menu li ul li ul {
	padding: 0;
}
.doitac_home {
	padding: 20px 0;
	background: #fff;
	border-top: dashed #CCC 1px;
	border-bottom: dashed #CCC 1px;
	/* margin-top: 20px; */
}
.logo_thuonghieu {
	float: left;
	width: 190px;
	padding-right: 11px;
	margin-bottom: 0px;
	list-style: none;
	line-height: 0;
}
.logo_thuonghieu img {
	width: 190px;
	height: 90px;
	border: solid #CCC 1px;
}
.logo_thuonghieu:hover {
	opacity: .7;
}
.placeNav {
	position: absolute;
	top: 35px;
	z-index: 3;
	color: #999;
	font-size: 20px;
	width: 15px;
	line-height: 20px;
	height: 25px;
	background: rgba(51, 51, 51, 0.69);
	text-align: center;
	opacity: 0;
}
.placeNav.prev {
	left: 0;
}
.placeNav.next {
	right: 0;
	text-indent: 3px;
}
.placeSlide_main:hover .placeNav {
	opacity: 1;
}
.placeNav:hover {
	background: #f60;
	color: #fff;
}
.placeSlide_main {
	position: relative;
	overflow: hidden;
}
.placeSlide, .placeSlide_with {
	width: 1300px;
}
.placeSlide_page {
	width: 1000px;
}
.footer_bottom {
	background: #339933;
	border-top: solid #CCC 1px;
	padding-top: 20px;
	/* margin-top: 20px; */
	padding-bottom: 5px;
}
.footer_bottom_menu{
	margin: 0 -15px;
}
.footer_bottom_menu ul {
	float: left;
	width: 20%;
	padding-left: 15px;
	padding-right: 15px;
	list-style: none;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.footer_bottom_menu ul li {
	font-size: 13px;
	line-height: 25px;
	font-weight: normal;
	color: #767676;
	text-transform: none;
}
.footer_bottom_menu ul li a {
	color: rgba(255,255,255,0.70);
}
.footer_bottom_menu ul h2 {
	font-size: 14px;
	font-weight: bold;
	color: #0066B3;
	border-bottom: dotted rgba(255,255,255,0.75) 1px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.footer_bottom_menu ul h2 a, .copyright_bottom a, .top_searchkey li a {
	color: #fff;
}
.footer_bottom_menu ul h2 a:hover, .footer_bottom_menu ul li a:hover, .copyright_bottom a:hover, .top_searchkey li a:hover, .left_header_bar ul li a:hover, .right_header_bar ul li a:hover {
	/* text-decoration: underline; */
	color: #ffffff;
}
.top_searchkey {
	border-top: solid #CCC 1px;
	margin-top: 10px;
	padding-top: 20px;
	margin-bottom: 15px;
}
.top_searchkey li {
	width: 70%;
	float: left;
	font-size: 12px;
	line-height: 25px;
	list-style: none;
}

.dangkynhantin_footer {
    width: 27%;
    float: left;
    border: dotted #CCC 1px;
    padding: 15px;
    background-color: #fff;
    margin-left: 3%;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.dangkynhantin_footer h2 {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #f00;
}
.dangkynhantin_footer ul form input {
	float: left;
	height: 30px;
	background: #fff;
	border: solid #ff6600 1px;
	width: 152px;
	padding: 0 10px;
	color: #999;
	list-style: none;
}
.dangkynhantin_footer ul form input:focus {
	color: #323232;
	background: #fff;
}
.dangkynhantin_footer ul form a {
	float: left;
	line-height: 30px;
	color: #fff;
	background: #f60;
	padding: 0 15px;
	border: solid #f60 1px;
}
.dangkynhantin_footer ul form a:hover {
	color: #fff;
	text-decoration: none;
	background: #f60;
	border: solid #f60 1px;
}
.dangkynhantin_footer p {
	padding: 0px;
	padding-bottom: 10px;
}
.copyright_bottom {
	background: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid #ccc 1px;
}
.left_footer_id {
    float: left;
    line-height: 25px;
    width: 37%;
    margin-bottom: 15px;
}
.left_footer_id h2 {
	font-size: 17px;
	font-weight: bold;
	color: #f60;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.left_footer_id a {
	color: #333;
}
.face_bottom {
	width: 30%;
	float: left;
	margin-left: 3%;
	margin-bottom: 15px;
}
.face_bottom ul,.face_bottom li{list-style: none}
.left_footer_id a:hover {
	color: #339933;
}
#back-top {
	position: fixed;
	bottom: 60px;
	right: 10px;
	z-index: 1;
}
#back-top a {
	display: block;
	width: 40px;
	line-height: 40px;
	background: #f00;
	outline: none;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
#back-top a:hover {
	color: #fff;
	background: #f60;
}
.sharelink {
	-webkit-animation: blurFadeRight 0.4s ease-in .4s backwards;
	-moz-animation: blurFadeRight 0.4s ease-in .4s backwards;
	-ms-animation: blurFadeRight 0.4s ease-in .4s backwards;
	text-align: left;
	height: 30px;
	margin-top: 7px;
	margin-left: 15px;
	float: left;
}
.sharelink img {
	background: rgb(56, 104, 202);
	margin-left: 2px;
}
.sharelink img:hover {
	background: #004779;
}
.sharelink h2 {
	float: left;
	font-weight: normal;
	font-size: 13px;
	padding-right: 10px;
	padding-top: 5px;
}
.bottom_id_copyright {
	text-align: center;
	border-top: dotted #999 1px;
	padding-top: 20px;
	margin-top: 20px;
}
.bottom_id_copyright a {
	color: #333;

	font-weight: bold;
}
.bottom_id_copyright a:hover {
	color: #f60;
	text-decoration: underline;
}
.product_list ul {
	float: left;
	border: solid #ccc 1px;
	width: 223px;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	list-style: none;
	height: 340px;
}
.product_list_2 ul {
	float: left;
	border: solid #ccc 1px;
	width: 215px;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	list-style: none;
	height: 330px;
	overflow: hidden;
}
.product_list_2 ul li img {
	width: 195px;
	height: auto;
	padding: 10px;
}
.product_list ul h2, .product_list_2 ul h2, .onePro_3 h2 {
	padding: 5px 10px;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #333;
	line-height: 22px;
}
.product_list ul:hover h2, .product_list_2 ul:hover h2, .onePro_3:hover h2 {
	color: #339933;
	transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
}
.product_list ul:hover, .product_list_2 ul:hover, .onePro_3:hover {
	border: solid #393 1px;
}
.product_list ul h3, .product_list_2 ul h3, .onePro_3 h3 {
	padding: 0 10px;
	font-size: 15px;
	font-weight: bold;
	color: #f00;
	line-height: 22px;
}
.product_list ul h3 span, .product_list_2 ul h3 span, .onePro_3 h3 span {
	font-size: 14px;
	padding-left: 10px;
	font-weight: bold;
	color: #333;
	text-decoration: line-through;
}
.product_list ul p, .product_list_2 ul p, .onePro_3 p {
	padding: 0 10px 0px 10px;
	line-height: 25px;
	color: #666;
}
.product_list ul li img {
	width: 203px;
	height: auto;
	padding: 10px;
}
.product_left_1 ul li {
	float: left;
	width: 474px;
	margin-right: 10px;
	list-style: none;
	height: 325px;
}
.product_left_1 ul li img {
	width: 474px;
	height: 325px;
}
.banner_right ul li img, .banner_right ul li {
	width: 220px;
	height: auto;
	padding-top: 5px;
	line-height: 0;
	list-style: none;
}
.product_left_1 ul li img:hover, .banner_right_id ul li img:hover, .banner_right_id h2 img:hover, .banner_right ul li img: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;
}
.box_id {
	/* margin-bottom: 20px; */
}
.conten_page {
	margin-top: 20px;
	margin-bottom: 20px;
}
.right_conten {
	float: right;
	width: 930px;
}
.page_padding {
	padding:15px;
	margin-bottom:20px;
	background:#fff;
	border: solid #393 1px;
}
.left_conten {
	float: left;
	width: 250px;
}
.title_page {
	margin-bottom: 25px;
	border-bottom: double #CCCCCC 4px;
	position: relative;
}
.title_page li {
	position: absolute;
	list-style: none;
	bottom: -6px;
	height: 7px;
	left: 0;
	width: 80px;
	background: #f60;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.title_page h2 {
	text-transform: uppercase;
	font-family: "VNF-Oswald", serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 42px;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	color: #f60;
	padding-bottom: 0px;
	float: left;
}
.title_page ul {
	color: #999;
	list-style: none;
	margin-top: 15px;
	padding-top: 6px;
	font-size: 12px;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	float: right;
	animation-fill-mode: both;
	text-transform: uppercase;
	padding-bottom: 5px;
	background: url(../images/icon_home.png) center left no-repeat;
	padding-left: 22px;
}
.title_page ul a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #999;
	font-size: 12px;
}
.title_page ul a:hover {
	color: #f60;
	text-decoration: underline;
}
.title_page_home {
	position: relative;
	z-index: 1;
	line-height: 45px;
	/* margin-left: 20px; */
	background: #393;
	/* border-right: 5px solid #f60; */
	/* border-left: 8px solid #f60; */
}
.title_page_home h2 a{color: #ffffff;}
.title_page_home h2 {
color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.title_page_home ul {
	float: right;
}
.title_page_home ul li {
	float: left;
	list-style: none;
	padding-right: 20px;
		color: #fff;
		text-transform:uppercase;

}
.title_page_home ul li a {
	color: #fff;
	font-size: 12px;
}
.title_page_home ul li a:hover {
	color: #ff6600;
	text-decoration: underline;
}
.title_page_right {
	position: relative;
	z-index: 1;
	line-height: 45px;
	background: #393;
	border-right: 5px solid #393;
	/* border-left: 8px solid #f60; */
}
.title_page_right span, .title_page_home span {
	margin: 13px 0;
	float: left;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 5px solid #f60;
	margin-right: 10px;
	display: none;
}
.title_page_right h2 {
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 15px;
}
.boder_right {
	border: solid #393 1px;
	padding: 10px;
	border-top: none;
	margin-bottom: 20px;
	background: #fff;
}
.list-yahoo li a {
	background-image: url(../images/yahoo.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	line-height: 30px;
	display: block;
	margin-right: 5px;
	margin-left: 0px;
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
.list-yahoo li {
	background: none;
	padding-left: 0px;
	list-style: none;
}
.list-yahoo li a.last {
	background-image: url(../images/skype.png);
}
.list-yahoo li a:hover {
	opacity: .7;
}
.list-yahoo ul {
	color: #E21F27;
	font-weight: bold;
	border-top: dotted #CCC 1px;
	padding-top: 10px;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
}
.list-yahoo {
	padding:10px;
	background:#fff;
}
.newsRight a {
	display: block;
	min-height: 65px;
	background: #EBEBEB;
	margin-bottom: 2px;
}
.newsRight a {
	display: block;
	min-height: 65px;
	background: #9e9e9e;
	margin-bottom: 2px;
}
.newsRight img {
	width: 115px;
	height: auto;
	float: left;
	margin-right: 10px;
}
.newsRight h2 {
	color: #fff;
	padding: 5px;
	line-height: 20px;
	font-size: 13px;
	font-weight: normal;
}
.newsRight a:hover {
	background: #f60;
}
.newsRight a:hover h2 {
	color: #fff;
}
.menu_right ul li {
	list-style: none;
	border-bottom: dotted #CCCCCC 1px;
}
.menu_right ul li a {
	display: block;
	padding: 7px 10px;
	color: #333;
	font-weight: bold;
}
.menu_right ul li a:hover {
	color: #fff;
	background: #f60;
}
#map {
	display: block;
	border: solid 3px #eee;
	height: 500px;
}
#map iframe {
	display: block;
	width: 100%;
	height: 100%;
}
#contact {
	padding-top: 20px;
	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: 81%;
}
#contact .right input, #contact .right textarea {
	width: 88.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/contact/c_name.png")
}
.formBox li.phone:after {
	background-image: url("../images/contact/c_phone.png");
}
.formBox li.mail:after {
	background-image: url("../images/contact/c_mail.png");
}
.formBox li.local:after {
	background-image: url("../images/contact/c_local.png");
}
.formBox li.subject:after {
	background-image: url("../images/contact/c_subject.png");
}
.formBox li.mess:after {
	background-image: url("../images/contact/c_mess.png");
}
.formBox li.code:after {
	background-image: url("../images/contact/c_code.png");
}
.contact .code .left{width: 100%}
.formBox .button {
	float: right !important;
	text-transform: uppercase !important;
	font-size: 15px !important;
	padding: 0 20px !important;
	margin-left: 10px !important;
	height: 38px !important;
	line-height: 40px !important;
	margin-bottom: 10px !important;
	color: #FFF !important;
	background: #f60 !important;
	white-space: nowrap !important;
	    font-weight: 400 !important;
    border-radius: 0;    margin-top: 10px;
}
.formBox .button:hover {
	color: #FFF !important;
	background: #393 !important;
}
.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: 15px;
	    border-bottom: 1px dashed #ccc;
	    margin-bottom: 15px;
}
.news-img {
	width: 250px;
	height: auto;
	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: auto;
	margin: 0px;
	border: none;
	float: left;
}
.news-view {
	width: 620px;
	float: right;
	line-height: 22px;
}
.news-day {
	font-size: 14px;
	color: #333;
	border-bottom: solid 1px #eee;
	padding: 6px 0px;
	background: url(../images/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: #f60;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
	line-height: 25px;
}
.tieude_tintuc a {
	color: #f60;
	font-weight: bold;
	font-size: 17px;
	text-transform: none;
}
.tieude_tintuc a:hover {
	text-decoration: underline;
	color: #f60;
}
.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: #f60;
	text-decoration: underline;
}
.box_tintuc_id {
	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);
}
.discount-tag {
	position: absolute;
	background: #f60;
	width: 55px;
	height: 55px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 55px;
	margin-top: 10px;
	margin-left: 10px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	cursor: default;
	z-index: 2;
	border-radius: 100%;
	font-size: 17px;
}
.nums {
	table-layout: auto;
	margin-top: 15px;
	text-align: center;
}
.nums li {
	list-style: none;
	display: inline-table;
}
.nums a {
	font-size: 14px;
	display: block;
	margin: 0 6px 0 0;
	padding: 3px;
	line-height: 25px;
	height: 25px;
	width: 25px;
	table-layout: inherit;
	text-align: center;
	color: #999;
	background: #fff;
	border: #CCC 1px solid;
	text-decoration: none;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
}
.nums a:hover, .nums a.active, .nums a.stay:hover {
	background: #f60;
	color: #FFF;
	border: #f60 1px solid;
}
.nums a.stay {
	background: #f60;
	border: #f60 1px solid;
	color: #fff;
}
.bannerInside {
	height: 350px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

}
.bannerMain {
	position: relative;
	overflow: hidden;
	height: 350px;
	padding: 10px;
	background: #fff;
			-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
	margin:20px 0;

	
}
.banner li {
	float: left;
	width: 100%;
	height: 350px;
	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: 30px;
	margin: auto;
	width: auto;
	text-align: center;
	z-index: 10;
}
.pagiBanner a {
	display: inline-block;
	vertical-align: text-top;
	width: 25px;
	height: 5px;
	background: #ccc;
	text-indent: -100000px;
	margin: 0 5px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	border: solid #fff 1px;
}
.pagiBanner a.selected {
	background: #f60;
	border: solid #FFF 1px;
}
.viewLeft {
	width: 410px;
	float: left;
	margin-bottom: 30px;
}
.viewRight {
	width: 460px;
	float: right;
}
.viewRight .desc {
	/* border-top: dotted 1px #ddd; */
	padding-top: 5px;
	border-bottom: dotted 1px #ddd;/* margin-top: 10px; *//* padding-bottom: 10px; */
}
.viewRight .desc b {
	display: block;
	margin-bottom: 5px;
}
.viewRight .desc li {
	line-height: 18px;
	margin-bottom: 15px;
	/* text-indent: 15px; */
	list-style: none;/* background: url("../images/icon-check-pink.png") no-repeat left 4px; *//* margin-left: 15px; */
}
#sharelink {
	-webkit-animation: blurFadeRight 0.4s ease-in .4s backwards;
	-moz-animation: blurFadeRight 0.4s ease-in .4s backwards;
	-ms-animation: blurFadeRight 0.4s ease-in .4s backwards;
	height: 30px;/* margin-top: 10px; */
}
#sharelink img {
/* background: rgba(148, 148, 148, 0.41); */
}
#sharelink img:hover {
	background: #008376;
}
#sharelink spam {
	padding-top: 0px;
}
#proCont {
	padding: 0px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.listDesc {
	margin-bottom: 20px;
	box-shadow: inset 0 -5px #EC1F26;
	margin-top: 0;
}
.listDesc a {
	text-transform: uppercase;
	font-size: 18px;
	display: inline-block;
	line-height: 40px;
	margin-right: 20px;
	/* padding-bottom: 5px; */
	/* box-shadow: inset 0 -5px #B30505; */
	color: #fff;
	font-weight: bold;
	background: #EC1F26;
	padding: 5px 20px;
}
.titleView {
	position: relative;
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 18px;
	color: #f60;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: dotted #CCCCCC 1px;
	padding-bottom: 5px;
}
.viewRight h2 {
	font-size: 18px;
	color: #00a859;
	line-height: 26px;
	font-weight: bold;
	/* border-bottom:dotted #CCCCCC 1px; */
	padding-bottom: 5px;/* margin-bottom:5px; */
}
.viewRight h1 {
	font-size: 16px;
	color: #f00;
	line-height: 26px;
	font-weight: bold;/* border-bottom:dotted #CCCCCC 1px; *//* padding-bottom: 5px; *//* margin-bottom:5px; */
}
.viewRight h2 span {
	font-size: 15px;
	position: relative;
	font-weight: normal;
	color: #f00;
	line-height: 26px;
	float: right;
	padding-right: 160px;
	text-align: right;
}
.viewRight h3 {
	font-size: 14px;
	position: relative;
	color: #8DC540;
	line-height: 26px;
}
#bridal_images {
	border: 1px solid #CCC;
	background: #eee;
	padding: 5px;
	width: 400px;
	height: 300px;
	overflow: hidden;
	margin-bottom: 12px;
}
#bridal_images img {
	border: none;
	width: 400px;
	height: 300px;
	margin: 0px auto;
}
#bridal_images_list {
	display: block;
	/* float: left; */
	width: 390px;
	padding-left: 20px;
	position: relative;
}
#bridal_images_list li {
	margin-right: 9px;
	margin-left: 0px;
	list-style: none;
	float: left;
	height: 80px;
	width: 105px;
	border: 1px solid #CCC;
	background: #eee;
	padding: 4px;
	text-align: center;
	overflow: hidden;
}
#bridal_images_list li:hover {
	border: 1px solid #999;
}
#bridal_images_list img {
	width: auto;
	height: 80px;
	width: 105px;
	border: none;
}
.pro_slide_prev, .pro_slide_next {
	position: absolute;
	width: 12px;
	border: solid 1px #ccc;
	bottom: 50%;
	height: 50px;
	margin-bottom: -25px;
	text-indent: -10000px;
}
.pro_slide_prev {
	left: 0px;
	border-radius: 5px 0px 0px 5px;
	background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4;
}
.pro_slide_next {
	right: 0px;
	border-radius: 0px 5px 5px 0px;
	background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4;
}
a.pro_slide_prev.disabled, a.pro_slide_next.disabled {
	opacity: .5;
}
a.pro_slide_prev.disabled, a.pro_slide_next.disabled {
	cursor: default;
}
.cloud-zoom-lens {
	cursor: move;
}
.cloud-zoom-big {
	overflow: hidden;
}
.cloud-zoom-loading, img.loading {
	background: url(../images/loading.gif) no-repeat scroll center transparent;
}
.quantity {
	position: relative;
	margin-bottom: 15px;
}
.quantity, .quantity * {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
}
.quantity label {
	font-size: 16px;
	padding-right: 5px;
}
.quantity .input-text {
	width: 50px;
	height: 50px;
	border: none;
	text-align: center;
	font-size: 18px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}
.quantity p {
	padding: 15px 0 10px 0;
	/* border-top: dotted 1px #ddd; */
	font-size: 18px;
	text-transform: uppercase;
}
.quantity .minus, .quantity .plus {
	position: absolute;
	bottom: 0px;
	left: 135px;
	width: 30px;
	height: 23px;
	border: none;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
	text-align: center;
	-webkit-appearance: none;
	appearance: none;
	background: #393;
	line-height: 19px;
}
.quantity .minus {
	font-size: 25px;
}
.quantity .plus {
	bottom: 27px;
}
.quantity a {
	position: relative;
	height: 50px;
	line-height: 52px;
	position: absolute;
	left: 0;
	bottom: -1px;
	font-size: 18px;
	text-transform: uppercase;
	padding: 0 18px 0 45px;
	color: #fff;
	border: solid 1px #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	background: #f60;
	margin-left: 170px;
}
.quantity a:hover {
	color: #fff;
	background: #393;
}
.quantity a:before {
	content: "";
	background-image: url("../images/icon-cart-w.png");
	background-position: center center;
	position: absolute;
	top: 12px;
	left: 10px;
	width: 26px;
	height: 22px;
	z-index: 2;
	line-height: normal;
}
.add_more_2 ul {
	text-align: center;
	margin-top: 15px;
}
.add_more_2 ul h2 {
	list-style: none;
	background: #f00;
	color: #fff;
	text-align: center;
	padding: 5px 15px;
	font-size: 13px;
	font-weight: normal;
	margin-left: 1px;
	margin-top: 5px;
	float: left;
	text-transform: uppercase;
}
.add_more_2 ul h3 {
	list-style: none;
	font-size: 13px;
	background: #f60;
	color: #fff;
	text-align: center;
	padding: 5px 15px;
	margin-left: 5px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	text-transform: uppercase;
}
.add_more ul h2:hover, .add_more ul h3:hover, .add_more_2 ul h2:hover, .add_more_2 ul h3:hover {
	background: #f60;
	color: #fff;
}
#cart_list {
	background: #fff;
}
#cart_list tr {
	background: #f1f1f1;
}
#cart_list tr a {
	color: #333;
}
#cart_list tr a:hover {
	color: #f60;
}
#cart_list th {
	background: #f60;
	color: #fff;
	font-weight: normal;
	padding: 7px 5px;
	font-size: 13px;
}
#cart_list td {
	padding: 5px;
	text-align: center;
	color: #444;
	font-size: 14px;
	line-height: 20px;
}
#cart_list td input {
	width: 25px;
	padding: 3px 5px;
	text-align: center;
	border: solid 1px #ccc;
}
#cart_list td img {
	width: 100%;
	height: auto;
	border: none;
}
#cart_list td a.pro_del {
	background: #f60;
	font-size: 13px;
	padding: 8px 14px;
	font-weight: normal;
	color: #fff;
}
#cart_list td a.pro_del:hover {
	background: #f60;
	color: #fff;
}
#cart_list td #pro_sum {
	float: right;
	font-size: 14px;
	margin-right: 36px;
	font-weight: bold;
}
#cart_list td #pro_sum label {
	color: #f00;
	font-size: 20px;
}
#cart_list td a.pro_del.mar {
	margin: 0px 0px;
}
#cart_list td a.pro_del.float {
	float: left;
	padding: 2px 15px;
}
#cart_list tr:last-child td {
	padding: 15px;
}
#payment_method {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
#payment_method h3 {
	font-size: 16px;
	color: #f60;
	font-weight: bold;
	padding-bottom: 0px;
}
#payment_method .payment_method_input {
	list-style: none;
	float: left;
	width: 100%;
	height: 25px;
	margin-bottom: 0px;
}
#payment_method .payment_method_input .radio_check {
	float: left;
	width: 20px;
}
.formBox #payment_method ul li input {
	border: solid 1px #E1E1E1;
	height: 38px;
	color: #999;
	padding: 0 10px 0 45px;
}
#payment_method .payment_method_input span {
	float: left;
	margin-left: 10px;
	width: 93%;
	background: none;
	font-weight: normal;
	color: #333;
}
.timkiem_top {
	float: left;
	padding-top: 5px;
	margin-left: 40px;
}
.input_search {
	padding: 10px;
	height: 20px;
	width: 270px;
	border: none;
	float: right;
	border: solid #ccc 1px;
	background: #fff;
	border-right: none;
	color: #ccc;
	font-size: 13px;
}
.input_search:focus {
	color: #000;
}
.search a {
	width: 50px;
	height: 40px;
	text-indent: -10000px;
	background: url(../images/icon-search_r1_c1.png) no-repeat center center #fff;
	float: right;
	border: solid #ccc 1px;
	border-left: 0px;
}
.search a:hover {
	background: url(../images/icon-search.png) no-repeat center center #f60;
}
.giohang_top {
	float: right;
	margin-top: 8px;
}
.giohang_top li {
    float: left;
    list-style: none;
    background: url(../images/icon_giohang.png) center center no-repeat #f60;
    line-height: 0;
    width: 35px;
    height: 35px;
    background-size: 19px;
    border-radius: 100%;
}
.giohang_top ul {
    float: left;
    padding-left: 10px;
    height: 36px;
    line-height: 36px;
}
.giohang_top ul h2, .giohang_top ul h2 a {
    font-size: 18px;
    font-weight: 600;
    color: #f60;
}
.giohang_top ul h2:hover a{
	color: #393
}
.giohang_top ul p {
	font-size: 13px;
	font-weight: bold;
	color: #666;
}
.giohang_top ul p a {
	color: #666;
}
.giohang_top ul p a:hover {
	color: #f60;
	text-decoration: underline;
}
.marquee {
	overflow: hidden;
	height: 350px;
}
.onePro_3 .proImg {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	/* margin-bottom: 10px; */
}
.onePro_3 {
	width: 216px;
	padding: 5px;
	border: solid 1px #E1E1E1;
	background: #fff;
	margin-bottom: 15px;
	list-style: none;
}
.header_top {
	background: #9c9a99;
	color: #fff;
	padding: 5px 0;
}
.header_top_left ul {
	padding: 0;
}
.header_top_left{
	float: right;
	list-style: none;
}
.header_top_left ul li {
	float: left;
	list-style: none;
}
.header_top_left ul li a {
	padding: 0 10px;
	line-height: 30px;
	color: #fff;
}
.header_top_left ul li:hover {
	color: #fff;
	background: #f60;
}
.header_top_right {
	float: right;
	color: #fff;
	margin: 1px 0;
}
.header_top_right ul h2 {
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	background: url(../images/icon_dienthoai.png) center left no-repeat;
	padding-left: 20px;
}
.header_top_right ul h2 span {
	font-size: 15px;
	font-weight: bold;
}
.header_top_right ul h3 {
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	background: url(../images/icon_fax.png) center left no-repeat;
	padding-left: 25px;
}
.header_top_right ul h4 {
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	background: url(../images/icon_mail.png) center left no-repeat;
	padding-left: 25px;
}
#popSlide {
	position: fixed;
	right: 0;
	bottom: -140px;
	z-index: 100;
	width: 250px;
	height: 170px;
	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: #ff6600;
	transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
}
#popSlide h6:hover, #popSlide h6.active {
	background-color: #f00 !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: auto;
	width: 100%;
	position: relative;
}


/*//*/
.addthem{}
.formBox li textarea {
    height: 126px !important;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

a.vuong:link {
    color: #a29999 !important;
    padding: 5px !important;
    text-decoration: none !important;
    border-radius: 100% !important;
    margin-right: 5px !important;
}
.vuong_3 {
    float: left !important;
    padding: 1px !important;
    padding: 2px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    display: block !important;
    margin: 0 6px 0 0 !important;
    padding: 3px !important;
    line-height: 25px !important;
    height: 25px !important;
    width: 25px !important;
    table-layout: inherit !important;
    text-align: center !important;
    color: #999 !important;
    background: #fff !important;
    border: #CCC 1px solid !important;
    text-decoration: none !important;
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -o-border-radius: 100% !important;
}

a.vuong:visited {
    color: #a29999 !important;
    background-color: #fff !important;
    padding: 5px !important;
    text-decoration: none !important;
}
a.vuong2:visited {
    background: #f60 !important;
    border: #f60 1px solid !important;
    color: #fff !important;
}
a.vuong2:link {
    padding: 5px !important;
    border-radius: 100% !important;
    text-decoration: none !important;
    margin-right: 5px !important;
    background: #f60 !important;
    border: #f60 1px solid !important;
    color: #fff !important;
}
a.vuong:hover {
    background-color: #f60 !important;
    text-decoration: none !important;
    border: 1px solid #ff6600 !important;
    color: #fff !important;
}
.page_break { clear: both !important; margin-top: 0px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
.detai_tintuc h1.title_sp{
    background: #393;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    float: none;
    padding-left: 20px;
    line-height: 1;
    margin: -15px -15px 10px;
    display: block;
    padding: 14px 15px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.detai_tintuc .dotted_down{display: none}
#user_post_view{line-height: 1.7 !important}
#user_post_view img{margin: 10px 0; max-width: 100%; height: auto;}
#user_post_view p{margin-bottom: 7px !important}
.detai_sanpham>.breadcrumb{
	display: none;
	background: #393;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	float: none;
	padding-left: 20px;
	line-height: 1;
	margin: -15px -15px 10px;
	padding: 14px 15px 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.detai_sanpham>.breadcrumb>a{
	color: #ffffff !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
}

.detai_sanpham .main_col_left_cus1{width: 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detai_sanpham .main_col_left_cus1 .simpleLens-lens-image,
.detai_sanpham .main_col_left_cus1 .simpleLens-big-image-container{width: 100%; height: auto;}

.detai_sanpham .main_col_right_cus1{width: 62%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detai_sanpham .main_col_right_cus1 .comment_nho{display: none}
.detai_sanpham .main_col_right_cus1 .main_right_title{
	margin-bottom: 10px; line-height: 30px; font-size: 18px; color: #f60; font-weight: bold; text-transform: uppercase; border-bottom: dotted #CCCCCC 1px; padding-bottom: 5px;
}
.detai_sanpham .main_col_right_cus1 .list_body_left_cus1{    width: 25% !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detai_sanpham .main_col_right_cus1 .list_body_right_cus1{    width: 75% !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.detai_sanpham .main_col_right_cus1 .line_top_1 {
    height: 15px;
}
.detai_sanpham .main_col_right_cus1 ul, .detai_sanpham .main_col_right_cus1 li{list-style: none}
.detai_sanpham .main_col_right_cus1 .gia_thanhtien{font-size: 20px; color: #f00; line-height: 26px; font-weight: bold; margin-top: 8px;}
.detai_sanpham .main_col_right_cus1 .shopng-btn {
    margin-right: 16px;
    padding: 10px 20px 10px;
    color: #FFF;
    background: #f60;
    border: none;
    font-size: 16px;
    margin-left: 12px;
}
.detai_sanpham .main_col_right_cus1 .shopng-btn:hover {   background: #393;}
.detai_sanpham .main_col_right_cus1 .buttontext {
    background: #393;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    font-weight: normal;
    height: 38px;
    line-height: 35px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 38px;
    cursor: pointer;
}
.detai_sanpham .product_details_cart .buttontext:hover{    background: #f60;}
.detai_sanpham .product_details_cart .intext {
    border: none;
    color: #555555;
    font-size: 14px;
    height: 36px;
    text-align: center;
    width: 73px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}
.detai_sanpham .product_details_cart  .icon_body_sosanh_cus1,
.detai_sanpham .product_details_cart  .icon_body_love_cus1{display: none}
.detai_sanpham .product_details_cart .product-bottom {
    padding-top: 0px;
}
.detai_sanpham .product_details_cart .numbers-row{float: left;}
.detai_sanpham .main_content_body_cus1{line-height: 1.7}
.detai_sanpham .main_content_body_cus1 img{max-width: 100%; height: auto; margin: 10px 0;}
.detai_sanpham .main_content_body_cus1 p{margin-bottom: 7px;}

.detail_cart .cart_title_cus1,
.detail_buy .buy_title_cus1{
	background: #393;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	float: none;
	padding-left: 20px;
	line-height: 1;
	margin: -15px -15px 10px;
	display: block;
	padding: 14px 15px 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
@font-face {
	font-family: 'icomoon';
	src:url('../menu_mb/fonts/icomoon.eot');
	src:url('../menu_mb/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../menu_mb/fonts/icomoon.woff') format('woff'),
		url('../menu_mb/fonts/icomoon.ttf') format('truetype'),
		url('../menu_mb/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.detail_cart .table_boder_cus1 td, 
.detail_buy table.proTop table table td{
    font-family: arial;
    font-size: 14px;
    border: 1px solid #fff;
    background: #f1f1f1;
    color: #333;
    padding: 10px;
}
.detail_cart .table_boder_cus1 td strong, .detail_cart .table_boder_cus1 td b,
.detail_buy table td strong, .detail_cart table td b
{
	font-weight: normal;
}
.detail_cart .table_boder_cus1 tr.shoppingcart td,
.detail_buy table.proTop table tr.shoppingcart td
{
	background: #f60;
    color: #fff;
    text-align: center;
    color: #fff
}
.detail_cart .submitbutton,
.detail_buy .submitbutton
{
    background: #f60;
    font-size: 14px;
    padding: 12px 20px;
    font-weight: normal;
    color: #fff;
    border: none;
}
.detail_cart .submitbutton:hover,
.detail_buy .submitbutton:hover{
	background: #393;
}
.detail_buy input[type="text"]{
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    padding: 5px 8px;
}
.detail_buy input[type="radio"]{margin-right: 5px}
.detail_buy .submitbutton{margin-top: 10px}


.sp_main_idclass{position: relative;}
.sp_main_idclass::before{content: ""; clear: both;}
.sp_main_idclass::after{content: ""; clear: both;}

.dv-mnmb{
    display: none;
    width: 250px;
    z-index: 99;
    position: relative;
    float: right;
}
#dl-menu{text-align:right;width:100%;position:absolute; margin-top: 2px}
#dl-menu li a {
    padding: 5px 15px;
    line-height: 1.7;
    color: #fff;
    margin: 0;
    text-transform: capitalize;
    font-size: 14px;
}
.dl-menuwrapper{width:100%;float:left;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:1000;}
.dl-menuwrapper:first-child{margin-right:0px;z-index:9999;}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul{background:#ff7f00; right: 0;}
.dl-menuwrapper button {
    background: #208220;
    width: 38px;
    height: 31px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.56);
    margin: 5px;
    border-radius: 3px;
}
.dl-menuwrapper button:after{content:'';position:absolute;width:64%;height:3px;background:#fff;top:6px;left:18%;box-shadow:0 7px 0 #fff, 0 14px 0 #fff;}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.dl-menuwrapper li{position:relative;text-align:left;width:100%}
.dl-menuwrapper li a{display:block;position:relative;padding:7px 12px;font-size:13px;line-height:20px;font-weight:300;color:#fff;outline:none;border-top:1px dashed rgba(255, 255, 255, 0.2);text-decoration:none}
.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a{padding-left:30px !important;background:rgba(0,0,0,0.1);}
#dl-menu>span{color:#fff;padding-top:14px;margin-left:1px;text-transform:uppercase;font-size:13px;}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:33px;font-family:'icomoon';speak:none;-webkit-font-smoothing:antialiased;content:"\e000";opacity:0.64;font-size:11px;}
.dl-menuwrapper li.dl-back:after{left:10px;color:#FFF;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.dl-menuwrapper li > a:after{right:10px;color:#FFF;}
.dl-menuwrapper .dl-menu{top: 42px; margin:0;position:absolute;width:250px;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px);}
.dl-menuwrapper li .dl-submenu{display:none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a{display:none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block;}
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0;}
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 0.4s ease;animation:MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 0.4s ease;animation:MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 0.4s ease;animation:MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1{0%{}
50%{-webkit-transform:translateZ(-250px) rotateY(30deg);}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}
}
@-webkit-keyframes MenuAnimOut2{0%{}
100%{-webkit-transform:translateX(-100%);opacity:0;}
}
@-webkit-keyframes MenuAnimOut3{0%{}
100%{-webkit-transform:translateZ(300px);opacity:0;}
}
@-webkit-keyframes MenuAnimOut4{0%{}
100%{-webkit-transform:translateZ(-300px);opacity:0;}
}
@-webkit-keyframes MenuAnimOut5{0%{}
100%{-webkit-transform:translateY(40%);opacity:0;}
}
@keyframes MenuAnimOut1{0%{}
50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;}
100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}
}
@keyframes MenuAnimOut2{0%{}
100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
}
@keyframes MenuAnimOut3{0%{}
100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}
}
@keyframes MenuAnimOut4{0%{}
100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}
}
@keyframes MenuAnimOut5{0%{}
100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}
}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 0.4s ease;animation:MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease;animation:MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease;animation:MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}
100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1;}
}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0;}
100%{-webkit-transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);opacity:1;}
}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);opacity:1;}
}
@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0;}
100%{-webkit-transform:translateY(0);opacity:1;}
}
@keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}
100%{-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1;}
}
@keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
@keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}
}
@keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}
}
@keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 0.4s ease;animation:SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 0.4s ease;animation:SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease;animation:SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0;}
100%{-webkit-transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0;}
100%{-webkit-transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);opacity:1;}
}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);opacity:1;}
}
@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0;}
100%{-webkit-transform:translateZ(0);opacity:1;}
}
@keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}
}
@keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}
}
@keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}
100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}
}
@keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 0.4s ease;animation:SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 0.4s ease;animation:SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease;animation:SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);opacity:1;}
100%{-webkit-transform:translateX(50%);opacity:0;}
}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1;}
100%{-webkit-transform:translateX(100%);opacity:0;}
}
@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);opacity:1;}
100%{-webkit-transform:translateZ(-300px);opacity:0;}
}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);opacity:1;}
100%{-webkit-transform:translateZ(300px);opacity:0;}
}
@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1;}
100%{-webkit-transform:translateZ(-200px);opacity:0;}
}
@keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}
100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}
}
@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}
100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
}
@keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}
100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}
}
@keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}
100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}
}
@keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}
100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}
}
.a_home_mobie{
	display: none;
	position: absolute;
    margin-top: 23px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.banner{padding:0 !important; border: none !important;}

@media only screen and (max-width: 991px){
	.contact .right input,.contact .left input, .contact .right textarea {
	    width: 100% !important;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px){

	.detai_sanpham .main_col_left_cus1{width: 100%}
	.detai_sanpham .main_col_right_cus1{width: 100%}
	.detai_sanpham .main_col_right_cus1 .list_body_left_cus1{width: 40% !important}
	.detai_sanpham .main_col_right_cus1 .list_body_right_cus1{width: 60% !important}
	.social_network_right::before{content: ""; clear: both; }
	.social_network_right{    
		width: 100%;
		margin-top: 15px;
		text-align: right;
	}
	.cart_center_cus1, .buy_body_cus1{width: 100%; overflow-x: auto}
	.cart_center_cus1 table, .cart_center_cus1>form>div[align="right"]{min-width: 750px; }

}
@media only screen and (max-width: 479px){
	.contact .left, .contact .right{width: 100% !important}
	.detai_sanpham .main_col_right_cus1 .list_body_left_cus1{width: 100% !important}
	.detai_sanpham .main_col_right_cus1 .list_body_right_cus1{width: 100% !important}
	.detai_sanpham .product_details_cart .product-bottom {
	    padding-top: 10px;
	    float: left;
	    width: 100%
	}
	.detai_sanpham .main_col_right_cus1 .shopng-btn{margin-left: 0}
}

.endaddthem{}
@media only screen and (max-width: 991px)
{
	.footer_bottom_menu ul{padding-left: 0; padding-right: 0}
	.footer_bottom_menu{margin: 0;}
	.a_home_mobie{display: block}
	.desktop{display: none}
	.dv-mnmb{display:block;height:44px;}
	.pagewrap {
	    width: 100%;
	    padding: 0 10px;
	    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	.left_conten{display: none}
	.right_conten,
	.placeSlide_page, .placeSlide_with{width: 100%; float: none;}
	.product_list_2 ul, .product_list ul,.footer_bottom_menu ul{
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 31.333333%;
	    margin: 0 1% 15px;
	    height: auto;
	}
	.product_list_2 ul li{padding: 10px}
	.product_list_2 ul li img, .product_list ul li img {
	    width: 100%;
	    height: auto;
	    padding: 0px;
	}
	.product_list_2 ul h2{max-height: 44px; overflow: hidden;}
	.product_list_2 ul p{margin-bottom: 10px}
	.dv-group-dtsp{height:105px;}
	.pade_sp_mobile, .product_list_sp{padding: 15px 10px}

	.banner li, .bannerMain{height: 300px}

	.left_footer_id {width: 36%;}
	.face_bottom{width: 30%; margin-left: 2%;}
	.dangkynhantin_footer{width: 30%; margin-left: 2%;}

	.dangkynhantin_footer ul form input{width:70%;     height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.dangkynhantin_footer ul form a{width: 30%; padding: 0; text-align: center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.one-news .news-img{width:30%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.one-news .news-img img{width: 100%; height: auto}
	.one-news .news-view{width:68%;}
	.one-news {
	    padding-bottom: 15px;
	    border-bottom: 1px dashed #ccc;
	    margin-bottom: 15px;
	}
}

@media only screen and (max-width: 767px){
	.product_list_2 ul, .product_list ul, .footer_bottom_menu ul{width: 48%}
	.banner li, .bannerMain{height: 220px}
	.left_footer_id {width: 100%;}
	.face_bottom , .dangkynhantin_footer{width: 100%; margin-left: 0%;}

	.logo_top img{height: 55px}
	.logo_top h2 {
	    width: 100%;
	    margin: 10px 0 0;
	    padding: 0;
	    border: none;
	    font-size: 18px;
	    line-height: 1.6;
	}
	.giohang_top{position: absolute; top: 0; right: 10px; margin-top: 0}
	.giohang_top ul{display:  none}
	.dangkynhantin_footer ul form input{width:50%;}
	.dangkynhantin_footer ul form a{width: 20%;}
	.one-news .news-view{width:67%;}
}

@media only screen and (max-width: 479px){
	.one-news .news-img{width:100%;}
	.one-news .news-view{width:100%; margin-top: 10px}
	.product_list_2 ul, .product_list ul, .footer_bottom_menu ul{width: 100%; margin: 0 0 15px;}
	.pade_sp_mobile, .product_list_sp{padding: 15px }
	.banner li, .bannerMain{height: 180px}
	.header_top_right{float: left}
	.header_top_right ul h4{display: none;}

	.logo_top img{height: 45px}
	.logo_top h2 {
	    width: 100%;
	    margin: 10px 0 0;
	    padding: 0;
	    border: none;
	    font-size: 15px;
	    line-height: 1.6;
	}
	.giohang_top{position: absolute; top: 0; right: 10px;}
	.giohang_top ul{display:  none}
	.header { padding: 15px 0;}
	.dangkynhantin_footer ul form input{width:60%;}
	.dangkynhantin_footer ul form a{width: 30%;}
}