#wrap{ position:relative;}

	#wrap .ShoubiaoBlank{ width:57%; position:absolute; left:0px; top:0px;}
		#wrap .ShoubiaoBlank img{ width:100%; height:auto;}

	#wrap #diyShoubiao{ height:auto; width:57%; margin-top:18px; position:relative; overflow:hidden;}
		#wrap #diyShoubiao .blankpng{ width:100%; height:auto;}
	#wrap #diyShoubiao #diyShoubiaoMain{ position:absolute; width:100%; height:100%; left:0px; top:0px;}

	#wrap #diyShoubiao .watchDiv{ width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden }
		#wrap #diyShoubiao .watchDiv ul{ white-space:nowrap; position:absolute; top:0px; left:0px; height:100%; width:100%; display:block;}
			#wrap #diyShoubiao .watchDiv ul li{ display:inline-block; width:100%; height:100%; overflow:hidden; position:relative;}
				#wrap #diyShoubiao .watchDiv ul li img{display:block; height:auto; position:absolute;/* background:url(../images/showdialog/bloading.gif) center center no-repeat;*/}

		/*#wrap  #diyShoubiao .Starp li{ height:100%; margin-top:0px;}*/
		#wrap  #diyShoubiao .Starp li img{ width:53.6%; height:100%; left:25.5%;}

		/*#wrap  #diyShoubiao .Base li{ height:23.5%; margin-top:38.4%;}*/
		#wrap  #diyShoubiao .Base li img{ width:52.1%; height:auto; left:25.6%;top:38.4%;}

		/*#wrap  #diyShoubiao .Cover li{ height:21.4em; margin-top:34.9em;}*/
		#wrap  #diyShoubiao .Cover li img{ width:65.8%; height:auto; left:25.6%; top:38.3%;}

		/*#wrap  #diyShoubiao .Bezel li{ height:41.2%; margin-top:30.3%;}*/
		#wrap  #diyShoubiao .Bezel li img{ width:100%; height:auto;top:30.3%;}

		/*#wrap  #diyShoubiao .Clasp li{ height:100%; margin-top:62em;}*/
		#wrap  #diyShoubiao .Clasp li img{ width:44%; height:auto; left:0px; top:68.1%;}


	#wrap #diyMainMenu{ top:0px; right:5.2%; position:absolute; width:42.3%; z-index:888;}
		#wrap #diyMainMenu .main_text , #wrap #diyMainMenu .tp30 , #wrap #diyMainMenu .tp20{ height:auto; width:100%;}
			#wrap #diyMainMenu .main_text img , #wrap #diyMainMenu .tp30 img , #wrap #diyMainMenu .tp20 img{ height:auto; width:100%; }

		#wrap #diyMainMenu .main_menu{ width:82.6%; margin-left:17.3%; position:relative;}
			#wrap #diyMainMenu .main_menu .titleImg{ width:100%; height:auto;}
				#wrap #diyMainMenu .main_menu .titleImg img{ width:100%; height:auto;}
			#wrap #diyMainMenu .menu_lists{ padding-top:4px; width:100%; overflow:hidden;}

				#wrap #diyMainMenu .menu_lists .title{ border:dashed 1px #6a656a; background:#2d3033; text-align:center; margin-bottom:2px; cursor:pointer; overflow:hidden; padding:0px; position:relative;}
					#wrap #diyMainMenu .menu_lists .title .blankpng{ width:100%; height:auto;}
					#wrap #diyMainMenu .menu_lists .title div{ font-size:100%; color:#FFFFFF; position:absolute; left:0px; display:block; width:100%; height:100%; line-height:20px; top:50%; margin-top:-10px;}

