/* v2.0	add: .p- .bgr- , modify: .border->.b class*=text	*/
	.hide{
		display: none;
	}
	.img-rwd{
	   max-width: 100%;
	   height: auto;
	}
	.p-r {position: relative;}
	.p-a {position: absolute;}
	.p-f {position: fixed;}
	.pos-r {position: relative;}
	.pos-a {position: absolute;}
	.pos-f {position: fixed;}

	.bgr-no	{background-repeat: no-repeat;}
	.bgr-x	{background-repeat: repeat-x;}
	.bgr-y	{background-repeat: repeat-y;}

	.inline-block  {display: inline-block;}
	.cursor-p  {cursor: pointer;}

	.b-solid   {border-style: solid}
	.b-dashed  {border-style: dashed}
	.b-double  {border-style: double}
	.b-dotted  {border-style: dotted}
	.b-circle	{border-radius: 50%}

	.text-center {text-align: center!important;}
	.text-right  {text-align: right!important;}
	.text-left   {text-align: left!important;}

	.text-middle {vertical-align: middle;}
	.text-bottom {vertical-align: text-bottom;}
	.text-top    {vertical-align: text-top;}
	/*.text-middle{
		vertical-align: middle;
	}*/

	@media (min-width: 768px) {

		.lg-hide {display: none;}
		.lg-img-rwd  {max-width: 100%;height: auto;}
		.lg-inline-block  {display: inline-block;}
		.lg-cursor-p  {cursor: pointer;}

		[class*=p-r-] {position: relative;}
		[class*=p-a-] {position: absolute;}
		[class*=p-f-] {position: fixed;}		
		.lg-p-r {position: relative;}
		.lg-p-a {position: absolute;}
		.lg-p-f {position: fixed;}

		[class*=text-center-] {text-align: center!important;}
		[class*=text-right-] {text-align: right!important;}
		[class*=text-left-] {text-align: left!important;}		
		.lg-text-center {text-align: center!important;}
		.lg-text-right  {text-align: right!important;}
		.lg-text-left   {text-align: left!important;}
		.lg-text-middle {vertical-align: middle;}
		.lg-text-bottom {vertical-align: text-bottom;}
		.lg-text-top    {vertical-align: text-top;}
	}

	@media (max-width: 768px) {
		html {font-size:14px;}
		.sm-hide {display: none;}
		.sm-img-rwd  {max-width: 100%;height: auto;}
		.sm-inline-block  {display: inline-block;}
		.sm-cursor-p  {cursor: pointer;}

		.p-a-r {position: relative;}
		.p-f-r {position: relative;}
		.p-r-a {position: absolute;}
		.p-f-a {position: absolute;}
		.p-r-f {position: fixed;}		
		.p-a-f {position: fixed;}		
		.sm-p-r {position: relative;}
		.sm-p-a {position: absolute;}
		.sm-p-f {position: fixed;}
		
		.text-right-center {text-align: center!important;}
		.text-left-center {text-align: center!important;}
		.text-center-right  {text-align: right!important;}
		.text-left-right  {text-align: right!important;}
		.text-right-left   {text-align: left!important;}
		.text-center-left   {text-align: left!important;}
		.sm-text-center {text-align: center!important;}
		.sm-text-right  {text-align: right!important;}
		.sm-text-left   {text-align: left!important;}
		.sm-text-middle {vertical-align: middle;}
		.sm-text-bottom {vertical-align: text-bottom;}
		.sm-text-top    {vertical-align: text-top;}
	}