/*
h3{
	font-family: 'LayijiMaHaNiYomBAORegular';
	font-size: 25px!important;
	line-height: 25px;
}*/
.header2-left.large-6.columns,
.header2-right.large-6.columns 
{
	height: auto;
	margin-bottom: 10px;
}
.header2-left.large-6.columns {display: list-item;}

.bg-map p,
.bg-map h2,
.bg-map h3 
{
	font-family: 'LayijiMaHaNiYomBAORegular';
}

.cover-map {
	border: 1px solid #ccc;
	padding: 10px 10px;
	background: #F4F5DA;
}

h2.head-map {
	border: 1px solid #ccc;
	border-bottom: 0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background: url(../img/head-map.png);
	background-size: 100% auto;
	width: 100%;
}

.rec-a {margin-top: 15px;}
#googleMap {margin: 0 auto;}
.head-map {
	padding: 10px 20px;
	margin: 0;
}

.bg-map{
	margin-top: 10px;
	width: 100%;
	background-size: 100% 100%;
	height: 650px;
}

.bg-map img {width: 100%;}
.bg-map p{
	font-size: 20px;
	line-height: 20px;
}

.bg-contact img {width: 100%;}
.bg-contact{
	border: 1px solid #ccc;
	height: auto;
	background: #F4F5DA;
}

.bg-contact p {
	text-align: center;
	margin-top: 20px;
	font-size: 25px;
	font-family: 'LayijiMaHaNiYomBAORegular';
}

/* CATE-VDO */
.category-vdo,
.large-4.columns.right,
.product-rec ,
.category-product,
.product-all
{
	margin-top: 20px;font-size: 18px;
}

.cate-vdo .large-4 li,
.cate-product,
.cate-product-all,
.webboard .large-4 li,
.bg-board .large-4 li 
{
font-size: 13px;
line-height: 18px;
}

.cate-vdo ul.view li img,
.cate-product ul.view li img ,
.cate-product-all ul.view li img,
.webboard ul.view li img,
.bg-board ul.view li img 
{
	width: 20px;
}

.social li ,
ul.view,
ul.social
 {
	float: left;
 }
 
