@charset "utf-8";

/*(頁籤式)分類選單設定------------------------*/
.member-menu { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; margin-bottom:20px;}
.member-menu * { padding:0; margin:0; list-style:none;}
.member-menu ul { width:100%; height:auto; padding:10px 0; max-width:1080px; overflow:hidden; margin:0 auto;}
.member-menu li { width:auto; height:auto; float:left; text-align:center; margin-right:20px; font-size:0.8rem;}
.member-menu li a { display:block; width:100%; height:50px; line-height:50px; text-decoration:none; padding:0 10px;
/*圓角*/
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.member-menu li a:link {color:rgba(0,0,0,0.4);}
.member-menu li a:visited { color:rgba(0,0,0,0.4);}
.member-menu li a:hover { color:#00ada9;}
.member-menu li a:active { color:#00ada9;}
.member-menu li a.Active { 
background:#00ada9;
/*background:-moz-linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba{255,255,255,1) 100%);
background:-webkit-linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba{255,255,255,1) 100%);
background:-o-linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba{255,255,255,1) 100%);
background:-ms-linear-gradient(90deg, rgba(0,0,0,0.05) 0%, rgba{255,255,255,1) 100%);
background:linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba{255,255,255,1) 100%);*/}
.member-menu li a.Active:link {color:white;}
.member-menu li a.Active:visited { color:white;}
.member-menu li a.Active:hover { color:white;}
.member-menu li a.Active:active { color:white;}
/*有第二層選單時*/
.member-menu li.LiSubMenu { padding-bottom:50px;}
.member-menu li.LiSubMenu .SubMenu { width:100%; height:50px; overflow:hidden; position:absolute; left:0; bottom:0; padding:10px 0; background:rgba(0,0,0,0.7);}
.member-menu li.LiSubMenu .SubMenu ul { padding:0;}
.member-menu li.LiSubMenu .SubMenu ul li.Submenu-li a { height:30px; line-height:30px; font-size:0.8rem;}
.member-menu li.LiSubMenu .SubMenu ul li.Submenu-li a:link {color:rgba(0,0,0,0.7);}
.member-menu li.LiSubMenu .SubMenu ul li.Submenu-li a:visited { color:rgba(0,0,0,0.7);}
.member-menu li.LiSubMenu .SubMenu ul li.Submenu-li a:hover { color:black;}
.member-menu li.LiSubMenu .SubMenu ul li.Submenu-li a:active { color:black;}

@media only screen and (min-width:0px) and (max-width:1080px) {
	/*(頁籤式)分類選單設定
	------------------------*/
	.member-menu ul { padding:10px 20px;}
	/*有第二層選單時*/
	.member-menu li.LiSubMenu .SubMenu { padding:10px 20px;}
}
@media only screen and (min-width:0px) and (max-width:768px) {
	.member-menu { width:calc( 100% - 20px ); padding:0; background:#eee;
	/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
	/*(頁籤式)分類選單設定
    ------------------------*/
	.member-menu #SlideDownButton,.member-menu #SlideUpButton,
	.member-menu #SlideDownButton2,.member-menu #SlideUpButton2{ width:100%; height:30px; margin:0 auto;
		/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.member-menu #SlideDownButton:before,.member-menu #SlideUpButton:before,
	.member-menu #SlideDownButton2:before,.member-menu #SlideUpButton2:before { content:'會員專區'; font-size:0.7em; line-height:30px; padding-left:10px; color:#666; display:inline-block; width:auto; height:auto; overflow:hidden; float:left;}
    .member-menu #SlideDownButton, member-menu #SlideDownButton2 { background:url(../Images/Layout/UI/Bu_SlideDownButton.png) calc( 100% - 10px ) center no-repeat, #eee; display:block;
		/*背景尺寸*/
-moz-background-size:auto 80%;
-webkit-background-size:auto 80%;
-o-background-size:auto 80%;
background-size:auto 80%;}
    .member-menu #SlideUpButton, .member-menu #SlideUpButton2   { background:url(../Images/Layout/UI/Bu_SlideUpButton.png) calc( 100% - 10px ) center no-repeat, #eee; display:none;
		/*背景尺寸*/
-moz-background-size:auto 80%;
-webkit-background-size:auto 80%;
-o-background-size:auto 80%;
background-size:auto 80%;}
    .member-menu #SlideMenu, .member-menu #SlideMenu2 { display:none; padding:5px;}
		.member-menu ul { padding:0; padding:0 10px; background:#fff; padding-top:5px;
				/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
	.member-menu li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin:0 5px 5px 0; white-space:nowrap;}
	.member-menu li a { height:auto; line-height:30px;
	/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
	/*有第二層選單時*/
	.member-menu li.LiSubMenu { padding-bottom:0;}
	.member-menu li.LiSubMenu .SubMenu { height:auto; position:relative; left:inherit; bottom:inherit; background:none; padding-bottom:0;}
	.member-menu li.LiSubMenu .SubMenu ul li.Submenu-li { width:100%;}
	.member-menu li.LiSubMenu .SubMenu ul li.Submenu-li a { background:none; height:auto; font-size:0.8rem; line-height:35px;}
}