/**Date: 17 July, 2018
/**File : ..\\hsProg\css\hsCustome.css
/**Custom CSS by 3.1.253.146 
/** By Gary Hung
**/


/** the followings are for the theme of "best-commerce"
**/
.login_button{
	color: blue;
}

.hsUser {
display: block;	
background-image: url("http://3.1.253.146/hsImg/user.png");
background-repeat: no-repeat;
background-position: center;
padding-left: 25px;
background-size: 25px 25px; 
}

.hs-nav-wrap {
	background-color: #009933;	
	width: 100%;
	float: right;
	
}

#menu-hs-custom-menu {		
    list-style: none;
    font-weight: bold;
    margin-bottom: 5px;
    float: right; /* Clear floats */
    width: 100%;
	position: relative;
	z-index:9999;
    /* Bring the nav above everything else--uncomment if needed.
    position: relative;
    z-index: 5;
    */
}


#menu-hs-custom-menu li {	
	float: right;
    margin-right: 10px;
    position: relative;
}
#menu-hs-custom-menu a {
    display: block;
    padding: 3px;
    color: #ffff00;
	font-weight: bold;
	text-decoration: underline overline wavy red;
   /* background-color: #ff9966; 
    text-decoration: none;*/
}

/*--- DROPDOWN ---*/
#menu-hs-custom-menu ul {
    background-color: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}

#menu-hs-custom-menu ul li {
    padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
}
#menu-hs-custom-menu ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menu-hs-custom-menu li:hover ul { /* Display the dropdown on hover */
    /* left: 0; /* Bring back on-screen when needed */
	right: 0;
	left: auto;	
}

#menu-hs-custom-menu li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	color: #ffffff;
    background-color: #993333;	
    text-decoration: underline;
	padding-left: 10px;
	padding-right: 10px;
}
#menu-hs-custom-menu li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}
#menu-hs-custom-menu li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#ffff00;
    background-color: #339966;
	text-decoration: underline;
}



/**
** the followings are for the plugin of "membership"
**/
#bitnami-banner {display:none;}

/*#1210 普通會員*/
#ms-membership-wrapper-1210 .ms-title {
	color:#000000;
}

/*#1209 黃金級 I,#1212 黃金級 II,#1213 黃金級 III*/
#ms-membership-wrapper-1209 .ms-title, #ms-membership-wrapper-1212 .ms-title, #ms-membership-wrapper-1213 .ms-title {
	color:#0000ff;
}

/*#1221 鑽石級 I,#1222 鑽石級 II,#1223 鑽石級 III*/
#ms-membership-wrapper-1221 .ms-title, #ms-membership-wrapper-1222 .ms-title, #ms-membership-wrapper-1223 .ms-title {
	color:#008000;
}

/*#1224 VIP I,#1225 VIP II,#1226 VIP III*/
#ms-membership-wrapper-1224 .ms-title, #ms-membership-wrapper-1225 .ms-title, #ms-membership-wrapper-1226 .ms-title {
	color:#e60000;
}

.ms-top-bar,.ms-bottom-bar {
	padding: 5px !important;
}



#hs_privacy_check, #hs_href{
  color:#3355FF;
}

#hs_href:hover {
    color:#FF0000;
}