ul.social{margin: 0;}
img.calendar {width: 18px;}
.large-4.columns .social {
	width: 99px;
	display: inline-flex;
}
ul.view{
	margin: 6px 0px;
	padding:0;
}
ul.calendar {
	padding-top: 10PX;
	margin: 0;
	float: right;
	
}
.border-top-bottom {
	border-bottom: 1px solid #FF0066;
	border-top: 1px solid #FF0066;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
.des span {
	font-size: 22px!important;
	font-family: 'LayijiMaHaNiYomBAORegular';
	line-height: 28px;

}
ul.social,.rec-b {float: right;}
.category-vdo .large-6.columns li {
	/* font-family: 'LayijiMaHaNiYomBAORegular'; */
	font-size: 12px;
	line-height: 20px;
}
.category-vdo .view li,.category-product .view li,.product-all .view li {font-size: 12px;}
.category-vdo ul li,.category-product ul li ,.product-all ul li {font-size: 12px;}

.product-rec {
	width: 250px;
	float: right;
}
li.view-all-product-rec img {
	width: auto;
	background: #ddd;
	position: relative;
	top: 15px;
}
.product-rec li.product-buy,.product-rec li.idea-buy {
	width: 240px;
	position: absolute;
	margin: -134px 0px;
}

ul.pagination {
	margin: 0 auto;
	text-align: center;
	display: table;
	margin-top: 30px;
}
.category-product .product-buy, .product-all .product-buy {width: 100%;}
.row .cate-vdo li,.row .cate-product li,.row .cate-product-all li,.row .webboard li,.row .bg-board li {color: black;}
ul.buy {margin: 0;}
ul.buy li img {
	width: 100px;
	float: left;
	margin: 0;
	padding: 0;
}
li.des {
	width: 100%;
	height: 38px;
	overflow: hidden;
}
h3.head-top-title {
	border-bottom: 1px solid;
	padding: 5px 10px;
	margin: 7px 0px;
	overflow: visible!important;
	height: auto!important;
}
.category-vdo li.des,.webboard li.des {
	width: 100%;
	height: 109px;
	overflow: hidden;
}
.row.bg-idea-dd.cate-product-all {
	background: #eee;
	padding: 20px 12px;
	margin: 0;
}

.row.bg-idea-dd {
	background: #F0C4BE;
	padding: 20px 12px;
	margin: 0;
}

.row.bg-idea-dd h3 {
	font-size: 18px;
	height: 50px;
	overflow: hidden;
	color: rgb(207, 23, 7);
}
.row.bg-c1.cate-product-all {
	background: #eee;
	padding: 20px 12px;
	margin: 0;
}
.webboard-detail h3{height: auto;}
.row.bg-c1 {
	background: #F1E5EB;
	padding: 20px 12px;
	margin: 0;
}

.row.bg-c1 h3 {
	font-size: 18px;
	height: 50px;
	overflow: hidden;
	color: rgb(228, 45, 77);
}
.row.bg-c2 h3{
	color:#19b5fe;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
/******************** BG3 ********************/
.row.bg-c3 {
	background: #E2CBE9;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c3 h3 {
	color: #674172;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c3 .border-top-bottom{
	border-bottom: 1px solid #674172;
	border-top: 1px solid #674172;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG4 ********************/
.row.bg-c4 {
	background: #C6F3D9;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c4 h3 {
	color: #1497D5;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c4 .border-top-bottom{
	border-bottom: 1px solid #27A6E2;
	border-top: 1px solid #27A6E2;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG5 ********************/
.row.bg-c5 {
	background: #C2EFD5;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c5 h3 {
	color: #25A85D;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c5 .border-top-bottom{
	border-bottom: 1px solid #2ECC71;
	border-top: 1px solid #2ECC71;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG15 ********************/
.row.bg-c15 {
	background: #F6D9C1;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c15 h3{
	color:#F9690E;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c15 .border-top-bottom{
	border-bottom: 1px solid #F9690E;
	border-top: 1px solid #F9690E;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG12 ********************/
.row.bg-c12 {
	background: #A5CAEB;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c12 h3{
	color:#013A6D;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c12 .border-top-bottom{
	border-bottom: 1px solid #013A6D;
	border-top: 1px solid #013A6D;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG13 ********************/
.row.bg-c13 {
	background: #E8F0F6;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c13 h3{
	color:#0054A6;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c13 .border-top-bottom{
	border-bottom: 1px solid #0054A6;
	border-top: 1px solid #0054A6;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG14 ********************/
.row.bg-c14 {
	background: #E1F3EC;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c14 h3{
	color:#00B16A;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c14 .border-top-bottom{
	border-bottom: 1px solid #00B16A;
	border-top: 1px solid #00B16A;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG16 ********************/
.row.bg-c16 {
	background: #F7D6D6;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c16 h3{
	color:#F64747;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c16 .border-top-bottom{
	border-bottom: 1px solid #F64747;
	border-top: 1px solid #F64747;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG17 ********************/
.row.bg-c17 {
	background: #FAEEE7;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c17 h3{
	color:#F9690E;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c17 .border-top-bottom{
	border-bottom: 1px solid #F9690E;
	border-top: 1px solid #F9690E;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG21 ********************/
.row.bg-c21 {
	background: #FADCC9;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-c21 h3{
	color:#F9690E;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-c17 .border-top-bottom{
	border-bottom: 1px solid #F9690E;
	border-top: 1px solid #F9690E;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG-IDEA ********************/
.row.bg-idea {
	background: #F8F7DC;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-idea h3{
	color:#E6B631;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-idea .border-top-bottom{
	border-bottom: 1px solid #E6B631;
	border-top: 1px solid #E6B631;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
/******************** BG-BRAINCHILD ********************/
.row.bg-brainchild {
	background: #948888;
	padding: 20px 12px;
	margin: 0;
}
.row.bg-brainchild h3{
	color:#fff;
	font-size: 20px;
	height: 50px;
	overflow: hidden;
}
.bg-brainchild .border-top-bottom{
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 2px 0px;
	display: inline-table;
	width: 100%;
	margin: 10px 0px;
}
.row.bg-c2{
	background: #D3EEF5;
	padding: 20px 12px;
	margin: 0;
}
li.product-buy {padding: 0px 28px;}
.product-rec li.product-buy {padding: 0px;}
.cate-product .large-4.columns .social {width: 90px;}
.cate-vdo .large-6 > a > li > img {width: 100%;height: 200px;}
.cate-vdo .large-4 > a > li > img {width: 100%;height: 150px;}
.calendar{
	width: 18px!important;
	height: auto!important;
}
ul.pagination li a, ul.pagination li button {display: inline;}
.social > li {width: 33px;}
.fb_iframe_widget iframe {
	position: absolute;
	width: 240%!important;
	height: 35px!important;
}
.social li .pluginShareButtonLink {
	background: url(http://brainchild.bectero.com/dev/img/btn-fb.png);
	width: 30px;
	height: 30px;
	background-size: 100% auto;
	display: block;
}
.pluginShareButtonLink img {display: none;}
ul.pagination a {margin-left: 10px;}
a.current {
	background: #008cba;
	color: white;
	border-radius: 100px;
	padding: 3px 8px;
}

@media (max-width: 1080px) {
	#googleMap {	width: 260px!important;	height: 260px!important;}

}

@media (max-width: 950px) {
	h2.head-map{padding:0px 20px}
	img.logo.center {width: 50%;}
	.header2-right.large-6.columns {display: list-item;}

}
@media (max-width:860px){
	.display-pc,.rec-b {display: none;}
	.display-mobile{
	    display: block;
    background-color: #D86F6F;
    color: #fff;
    padding: 5px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	}
}
@media (max-width: 760px) {
	#googleMap {	width: 200px!important;	height: 200px!important;}
}
@media (max-width: 640px) {
	h2.head-map {padding: 10px 20px;}
}
@media (max-width: 580px) {
	.cate-vdo .large-6 > a > li > img {height: 140px;}
}
@media (max-width: 500px) {
	.cate-vdo .large-6 > a > li > img {height: 130px;}
}
@media (max-width: 400px) {
	#googleMap {	width: 250px!important;	height: 250px!important;}
	.bg-contact p{font-size: 20px;}
	ul.social {width: auto;}
	.header2-left.large-6.columns, .header2-right.large-6.columns{margin-bottom: 0;}
}
@media (max-width: 350px) {
	#googleMap {	width: 220px!important;	height: 220px!important;}
}