/*
娉?锛氶厤鍚 TanULMenu.js 浣跨敤
娉?锛氫娇鐢 UL銆丩I 鍒朵綔涓嬫媺鑿滃崟锛歍anMenu銆乀anMenuLevel1 瑕佷笌椤甸潰鏂囦欢涓殑鍚嶇О涓€鑷
娉?锛氫娇鐢ㄧず渚嬪涓嬶細

<div>
    <ul id="TanMenu">
        <li  class="TanMenuLevel1">
            <a href="#" >瀛﹂櫌棣栭〉</a>
        </li>
        <li  class="TanMenuLevel1">
            <a href="#" style="font-weight: bold; color: #ca1d3e;">瀛﹂櫌姒傚喌</a>
            <div><div></div></div>
            <ul style="margin-left: -265px;">
                <li>
                    <a href="#" >瀛﹂櫌绠€浠婞/a>
                </li>
                <li>
                    <a href="#" >棰嗗鐝瓙</a>
                </li>
            </ul>
        </li>
        <li  class="TanMenuLevel1">
            <a href="#" >甯堣祫闃熶紞</a>
        </li>
    </ul>
</div>

*/

#TanMenu {
    display: block;
    /*font-family: 瀹嬩綋;*/
    font-size: 20px;
    padding: 0px;
    margin: 0px;
    /*font-weight: bold;*/
}
#TanMenu ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: capitalize;
}
#TanMenu a {
    text-decoration: none;
    display: block;
    text-align: center;
    /*text-align: left;*/
}
/* 椤甸潰涓嶅悓锛岄渶瑕佷慨鏀圭殑椤癸細background銆亀idth */
#TanMenu .TanMenuLevel1 {
    /*background: #fff;*/
    /*float: left;*/
    border-left: 0px solid #000;
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 11px;
}




/* 椤甸潰涓嶅悓锛岄渶瑕佷慨鏀圭殑椤癸細color */
#TanMenu .TanMenuLevel1 a {
    color: #101010;
}

/*.curMenu{
    color: #ca1d3e;
    font-weight: bold;    
}*/


/* 椤甸潰涓嶅悓锛岄渶瑕佷慨鏀圭殑椤癸細color */
#TanMenu .TanMenuLevel1 a:hover{
    /*background: #ca1d3e;*/
    color: #ca1d3e;
    font-weight: bold;
    /*font-size: larger;
    font-size: 24px;*/
}
#TanMenu .TanMenuLevel1 ul {
    display: none;
    position: absolute;
    height: 60px;
    line-height: 60px;
    
/*	宸︾Щ銆佸瓙鑿滃崟灞呬腑锛氫富鑿滃崟鍙冲榻愯绠楁柟娉
    瀛愯彍鍗曟暟 size2
    涓昏彍鍗曟暟 size1
    涓昏彍鍗曞綋鍓嶄綅缃 pos1, 浠 1 寮€濮
    涓汇€佸瓙鑿滃崟瀹藉害 width
    涓昏彍鍗曞彸杈逛釜鏁 r1 = size1 锛 pos1
    瀛愯彍鍗曞彸杈逛釜鏁 r2 = size2 / 2  - 0.5 
    r1 >= r2锛屽彇 x = r2
    r1 < r2锛屽彇  x = r2 + r2 - r1
    
    涓昏彍鍗曞乏杈逛釜鏁 r3 = pos1 - 1
    x > r3锛屽彇 x = r3
    
    鍒欙紝 margin-left: -x*width)锛

    娉細姣忎釜涓昏彍鍗曚腑鐨 ul margin-left 涓嶅悓
    margin-left: -390px;*/    
    
}
/*涓昏彍鍗曚笅闈㈢殑绔栫嚎锛氬鏃狅紝鍒欎笉鐢熸晥*/
#TanMenu .TanMenuLevel1 div {
	display: none;
    /*瀹藉害 + 宸﹀彸 = 涓昏彍鍗曞搴?/
	width: 80px; 
    margin: 0 20px;
    /*楂樺害+杈圭嚎 = 涓昏彍鍗曞簳閮ㄧ┖鐧介珮搴?/
	height: 10px;
    border-top: 2px solid red;    
}

#TanMenu .TanMenuLevel1 div div {
     /*瀹藉害 + 宸﹀彸 = 澶栧眰div瀹藉害*/
	width: 2px; 
    margin: 0 39px;
    /*楂樺害涓庡灞俤iv鐩稿悓*/
	height: 100%;
    background-color: red;
}

/* 椤甸潰涓嶅悓锛岄渶瑕佷慨鏀圭殑椤癸細background銆亀idth */
#TanMenu .TanMenuLevel1 li {
    border-top: 2px solid red;
    background: #234187;
    filter:alpha(opacity=80);
    opacity: 0.8;
    width: 130px;
    float: left;
}
#TanMenu .TanMenuLevel1 li a {
    /*text-align: left;*/
    text-align: center;
    padding-left: 0px;
    width: 130px;
    background: white;
}
#TanMenu .TanMenuLevel1 li a:hover {
    /*background: #33271E;*/
}