/*Dropdown Menu*/ #dropdown-menu ul ul { visibility: hidden; } #dropdown-menu ul li:hover > ul { visibility: visible; } #dropdown-menu ul { margin-left: 0; list-style: none; position: relative; visibility: visible; } #dropdown-menu ul:after { content: ""; clear: both; display: block; } #dropdown-menu ul li { float: left; border:1px solid #fff; padding-right: 0; } /*20240215 改動 */ /*If has child, show border when hover*/ #dropdown-menu ul .dropdown:hover { /* border:1px solid #afafaf; border-bottom:0; */ /* Need to cover the dropdownmenu's top border */ border-bottom: 10px solid #0078a0; z-index:999; position:relative; margin-bottom:-10px; } #dropdown-menu ul li:hover .actiTitleBarBtnForRWD{ /* color:#008cba; */ color:#0078a0; } #dropdown-menu ul li .actiTitleBarBtnForRWD{ color: #000; text-decoration: none; /* Cover the dropdownmenu's border-top */ border-bottom:1.5px solid #fff; padding-bottom:5px; background-color:#fff; } #dropdown-menu ul ul { background: #fff; border-radius: 0px; padding: 0; position: absolute; top: 100%; border:1px solid #afafaf; margin-left:-1px; min-width:130px; } #dropdown-menu ul ul li { float: none; position: relative; } #dropdown-menu ul ul li>a { padding: 10px 21px 10px 15px; color: #000; white-space:nowrap; display:block; } #dropdown-menu ul ul li a:hover { background: #EEEEEE; } #dropdown-menu ul ul li a:hover .SystemEventCount { background: #EC3939; } #dropdown-menu ul ul li a .SystemEventCount:hover { background: #EF4E4E; } #dropdown-menu ul ul ul { position: absolute; left: 100%; top:0; margin-left:1px; margin-top:-2px; } .dropdown { position: relative; display: inline-block; } @media only screen and (max-width: 730px) { #dropdown-menu ul li .actiTitleBarBtnForRWD{ padding-left:4px; padding-right:4px; } #dropdown-menu ul li .actiTitleBarBtnForRWD { padding-bottom: 0px; } } @media only screen and (min-width: 731px) { #dropdown-menu ul li .actiTitleBarBtnForRWD{ padding-left:4px; padding-right:4px; } } @media only screen and (max-width: 730px) { .mainLink { display: inline-block; padding-top: 10px; } } @media only screen and (min-width: 731px) { .mainLink { display: inline-block; padding-top: 10px; padding-bottom:5px; } } .signintext { /* Styles */ width: 80%; height: 30px; background-color: #4F81BE; border-radius: 7px; border: 2px solid #46679A; box-shadow: 0 2px 2px rgba(180,180,180,0.1); cursor: pointer; outline: none; margin-left: 20px; /* Font settings */ font-weight: bold; text-align: center; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -ms-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } ul li .signintext a { color: rgba(255, 255, 255, 0.7); padding-top: 8px; } ul li .signintext a:hover { color: rgba(255, 255, 255, 1); background-color: transparent; } .signuptext { margin-top: 10px; width: 80%; /* Font settings */ font-weight: bold; color: white; } .wrapper-dropdown-3 { /* Size and position */ position: relative; display: inline-block; margin: 0 auto; padding-left: 10px; padding-right: 35px; /* Styles */ cursor: pointer; outline: none; /* Font settings */ font-weight: bold; color: #8AA8BD; font-size: 14px; } .wrapper-dropdown-3:after { content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #8aa8bd transparent; } .wrapper-dropdown-3 .dropdow { font-size: 14px; z-index: 9999; width: 240px; /* Size & position */ position: absolute; top: 90%; right: -1px; /* Styles */ background: white; border-radius: inherit; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; list-style: none; /* Hiding */ visibility: hidden; opacity: 0; pointer-events: none; } #DivMemberSetting.wrapper-dropdown-3 .dropdow, #DivMemberSettingSmall.wrapper-dropdown-3 .dropdow { width: 160px; } #DivMemberSetting.wrapper-dropdown-3 .dropdow a, #DivMemberSettingSmall.wrapper-dropdown-3 .dropdow a { text-align: left; } .wrapper-dropdown-3 .dropdow:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 15px; border-width: 0 6px 6px 6px; border-style: solid; border-color: #fff transparent; } .wrapper-dropdown-3 .dropdow:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 13px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; } .wrapper-dropdown-3 .dropdow li a { display: block; padding: 10px; text-decoration: none; color: #8aa8bd; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrapper-dropdown-3 .dropdow li { line-height: 14px; } /* Hover state */ .wrapper-dropdown-3 .dropdow li:hover a { background: #E9EEEE; } /* Active state */ .wrapper-dropdown-3.active .dropdow { visibility: visible; opacity: 1; pointer-events: auto; } .wrapper-dropdown-3 .selector { cursor: pointer; } /* No CSS3 support */ .no-opacity .wrapper-dropdown-3 .dropdow, .no-pointerevents .wrapper-dropdown-3 .dropdow { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */ } .no-opacity .wrapper-dropdown-3.active .dropdow, .no-pointerevents .wrapper-dropdown-3.active .dropdow { display: block; } ul.off-canvas-list li > span { padding: 0.66rem; display: block; border-bottom: 1px solid #262626; } #DivMemberSetting, #DivMemberSettingSmall { padding-top: 4px; height: 21px; } .right-off-canvas-menu { display: none; } .move-left .right-off-canvas-menu { display: inherit !important; } /* 20160301 Eirc Lin Partner Portal - SystemEventCount */ .RWDMaster .SystemEventCount { position: absolute; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ border-radius: 4px; padding: 4px; background: #EC3939; color: #fff; text-align: center; font: 12px Arial, sans-serif; display: inline; font-weight: bold; cursor: pointer; /*margin-left: 17px;*/ width: auto; height: 20px; top: 1px; line-height: 12px; } .RWDMaster .SystemEventCount:hover { background: #EF4E4E; }