/* CSS Document */
.pattern{background-repeat:repeat;background-position:left top;}
.pattern_h1{background-image:url(http://beyoung.co.id/templates/sj_expo/images/pattern/pattern6.png);}
.pattern_h2{background-image:url(http://beyoung.co.id/templates/sj_expo/images/pattern/pattern8.png);}
.pattern_h3{background-image:url(../images/pattern/pattern3.png);}
.pattern_h4{background-image:url(../images/pattern/pattern5.png);}
.pattern_h5{background-image:url(http://beyoung.co.id/templates/sj_expo/images/pattern/pattern7.png);}

.pattern1{background-image:url(../images/pattern/pattern1.png);}
.pattern2{background-image:url(../images/pattern/pattern2.png);}
.pattern3{background-image:url(../images/pattern/pattern3.png);}
.pattern4{background-image:url(../images/pattern/pattern4.png);}
.pattern5{
	/**background-image:url(../images/pattern/pattern5.png);**/
	background-attachment: fixed;
    background-image: url(../../indie/image/background.jpg);
    background-size: 100% auto;
}

.pattern-wrap .pattern{
	height: 25px;
    margin: 0 5px 5px 0;
    width: 30px;
	
	float:left;
	cursor:pointer;
	text-indent:-999em;
	background-color: #ddd;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset,0 0 0 1px #fff;
	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.pattern-wrap .pattern:hover{background-color: #ccc;}
.pattern-wrap .pattern.active{box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset,0 0 0 1px #fff;}