﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.cs_entry {
	background: #FBF0DA;
	text-align: center;
	padding: 30px;
	margin: 0px 0px 10px 0px;
}

.cs_entry h3 {
	border: none;
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.cs_entry div {
	text-align: left;
}

.cs_detail,.cs_detail2 {
	clear: both;
	margin: 15px 0px 0px 0px;
	border-top: 1px dashed #666;
	padding: 10px 0px 0px 0px;
}

.cs_detail img {
	float: right;
	margin: 0px 0px 0px 15px;
}

.cs_detail h4,.cs_detail2 h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.cs_detail h4 img {
	float: none;
	margin: 0px 0px 5px 0px;
}

.cs_detail2 p {
	text-align: center;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.cs_entry {
	background: #FBF0DA;
	text-align: center;
	padding: 30px;
	margin: 0px 0px 10px 0px;
}

.cs_entry img {
	max-width: 260px !important;
}

.cs_entry h3 {
	border: none;
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.cs_entry div {
	text-align: left;
}

.cs_detail,.cs_detail2 {
	clear: both;
	margin: 15px 0px 0px 0px;
	border-top: 1px dashed #666;
	padding: 10px 0px 0px 0px;
}

.cs_detail img {
	margin: 0px 0px 10px 0px;
}

.cs_detail h4,.cs_detail2 h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.cs_detail h4 img {
	float: none;
	margin: 0px 0px 5px 0px;
}

.cs_detail2 p {
	text-align: center;
}
}
