@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body, ul, li, a, h1, h2, h3, h4, h5, h6, p, ol, img {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}
body {
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke:1px transparent;
}
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-Bd';
 src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
 src: url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Bd.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-Ex';
 src: url('../fonts/HelveticaNeueLTStd-Ex.eot');
 src:url('../fonts/HelveticaNeueLTStd-Ex.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Ex.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Ex.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-LtCn';
 src: url('../fonts/HelveticaNeueLTStd-LtCn.eot');
 src:  url('../fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-LtCn.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
/** Generated by FG **/
@font-face {
 font-family: 'Conv_HelveticaNeueLTStd-Lt';
 src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
 src: url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_swiss-721-bt-58e795ff2ac11';
 src: url('../fonts/swiss-721-bt-58e795ff2ac11.eot');
 src: url('../fonts/swiss-721-bt-58e795ff2ac11.woff') format('woff'), url('../fonts/swiss-721-bt-58e795ff2ac11.ttf') format('truetype'), url('../fonts/swiss-721-bt-58e795ff2ac11.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
h1 {
	font-size:18px;
	font-family: 'Conv_HelveticaNeueLTStd-Bd';
	color:#333333;
	font-weight:normal;
}
.disabled {
	opacity:0.15;
	cursor: default !important;
}
.wrapper {
	width:100%;
	float:left;
}
.container {
	width:715px;
	margin:25px auto 0;
	position:relative;
}
.fread {
    background-size: 100% auto;
    width: 715px;
    height: 775px;
    float: left;
    position: absolute;
    top: 0px;
}
.fread .titlelogo {
	background:url(../images/logo.svg) no-repeat;
	background-size:100% auto;
	width:425px;
	height:67px;
	margin: 45px 0 0 76px;
	float:left;
}
.fread .object1 {
	/* background:url(../images/rope.svg) no-repeat; */
	background-size: 100% 100%;
	width: 679px;
	height: 150px;
	float: left;
	margin: -45px 0 0 25px;
}
.fread .object2 {
	/* background:url(../images/bottomrope.svg) no-repeat; */
	background-size: 100% 100%;
	width: 635px;
	height: 60px;
	float: left;
	margin: -25px 0 0 25px;
}
.selection {
	float:left;
	width:345px;
	margin-left:50px;
	position:relative;
	z-index:2;
	height:70px;
}
.selection ul li {
	float:left;
	position:relative;
	margin-left:23px;
	min-height:30px;
}
.selection ul li:last-child {
	margin-left:50px !important;
}
.selection ul li input[type=radio] {
	display:none;
}
.selection ul li label:before {
	content:"";
	background:url(../images/checkbox.svg) no-repeat;
	background-size:100% auto;
	width:15px;
	height:15px;
	position:absolute;
	top:1px;
	left: -16px;
}
.selection ul li input[type=radio]:checked + label:before {
	background:url(../images/checkboxchecked.svg) no-repeat;
	background-size:100% auto;
	z-index:2;
}
.stringcolor {
	float:left;
	position:relative;
	width:250px;
	z-index: 1;
}
.stringcolor .string {
	background:url(../images/05.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -7px;
	right: 0;
	width: 65px;
	height: 67px;
}
.btn {
	background:url(../images/btn.svg) no-repeat;
	background-size:100% 100%;
	width:86px;
	height:32px;
	position:absolute;
	top:25px;
	color:#FFFFFF;
	font-family: 'Conv_HelveticaNeueLTStd-Ex';
	font-size: 12px;
}
.btn.active {
	background:url(../images/btnactive.svg) no-repeat;
	background-size:100% 100%;
}
.btn1 {
	left:0;
}
.btn2 {
	left:95px;
}
.btn span {
	position: absolute;
	top:8px;
	left: 21px;
	font-weight: bold;
}
.fread .colorpickerbg {
	float:left;
	width:600px;
	margin: 5px 0 0 55px;
	position:relative;
	z-index:2;
}
.fread .colorpickerbg a {
	width:35px;
	margin:0 1px 3px 0;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	position:relative;
	
}

.fread .colorpickerbg a span {
    font-family:arial;
    color: #000000;
    font-size: 7px;
    line-height: 8px;
    display: inline-block;
}
.fread .colorpickerbg a span.no {
    font-family:arial;
    color: #000000;
    font-size: 7px;
    line-height: 8px;
    display: inline-block;
    margin-top: 2px
}
.fread .colorpickerbg a span.no{ position:absolute; color:#FFFFFF;     top: 12px;
    left: 9px; font-size:15px; 
	 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	 -webkit-text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	 transform:scaleY(.9);
	-webkit-transform:scaleY(.9);
	 -moz-transform:scaleY(.9);
	 -ms-transform:scaleY(.9);
	 -o-transform:scaleY(.9); }
.fread .colorpicker {
	background:url(../images/color.svg) no-repeat;
	background-size:100% 100%;
	width:440px;
	height:225px;
	float:left;
}
.centercolor {
	float:left;
	margin: 0 0 0 31px;
	position:relative;
	z-index:2;
}
.centercolor ul li {
	width:70px;
	text-align:center;
	float:left;
	margin:0 3px;
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	font-size:10px;
	color:#333333;
	line-height:15px;
	cursor:pointer;
}
.centercolor h1, .centercolor ul {
	float:left;
	margin:0 5px;
}
.endcolor {
	float:left;
	margin: 0 0 0 57px;
	position:relative;
	z-index:2;
}
.endcolor ul li {
	float:left;
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	color:#333333;
	position:relative;
	margin:5px 0px;
	cursor:pointer;
}
.endcolor ul li span.left {
	position: absolute;
	top: -4px;
	left: 10px;
	font-size: 14px;
}
.endcolor ul li span.right {
	position: absolute;
	bottom: -7px;
	right: 22px;
	font-size: 8px;
	color: #000000;
}
.footer {
	float:left;
	font-family: 'Conv_swiss-721-bt-58e795ff2ac11';
	text-align:center;
	font-size: 16px;
	font-style: italic;
	color: #333333;
	line-height: 25px;
	width:100%;
	position:relative;
	z-index:2;
}
.footer p, .footer a {
	display:inline-block;
	vertical-align:middle;
	margin:14px 5px;
}
.clear {
	clear:both;
}

.disabled {
	opacity:0.3;
	cursor:default !important;
}

.string1 {
	transform:scale(-1, -1);
	-webkit-transform:scale(-1, -1);
	-moz-transform:scale(-1, -1);
	-ms-transform:scale(-1, -1);
	-o-transform:scale(-1, -1);
	width: 138px;
	height: 32px;
	position: absolute;
}
.string1.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
    top: 137px;
    left: 31px;
}
.string1.blue {
	background: url(../images/strings/2.png) no-repeat; 
	background-size: 100% 100%;
	top: 137px;
	left: 31px;
}
.string1.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
	top: 137px;
	left: 31px;
}
.string1.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
	top: 137px;
	left: 31px;
}
.string1.orange {
	background: url(../images/strings/37.png) no-repeat;
	background-size: 100% 100%;
	top: 138px;
	left: 31px;
}
.string1.tan {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
	top: 138px;
	left: 31px;
}
.string1.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
	top: 137px;
	left: 31px;
}
.string1.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
	top:136px;
	left:31px;
}
.string1.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
	top: 137px;
	left: 31px;
}
.string1.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
	top: 136px;
	left: 31px;
}
.string2 {
}
.string2.black {
	background: url(../images/strings/10.png) no-repeat;
	background-size: 100% 100%;
	top: 143px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.blue {
	background: url(../images/strings/11.png) no-repeat;
	background-size: 100% 100%;
	top: 144px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.fl.green {
	background: url(../images/strings/12.png) no-repeat;
	background-size: 100% 100%;
	top: 143px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.green {
	background: url(../images/strings/13.png) no-repeat;
	background-size: 100% 100%;
	top:142px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.orange {
	background: url(../images/strings/14.png) no-repeat;
	background-size: 100% 100%;
	top: 144px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.tan {
	background: url(../images/strings/05.png) no-repeat;
	background-size: 100% 100%;
	top: 144px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.pink {
	background: url(../images/strings/15.png) no-repeat;
	background-size: 100% 100%;
	top:144px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.red {
	background: url(../images/strings/16.png) no-repeat;
	background-size: 100% 100%;
	top: 143px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.silver {
	background: url(../images/strings/17.png) no-repeat;
	background-size: 100% 100%;
	top: 143px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.white {
	background: url(../images/strings/18.png) no-repeat;
	background-size: 100% 100%;
	top: 144px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string2.orange {
	background: url(../images/strings/37b.png) no-repeat;
	background-size: 100% 100%;
	top: 144px;
	left: 249px;
	width: 105px;
	height: 19px;
	position: absolute;
}
.string3 {
	width: 140px;
	height: 26px;
	position: absolute;
    top: 86px;
    left: 542px;
	transform: rotate(-13deg);
	-webkit-transform: rotate(-13deg);
	-moz-transform: rotate(-13deg);
	-ms-transform: rotate(-13deg);
	-o-transform: rotate(-13deg);
}

.string3.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
}
.string3.blue {
	background: url(../images/strings/2.png) no-repeat;
	background-size: 100% 100%;
}
.string3.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
}
.string3.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
}
.string3.tan {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
}
.string3.orange {
	background: url(../images/strings/37.png) no-repeat;
	background-size: 100% 100%;
}
.string3.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
}
.string3.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
}
.string3.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
}
.string3.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
}
.string4 {
	width: 140px;
    height: 26px;
    position: absolute;
    top: 178px;
    left: 544px;
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -o-transform: rotate(7deg);
}
.string4.tan {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
}
.string4.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
}
.string4.blue {
	background: url(../images/strings/2.png) no-repeat;
	background-size: 100% 100%;
}
.string4.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
}
.string4.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
}
.string4.orange {
	background: url(../images/strings/37.png) no-repeat;
	background-size: 100% 100%;
}
.string4.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
}
.string4.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
}
.string4.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
}
.string4.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
}

