01.body { position:relative;margin:0;height: 300px; padding: 1px; }
02.
03..menu {
04. background-color:#660099;
05. text-align:center;
06. float:right;
07. margin:0px;
08. padding:0px;
09.}
10.
11..menu li {
12. position:relative;
13. display:block;
14. padding: 5px 0px;
15. list-style: none;
16. list-style-position:inside;
17. border-radius:4px;
18. text-align:center;
19. }
20.
21..menu li a {
22. font-family:Angsana New;
23. font-size:30;
24. color:#fff;
25. font-weight:bold;
26. display:block;
27. text-decoration:none;
28. margin:0;
29.}
30.
31.
32..menu ul li:hover {
33. background:#FFFFFF;
34. z-index:1;
35. -webkit-box-shadow: inset 0px -2px 8px 0px rgba(0, 0, 0, 0.35);
36. box-shadow: inset 0px -2px 8px 0px rgba(0, 0, 0, 0.35);
37.}
38.
39..menu ul li:hover a {
40. font-family:Angsana New;
41. color:#000;
42. }
43.
44..menu ul {
45. display:none;
46. position:absolute;
47. background:#9900cc;
48. min-width:500%;
49. padding:0;
50. margin:5px 0 0 ;
51. float:none;
52. border-radius:4px;
53. -webkit-box-shadow: inset 0px -2px 8px 0px rgba(0, 0, 0, 0.35);
54. box-shadow: inset 0px -2px 8px 0px rgba(0, 0, 0, 0.35);
55.}
56.
57..menu li:hover ul ul, .menu li:hover ul ul ul
58.{
59. display: none;
60.}
61.
62..menu li:hover ul, .menu ul li:hover ul, .menu ul ul li:hover ul {
63. display: block;
64.}