/* seek */

			#wrap #diyMainMenu .menu_lists .lists_ground{ padding:2.7%; background:#2c3033; display:none;}
				#wrap #diyMainMenu .menu_lists .lists_ground .lists{ max-height:26.6em; overflow:hidden; width:100%; position:relative;}

					#wrap #diyMainMenu .menu_lists .lists_ground .lists ul{ position:absolute; left:0px; width:100%; display:block;}
					#wrap #diyMainMenu .menu_lists .lists_ground .lists li{ width:100%; background:#515558; margin-bottom:3px; overflow:hidden; cursor:pointer; position:relative; display:block;}

					#wrap #diyMainMenu .menu_lists .lists_ground .lists li .blankpng2{ width:100%; height:auto;}
					#wrap #diyMainMenu .menu_lists .lists_ground .lists li .autoHeight{ position:absolute; left:0px; top:0px; width:100%; height:92.6%; overflow:hidden; padding:1.7% 0px;}

						#wrap .lists_ground .lists li .img{ width:52%; height:98%; overflow:hidden; float:left; display:block;}
							#wrap .lists_ground .lists li .img img{ width:60%; height:auto; margin:0px auto; display:block;}

						#wrap .lists_ground .lists li .text{ width:48%; overflow:hidden; float:left;}
							#wrap .lists_ground .lists li .text div{ width:100%; height:20%; padding-top:7%; color:#ffffff; font-weight:bold;}
								#wrap .lists_ground .lists li .text div span{ font-size:100%;}
								#wrap .lists_ground .lists li .text .price{ color:#f9ce5d; font-family:Arial, "Times New Roman";}

				#wrap #diyMainMenu .menu_lists .lists_ground .scrollbar{ width:80%; margin:0px auto; display:block;}
					#wrap #diyMainMenu .menu_lists .lists_ground .scrolldown{ width:50%; cursor:pointer; margin-top:5px; margin-bottom:1px; display:inline-block;}
					#wrap #diyMainMenu .menu_lists .lists_ground .scrollup{ width:50%; cursor:pointer; margin-top:5px; margin-bottom:1px; display:inline-block;}
						#wrap #diyMainMenu .menu_lists .lists_ground .scrollbar img{ width:100%; height:auto;}


				#wrap #diyMainMenu .menu_lists .ornTitle{ border:dashed 1px #6a656a; background:#2d3033; text-align:center; margin-bottom:2px; cursor:pointer; overflow:hidden; padding:0px; position:relative;}
					#wrap #diyMainMenu .menu_lists .ornTitle .blankpng{ width:100%; height:auto;}
					#wrap #diyMainMenu .menu_lists .ornTitle div{ font-size:100%; color:#FFFFFF; position:absolute; left:0px; display:block; width:100%; height:100%; line-height:20px; top:50%; margin-top:-10px;}

				#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists{overflow:hidden; width:100%; position:relative;}
					#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists ul{ position:absolute; left:0px; width:100%; display:block;}
					#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists li{ width:100%; background:#515558; margin-bottom:3px; overflow:hidden; cursor:pointer; position:relative; display:block;}
					#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists li .blankpng2{ width:100%; height:auto;}
					#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists li .autoHeight{ position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; padding:0px;}
					#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists li .autoHeight{ position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; padding:0px;}
						#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists li .autoHeight .name{ float:left; height:100%; line-height:200%; font-size:90%; padding-left:5%; color:#f7fbfe;}
						#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists li .autoHeight .price{ position:absolute; right:3%; width:50%; height:100%; line-height:200%; font-size:90%; text-align:right; color:#bfb989;}

					#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists .disabled{ background:#505050;}
						#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists .disabled .autoHeight .name{ color:#858585;}
						#wrap #diyMainMenu .menu_lists .lists_ground .ornaLists .disabled .autoHeight .price{ color:#858585;}

