body{
	height: 100%;
}


.activity-wrapper{
	.menu-bar{
		.menu-btn{
			position: absolute;
			left: 10px;
			top: 10px;
		}
		.search-activity-btn{
			position: absolute;
			right: 10px;
			top: 10px;
		}
	}

	.activity-date{
		dl{
			margin: 0;
			padding: 0;
			dt{
				font-size: 12px;
				padding: 5px 15px;
				border-bottom: 1px solid #eaeaea;
				box-shadow: 0 2px 0 0 #f6f6f6;
			}
			dd{
				background: #ffffff;
				ul{
					margin: 0;
					padding: 0;
					list-style: none;
					li{
						padding: 15px 15px 15px 25px;
						border-bottom: 1px solid #efefef;
						box-shadow: 0 1px 0 0 #f6f6f6;
						.left-text{
							float: left;
							.price{
								color: #b0b0b0;
							}
						}
						.right-text{
							float: right;
						}
						&.active{
							background: #0cc579;
							color: #ffffff;
							.price{
								color: #ffffff;
							}
						}
					}
				}
			}
		}
	}
	.activity-container{
		.activity-top-menu{
			
			.message-btn{
				position: absolute;
				right: 15px;
				top: 10px;
			}
		}
		.contact-text{
			margin: 40px 0 0;
			text-align: center;
			border-bottom: 1px solid #ededed;
			box-shadow: 0 1px 0 0 #f6f6f6;
			padding: 10px 0;
		}
		.label-text{
			color: #c8c8c8;
		}
		.product-detail{
			ul{
				list-style: none;
				margin: 0;
				padding: 0;
				li{
					
					border-bottom: 1px solid #ededed;
					box-shadow: 0 1px 0 0 #f6f6f6;
					padding: 10px 0 0;
					p{
						line-height: 1;
					}
				}
			}
		}
		.payment-list{
			ul{
				list-style: none;
				margin: 0;
				padding: 0;
				li{
					&:last-child{
						border-bottom: none;
						box-shadow: none;
					}
					padding: 15px 0;
					border-bottom: 1px solid #ededed;
					box-shadow: 0 1px 0 0 #f6f6f6;
				}
			}
		}
	}
}
