/* • shop details blk
   	------------------------------------------------------------------------- */

   	#body .detial-wrapper 			 	{ width:75%}

	#body .details-blk 					{ display:table; table-layout:fixed; height:100%; width:100%; margin-bottom:10px; background-color:#ececec;  transition: all 0.3s ease-out; cursor:pointer; }
	#body .details-blk .col-sm			{ display:table-cell; float:none; height: 100%; vertical-align:top}
	#body .details-blk .col-sm.col-l 	{ width:300px;  vertical-align:middle;}
	#body .details-blk .col-sm.col-r 	{ width:calc(100% - 300px); }

	#body .details-blk .col-sm.col-l .logo-pos	{ padding:0 60px; transition: all 0.3s ease-out;}

	#body .content-blk  			{ width:100%; margin-top:30px;}
	#body .content-blk .shopname 	{ margin-bottom:10px}


	#body .content-blk ul  			{ margin:50px 0; padding:0 0 0 35px}
	#body .content-blk ul li  		{ margin:0; padding:0 0 5px 0; list-style:none; text-indent:-24px;}
	#body .content-blk ul li[class^="icon-"]:before { padding-right:0px; font-size:16px}

	#body .shop a 					{ text-decoration:underline; cursor:pointer; transition: all 0.3s ease-out;}
	#body .shop a:hover 			{ color:#ec2a74;}


	/* ==========================================================================
		Media Style
	============================================================================= */
	@media only screen and (max-width: 1200px) {
   	#body .detial-wrapper 			 	{ width:100%}

	#body .details-blk .col-sm.col-l 	{ width:30%;}
	#body .details-blk .col-sm.col-r 	{ width:calc(100% - 30%)}

	#body .content-blk 			{ width:100%; float:left; margin-top:20px;}
	#body .content-blk ul  		{ margin:30px 0; }
	}

	@media only screen and ( max-width: 745px) {
	#body .details-blk .col-sm.col-l .logo-pos	{ padding:0 20px}
	}

	@media only screen and ( max-width: 479px) {
	#body .details-blk .col-sm.col-l .logo-pos	{ padding:0 10px}

	}