/* seek */


		#wrap #diyMainMenu .menu_diys{ width:50%; position:absolute; bottom:2px; background:#222222; right:100%; padding:0px 2%; display:none;}
			#wrap #diyMainMenu .menu_diys .title{ width:100%; text-align:center; color:#FFFFFF; position:relative;}
				#wrap #diyMainMenu .menu_diys .title img{ width:100%; height:auto;}
				#wrap #diyMainMenu .menu_diys .title span{ font-size:80%; width:100%; position:absolute; left:0px; top:50%; margin-top:-10px; line-height:20px;}

			#wrap #diyMainMenu .menu_diys .diys_lists li{ width:100%; margin-bottom:4px; cursor:pointer; display:block; overflow:hidden;}
				#wrap #diyMainMenu .menu_diys .diys_lists li div { height:100%; color:#FFFFFF; background-size:100% 100%; text-align:right; padding-right:5px; position:relative;}
					#wrap #diyMainMenu .menu_diys .diys_lists li div img { width:100%; height:auto;}
					#wrap #diyMainMenu .menu_diys .diys_lists li div span{ font-size:90%; position:absolute; right:5px; top:50%; line-height:20px; margin-top:-10px; text-align:right; display:block;}


		#wrap #diyMainMenu .diyTotal{ width:82.6%; margin-left:17.3%; line-height:250%; text-align:center;}
			#wrap #diyMainMenu .diyTotal span{ color:#FFFFFF; font-size:100%; font-weight:bold;}
				#wrap #diyMainMenu .diyTotal span font{ color:#fbcd5d; font-family:Arial, "Times New Roman";}


	#wrap #diySubmitOrder{ width:64%; margin:0px auto; overflow:hidden; margin-top:39px;}
			#wrap #diySubmitOrder span{ font-size:90%;}
			#wrap #diySubmitOrder .blankpng{ height:auto; width:100%;}
		#wrap #diySubmitOrder .diySubmitTest{ width:100%; text-align:center; position:relative;}
			#wrap #diySubmitOrder .diySubmitTest span{width:100%; text-align:center; color:#5f656c; position:absolute; left:0px; line-height:20px; height:20px; top:50%; bottom:50%; margin-top:-10px; }

		#wrap #diySubmitOrder .diySubmitForm{ width:90%; margin:0px auto;}
		#wrap #diySubmitOrder .diySubmitForm .submit{ width:100%; background:#2d3033; border:dashed 1px #6a656a; text-align:center; margin:0px; padding:0px; color:#FFFFFF; cursor:pointer; position:relative;}
			#wrap #diySubmitOrder .diySubmitForm .submit span{ position:absolute; line-height:20px; height:20px; left:0px; top:50%; bottom:50%; margin-top:-10px; width:100%;}



  /*---------------- ÊÎÆ· --------------*/
	#wrap #diyShoubiao #ornaments{ width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;}
	#wrap #diyShoubiao .ornaments{ width:100%; height:41.2%; position:absolute; left:0px; top:30.3%; overflow:hidden;}
		#wrap #diyShoubiao .ornaments .ornType{ width:100%; height:100%; position:absolute; left:0px; top:0px; display:none;}
		#wrap #diyShoubiao .ornaments .ornType ul{ white-space:nowrap; position:absolute; top:0px; left:0px; height:100%; width:100%; display:block;}
			#wrap #diyShoubiao .ornaments .ornType ul li{ display:inline-block; width:100%; height:100%; overflow:hidden; position:relative;}
				#wrap #diyShoubiao .ornaments .ornType ul li img{display:block; width:27.3%; height:auto; position:absolute;}

		#wrap  #diyShoubiao .ornaments.t1 li img{ left:13%; top:0px;}
		#wrap  #diyShoubiao .ornaments.t2 li img{ left:3.1%; top:13.8%;}
		#wrap  #diyShoubiao .ornaments.t3 li img{ left:0px; top:29.8%;}
		#wrap  #diyShoubiao .ornaments.t4 li img{ left:1%; top:47.4%;}
		#wrap  #diyShoubiao .ornaments.t5 li img{ left:10.9%; top:59.7%;}
		#wrap  #diyShoubiao .ornaments.t6 li img{ left:61.7%; top:70.1%;}


		#wrap #diyMainMenu .menu_orn{ width:40%; position:absolute; bottom:2px; background:#222222; right:100%; padding:0px 2%; display:none;}
			#wrap #diyMainMenu .menu_orn .title{ width:100%; text-align:center; color:#FFFFFF; position:relative;}
				#wrap #diyMainMenu .menu_orn .title img{ width:100%; height:auto;}
				#wrap #diyMainMenu .menu_orn .title span{ font-size:60%; width:100%; position:absolute; left:0px; top:50%; margin-top:-10px; line-height:20px;}
			#wrap #diyMainMenu .menu_orn .diys_lists li{ width:100%; cursor:pointer; overflow:hidden;}
				#wrap #diyMainMenu .menu_orn .diys_lists li img { width:100%; height:auto;}

		#wrap #diyMainMenu .menu_ornType{ width:45%; position:absolute; bottom:2px; background:#222222; right:144%; padding:0px 2%; display:none;}
			#wrap #diyMainMenu .menu_ornType .title{ width:100%; text-align:center; color:#FFFFFF; position:relative;}
				#wrap #diyMainMenu .menu_ornType .title img{ width:100%; height:auto;}
				#wrap #diyMainMenu .menu_ornType .title span{ font-size:60%; width:100%; position:absolute; left:0px; top:50%; margin-top:-10px; line-height:20px;}
			#wrap #diyMainMenu .menu_ornType .diys_lists li{ width:100%; background:#515558; margin-bottom:3px; overflow:hidden; cursor:pointer; position:relative; display:block; line-height:150%; font-size:80%;}
				#wrap #diyMainMenu .menu_ornType .diys_lists li img { width:100%; height:auto;}

			#wrap #diyMainMenu .menu_ornType .diys_lists.gem li{ width:100%; background:#515558; margin-bottom:3px; overflow:hidden; cursor:pointer; position:relative; display:block; line-height:150%; font-size:80%;}
				#wrap #diyMainMenu .menu_ornType .diys_lists.gem li img { width:100%; height:auto;}
				#wrap #diyMainMenu .menu_ornType .diys_lists.gem li div span{ font-size:90%; position:absolute; right:5px; top:50%; line-height:20px; margin-top:-10px; text-align:right; display:block; color:#FFFFFF;}

			#wrap #diyMainMenu .menu_ornType .diys_lists.select li{ width:100%; background:#515558; margin-bottom:3px; overflow:hidden; cursor:pointer; position:relative; display:block; font-size:80%; color:#FFFFFF; text-align:center;}
				#wrap #diyMainMenu .menu_ornType .diys_lists.select li .confirmText{ width:100%; line-height:250%; text-align:center;}

			#wrap #diyMainMenu .menu_ornType .diys_lists.letter li{ width:100%; background:#515558; margin-bottom:3px; overflow:hidden; cursor:pointer; position:relative; display:block; font-size:80%; color:#FFFFFF;}
				#wrap #diyMainMenu .menu_ornType .diys_lists.letter li .letterText{ width:100%; height:100%; padding:0px; margin:0px; text-align:center; line-height:150%; display:block; font-size:200%; font-weight:bold;}
				#wrap #diyMainMenu .menu_ornType .diys_lists.letter li .confirmText{ width:100%; line-height:250%; text-align:center;}
  /*---------------- ÊÎÆ· --------------*/