.string5 {
	width: 177px;
    height: 33px;
    position: absolute;
    top:203px;
    left: 41px;
    transform: scale(-1,-1);
	-webkit-transform: scale(-1,-1);
	-moz-transform: scale(-1,-1);
	transform: scale(-1,-1);
	transform: scale(-1,-1);
}
.string5.tan {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
}
.string5.black {
	background: url(../images/strings/1.png) no-repeat;
	background-size: 100% 100%;
}
.string5.blue {
	background: url(../images/strings/2.png) no-repeat;
	background-size: 100% 100%;
	top: 203px;
}
.string5.fl.green {
	background: url(../images/strings/3.png) no-repeat;
	background-size: 100% 100%;
	top: 203px;
}
.string5.green {
	background: url(../images/strings/4.png) no-repeat;
	background-size: 100% 100%;
	top: 204px;
}
.string5.orange {
	background: url(../images/strings/37.png) no-repeat;
	background-size: 100% 100%;
	top: 205px;
}
.string5.pink {
	background: url(../images/strings/6.png) no-repeat;
	background-size: 100% 100%;
	top: 203px;
}
.string5.red {
	background: url(../images/strings/7.png) no-repeat;
	background-size: 100% 100%;
}
.string5.silver {
	background: url(../images/strings/8.png) no-repeat;
	background-size: 100% 100%;
}
.string5.white {
	background: url(../images/strings/9.png) no-repeat;
	background-size: 100% 100%;
}
.string6 {
    width: 142px;
    height: 20px;
    position: absolute;
    top:210px;
    left: 456px;
    
}
.string6.black {
	background: url(../images/strings/5.png) no-repeat;
	background-size: 100% 100%;
}
.string6.black {
	background: url(../images/strings/10.png) no-repeat;
	background-size: 100% 100%;
}

