|
|
|
|
|
| |
|
|
|
| | | |
|
|
| | |
/*menu*/
#menu2,
#menu2 ul,
#menu2 li,
#menu2 a {margin: 0;padding: 0;border: none;outline: none; }
/* Menu */
#menu2 { height:124px;width:100%; padding:10px 10px; z-index:99999; position:relative; text-align:center
/*????
???
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/}
#menu2 li {position: relative;list-style: none;float: left; display: block; height:115px; text-align:center; z-index:99999; }
/* Links */
#menu2 li a {display: block;padding:40px 30px; margin: 0px 0; text-decoration: none;font-size: 16px; color: #fff;
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
-ms-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
}
#menu2 li a .stitle{font-size:12px; color:#e8d5d3}
#menu2 li:first-child a { border-left: none; }
#menu2 li:last-child a{ border-right: none; }
#menu2 li:hover > a {color:#feca36;}
#menu2 li a#active{color:#ff7162; font-weight:bold;background-image:url(/Public/Home//Public/Home/Images/menu_bg.jpg)}
/* Sub Menu */
#menu2 ul { width:130px; position: absolute;opacity: 0;
background: rgba(0, 0, 0, 0.5) none repeat scroll !important;/* rgba(0, 0, 0, 0.2) 前三個確定顏色,最后0.2確定透明度 */
/*實現FireFox背景透明,文字不透明*/
background: #3a3a3a;
filter: Alpha(opacity=50);
top:115px;
/*
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
*/
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;}
#menu2 li:hover > ul { opacity: 1; }
#menu2 ul li { width:130px;height: 0;overflow: hidden;padding: 0;
-webkit-transition: height .3s ease .1s;
-moz-transition: height .3s ease .1s;
-o-transition: height .3s ease .1s;
-ms-transition: height .3s ease .1s;
transition: height .3s ease .1s;}
#menu2 li:hover > ul li {height: 35px;overflow: visible;padding: 0; font-size:14px; }
#menu2 ul li a { display:block;padding: 0px 10px;margin: 0; font-weight:normal; text-transform:none;text-align: center;font-size:14px; color:#fff; line-height:35px; }
#menu2 ul li a:hover{ display:block;color:#fffff; background:#e80000 }
#menu2 ul li:last-child a { }
#menu2 ul li ul { position:absolute; left:150px; top:0; }
#menu2 ul li ul li { height: 35px;padding: 0; font-size:13px;border: none; }
#menu2 ul li ul li a {display:block;padding: 0;margin: 0;font-size:13px; color:#000; line-height:35px; text-align:left; padding-left:20px; }