/*
BODY.page-template-page-index *{
	font-family:'Microsoft JhengHei';
}
*/

BODY.page-template-page-index #wrapper{
	font-family:'Microsoft JhengHei';
}

BODY.page-template-page-index DIV.row.container{
	width:100%;
	max-width:980px;
}

BODY.page-template-page-index DIV.row.container > DIV{
	padding:0 !important;
}

.flexslider{
	border:none;
}


DIV#dcs_custom_index{
	width:100%;
	max-width:980px;
	margin:auto;
}

DIV.custom_top_banner_collector{
	width:inherit;
	height:120px;
}

DIV.custom_top_banner{
	float:left;
	width:320px;
	height:120px;
	margin-right:10px;
	padding:0;
}

DIV.custom_top_banner:LAST-CHILD{
	margin:0;
}


DIV.custom_og_info_collector{
	margin-top:30px;
	height:50px;
}

DIV.custom_og_link{
	float:left;
	width:160px;
	height:inherit;
	margin-right:45px;
}

DIV.custom_og_link:LAST-CHILD{
	margin-right:0px;
}

DIV.custom_top_banner > A, 
DIV.custom_og_link > A{
	display:block;
	/*
	width:inherit;
	height:inherit;
	*/
}

DIV.custom_top_banner IMG, 
DIV.custom_og_link IMG{
	max-width:100%;
}

DIV.custom_dcs_main_info_collector{
	float:left;
	margin:30px 0;
}

DIV.custom_dcs_main_info{
	float:left;
	width:480px;
}

DIV.custom_dcs_main_info:FIRST-CHILD{
	margin-right:20px;
}

DIV.custom_dcs_main_info A, 
DIV.custom_dcs_other_info A{
	display:block;
}

DIV.custom_dcs_main_info SPAN, 
DIV.custom_dcs_other_info SPAN{
	font-size:14px;
	line-height:150%;
	color:#848382;
}

DIV.custom_dcs_main_info DIV{
	/*
	width:480px;
	height:210px;
	*/
}

DIV.custom_dcs_main_info IMG, 
DIV.custom_dcs_other_info IMG{
	max-width:100%;
}

DIV.custom_dcs_main_info H6, 
DIV.custom_dcs_other_info H6{
	color:#D0B080;
	font-size:13px;
	margin-top:10px;
}

DIV.custom_dcs_main_info H4, 
DIV.custom_dcs_other_info H4{
	font-weight:400;
	color:#848382;
	font-size:21px;
}

DIV.custom_dcs_other_info_collector{
	clear:both;
	margin-bottom:30px;
}

DIV.custom_dcs_other_info{
	float:left;
	width:320px;
	margin-right:10px;
}

DIV.custom_dcs_other_info:LAST-CHILD{
	margin-right:0;
}

DIV.custom_dcs_other_info DIV{
	/*
	width:320px;
	height:120px;
	*/
}


DIV#custom_og_info_collector_before, 
DIV#custom_og_info_collector_after{
	display:none;
	width:88%;
	background:url(https://imgxcdn.dogcatstar.com/images/new-index/dots.png);
	height:6px;
}

DIV#custom_dcs_end_of_index{
	clear:both; margin-bottom:40px;
}

DIV#custom_dcs_end_of_index+DIV{
	height:6px;
	width:840px;
	margin:0 auto 40px auto;
}

DIV#custom_dcs_index_slogan{
	background:url(https://imgxcdn.dogcatstar.com/images/new-index/14-10000_user-03.png)no-repeat;
	background-size:contain;
	height:51px;
	width:500px;
	margin:auto;
	clear:both;
}

DIV#custom_dcs_index_bottom{
	margin-top:40px;
	text-align:center;
	width:inherit;
}

DIV#custom_dcs_index_bottom > DIV{
	/*
	width:320px;
	height:50px;
	*/
	display:inline-block;
	margin:0 5px;
}

DIV#custom_dcs_index_bottom A{
	display:block;
	/*
	width:inherit;
	height:inherit;
	*/
}

DIV#custom_dcs_index_bottom IMG{
	max-width:100%;
}

H5.readmore{
	color:#FF8649;
	font-size:13px;
	text-align:right;
}


#dcs-blog-flex-block{
	display:flex;
}

#dcs-blog-flex-block > DIV{
	flex:1;
	text-align:center;
}

#dcs-blog-flex-block A{
	display:block;
	padding:10px 0;
	background:#999;
	color:#FFF;
}

#dcs-blog-flex-block A:HOVER{
	background:#333;
}

.dcs-blog-categoryname{
	padding:10px 0;
	text-align:center;
	border-top:dotted 1px #999;
}

#content{
	padding:0;
}

.blog-list-style{
	padding:0 10px;
}

@media screen and (max-width:768px){

	.row.container{
		margin-bottom:0 !important;
	}

	DIV.custom_top_banner{
		float:none;
		width:90%;
		max-width:300px;
		margin:auto;
	}

	DIV.custom_top_banner_collector{
		height:auto;
	}

	DIV.custom_top_banner:LAST-CHILD{
		margin:auto;
	}

	DIV.custom_top_banner > A{
		width:auto;
	}

	DIV.custom_og_info_collector{
		position:relative;
		width:90%;
		height:auto;
		margin:auto;
	}

	DIV#custom_og_info_collector_before{
		display:block;
		margin:20px auto;
	}
	DIV#custom_og_info_collector_after{
		display:block;
		margin:20px auto;
	}


	DIV.custom_og_link{
		float:none;
		display:inline-block;
		width:49%;
		height:50px;
		margin:0;
		padding:0;
	}

	DIV.custom_og_link[data-type="fb-fan-page"]{
		display:none;
	}


	DIV.custom_og_link > A{
		width:90%;
		margin:auto;
	}

	DIV.custom_dcs_main_info_collector, 
	DIV.custom_dcs_other_info_collector{
		float:none;
		width:90%;
		margin:auto;
	}

	DIV.custom_dcs_main_info, 
	DIV.custom_dcs_other_info{
		float:none;
		width:100%;
		margin:0 auto 30px auto;
	}

	DIV.custom_dcs_main_info DIV, 
	DIV.custom_dcs_other_info DIV{
		/*
		width:inherit;
		height:145px;
		*/
	}

	DIV.custom_dcs_other_info, 
	DIV.custom_dcs_other_info:LAST-CHILD{
		float:none;
		margin:0 auto 30px auto;
	}

	DIV#custom_dcs_end_of_index+DIV{
		width:80%;
		margin:0 auto 40px auto;
	}


	DIV#custom_dcs_index_slogan{
		height:50px;
		width:83%;
	}

	DIV#custom_dcs_index_bottom > DIV{
		width:80%;
		display:block;
		margin:0 auto 10px auto;
	}

	DIV#custom_dcs_index_bottom A{
		/*
		width:300px;
		height:46px;
		*/
	}

	/* Fix CSS start */
	.cwp-sprocess-sub{
		margin:auto !important;
		padding:0 10px;
	}

	.shopping-process ul li{
		padding:0 !important;
	}

	.cwp-sprocess-pickup{
		margin:auto;
	}
	/* Fix CSS end */

}