.base > aside
	{
		z-index						: 220;
		width						: 100%;
		height						: 100%;
		min-width					: 320px;
		max-width					: 640px;
		margin						: 0px auto 0px auto;
	}
	
	header.aside
	{
		width						: 100%;
		max-width					: 640px;
		z-index						: 250;
		margin						: 0px auto 0px auto;
	}
	header.aside > .top
	{
		width						: 100%;
		height						: 44px;
		position					: relative;
	}
	header.aside > .top	.button
	{
		position					: absolute;
		top							: 0px;
		width						: 44px;
		height						: 44px;
		cursor						: pointer;
		z-index						: 260;
		background-color			: rgba(250,250,250,0.9);
		background-image			: url(../image/icon/icon_top_close.png);
		background-size				: 16px 16px;
		background-repeat			: no-repeat;
	}
	aside.left > header.aside > .top	.button
	{
		left						: 0px;
		background-position			: 14px 14px;
	}	
	aside.right > header.aside > .top	.button
	{
		right						: 0px;
		background-position			: 14px 14px;
	}
	header.aside > .top	.button		img
	{
		vertical-align				: middle;
	    width						: 16px;
	}
	header.aside > .top	.background
	{
		position					: relative;
		width						: 100%;
		height						: 44px;
		background-color			: rgba(250,250,250,0.9);
		z-index						: 255;
	}
	aside.left > header.aside > .mid
	{
		background-color			: rgba(250,250,250,0.8);
	}
	aside.left > header.aside > .mid	.search_box
	{
		padding						: 5px 0px 5px 0px;
		text-align					: center;
		border-bottom				: 1px solid #eaeaea;
		background-color			: rgba(250,250,250,1);
	}
	aside.left > header.aside > .mid	.search_box		.button
	{
		display						: inline-block;
		width						: 36px;
		height						: 36px;
		background-size				: 36px 36px;
		background-position			: center center;
		background-image			: url(../image/icon/icon_search.png);
		background-repeat			: no-repeat;
		vertical-align				: top;
		cursor						: pointer;
	}
	aside.left > header.aside > .mid	.search_box		input
	{
		padding						: 3px 10px 3px 10px;
		border-left					: 0px;
		border-top					: 1px solid #eaeaea;
		border-right				: 1px solid #eaeaea;
		border-bottom				: 1px solid #eaeaea;
		border-left					: 1px solid #eaeaea;
		width						: 80%;
		height						: 28px;
		font-size					: 16px;
		vertical-align				: top;
	}
	.aside_left_slide_box,
	.aside_right_slide_box
	{
		background-color			: white;
	}
	.aside_left_menu_slide_box	.slide_mid
	{
		overflow					: hidden;
		height						: 39px;
		border-bottom				: 1px solid #eaeaea;
	}
	.aside_left_menu_slide_box	.scroll_x_item
	{
		display						: inline-block;
		vertical-align				: top;
	}
	.aside_left_menu_slide_box	.scroll_x_item	.title
	{
		margin						: 0px 10px 0px 10px;
		padding						: 0px 10px 0px 10px;
		height						: 38px;
		line-height					: 38px;
		font-size					: 14px;
	}
	.aside_left_menu_slide_box	.scroll_x_item.selected	.title
	{
		border-bottom				: 1px solid #00beb7;
		color						: #00beb7;
	}
	.aside_right_slide_box	.slide_top > .tb
	{
		table-layout				: fixed;
		width						: 100%;
		background-color			: white;
	}
	.aside_right_slide_box	.slide_top > .tb > .tr
	{
		border-top					: 1px solid #eaeaea;
		border-bottom				: 1px solid #eaeaea;
	}
	.aside_right_slide_box	.slide_top > .tb	.item	.title
	{
		margin						: 0px 10px 0px 10px;
		padding						: 0px 10px 0px 10px;
		height						: 38px;
		line-height					: 38px;
		font-size					: 14px;
		text-align					: center;
	}
	.aside_right_slide_box	.slide_top > .tb	.item.selected	.title
	{
		border-bottom				: 1px solid #00beb7;
		color						: #00beb7;
		font-size					: 14px;
	}
	.aside_right_slide_box	.slide_top > .tb	.item	.title	> .text
	{
		display						: inline-block;
		position					: relative;
	}
	.aside_right_slide_box	.slide_top > .tb	.item	.title	> .text > .count
	{
		position					: absolute;
		top							: 6px;
		right						: -16px;
		color						: white;
		background-color			: #ff0000;
		border-radius				: 100%;
		font-size					: 12px;
		font-weight					: bold;
		line-height					: 15px;
		width						: 15px;
		height						: 15px;	
		font-family: HelveticaNeue-Thin, sans-serif-thin;
	}
	.aside_right_slide_box	.slide_mid	.slide_item		.item_box
	{
		padding						: 20px;
	}
	
	
	.body_side_slide_box	.slide_mid
	{
		background-color			: white;
	}
	
	.aside_right_slide_box	.slide_mid	.slide_item
	{
		background-color			: #eeeeee;
	}
	
	
	aside.right		section.login_box
	{
		padding						: 40px 10px 10px 10px;
		vertical-align				: middle;
		font-size					: 16px;
		text-align					: center;
	}	
	aside.right		section.login_box		.text
	{
		font-size					: 14px;
		color						: #666666;
		margin-bottom				: 10px;
	}
	aside.right		section.login_box		.login
	{
		display						: inline-block;
		color						: white;
		background-color			: #00beb7;
		border						: 1px solid #00beb7;
		border-radius				: 5px;
		padding						: 10px 15px 12px 15px;
		font-size					: 17px;
		line-height					: 14px;
	}

	
	aside.right		section.user_info
	{
		padding						: 10px 10px 10px 10px;
		line-height					: 30px;
		height						: 30px;
		vertical-align				: middle;
		font-size					: 16px;
	}	
	aside.right		section.user_info	.profile
	{
		display						: inline-block;
		width						: 30px;
		height						: 30px;
		background-size				: 30px 30px;
		background-position			: center center;
		background-repeat			: no-repeat;
		vertical-align				: middle;
		border-radius				: 100%;
		border						: 1px solid #dddddd;
		margin-right				: 5px;
	}
	aside.right		section.user_info	.logout
	{
		float						: right;
		display						: inline-block;
		margin-top					: 4px;
		color						: #00beb7;
		border						: 1px solid #b9e0df;
		border-radius				: 5px;
		padding						: 6px 8px 7px 8px;
		font-size					: 14px;
		line-height					: 14px;
		background-color			: #fff;
		opacity						: 0.8;
	}
	
	aside.right		section.my_subscription	> ul	> li.page.unselected
	{
		display						: none;
	}
	aside.right		section.my_subscription	> nav	> .page_body	> span.unselected
	{
		cursor						: pointer;
	}
	
	
	aside.right		> main	> .subscription
	{
		position					: fixed;
		top							: 0px;
		left						: 0px;
		width						: 100%;
		height						: 100%;
		z-index						: 600;
		text-align					: center;
	}
	aside.right		> main	> .subscription	> .box
	{
		position					: relative;
		max-width					: 640px;
		width						: 100%;
		height						: 100%;
		background-color			: rgba(1,1,1,0.6);
		margin						: 0px auto 0px auto;
	}
	aside.right		> main	> .subscription	> .box	> header
	{
		height						: 50px;
		position					: absolute;
		top							: 0px;
		width						: 100%;
	}
	aside.right		> main	> .subscription	> .box	> header	> .close
	{
		position					: absolute;
		top							: 0px;
		right						: 0px;
		width						: 44px;
		height						: 44px;
		cursor						: pointer;
		background-image			: url(../image/icon/icon_top_close_white.png);
		background-position			: center center;
		background-size				: 16px 16px;
		background-repeat			: no-repeat;
		z-index						: 605;
	}
	aside.right		> main	> .subscription	> .box	> main
	{
		height						: 100%;
	}
	aside.right		> main	> .subscription	> .box	> main		> section
	{
		position					: relative;
		display						: inline-block;
		width						: 300px;
		z-index						: 608;
		border-radius				: 5px;
		overflow					: hidden;
		vertical-align				: middle;
		box-shadow					: 0px 1px 1px rgba(0,0,0,0.5);
	}
	aside.right		> main	> .subscription	> .box	> main		> section	> ul		> li
	{
		padding						: 20px 10px 20px 100px;
		background-color			: white;
		text-align					: left;
		line-height					: 24px;
	}
	aside.right		> main	> .subscription	> .box	> main		> section	> ul		> li + li
	{
		border-top					: 1px solid #eeeeee;
	}
	
	
	
	footer.aside
	{
		width						: 100%;
	}
	footer.aside	> .menu.tb
	{
		width						: 100%;
		table-layout				: fixed;
	}
	footer.aside	> .menu.tb		.tc
	{
		padding						: 20px;
		text-align					: center;
		font-size					: 16px;
		font-weight					: bold;
		color						: white;
		background-color			: #00beb7;
		cursor						: pointer;
	}
	footer.aside	> .menu.tb		.tc:first-child
	{
		border-right				: 1px solid rgba(255,255,255,0.06);
	}
	footer.aside	> nav.section_list	> .tb
	{
		width						: 100%;
		table-layout				: fixed;
		margin-top					: 10px;
	}
	footer.aside	> nav.section_list	> hr
	{
		margin						: 10px 0px 10px 0px;
		border-top					: 1px solid #eeeeee;
		border-bottom				: 0px;
		height						: 0px;
		width						: 100%;
	}
	footer.aside	> nav.section_list	> .tb	.tc
	{
		font-size					: 14px;
		padding						: 5px 10px 10px 30px;
	}
	footer.aside	> nav.section_list	> .tb	.tc.highlight
	{
		color						: #00beb7;
	}
	footer.aside	> nav.section_list	> .tb	.tc		.link
	{
		cursor						: pointer;
	}