@charset "utf-8";
@import url("basic.css");
@import url("layout.css");
#body{ height:auto!important; height:194px; min-height:194px; padding: 0 0 25px 146px; background:url(../img/body_bg2.gif) no-repeat;}

	/*left
	-------------------------------*/
	#left{ float:left; width:157px; background:url(../img/left_bg2.gif) repeat-y;}
		#left h3{ background:url(../img/left_bg1.gif) no-repeat left top;}
			#left h3 span{ display:none;}
			#left h3 img{ display:block; margin:0 auto; padding-top:10px; text-align:center;}
		#left ul{ padding:10px 5px 20px; background:url(../img/left_bg3.gif) no-repeat left bottom;}
			#left ul li{ padding:4px 0; border-bottom:1px solid #f3f3f3;}
				#left ul li a{ display:block; padding-left:25px; background:url(../img/icon4.gif) no-repeat 5px center; font-size:12px; font-weight:bold;}
				#left ul li a:hover,#left ul li a.over{ background:url(../img/icon3.gif) no-repeat 5px center; color:#0b5fa7;}
				
	/*right
	-------------------------------*/
	#right{ float:left; width:600px;}
		
		.position{ clear:both; width:530px; padding:0 50px 0 20px; height:32px; line-height:32px; background:url(../img/position_bg.gif) no-repeat;}
			.position h3{ padding-left:10px; font-size:16px;}
			.position p{ margin-top:-30px; text-align:right;}
				.position p a{ margin:0 5px; text-decoration:none;}
				.position p a:hover{ text-decoration:underline;}
				.position strong{ margin:0 5px; color:#0b5fa7;}
				
		#page{ clear:both; width:90%; margin:0 auto; padding:5px 30px 5px 40px; border-top:1px dotted #ccc; text-align:right; font-size:12px;}
			#page a{ padding:0 8px; font-size:12px;}
			
		#right .detail{ padding:10px 50px 0 40px;}
		
		#right .blue{ font-weight:bold; font-size:13px; color:#0d338f;}
		
		#right .detail p{ padding:5px 0;}

		#right .return { padding:10px 10px 0 0;text-align:right;}
		#right .return a { color:#0b5fa7;text-decoration:none;}
		
		#right .detail .undeline{ text-decoration:underline;}
			
		/*contact*/
			#right .contact h4{ font-size:13px; color:#0a4a9a;}
			#right .contact .undeline{ text-decoration:underline;}
			#right .contact .red{ font-weight:bold; color:#e23982;}
			#right .contact p{ padding:10px 0; line-height:160%; font-size:12px;}
			#right .contact img{ clear:both; display:block; padding:4px; border:1px solid #ccc;}
			
			#right .contact table{ width:100%; }
				#right .contact table td{ padding:3px; background:#f7f7f7; text-align:center;}
				#right .contact table td.left{ text-align:left;}
					#right .contact table td a{ text-decoration:underline;}
				#right .contact table th{ padding:4px; background:#c8e1fa;}
			#right .contact .page{ clear:both; margin:20px 0 10px; padding:5px; text-align:right; background:#f7f7f7;}
				#right .contact .page a{ margin:0 5px;}
		
		/*management*/
			#right .management a{ float:left; margin:10px; width:142px; height:175px; overflow:hidden; text-align:center;}
				#right .management a img{ display:block; margin-bottom:5px; padding:3px; border:1px solid #ccc;}
				#right .management a strong{ color:#0a4a9a;}
					#right .management a strong span{ padding-left:5px; font-weight:normal;}
				#right .management a:hover img{ border:1px solid #0c3994;}
				
		/*video*/
			#right .video dl img{  display:block; padding:2px; border:1px solid #ccc;}
			#right .video dl.hot{ clear:both; padding-bottom:20px;}
				#right .video dl.hot dt{ width:160px; height:112px; padding-right:20px;}
				#right .video dl.hot dd{ margin:-115px 0 0 180px; width:340px;}
						#right .video dl.hot dd strong span{ color:#e23982;}
					#right .video dl.hot dd p{ width:340px;}
						#right .video dl.hot dd p a:hover{ text-decoration:underline;}
					
			#right .video dl.list{ clear:both; padding:10px 0; overflow:hidden;}
			#right .video dl.list dt{ float:left; padding-right:10px;}
			#right .video dl.list dd{ float:left;}
				
				#right .video dl.list dd ul li.blue{ padding-bottom:10px;}
				#right .video dl.list dd ul li a{ font-size:12px; font-weight:bold; color:#e23982;}
				
			#right .video ul.pic{ clear:both; text-align:center;}
				#right .video ul.pic li{ float:left; width:130px; padding:10px 12px;}
					#right .video ul.pic li img{ padding:2px; border:1px solid #ccc;}
						#right .video ul.pic li a{ display:block; padding: 5px 20px 0 0; background:url(../img/icon5.gif) no-repeat right 2px; font-size:12px; font-weight:bold; color:#e23982;}
						
			.photo{ margin:0 auto; padding-left:60px;}
			.photo .showPic{ width:560px; text-align:center;}
				.photo .showPic .c{ padding:20px 0;}
				.photo .showPic .c img{ background:#fff; padding:2px; border:1px solid #ccc;}
				.photo .showPic .btn a{ padding:4px 5px; background:#4066b3; border:1px solid #ccc; color:#fff;}
				
		/*notes
		------------------------------------*/
			#right .notes p{ font-size:12px; font-weight:bold; color:#0a4a9a;}
			#right .notes table{ margin:20px auto; width:90%; font-size:12px;}
				#right .notes table td{ padding:4px; border-bottom:1px solid #ccc;}
			#right .notes .submit{ padding-bottom:20px; text-align:right;}
				#right .notes .submit input{ width:56px; height:21px; margin:0 5px; border:none; background:url(../img/submit_bg.gif) no-repeat; font-weight:bold;}
			
		/*rink
		---------------------------------*/
		#left ul li ul{ display:none; padding:5px 0; background:none;}
		#left ul li.display ul{ display:block;}
			#left ul li ul li{ border:none; padding:2px 0;}
				#left ul li ul li a{ background:none; padding-left:40px; font-size:11px;}
				#left ul li ul li a:hover,#left ul li ul li a.over{ background:none!important; color:#c70a44!important;}
			#right .rink h4{ padding-bottom:5px; font-size:13px; color:#0a4a9a;}
			#right .rink ul{ padding:10px 0;}
				#right .rink ul li{ padding:2px 0; border-bottom:1px dotted #ccc;}
					#right .rink ul li a{ padding-right:10px;}
					#right .rink ul li span{ display:block; margin-top:-15px; text-align:right;}
		
		/*World Skating Academy */
		.world dl.list{ position:relative; clear:both; margin-bottom:20px; padding:4px; height:135px; background:#f3f3f3;}
			.world dl.list dt{ float:left; width:132px; padding-right:15px;}
			.world dl.list dd{ float:left; width:350px;}
			.world dl.list dd a{ position:absolute; left:415px; top:2px;}
			
		.world dl.xiangxi{ clear:both;}
			.world dl.xiangxi dt{ float:left; width:132px; padding-right:15px;}
				.world dl.xiangxi dt strong{ display:block; padding-top:10px; text-align:center;}
			.world dl.xiangxi dd{ float:left; width:350px;}
			
		#right .world_list h4{ padding-bottom:5px; font-size:13px; color:#0a4a9a;}
			#right .world_list ul{ padding:10px 0;}
				#right .world_list ul li{ padding:2px 0; border-bottom:1px dotted #ccc;}
					#right .world_list ul li a{ padding-right:10px;}
					#right .world_list ul li span{ display:block; margin-top:-15px; text-align:right;}
			
		/*coupon*/
		#right .coupon ul{ clear:both; text-align:center;}
			#right .coupon ul li{ float:left; width:130px; padding:10px 12px;}
				#right .coupon ul li img{ padding:2px; border:1px solid #ccc;}
				
		#right .coupon img{ margin-bottom:10px; padding:1px; border:1px solid #a6ce39; background:#fff;}