@font-face {
	font-family: 'KunlasatriBold';
	src: url('../fonts/kunlasatri-bold.eot');
	src: url('../fonts/kunlasatri-bold.eot') format('embedded-opentype'), url('../fonts/kunlasatri-bold.woff') format('woff'), url('../fonts/kunlasatri-bold.ttf') format('truetype'), url('../fonts/kunlasatri-bold.svg#KunlasatriBold') format('svg');
}
@font-face {
	font-family: 'DSNLardPhraoRegular';
	src: url('../fonts/dsnlardphrao.eot');
	src: url('../fonts/dsnlardphrao.eot') format('embedded-opentype'), url('../fonts/dsnlardphrao.woff') format('woff'), url('../fonts/dsnlardphrao.ttf') format('truetype'), url('../fonts/dsnlardphrao.svg#DSNLardPhraoRegular') format('svg');
}
body {
	background-color: #fff;
	/* layer fill content */
	background-image: url(../images/cloud.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjYmZlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	/* gradient overlay */
	background-image: url(../images/cloud.png), -moz-linear-gradient(bottom, #fff 0%, #3cbfeb 100%);
	/* gradient overlay */
	background-image: url(../images/cloud.png), -o-linear-gradient(bottom, #fff 0%, #3cbfeb 100%);
	/* gradient overlay */
	background-image: url(../images/cloud.png), -webkit-linear-gradient(bottom, #fff 0%, #3cbfeb 100%);
	/* gradient overlay */
	background-image: url(../images/cloud.png), linear-gradient(bottom, #fff 0%, #3cbfeb 100%);
	/* gradient overlay */
	background-repeat: repeat-x;
	background-size: auto;
	background-position: center top;
	background-size: 1216px 395px;
	color: #424242;
}
a:link {
	color: #0f51a3;
}
a:visited {
	color: #0f51a3;
}
a:hover {
	color: #0f51a3;
}
a:active {
	color: #75c100;
}
/*header*/
.top__nav {
	margin-top: 15px;
}
.top__nav.text-right {
	text-align: right;
	margin-right: -32px;
}
.top__nav.text-left {
	text-align: left;
}
.top__nav ul {
	margin-bottom: 14px;	
	padding-left: 0;
}
.top__nav ul li {
	display: inline-block; 
}
.top__nav ul li a {
	font-family: "DSNLardPhraoRegular";
	font-size: 22px;
	letter-spacing: 1px;
	color: #ffffff;
	background: #001a55;
	border-radius: 30px;
	padding: 0 15px;
	display: inline-block;
	border-bottom: 1px solid #6db300;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-o-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	transform: rotate(0deg)skew(-11deg) translate(-16px);
}
.header__logo {
	margin-top: 7px;
}
.header__nav {
	border: 1px solid #eaf5ff;
	/* stroke */
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	/* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* prevents bg color from leaking outside the border */
	background-color: #fff;
	/* layer fill content */
	min-height: 50px;
	padding-top: 5px;
	margin-top: 0;
	font-size: 30px;
	font-weight: 200;
	font-family: KunlasatriBold;
	text-align: center;
}

li{ list-style:none;}
.header__nav ul{margin:0px; padding:0px 0 0 25px;}
.header__nav ul li{ float:left; padding:0px 17px;}
.header__nav ul li a{ color:#0f51a3}
.header__nav ul li a:hover{ color:#75c100}
.active-menu{color:#75c100 !important;}
.header__nav--fix {
	margin-right: 30px;
}
.header__nav--fix2 {
	margin-right: 15px;
}
.link--active a:link,
.link--active a:visited {
	color: #75c100;
	/* text color + color overlay */
	text-shadow: 0 1px 0 #9de100;
	/* drop shadow */
}
.link--nonactive a:link,
.link--nonactive a:visited {
	color: #0f51a3;
	/* text color + color overlay */
	text-shadow: 0 1px 0 #a1dfe7;
	/* drop shadow */
}
/*end header*/

/*body--index*/

.body__area {
	margin-top: 10px;
	margin-bottom: 40px;
}
/*end body--index*/

/*body bottom*/

.body__bottom--sellbox {
	border: 1px solid #6db300;
	/* stroke */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* prevents bg color from leaking outside the border */
	background-color: #001a55;
	/* layer fill content */
	min-width: 268px;
	min-height: 115px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-o-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
	transform: rotate(0deg)skew(-11deg) translate(-16px);
	color: #fff;
	/* text color */
	padding-top: 5px;
	padding-left: 20px;
}
.body__bottom--bg {
	background-image: url(../images/footer--bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 350px;
}
.body__bottom--textarea {} .body__bottom--text01 {
	color: #015597;
	/* text color */
	font-family: "DSNLardPhraoRegular";
	font-size: 30px;
	margin-top: -15px;
}
.body__bottom--text02 {
	color: #018bed;
	/* text color */
	font-family: "DSNLardPhraoRegular";
	font-size: 60px;
	margin-top: -25px;
}
.body__bottom--text03 {
	font-family: "DSNLardPhraoRegular";
	font-size: 30px;
}
.body__bottom--text04 {
	font-size: 14px;
	margin-top: -5px;
}
.body__bottom--text05 {
	color: #9df200;
	/* text color */
	font-size: 14px;
	font-weight: bold;
	margin-top: -5px;
	width: 125px;
}
.body__bottom--fix01 {
	margin-left: 10px;
}
.body__bottom--fix02 {
	margin-left: 38px;
}
.body__bottom--color01 {
	color: #018bee;
}
.body__bottom--sell {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* prevents bg color from leaking outside the border */
	background-color: #d8040e;
	/* layer fill content */
	-moz-box-shadow: 1px 2px 2px #fff;
	/* drop shadow */
	-webkit-box-shadow: 1px 2px 2px #fff;
	/* drop shadow */
	box-shadow: 1px 2px 2px #fff;
	/* drop shadow */
	font-weight: bold;
	text-align: center;
	min-height: 20px;
	min-width: 72px;
	max-height: 20px;
	max-width: 72px;
	margin-top: -5px;
	color: #ffe719;
	text-decoration: none;
}
.body__bottom--sell:hover {
	background-color: #eb0000;
	color: #ffe719;
	text-decoration: none;
}
.body__bottom--sell:active {
	position:relative;
	top:1px;
	text-decoration: none;
}
/*end body bottom*/

/*footer*/

.footer__area {
	border-top: 2px solid #d7d5e7;
	/* stroke */
	background-color: #fff;
	/* layer fill content */
	min-height: 65px;
	color: #878787;
	/* text color */
	letter-spacing: 1px;
}
.footer__bg {
	background-color: #fff;
	/* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDdkN2Q3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
	/* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 87.01%, #d7d7d7 100%);
	/* gradient overlay */
	background-image: -o-linear-gradient(bottom, #fff 0%, #fff 87.01%, #d7d7d7 100%);
	/* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 87.01%, #d7d7d7 100%);
	/* gradient overlay */
	background-image: linear-gradient(bottom, #fff 0%, #fff 87.01%, #d7d7d7 100%);
	/* gradient overlay */
	min-height: 65px;
}
.footer__logo {
	margin-top: 6px;
}
.footer__coppyright {
	width: 400px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: "DSNLardPhraoRegular";
	font-size: 20px;
}
.footer__coppyright--fix {
	font-family: tahoma;
	font-size: 14px;
}
.footer__company {
	margin-top: -4px;
	margin-left: 10px;
	width: 904px;
}
.footer__company span {font-size: 12px;}
.footer__navigator {
	width: 500px;
	margin-top: 5px;
	font-family: "DSNLardPhraoRegular";
	font-size: 20px;
}
.footer__navigator a:link,
.footer__navigator a:visited {
	color: #878787;
}
/*end footer*/

/*body--about*/

.highlight--green {
	min-height: 70px;
	min-width: 10px;
	max-height: 70px;
	max-width: 10px;
	background-color: #007600;
	float: left;
	margin-right: 15px;
}
.header__h1--green {
	color: #75c100;
	font-family:"KunlasatriBold";
	font-size: 35px;
	font-weight: 200;
}
.header__h2--black {
	color: #181818;
	font-family:"KunlasatriBold";
	font-size: 30px;
	margin-top: -6px;
}
.header__h3--black {
	color: #03F;
	/* text color */
	font-size:25px;
	font-family:"KunlasatriBold";
}
.body__layout--about {
	padding-left: 15px;
}
.body__layout--about li{
	list-style:none;
}
.body__layout--about p{ line-height: 25px;}
.body__about--fix01 {
	min-width: 120px;
	float: left;
}
.body__about--fix02 {
	min-width: 150px;
	float: left;
}
.body__about--fix03 {
	min-width: 100px;
	float: left;
}
/*end body--about*/

/*body--product*/

.product__box {
	margin-bottom: 0px;
}
.header__h2--product {
	color: #181818;
	/* text color */
	font-size:22px;
	margin-top: -3px;
}
.header__h3--product {
	color: #181818;
	/* text color */
	font-size:26px;
	margin-top: -3px;
    font-family: "KunlasatriBold";
}
.highlight--green1 {
	min-height: 60px;
	min-width: 10px;
	max-height: 60px;
	max-width: 10px;
	float: left;
	background-color: #007500;
	/* layer fill content */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzVjMTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDc2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	/* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #75c100 0%, #75c100 50%, #007600 50.39%, #007600 100%);
	/* gradient overlay */
	background-image: -o-linear-gradient(bottom, #75c100 0%, #75c100 50%, #007600 50.39%, #007600 100%);
	/* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #75c100 0%, #75c100 50%, #007600 50.39%, #007600 100%);
	/* gradient overlay */
	background-image: linear-gradient(bottom, #75c100 0%, #75c100 50%, #007600 50.39%, #007600 100%);
	/* gradient overlay */
	margin-left: -20px;
}
.header__box--line {
	min-height: 1px;
	background-color: #424242;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
  
}
.product__bullet--green {
	-moz-border-radius: 2px / 3px;
	-webkit-border-radius: 2px / 3px;
	border-radius: 2px / 3px;
	/* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* prevents bg color from leaking outside the border */
	background-color: #75c100;
	/* layer fill content */
	min-height: 5px;
	min-width: 5px;
	max-height: 5px;
	max-width: 5px;
	float: left;
	margin-left: -17px;
	margin-top: 9px;
}
.body__text--br {
	background-color: #000000;
    margin-bottom: 2px;
    margin-top: 3px;
    min-height: 1px;
    opacity: 0.1;
    width: 100%;
}
.Product__box--sidePic {
	border: 1px solid #ededed;
	/* stroke */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* prevents bg color from leaking outside the border */
	background-color: #fff;
	/* layer fill content */
	min-height: 335px;
	min-width: 100%;
	text-align: center;
	padding-top: 15px;
}
.body__Box--center{
	width: 100%;
}
.Object--center{
	margin:auto;
	padding:10px 0px;
	text-align:center;
	font-weight:bold;
}
.product__box--sell {
	/* stroke */
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	/* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* prevents bg color from leaking outside the border */
	background-color: #fff;
	/* layer fill content */
	padding:20px 0px 0 0;
}
.product__box--line{
	border: 1px solid #ededed;
	padding: 15px;
    margin: 20px 0;
    overflow: hidden;
}
.product__box--line > hr{ margin: 0px;}
.medal--fix{
	cursor: pointer;
}
/*end body--product*/
.frame-content{ background:#F2F2F2; border-radius:6px; padding:10px 10px 10px 20px; -webkit-border6px; -moz-border-radius:6px;}
.space-map{ padding:10px; background:#D1E9F9; border-radius:6px; margin-top:30px;}



/*------------------------menu-------------------------------*/

nav{ background:#c58805; height: 45px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.nav-menu{ width: 995px; margin:auto;}
.nav-menu ul li{ float:left; }
.nav-menu ul li a{ text-align:center; line-height:45px; color: #fff;padding:14px 68px;  }
.nav-menu ul li a:hover{ background:#a06006;}
.nav-menu ul li:first-child:hover{
    border-radius: 8px !important;
	
}
.nav-menu ul li:last-child:hover{
    border-radius:8px!important;
}
ul li.drop {
	position: relative;
}
.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #69B4F4;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
.dropdownContain {
	width: 220px;
	position: absolute;
	z-index:9999;
	left: 40%;
	margin-left: -80px; /* half of width */
	top: -400px;
}
.dropOut {
	width:220px;
	background: #69B4F4;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.dropOut ul {
	float: left;
	padding: 10px 0;
}
.dropOut ul li {
	float: left;
	padding:0px 10px 0px 10px;
	margin: 0px 10px;
    text-align: left;
	color: #fff;
    font-size: 20px;
    width: 200px;
	border-bottom:#fff dotted 1px!important;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}
.dropOut ul li:hover {
	/*background:;*/
	border-bottom:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.dropOut ul li a {
	color: #fff;
}
.dropOut ul li a:hover {
	color: #fff200; text-decoration: none;
}
ul li:hover a {
	/*color: white;*/
}
ul li:hover .dropdownContain {
	top:35px;
}
ul li:hover .underline {
	border-bottom-color: #777;
}
ul li:hover .dropOut {
	opacity: 1;
	margin-top: 8px;
}

.dropOut > ul li a{ padding:0px; line-height:30px; background:none;}
.dropOut > ul li a:hover{background:none; display: block;}

/*---------------------------------end menu---------------------------------------------*/
.title{ font-size: 30px; font-family:"KunlasatriBold"; color: #0358d8;}
.list-style {}
.list-style li {margin-bottom: 5px; list-style: disc;}
.sub-title {font-family: "DSNLardPhraoRegular"; font-size: 28px; letter-spacing: 1px; background: #00b050; color: #ffffff; padding: 5px 10px; border-radius: 4px; margin-bottom: 15px; margin-top: 25px;}
.wrap-contact-info {background: #00b050;
    margin-bottom: 25px;
		margin-top: 10px;
    color: #ffffff;
    display: inline-block;
    border-radius: 8px;
    padding: 10px 10px;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1) skew(-10deg) translate(0px);
    transform: rotate(0deg)skew(-11deg) translate(-16px);}
.wrap-contact-info h4 {font-family: "DSNLardPhraoRegular";
    font-size: 24px;
    letter-spacing: 0.5px;
    margin: 0;}
.wrap-contact-info h5 {    font-family: "DSNLardPhraoRegular";
    font-size: 30px;
    margin: 0;
    line-height: 1;}
.wrap-contact-info h5 span {}
ul.space-li{ margin-left:20px;}
ul.space-li li{ padding: 2px 0 0 0px;list-style-position: outside; list-style-type: decimal; line-height: 25px;}
.center-table{ text-align: center}
.topic-p{ color: #0072bc; font-weight: bold; font-size: 14px; padding: 10px 0px;}
ul.list-p-product{margin-left: 20px;}
ul.list-p-product li{ list-style-type:square; line-height: 20px; font-size: 12px;}
.mark-p{color:#FD6D6D; font-size: 12px; background: #EFEFEF; border-radius: 6px; padding: 8px;}
.col-img-product{ float: left; padding: 20px 0 0 0; width:400px;}
.col-p-product{ float:left; width: 450px;}
.vdo-product{ margin:20px 5px; text-align: center;width:300px; float: left;}
.vdo-product iframe{ padding: 0 0 10px 0;}
.label-red{ padding: 4px; font-size: 12px; color: #ffffff; background: #FD6D6D;border-radius: 4px;}
.col-show-product{ float: left; width: 350px;}
.col-detail{ float: left; width:620px; padding: 0px 10px;}
.air-pic{ float: left; width: 160px; padding: 20px 10px; text-align: center}
.air-pic span{ font-size: 12px; color: #0367a9;}
.box-logo{overflow: hidden;}
.box-logo ul{ padding: 0px;}
.box-logo ul li{float:left; padding:5px; border: 1px solid #e7e7e7; margin: 8px; position: relative;}
.mask{background: rgba(0,0,0,0); width: 100%; height: 100%; position: absolute; top: 0; left: 0px; transition: all 0.4s ease-in-out;}
.box-logo ul li:hover a > .mask{display: block;background:rgba(0,0,0,0.3)}
.click{ padding: 3px 7px; background: #000;color: #fff; text-align: center; font-size: 11px; width: 50px; margin: 35px auto; border-radius: 4px; display: none;}
.box-logo ul a:hover .click{display: block!important;}
.content{padding:20px;}


/*-----New Styles-----*/
.step-item{margin-bottom: 30px;}
.step-item li{margin-top: 15px;}
.step-item li p{margin: 0;}
.text__br--margin{margin: 15px 0;}
.showroom-item{margin-bottom: 30px;}