.string6.green {
	background: url(../images/strings/12.png) no-repeat;
	background-size: 100% 100%;
}
.string6.blue {
	background: url(../images/strings/11.png) no-repeat;
	background-size: 100% 100%;
}
.string6.red {
	background: url(../images/strings/16.png) no-repeat;
	background-size: 100% 100%;
}

.string6.orange {
	background: url(../images/strings/19.png) no-repeat;
	background-size: 100% 100%;
	    width: 137px;
    height: 13px;
	top:215px;
}
#myform{
    position: absolute;
    right: 72px;
    bottom: 48px;
}
.patternwhite{
    background: url(../images/patternwhite.png) no-repeat;
	background-size: 100% 100%;
       position: absolute;
    width: 703px;
    height: 776px;
    top: 5px;
    left: 2px;
	z-index:1;
	}
.pattern05{background: url(../images/pattern2/05.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 777px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);}
	.pattern09{background: url(../images/pattern2/09.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 777px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	opacity:0.9;}

.pattern07{background: url(../images/pattern2/07.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 777px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);}
	.pattern09{background: url(../images/pattern2/09.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 777px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	opacity:0.9;}
	.pattern10{background: url(../images/pattern2/10.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 777px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	}
	.pattern11{background: url(../images/pattern2/11.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 777px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	}
		.pattern12{background: url(../images/pattern2/12.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 777px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	}
			.pattern13{background: url(../images/pattern2/13.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	}
	.blackpattern{
	background: url(../images/pattern2/common.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);}
	.pattern38{
	background: url(../images/pattern2/38.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);}
	.pattern39{
	background: url(../images/pattern2/39.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);}
	
	.pattern41{
	background: url(../images/pattern2/41.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);}
	.pattern42{
	background: url(../images/pattern2/42.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);}
	.pattern43{
	background: url(../images/pattern2/black.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	    opacity: .6;}
	.pattern44{
	background: url(../images/pattern2/44.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	   }
	 .pattern48{
	background: url(../images/pattern2/black.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	 opacity: 0.8;
	   }
    .pattern57{
	background: url(../images/pattern2/39.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	  opacity: 0.2;
	   }
	.pattern58{
	background: url(../images/pattern2/39.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	 opacity: 0.1;
	   }
	.pattern59{
	background: url(../images/pattern2/39.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	 opacity: 0.1;
	   }  
	 .pattern60{
	background: url(../images/pattern2/39.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
   width: 701px;
    height: 774px;
    top: 5px;
    left: 5px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
	 opacity: 0.1;
	   }  
	   
.varient1{
    position: absolute;
    width: 702px;
    height: 774px;
    top: 6px;
    left: 5px;
    z-index: 1;
    transform: scaleX(-1);
    opacity: 0.8;
}   
.varient2{
    position: absolute;
    width: 702px;
    height: 775px;
    top: 5px;
    left: 4px;
    z-index: 1;
    transform: scaleX(-1);
    opacity: 0.8;
}
.upperrope{
    position: absolute;
    width: 78%;
    height: 64px;
    top: 92px;
    left: 79px;
}
.lowerrope {
    position: absolute;
    width: 70%;
    height: 43px;
    top: 148px;
    left: 96px;
}
.submitBtn{
    position: absolute;
    right: 9px;
    top:-9px;
}
.row1{
    width: 553px;
    height: 9px;
    position: absolute;
    top: 215px;
    left: 96px;
    opacity: 0.3;
}
.row2{
    width: 553px;
    height: 9px;
    position: absolute;
    top: 215px;
    left: 96px;
    opacity: 0.3;
}

.endstring.string1.tan {
	 -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.black{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.blue{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.fl.green{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.red{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.silver{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.pink{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string1.white{
    -webkit-transform: scale(-1,-1) rotate(-1deg);
    -moz-transform: scale(-1,-1) rotate(-1deg);
    -ms-transform: scale(-1,-1) rotate(-1deg);
    -o-transform: scale(-1,-1) rotate(-1deg);
    transform: scale(-1,-1) rotate(-1deg);
}
.endstring.string5.tan{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:205px;
}
.endstring.string5.black{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:205px;
}
.endstring.string5.blue{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:205px;
}
.endstring.string5.fl.green{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:205px;
}
.endstring.string5.red{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:204px;
}
.endstring.string5.silver{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:204px;
}
.endstring.string5.pink{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:205px;
}
.endstring.string5.white{
    -webkit-transform: scale(-1,-1) rotate(-2deg);
    -moz-transform: scale(-1,-1) rotate(-2deg);
    -ms-transform: scale(-1,-1) rotate(-2deg);
    -o-transform: scale(-1,-1) rotate(-2deg);
    transform: scale(-1,-1) rotate(-2deg);
	top:205px;
}

img#xx{
    -webkit-transform: scale(1.2,2);
    -moz-transform: scale(1.2,2);
    -ms-transform: scale(1.2,2);
    -o-transform: scale(1.2,2);
    transform: scale(1.2,2);

}