
body {
	font-family: "微軟正黑體", Arial, "新細明體", "細明體", "標楷體";
	color:#333;
	background: url('/assets/images/bg.jpg') repeat;
	font-size: 16px;
}
/** justempo used **/
		img.img-responsive.not-loaded {
		  width: 228px;
		  height: 228px;
		  background: no-repeat url('/assets/images/loader.gif') center;

		}

		/*#waterfall-container {
			max-width: 1080px;
			margin: auto;
		}*/
		/** Waterfalls cards display **/
	    #waterfall
	    {
	        padding: 0;
	        min-height: 450px;
	        margin: 0 auto;
	    }
	    #waterfall .thumbnail
	    {
	        /*width: 250px;*/
	        /*margin: 10px;//20px;*/
	        padding: 0;
	        border-width: 1px;
	        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	    }

	    #waterfall .thumbnail
	    {
	        /*width: 250px;*/
	        /*margin: 10px;//20px;*/
	        padding: 0;
	        border: 2px solid rgb(1 178 180 / 40%);
	        border-radius: 3px;
	        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	    }
	    #waterfall .thumbnail.justempo-project {
	    	border: 2px solid rgb(218 1 122 / 40%);
	    }

	    #waterfall .thumbnail .card-link {
	    	display:block;
	    	padding:10px;
	    	text-decoration: none;
	  		color: #333;
	    }
	    #waterfall .thumbnail .card-link .imgs img {
	        margin: auto;
	    }

	    #waterfall .thumbnail .card-link .title {
	     	font-size: 16px;
	        font-weight: bold;
	    }

	    #waterfall .thumbnail .card-link .content .date {
	    	padding-top: 10px;
	    	text-align: right;
	  		display: block;
	  		font-size: 10px;
	    }

	    /** first into container_mask **/
	    .container_mask {
	    	width: 100%;
		    position: absolute;
		    background-color: #FFF;
		    height: 100vh;
		    z-index: 999;
		    text-align: center;
	    }