@charset "utf-8";
/* CSS Document */

#showBox {
	font-size: 12px;
	width: 741px;
	height: 100%;
	min-height: 1000px;
	margin: 0 auto;
}
#blog {
	padding: 0 0 ;
	margin: 0 0 10px;
	min-height: 600px;
}
#blogLoader ul {
	list-style: none;
	text-align: left;
	padding: 0 0 ;
	margin: 0 0;
}


#blogLoader ul{ list-style: none; text-align: left; }
#blogLoader ul li { width: 20%; height: 210px; display: inline-block; box-sizing: border-box; padding: 5px; vertical-align: top; margin: 0 0 10px 0 ; }
#blogLoader ul li div.blogBox { width: 100%; height: 210px; position: relative; overflow: hidden; box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.5) ; border:1px solid #111111; padding: 7px; font-size: 12px;
background: #45484d url(../images/shop/boxBBG.png); /* Old browsers */
background: -moz-linear-gradient(left, #111111 0%, #e2e2e2 50%, #111111 100%) , -moz-linear-gradient(left, #111111 0%, #e2e2e2 50%, #111111 100%) , url(../../images/shop/boxBBG.png) ;
background: -webkit-linear-gradient(left, #111111 0%,#e2e2e2 50%,#111111 100%), -webkit-linear-gradient(left, #111111 0%,#e2e2e2 50%,#111111 100%), url(../../images/shop/boxBBG.png); ;
background: linear-gradient(to right, #111111 0%,#e2e2e2 50%,#111111 100%), linear-gradient(to right, #111111 0%,#e2e2e2 50%,#111111 100%), url(../../images/shop/boxBBG.png) ;
	background-repeat:no-repeat ,no-repeat ,repeat ;
	background-position:center top, center bottom, center top;
	background-size: 100% 1px , 100% 1px , auto ;	}
#blogLoader ul li a { color: #ffffff;}
#blogLoader ul li img { border-radius: 7px; }
#blogLoader ul li img.wdh{ width: 100%; }
#blogLoader ul li img.hgt{ height: 100%; }

#blogLoader li div.blogBox div.name{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 152px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }

#blogLoader li div.blogBox div.title{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 182px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }

#blogLoaderSp { width: 100%; max-width: 640px; margin: 0 auto;}

#blogLoaderSp ul{ list-style: none; text-align: center !important; }
#blogLoaderSp ul li { width: 33%; height: 190px; display: inline-block; box-sizing: border-box; padding: 5px; vertical-align: top; margin: 0 0 10px 0 ; }
#blogLoaderSp ul li div.blogBox { width: 100%; height: 190px; position: relative; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) ; border:1px solid #eeaa45 }
#blogLoaderSp ul li a { color: #111111; }
#blogLoaderSp ul li img { }
#blogLoaderSp ul li img.wdh{ width: 100%; }
#blogLoaderSp ul li img.hgt{ height: 100%; }

#blogLoaderSp li div.blogBox div.name{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 132px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; overflow-x: hidden}
#blogLoaderSp li div.blogBox div.title{ width: 100%; padding: 0px 5px ; line-height: 28px; height: 28px; display: block; position: absolute; left: 0 ; top: 162px; box-shadow: 0 0 5px rgba(0,0,0,0.2) ; z-index: 20; background: rgba(255,255,255,0.9) ; border: 1px solid #FFFFFF ; box-sizing: border-box; font-size: 11px !important; }


#blog {}
#blog table { width: 100% ; }
#blog table th{ width: 20% ; padding: 10px 0 5px; border-bottom: 2px dashed #aaaaaa ; text-align: center; vertical-align: top;}
#blog table tr:last-child th { border-bottom: none ; }
#blog table tr:last-child td { border-bottom: none ; }
#blog table th img{ width: 75% ; border:2px #ffffff solid; box-shadow: 0 0 5px 5px rgba(0,0,0,0.5) ; border-radius: 7px; }
#blog table td{ width: 30% ; padding: 5px ; border-bottom: 2px dashed #aaaaaa ; text-align: left; vertical-align: top; font-size: 14px !important; }
#blog table td p.date { color: #FF2828 !important ; font-size: 13px !important; }
#blog table td p.title { color: #f90 !important ; font-size: 15px !important; font-weight: bold; padding:  7px 0; }
#blog table td p.content { height: 110px ; overflow: hidden; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#blog table td p.content  {
		height: 112px ; 
	}
}


#blogSp { width: 100%; margin: 0 auto;}
#blogSp table { width: 100% ; }
#blogSp table th{ width: 30% ; padding: 10px 0; border-bottom: 1px dashed #666666 ; text-align: center; vertical-align: top;}
#blogSp table th img{ width: 100% ; border:3px #ffffff solid; border-radius: 5px; box-shadow: 0 0 7px rgba(0,0,0,0.2) ; }
#blogSp table td{ width: 68% ; padding: 10px 5px ; border-bottom: 1px dashed #666666 ; text-align: left; vertical-align: top; font-size: 12px !important; }
#blogSp table td p.date { color: #FF2828 !important ; font-size: 12px !important; }
#blogSp table td p.title { background: #111111 !important ; border: none !important; color: #f4f63b !important ; font-size: 15px !important; font-weight: bold; padding: 7px 7px; }
#blogSp table td p.text { height: 115px ; overflow: hidden; }