@charset "utf-8";

/* CSS Document */


@media only screen and (min-width:320px) and (max-width:1224px) {
.MainWrapper, .TopMainWrapper, .Footer, .IdxContainWrapper, .InnerContainWrapper {
	width:94% !important;
}
img ,.EditorText img {
	max-width:100%;	
}


.BlogWrap .col1,
.BlogWrap .col2 {
    float: none;
    width: 100%;
	display:block;
	min-height:inherit !important;
}
.BlogWrap .col1{
	margin-bottom:40px;	
}
.BlogDetailPageWarp .col1 .ImgWrap,
.BlogDetailPageWarp .col1 .DescWrap,
.BlogWrap .col1 ul{
	text-align:center;	
}
.BlogWrap .col1 ul li{
	text-align:left;
}
.post-navigation {
    max-width: 100%;
}
.BlogDetailPageWarp .col1 .DescWrap .RedSepLine{
	margin:15px auto;	
}
.navigation.post-navigation .nav-links{
	display: inline-block;	
}
.navigation.post-navigation .nav-links .nav-previous{
	width:48%;
	float:left;
	vertical-align:top;
	box-sizing:border-box;
}
.navigation.post-navigation .nav-links .nav-next{
	width:48%;
	float:right;
	vertical-align:top;	
	box-sizing:border-box;
	margin-bottom: 0px;
}
.BlogDetailPageWarp .BackBtnWrap {
    margin-bottom: 24px;
}

.BlogDetailPageWarp .col1{
	text-align:center;	
}
.BlogDetailPageWarp li,
#comments{
	text-align:left;	
}
.BlogDetailPageWarp .Date {
    float: none;
    margin: 20px auto !important;
}
.BlogDetailPageWarp .col1 .Col .DescWrap {
    float: none;
    width: 100%;
}
.BlogDetailPageWarp .col1 .BackBtnWrap .PinkBorderBtn {
    margin-bottom: 0px;
}

.navigation.post-navigation .nav-links a span {
    line-height: 16px;
}
.BlogDetailContainer h1{
	text-align:center !important;	
}
.archive .page-header .page-title, .search .page-header .page-title, .error404 .page-header .page-title {
    text-align: center;
    display: block;
    font-size: 24px !important;
    line-height: 34px !important;
}
.no-results.not-found .page-content p{
	margin-bottom: 10px;
    line-height: 24px;	
}

	.BlogWrap ul li .Col{
		text-align: center;
	}	
	.BlogWrap ul li .Col .RedLine {
    margin: 5px auto;
}
.BlogWrap .InnerContainWrapper {
    padding: 40px 0px;
}	
	
}

@media only screen and (min-width:769px) and (max-width:1224px) {

}

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

.BlogWrap .col1 ul{
	text-align:center;	
}
.BlogWrap .col1 ul li{
	width: 100%;
    float: none;
    display: block;
}
.BlogWrap .Date {
    float: none;
    margin: 20px auto !important;
}
.BlogWrap .col1 ul li .Col .DescWrap {
    float: none;
    width: 100%;
    padding: 0px;
    text-align: center;
}

.BlogWrap ul li .Col {
    padding: 10px;
}
	
	
	
}

@media only screen and (min-width:320px) and (max-width:480px) {


.BlogWrap .PinkBorderBtn.BlogMore{
	margin-top:10px;	
}
.BlogWrap .col1 ul li .RedSepLine {
    margin: 15px auto;
}
.BlogWrap h2.Title {
    font-size: 24px;
    line-height: 30px;
}

.BlogWrap .col1 ul{
	text-align:center;	
}
.BlogWrap .col1 ul li{
	width: 100%;
    float: none;
    display: block;
}
.BlogWrap .Date {
    float: none;
    margin: 20px auto !important;
}
.BlogWrap .col1 ul li .Col .DescWrap {
    float: none;
    width: 100%;
    padding: 0px;
    text-align: center;
}


.BlogDetailPageWarp table{
	width:100% !important;	
}
.BlogDetailContainer li{
	width:94% !important;	
}

.BlogWrap ul li .Col {
    padding: 10px;
}	
}