.sm{
	display: none !important
}
@media (max-width: 1340px){

}
@media (max-width: 999px){
	.sm{
		display: block !important
	}
	.md{
		display: none !important
	}
	.container{
		padding-left: 14px;
		padding-right: 14px;
		width: 100%
	}
	.wrapHeader{
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		box-shadow: 0 2px 5px rgba(0,0,0,.1);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1)
	}
	header .container{
		padding: 16px;
	}
	header .logo{
		width: 70px;
	}
	header .menusm{
		display: block;
	}
	header .social{
		display: none
	}
	.nav_sm{
		display: block;
		position: relative;
	}
	footer{
		margin-top: 75px
	}
	footer .gototop{
		width: 87px;
		right: 14px;
		height: 36px;
		top: -36px;
	}
	footer .container{
		padding-left: 14px;
		padding-right: 14px
	}
	.nav_md{
		display: none
	}
	.wrapContentMain{
		margin-top: 10px
	}
	.colum_main,
	.sidebar{
		float: none;
		width: 100%;
	}
	.group01{
	margin-top: 15px;
	margin-right: -7px;
	margin-left: -7px;
	}
	.group01 .box{
		float: left;
		width: 50%;
		background: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		padding: 0 7px;
		margin: 0
	}
	.group01 .box .info{
		margin: 0;
		min-height:237px
	}
	.ulCategory,
	.group01 .box .info{
		background: #fff;
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-ms-border-radius: 0 0 6px 6px;
		-o-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
		width: 100%;
	}
	.calendar .info{
		padding: 0;
	}
	.calendar .info .calen{
		width: 208px;
		margin: 0 auto 0;
		padding: 8px 0 15px
	}
	.archive{
		margin: 0 auto 0;
		padding: 8px 0
	}
	.ulCategory{
	margin-bottom: 15px;
	}
	.tweets,
	.facebook01{
	display: block;
	}
	.social_sm{
		display: block;
	}
	.social_sm a{
		margin-bottom: 10px
	}
	.grSocialAdv{
	
		width: 50%;
		padding: 0 7px
	}
	.grSocialAdv img{
		width: 100%
	}
	.adv{
		margin-top: 0
	}
	
}
@media (max-width: 768px) {
	.itemNews .infoNews{
		width: 59.375%;
		float: left;
		margin-right: 0
	}
	.itemNews .info{
		margin: -5px 0 0;
		padding: 0 30px 0 0
	}
	.itemNews .pImg{
		width: 40.625%;
		float: right;
		display: block;
	}
	.ad{
		float: none;
		width: 100%;
		margin: 5% auto 0;
	}
	.map{
		float: none;
		width: 100%;
		margin: 5% auto 0;
	}
}
@media (max-width: 640px) {
	footer .container{
		padding: 17px 14px 15px;
	}
	footer .gototop {
	    height: 30px;
	    top: -30px;
	    width: 72px;
	}
	
	.colum_main .pTitle {
	    font-size: 18px;
	    margin-bottom: 0;
	    padding: 17px 10px 14px 58px;
	}
	.pTitle img {
	    top: 5px;
	}
	.itemNews .infoNews{
		float: none;
		width: 100%;
	}
	.itemNews .info{
		margin: 0;
		padding: 0 ;
	}
	.itemNews .pImg{
		float: none;
		width: 260px;
		margin: 5% auto 0;
	}
	.ad{
		float: none;
		width: 100%;
		margin: 5% auto 0;
	}
	.map{
		float: none;
		width: 100%;
		margin: 5% auto 0;
	}
	.group01{
		margin: 0;
	}
	.group01 .box{
		width: 100%;
		float: none;
		padding: 0;
		margin-top: 15px;
	}
	.grSocialAdv{
		width: 360px;
		margin: 15px auto 0;
		float: none;
		padding: 0;
	}
	.group01 .box .info{
		min-height: 0;
	}
}
@media (max-width: 600px) {
	body {
		font-size: 13px;
	}
	.container{
		padding-left: 1em;
		padding-right: 1em;
	}
	header .container{
		padding: 0.8em 1em;
	}
	header img{
		display: block;
		width: 100%
	}
	header .logo {
	    width: 11%;
	}
	header .menusm{
		width: 7%
	}
	footer{
		margin-top: 11%
	}
	footer .container{
		padding: 2.5% 1em
	}
	footer .gototop{
		width: 12%;
		height: 43%;
		top: -43%;
		right: 1em
	}
	footer .gototop img{
		height: 100%
	}
	footer .copyright{
		font-size: 0.74em;
		margin-top: 1%
	}
	footer .logoft{
		width: 10%;
	}
	footer .footerR {
	    float: left;
	    margin: 0;
	    padding: 1% 0 0 3%;
	    width: 90%
	}

	sm {
	    margin : 30px ;
     padding : 20px ;
	    width: 90%
	}
	footer .footerR img{
		height: 0.7em
	}
	.wrapContentMain{
		margin-top: 1.2%
	}
	.colum_main .pTitle{
		padding: 3% 11%;
		font-size: 1.3em;
		line-height: 1em
	}
	.colum_main .pTitle img{
		left: 1%;
	    top: 6%;
	    width: 9%
	}
	.itemNews .test{
		font-size: 1.15em;
		margin-top: 2%
	}

	.itemNews{
		margin: 0 3.8%;
		padding: 6% 1.7% 5%
	}
	.itemNews .phead{
		padding: 1.1em 0 0 4.8em;
		margin-bottom: 1.2em
	}
	.itemNews .date{
		width: 4.2em;
		height: 4.18em;
		background: url(img/common/date.png) no-repeat 0 0;
		background-size: 100% 100%;
		padding: 1.3em 0.2em 0;
		font-size: 1em
	}
	.itemNews .info{
		line-height: 2em
	}
	.itemNews .info2{
		line-height: 2em
	}
	.itemNews .ulList{
		margin-top: 1.5%
	}
	.itemNews .ulList li{
		font-size: 0.92em;
		padding-top: 1%;
		line-height: 1.6em
	}
	.itemNews .ulList li a{
		width: 5.3em;
		margin-right: 0.9em;
		padding: 0 0.2em
	}
	.itemNews .pImg{
		width: 43%;
		margin: 4.5% auto 0
	}
	.itemNews .btn{
		width: 37.7%;
		margin: 5.1% auto 0
	}
	.pTitle{
		font-size: 1.1em;
		padding: 2% 1% 2% 6.5%
	}
	.pTitle img {
	    top: 20%;
	    width: 3.8%;
	    left: 2%
	}
	.noties .info {
	    line-height: 2em;
	    padding: 7px 2.6% 8px;
	}
	.group01 .box{
		margin: 2.5% 0 0
	}
	.calendar .info .calen {
	    margin: 0 auto;
	    padding: 1.5% 0 2.5%;
	    width: 34%;
	}
	.ulCategory{
		padding: 0 2.6% 2.5%;
	}
	.ulCategory li a{
		background: url(img/common/bullet01.png) no-repeat scroll 0 center;
		background-size: auto 0.9em;
		padding: 2.5% 0 2.5% 4.5%

}
	.box tweets_sm a{
		margin-bottom: 2%
	}
	.social_sm a{
		margin-bottom: 2%
	}
	.grSocialAdv{
		width: 55%;
		margin: 2.5% auto 0
	}
	.about01 img{
		width: 100%;
	}
	.about02 img{
		width: 100%;
	}
	.about03{
	width: 100%;
	display:block;
	}
	.about03 table{
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	.about03 th{
	width: 100%;
	display:block;
	color: #FFF;
	background-color: #333;
	}
	.about03 td{
	list-style-type: none;
	display: list-item;
	width: 90%;
	margin-left: 10%;
	border:none;
	text-align: left;
	padding: 0px;
    }
	#contact table{
	width: 100%;
}
#contact th{
	width: 100%;
	display:block;
	color: #333;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contact td{
	list-style-type: none;
	display: list-item;
	width: 90%;
	border:none;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

	.about03 h4{
	font-weight: bold;
    }
	
	.m-b10{
	margin-bottom: 10px;
    }
.bg01{
	background-color: #FFF;
}
.t01{
	display: none;
	list-style-type: none;
}
.a-box{
	display: block;
}
.b-box{
	display: none;
}
}
@media (max-width: 480px) {
	body {
		font-size: 15px;
	}

}
@media (max-width: 420px) {
	body {
		font-size: 15px;
	}

}
@media (max-width: 359px) {
	body {
		font-size: 13px;
	}

}
@media (max-width: 319px) {
	body {
		font-size: 10px;
	}

}
@media (max-width: 300px) {
	body {
		font-size: 9px;
	}
	
}