/*** for PC Browser ***/
@media (min-width:401px)
{
.BrowserBlog
{
  /*	background-color: #FFFFFF;*/
  color: #333333;
  padding: 1px 5px 5px 5px;
  margin: 0px;
}

.BrowserBlog .Append
{
  font-size:medium;
}

.BrowserBlog .Title
{
  color:#333333;
  font-size:medium;
  text-align: left;
  font-weight: bold;
  border-bottom: 2px dotted #3399cc;
  padding-left:5px;
  border-left:8px solid #3399cc;
}

.BrowserBlog .SubTitle
{
  color: #000000;
  font-size: medium;
  border-top: 1px dotted #3399cc;
  text-align: left;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 8px;
}

.BrowserBlog .CreatedDate
{
  float:right;
  color: #666;
  font-size: small;
  font-weight: bold;
  text-align: left;
  padding: 0px;
  padding-left: 3px;
  margin: 0px;
  margin-bottom: 5px;
}

.BrowserBlog .Category
{
  color: #fff;
  font-size: medium;
  font-weight: bold;
  text-align: left;
  background-color: #3399cc;
  padding: 4px 0 3px 6px;
  margin: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.BrowserBlog .Contents
{
  color: #333333;
  font-size: medium;
  line-height: 130%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
}

.BrowserBlog .Comments
{
  color: #333333;
  font-size: small;
  line-height: 120%;
  text-align: left;
  margin: 0px;
  margin-bottom: 5px;
}

.BrowserBlog .Status
{
  color: #999999;
  font-size: small;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 25px;
}

.BrowserBlog .PageControl
{
  font-size: small;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}
.BrowserBlog .Contents h3
{
  font-weight:bold;
  line-height: 120%;
  text-align: left;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #1f0fac;
  background-color: #eeeeee;
  margin:18px 0 5px 0px;
}
.BrowserBlog .Contents h4
{

 background-color: #eeeeee;
 font-weight: bold;
 font-size: medium;
 margin-left:0em;
 margin-top:0.5em;
 margin-bottom:0.4em;
 padding-left:6px;
}

.BrowserBlog h3
{
  font-weight:bold;
  line-height: 140%;
  text-align: left;
  margin:18px 0 5px 0px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BrowserBlog
{
  /*	background-color: #FFFFFF;*/
  color: #333333;
  padding: 0;
  margin: 0px;
}

.BrowserBlog .Append
{
  font-size:medium;
}

.BrowserBlog .Title
{
  color:#333333;
  font-size: medium;
  text-align: left;
  font-weight: bold;
  border-bottom: 2px dotted #3399cc;
  padding-left:6px;
  border-left:6px solid #3399cc;
}

.BrowserBlog .SubTitle
{
  color: #000000;
  font-size: medium;
  border-top: 2px dotted #3399cc;
  text-align: left;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 8px;
}

.BrowserBlog .CreatedDate
{
  float:right;
  color: #666;
  font-size: small;
  font-weight: bold;
  text-align: left;
  padding: 0px;
  padding-left: 3px;
  margin: 0px;
  margin-bottom: 5px;
}

.BrowserBlog .Category
{
  color: #fff;
  font-size: medium;
  font-weight: bold;
  text-align: left;
  background-color: #3399cc;
  padding: 4px 0 3px 6px;
  margin: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.BrowserBlog .Contents
{
  color: #333333;
  font-size: medium;
  line-height: 130%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
}

.BrowserBlog .Comments
{
  color: #333333;
  font-size: small;
  line-height: 120%;
  text-align: left;
  margin: 0px;
  margin-bottom: 5px;
}

.BrowserBlog .Status
{
  color: #999999;
  font-size: small;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 25px;
}

.BrowserBlog .PageControl
{
  font-size: small;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}
.BrowserBlog .Contents h3
{
  font-weight:bold;
  line-height: 120%;
  text-align: left;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #1f0fac;
  background-color: #eeeeee;
  margin:18px 0 5px 0px;
}
.BrowserBlog .Contents h4
{

 background-color: #eeeeee;
 font-weight: bold;
 font-size: medium;
 margin-left:0em;
 margin-top:0.5em;
 margin-bottom:0.4em;
 padding-left:6px;
}

.BrowserBlog h3
{
  font-weight:bold;
  line-height: 140%;
  text-align: left;
  margin:18px 0 5px 0px;
}
}