@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 hotel ver. 的 CSS */
@import url('/webeip/HT00100/Peggy/fonticons/hotel/css/style.css');

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/becky/fonticons/css/style.css');
/* 以下是 圖示文字 new ver. 的 CSS */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');

/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');

.shopping_left{
	width: 180px;
}
/* 商品類別導覽 */
	.shopping_left_box{ width: 100%; background-color: #EFEFEF;}

	.shopping_left_title{
		cursor: pointer;
		text-align: center;
		letter-spacing: 0.25em;
		padding: 0.5em 0.25em;
		box-sizing: border-box;
		background-color: #9C9C9C;
		color: white;
	}

	/*商品總覽按鈕*/
	.shopping_left_allbtn{
		display: block;
		width: 80%;
		color: #fff;
		text-align: center;
		padding: 5px;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
		border-radius: 10px;
		margin: 5px auto;
	}
	.shopping_left_allbtn:after{
		background-color: rgba(0,0,0,.8);
		box-sizing: border-box;
		border: none;
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		border-radius: 10px;
		z-index: -1;
		opacity: 1;
		transition: all .3s;
	}
	.shopping_left_allbtn:hover{
		color: rgba(0,0,0,.8);
    	border: 1px solid rgba(0,0,0,.8);
	}
	.shopping_left_allbtn:hover:after{
		height: 0;
    	opacity: 0;
	}
	
	.shopping_left_box ul li{ position: relative; }

	.shopping_left_box > ul > li a{
		cursor: pointer;
		display: block;
		width: 95%;
		margin: 0 auto;
		padding: 0.5rem 1.5rem 0.5rem 0.5rem;
		box-sizing: border-box;
		font-size: 1rem;
		border-bottom: 1px solid lightgray;
		background-color: #EFEFEF;
		color: #000;
		transition: all .3s;
	}
	.shopping_left_box ul li ul{
		display: none;		
	}
	.shopping_left_box > ul > li > ul > li a{
		background-color: #999;
		color: #fff;
	}
	.shopping_left_box > ul > li > ul > li > ul > li a{
		padding: 0.5rem 0.5rem 0.5rem 1rem;
	}
	.shopping_left_box > ul > li a:hover{
		background-color: #828282;
		color: #fff;
	}

	.shopping_left_box ul li div > i{
		cursor: pointer;
		position: absolute;
		right: 0.5rem;
		top: 0.6rem;
		font-size: 1rem;
	}